.quick-menu{background-color:var(--main-bg-color);position:fixed;height:50px;bottom:0;left:70px;display:flex;align-items:center;gap:15px;padding:0 15px;--input-padding:15px;--padding-color:#C3D08B;--margin-color:#F9CC9D}.quick-menu .quick-menu__magic.is-active .element-editor{z-index:9999;bottom:57px;opacity:1}.quick-menu .quick-menu__sizes{font-size:12px !important}.quick-menu .quick-menu__breadcrumbs ul{display:flex;padding:0;margin:0;list-style:none;font-size:12px;color:#fff;gap:10px}.quick-menu .quick-menu__class{position:relative;z-index:1;border-radius:var(--border-radius)}.quick-menu .quick-menu__class.is-active .quick-menu__class-options{bottom:115%}.quick-menu .quick-menu__class .quick-menu__class-options{position:absolute;transition:bottom 0.3s;background-color:#fff;bottom:-100px;left:0;right:0;padding:5px;border-radius:6px;z-index:2;box-shadow:0 10px 20px rgba(0,0,0,0.1),0 6px 6px rgba(0,0,0,0.16);display:flex;gap:3px;flex-wrap:wrap}.quick-menu .quick-menu__class .quick-menu__class-options .quick-menu__class-option{padding:3px 6px;font-size:12px;border:1px solid #ddd;border-radius:6px;cursor:pointer}.quick-menu .quick-menu__class .quick-menu__class-options .quick-menu__class-option.is-active{border-color:#4BB543}.quick-menu .quick-menu__whitespace-wrapper{position:relative;z-index:1}.quick-menu .quick-menu__whitespace-wrapper h3{color:#fff}.quick-menu .quick-menu__whitespace-wrapper.is-active .quick-menu__whitespace{bottom:20px;opacity:1;pointer-events:initial}.quick-menu .quick-menu__whitespace-wrapper .quick-menu__whitespace{position:absolute;transition:bottom 0.3s,opacity 0.3s;background-color:#05043ed1;bottom:-120px;opacity:0;padding:5px;border-radius:6px;z-index:2;box-shadow:0 10px 20px rgba(0,0,0,0.1),0 6px 6px rgba(0,0,0,0.16);pointer-events:none}.whitespace-box{display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);border-radius:90px;border:1px solid #efefef;overflow:hidden;height:125px;width:125px;margin:15px}.whitespace-box input{border-radius:0px !important;width:25px !important;text-align:center;font-size:11px;height:25px !important;padding:0;margin:0;border:1 solid transparent !important;background-color:#efefef;outline:0}.whitespace-box input[class^="p-"]{background-color:color-mix(in srgb,var(--padding-color) 50%,white);border-color:var(--padding-color)}.whitespace-box input[class^="m-"]{background-color:color-mix(in srgb,var(--margin-color) 50%,white);border-color:var(--margin-color)}.whitespace-box .p-top{grid-column-start:3;grid-row-start:2}.whitespace-box .p-right{grid-column-start:4;grid-row-start:3}.whitespace-box .p-bottom{grid-column-start:3;grid-row-start:4}.whitespace-box .p-left{grid-column-start:2;grid-row-start:3}.whitespace-box .m-top{grid-column-start:3;grid-row-start:1}.whitespace-box .m-right{grid-column-start:5;grid-row-start:3}.whitespace-box .m-bottom{grid-column-start:3;grid-row-start:5}.whitespace-box .m-left{grid-column-start:1;grid-row-start:3}.whitespace-box input::-webkit-outer-spin-button,.whitespace-box input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.whitespace-box input[type=number]{-moz-appearance:textfield}