@font-face{font-family:Work Sans;src:url(https://media.qa.gobasic.dk/Assets/GoBasic/v1/fonts/WorkSans/WorkSans.ttf) format("truetype")}html{line-height:1.15;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--padding:16px;--margin:16px;--grid-space:12px;--breakpoint-small:800px;--breakpoint-medium:1124px;--breakpoint-large:1200px}:root{--icon-size-base:16px;--icon-size-medium:21px;--icon-size-large:32px}:root{--font-base:"Work Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-weight-base:500;--icons-family:"Font Awesome 6 Pro"}:root{--color-primary:#227093;--color-primary--hover:#296988;--color-secondary--dark-blue:#227093;--color-secondary--blue:#3C3C58;--color-secondary--green:#218c74;--color-secondary--orange:#cc8e35;--color-secondary--red:#b33939;--color-cta:#33766d;--color-bg-base:#fff;--color-bg-light-gray:#fafaf9;--color-bg-light-gray-list-hover:#efefef;--color-bg-light-gray-yellowish:#fefbf8;--color-bg-light-gray-blueish:#f3f8f9;--color-bg-dark-gray-blueish:#F4F8F9;--color-bg-light-green:#f4f9f8;--color-bg-light-red:#fbf5f5;--color-bg-light-yellow:#fcf9f5;--color-sidebar:#fbf6f0;--color-border:#c4c9cb;--color-border--light-blue:#85b0c4;--color-border--btn-primary:#1E5D7A;--color-border-green:#8ac2b5;--color-border-red:#ECCDCD;--color-border-yellow:#e3c395;--color-text:#555555;--color-text--dimmed:#999999;--color-link:#227093;--color-text-white:#ffffff;--color-text-dark:#353131}:root{--rounded-corners--xsmall:2px;--rounded-corners--small:3px;--rounded-corners--medium:6px;--rounded-corners--large:12px;--rounded-corners--max:999px;--rounded-corners--circle:100%;--border-radius:10px}:root{--header--height:calc(var(--form-input--height) + var(--margin) + var(--margin));--nav-sidebar--width:66px;--tree-view-main--width:330px;--tree-view-main--width--tablet:210px}:root{--form-input--height:38px;--form-input-padding:var(--space-12)}:root{--panel-box-offset:71px}:root{--box-shadow--small:0 4px 6px 0 rgba(0,0,0, .1);--box-shadow--medium:0 4px 12px 0 rgba(0,0,0, .15);--box-shadow--large:0 4px 16px 0 rgba(0,0,0, .2)}:root{--tree-view-node-block:1.25rem;--tree-view-node-indent:2rem;--tree-view-node-parent-indent:1rem;--tree-view-node-padding:.5rem;--tree-view-node-height:6px;--tree-view-node-gap:.5rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes spin{0%{-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)}to{-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes check{0%{height:0;width:0}20%{width:6px;height:0}}@keyframes check{0%{height:0;width:0}20%{width:6px;height:0}}a{text-decoration:none;color:var(--color-link)}a:hover,a:focus,a:active{text-decoration:none;color:var(--color-text)}.titel{font-size:1rem;line-height:1.5rem}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text)}h1{font-size:1.75rem;line-height:2rem}h2{font-size:1.125rem;line-height:1.75rem}h3{font-size:1rem;line-height:1.5rem}h4{font-size:.875rem;line-height:1.25rem}.lead{font-size:1rem;line-height:1.5rem}.link{text-decoration:underline;color:var(--color-link);cursor:pointer}.link:hover,.link:focus,.link:active{text-decoration:none}.alert{color:var(--color-secondary--red)}#skip{position:absolute;opacity:0;left:-999px;top:-999px;padding:0}#skip:focus{position:relative;opacity:1;left:0;top:0;padding:calc(var(--padding) * .4)}img{width:100%;height:auto}i{display:inline-block;font-size:var(--icon-size-base);min-width:var(--icon-size-base)}.nav-sidebar ul li i{font-size:var(--icon-size-medium)}.flex-box{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--space-16)}.flex-box>i{margin-right:var(--margin)}.flex-box.align-end{align-items:flex-end}.flex-box.align-center{align-items:center}.flex-box.justify-between{justify-content:space-between}.flex-inline{display:flex;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-box.remove-margin-top-bottom,.flex-btn-box.remove-margin-top-bottom{margin-top:0;margin-bottom:0}.flex-box.remove-margin-top-bottom>*,.flex-btn-box.remove-margin-top-bottom>*{margin-top:0;margin-bottom:0}.flex-item{height:auto}.flex-item.boxed{overflow:hidden;min-width:80px;border:1px solid var(--color-border);background:var(--color-bg-light-gray);border-radius:var(--rounded-corners--small);transition:border-color .2s}.flex-item.w-25{width:25%}.flex-item.w-50{width:50%}.flex-item.w-100{width:100%}.flex-btn-box{display:flex;align-items:center;flex-wrap:wrap;margin:var(--margin) 0;gap:var(--margin)}.flex-btn-box input[type=text],.flex-btn-box input[type=password],.flex-btn-box input[type=number],.flex-btn-box input[type=date],.flex-btn-box input[type=time],.flex-btn-box select,.flex-btn-box textarea,.flex-btn-box .form-element,.flex-btn-box .dropdown-text{width:auto}.flex-btn-box.align-right{justify-content:end}.flex-btn-box.no-wrap{flex-wrap:nowrap}.flex-btn-box.no-margin{margin:0}header .flex-btn-box{margin:0}.buttons{display:flex;align-items:center}.buttons>.btn{margin-right:var(--margin)}.buttons>.btn:last-child{margin-right:0}.btn:disabled{pointer-events:none;opacity:.5}.btn{font-weight:var(--font-weight-base);text-decoration:none;cursor:pointer;padding:0 var(--space-16);display:inline-flex;align-items:center;min-height:var(--form-input--height);line-height:1.25rem;height:var(--form-input--height);justify-content:center;white-space:nowrap;border-radius:var(--rounded-corners--small);border:1px solid var(--color-border--light-blue);background-color:var(--color-bg-light-gray-blueish);color:var(--color-text)}.btn:not(.loading):hover,.btn:not(.loading):focus-visible{border-color:var(--color-border--btn-primary);background-color:var(--color-primary);color:var(--color-text-white);transition:all .2s}.btn:not(.loading):focus-visible{outline-color:var(--color-border--btn-primary)}.btn.light{background:var(--color-bg-base)}.btn>i{position:relative;margin-right:var(--space-12)}.btn.no-text>i{margin-right:0}.btn.small{font-size:.675rem;line-height:.75rem;min-height:24px;height:24px;padding:var(--space-12)}.btn.dashed{border:1px dashed var(--color-border);background:var(--color-bg-base);color:var(--color-text)}.btn.cta{color:#fff;background-color:var(--color-cta);border:1px solid #2e6b63}.btn.cta:not(.loading):hover,.btn.cta:not(.loading):focus,.btn.cta:not(.loading):active{background-color:#2e6b63}.btn.icon-only{background-color:transparent;border:none;text-align:center;color:var(--color-text);padding:0 var(--space-12)}.btn.icon-only:not(.loading):hover,.btn.icon-only:not(.loading):focus,.btn.icon-only:not(.loading):active{background-color:transparent;color:var(--color-primary)}.btn.table{min-height:auto;height:auto;padding:var(--space-4) var(--space-8)}.btn.primary{color:var(--color-text-white);background-color:var(--color-primary);border:1px solid var(--color-border--btn-primary)}.btn.primary:not(.loading):active,.btn.primary:not(.loading):hover{background-color:var(--color-primary--hover)}.btn.primary:not(.loading):focus{background-color:var(--color-primary)}.btn.light-warning{border:1px solid rgba(179,57,57,.5);background-color:#b339390d;color:#b33939}.btn.light-warning:not(.loading):hover,.btn.light-warning:not(.loading):focus,.btn.light-warning:not(.loading):active{color:var(--color-text-white);border-color:var(--color-secondary--red);background-color:var(--color-secondary--red)}.btn.warning{color:var(--color-text-white);background-color:var(--color-secondary--red);border:1px solid var(--color-secondary--red)}.btn.warning:not(.loading):hover,.btn.warning:not(.loading):focus,.btn.warning:not(.loading):active{border-color:#a73535;background-color:#a73535}.btn.yellow{border:1px solid var(--color-border-yellow)}.btn.yellow:not(.loading):hover,.btn.yellow:not(.loading):focus,.btn.yellow:not(.loading):active{border-color:#e0bc89;background-color:#e0bc89}.btn.loading{position:relative}.btn.loading.btn{color:var(--color-text--dimmed)}.btn.loading.btn-group:after{left:auto;right:7px}.btn.loading.btn-group .btn-group--toggler:before{display:none}.btn.loading.result-box:after{top:16px;left:16px;margin-top:0;margin-left:0}.btn.loading:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-base);opacity:.2;z-index:5}.btn.loading:after{content:"";position:absolute;width:20px;height:20px;border:1px solid var(--color-border--light-blue);border-bottom-color:var(--color-primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:spinner 1s linear infinite;z-index:6;top:50%;left:50%;margin-top:-10px;margin-left:-10px}.input-btn-box{display:flex;align-items:center}.input-btn-box>*:not(:last-child):not(:first-child){margin:0 var(--margin) 0 0}.input-btn-box>*:first-child{margin:0 var(--margin) 0 0}.input-btn-box>*:last-child{margin:0}header .flex-btn-box,table .flex-btn-box{margin:0}.flex-buttons{display:flex;align-items:center;justify-content:center;margin:0 auto calc(var(--margin) * 2)}.flex-buttons>*{border-radius:0}.flex-buttons>*:not(:last-child){border-right:none}.flex-buttons>*:first-child{border-top-left-radius:var(--rounded-corners--small);border-bottom-left-radius:var(--rounded-corners--small)}.flex-buttons>*:last-child{border-top-right-radius:var(--rounded-corners--small);border-bottom-right-radius:var(--rounded-corners--small)}.btn-relative{position:relative}.input-file-hidden{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.pagination .btn:not(.primary):hover,.pagination .btn:not(.primary):focus,.pagination .btn:not(.primary):active{background-color:var(--color-bg-light-gray-blueish);color:var(--color-primary)}.pagination .primary{pointer-events:none}.btn-mask{all:unset;box-sizing:border-box;width:100%;height:100%}.description-button{position:fixed;bottom:20px;right:20px;border:1px solid var(--color-border);padding:5px;text-align:center;display:flex;align-items:center;border-radius:50%;background:var(--color-bg-base);cursor:pointer;z-index:20;transition:background .1s,border-color .1s}.description-button:hover{background-color:var(--color-bg-light-gray-list-hover)}.description-button.active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-text-white)}.btn-group{position:relative;display:inline-flex}.btn-group.success>.btn.btn-group--toggler{position:relative;border-color:transparent}.btn-group.success>.btn.btn-group--toggler:before{border-radius:0;opacity:1;-webkit-animation:check .25s;animation:check .25s;-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;border-right:1px solid rgba(255,255,255,.8);border-top:1px solid rgba(255,255,255,.8);content:"";display:block;height:10px;width:5px;position:absolute;left:calc(50% - 5px);top:50%}.btn-group.equal-width{display:flex;gap:12px}.btn-group.equal-width>.btn{width:50%;border-radius:var(--rounded-corners--small)!important}.btn-group.open .btn-group--toggler:before{transform:rotate(-45deg)!important;top:calc(50% - 2px)!important}.btn-group>.btn:first-child{border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small)}.btn-group>.btn.btn-group--toggler{border-left:0;border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0;position:relative}.btn-group>.btn.btn-group--toggler:before{position:absolute;left:calc(50% - 3px);top:calc(50% - 4px);width:5px;height:5px;content:"";display:inline-block;border-right:1px solid var(--color-text);border-top:1px solid var(--color-text);transform:rotate(135deg);transition:transform .2s}.btn-group>.btn.btn-group--toggler.open:before{left:calc(50% - 3px);top:calc(50% - 5px);transform:rotate(135deg)}.btn-group>.btn.btn-group--toggler:hover:before,.btn-group>.btn.btn-group--toggler:focus:before,.btn-group>.btn.btn-group--toggler:active:before{border-color:var(--color-text-white)!important}.btn-group>.btn.btn-group--toggler.primary:before{border-color:var(--color-text-white)!important}ul.nav-list.dropdown-save-menu{position:absolute;right:0;background:var(--color-bg-base);top:calc(100% + calc(var(--margin) * .4));width:100%;min-width:240px;border:1px solid var(--color-border);border-radius:var(--rounded-corners--small);padding:var(--space-8);box-shadow:#0000000f 0 20px 25px -5px,#0000000a 0 10px 10px -5px}.preview-btns{display:flex;align-items:center}.preview-btns .btn:first-child{margin-left:var(--space-12)}.preview-btns.double .btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;z-index:2}.preview-btns.double .btn:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.preview-popup-header{padding-left:4px}.preview-popup-header .flex-box{align-items:center;margin-bottom:0}.preview-popup-header .preview-popup-input{margin-bottom:0;padding-bottom:0}.preview-popup-header .preview-popup-buttons{margin-top:0;margin-bottom:0}.preview-popup-header .preview-popup-buttons .btn-active{color:var(--color-primary);background-color:var(--color-bg-light-gray-blueish)}.preview-popup-header .preview-popup-buttons .btn:nth-child(1){border-top-right-radius:0;border-bottom-right-radius:0}.preview-popup-header .preview-popup-buttons .btn:nth-child(2){border-left:0;border-radius:0}.preview-popup-header .preview-popup-buttons .btn:nth-child(3){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.btn.dropdown-toggle{padding-right:calc(var(--margin) * 3);position:relative}.btn.dropdown-toggle:before{position:absolute;left:calc(100% - var(--margin) * 2);top:calc(50% - 4px);width:5px;height:5px;content:"";display:inline-block;border-right:1px solid var(--color-text);border-top:1px solid var(--color-text);transform:rotate(135deg);transition:transform .2s}.btn.dropdown-toggle.open:before{left:calc(100% - var(--margin) * 2);top:calc(50% - 5px);transform:rotate(135deg)}.btn.dropdown-toggle:hover:before,.btn.dropdown-toggle:focus:before,.btn.dropdown-toggle:active:before{border-color:var(--color-bg-base)}.dropdown-menu{position:absolute;top:auto;left:0;background:var(--color-bg-base);top:calc(100% + calc(var(--margin) * .4));width:auto;min-width:240px;border:1px solid var(--color-border);border-radius:var(--rounded-corners--small);padding:var(--space-8);box-shadow:#0000000f 0 20px 25px -5px,#0000000a 0 10px 10px -5px;list-style-type:none;margin:0;z-index:10;max-height:350px;overflow:auto}.dropdown-menu li{cursor:pointer;display:flex;align-items:center;white-space:nowrap;padding:var(--space-12)}.dropdown-menu li:hover,.dropdown-menu li:focus,.dropdown-menu li:active{background:var(--color-bg-light-gray-list-hover);border-radius:var(--rounded-corners--small)}.dropdown-menu li i{text-align:center;margin-right:var(--space-12);min-width:var(--space-24);max-width:var(--space-24)}.checkers-alert .alert{width:100%;padding:0 calc(var(--padding) * 2);height:var(--form-input--height);display:flex;align-items:center;justify-content:flex-start;border-radius:var(--rounded-corners--small);margin:var(--margin) 0}.checkers-alert .alert:before{width:16px;height:16px;margin-right:var(--margin);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-white)}.checkers-alert .alert.check{border:1px solid var(--color-border-green);background-color:var(--color-bg-light-green)}.checkers-alert .alert.check:before{content:"";font-family:var(--icons-family);background-color:var(--color-secondary--cyan);font-size:8px}.checkers-alert .alert.warning{border:1px solid var(--color-border-yellow);background-color:var(--color-bg-light-yellow)}.checkers-alert .alert.warning:before{content:"!";background-color:var(--color-secondary--orange)}.checkers-alert .alert.error{border:1px solid var(--color-border-red);background-color:var(--color-bg-light-red)}.checkers-alert .alert.error:before{content:"!";background-color:var(--color-secondary--red)}.flex-wrap .flex-item.image-picker-box{width:100%}.flex-wrap .flex-item.image-picker-box.sticky-element{position:sticky;top:8px;z-index:3}.flex-wrap .flex-item:not(.image-picker-box){border:1px solid var(--color-border);overflow:hidden;transition:border-color .2s}.flex-wrap .flex-item:not(.image-picker-box):hover,.flex-wrap .flex-item:not(.image-picker-box):focus,.flex-wrap .flex-item:not(.image-picker-box):active{background:var(--color-bg-light-gray-blueish);border-color:var(--color-border--light-blue)}.flex-wrap .flex-item .item.image-picker{padding-bottom:min(50%,100px);background-color:var(--color-bg-dark-gray-blueish);color:var(--color-text)}.flex-wrap .flex-item .item{padding-bottom:50%;position:relative;width:100%}.flex-wrap .flex-item .item .content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.flex-wrap .flex-item .item .content img{height:100%;width:100%;object-fit:cover}.extension-box{display:flex;align-items:center;justify-content:flex-start;width:100%;margin:var(--space-12) 0 0}.extension-box .extension-item{padding:var(--space-4) var(--space-8);border-radius:var(--rounded-corners--small);background-color:var(--color-primary);color:var(--color-text-white)}.extension-box .extension-item:not(:last-of-type){margin-right:var(--margin)}.extension-box .delete{cursor:pointer}.extension-box .delete i{width:var(--space-16);height:var(--space-16);display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--color-bg-light-gray);color:var(--color-primary);font-size:.75rem;margin-left:calc(var(--margin) / 2);min-width:auto}.flex-box.filter-box{background-color:var(--color-bg-light-gray);border-bottom:1px solid var(--color-border);padding:var(--padding);margin:calc(-1 * var(--space-24)) calc(-1 * var(--space-16)) var(--space-16) calc(-1 * var(--space-16));gap:var(--space-12)}.flex-box.filter-box .flex-item{width:100%;margin:0}.flex-box.filter-box .flex-item:first-of-type,.flex-box.filter-box .flex-item:last-of-type{max-width:25%}.flex-box.filter-box .form-element,.flex-box.filter-box .form-search-input,.pop-up .flex-box.filter-box{margin:0}.popup-content .media-details{margin:0;height:100%;overflow:auto;max-height:calc(100vh - 230px);overflow-y:auto}.media-details .flex-wrap{padding:var(--padding)}.media-details .filter-box.name-box>input{margin:0 0 var(--space-12) 0}.content .text{display:flex;align-items:center;justify-content:center;flex-direction:column}.content .text>i{padding-bottom:var(--space-4)}.image-size-slider{position:relative}.image-size-slider>.slider-image{height:var(--form-input--height);padding:0 40px;display:flex;align-items:center;justify-content:center}.image-size-slider>.slider-image input{background:transparent}.image-size-slider>i{position:absolute;top:50%;left:var(--margin);color:var(--color-primary);font-size:12px;transform:translateY(-50%)}.image-size-slider>i.last{left:unset;right:var(--margin);font-size:16px}label .form--label{margin-bottom:0;z-index:3}label .form--label .form--explanation>span{margin-right:0;margin-left:calc(var(--margin) * .4)}label,.form--label{margin-bottom:var(--space-8);display:flex;align-items:center}.form--label+.flex-btn-box{margin-top:0}.checkbox>.form--label{margin-left:var(--space-8)}.radiobox{padding:calc(var(--padding) * .5) 0}.radiobox input[type=radio]{display:none}.radiobox input[type=radio]+label{position:relative;padding-left:var(--space-24);cursor:pointer}.radiobox input[type=radio]+label:before{content:"";position:absolute;left:0;border:2px solid var(--color-primary);border-radius:50%;width:16px;height:16px;top:50%;transform:translateY(-50%);box-sizing:border-box}.radiobox input[type=radio]+label:after{content:"";position:absolute;border-radius:50%;left:4px;width:8px;height:8px;top:4px;background-color:transparent;transition:background-color .3s ease-out;box-sizing:border-box}.radiobox input[type=radio]:checked+label:after{background-color:var(--color-primary)}input[type=checkbox]+.form--label{display:inline-block}input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],select,textarea,.form-element,.dropdown-text{font-weight:var(--font-weight-base);font-variation-settings:"wght" var(--font-weight-base);border-radius:var(--rounded-corners--small);background:var(--color-bg-base);border:1px solid var(--color-border);font-family:var(--font-base);font-feature-settings:"ss06";width:100%;line-height:1;display:inline-block;color:var(--color-text);vertical-align:middle;font-size:.75rem;line-height:1rem;outline-color:transparent;transition:outline-color .3s}input[type=text],input[type=password],input[type=number],input[type=date],input[type=time],select,textarea,.form-item,.dropdown-text{height:var(--form-input--height);padding:0 var(--form-input-padding)}input[type=text]:hover,input[type=text]:active,input[type=text]:focus,input[type=password]:hover,input[type=password]:active,input[type=password]:focus,input[type=number]:hover,input[type=number]:active,input[type=number]:focus,input[type=date]:hover,input[type=date]:active,input[type=date]:focus,input[type=time]:hover,input[type=time]:active,input[type=time]:focus,select:hover,select:active,select:focus,textarea:hover,textarea:active,textarea:focus,.form-item:hover,.form-item:active,.form-item:focus,.dropdown-text:hover,.dropdown-text:active,.dropdown-text:focus{outline-color:#2270931a;outline-width:3px;outline-style:solid}input[type=text],input[type=password],input[type=number],input[type=time],input[type=date]{text-overflow:ellipsis}.icon-input{display:flex;align-items:stretch;background-color:var(--color-bg-base)}.icon-input input,.icon-input select,.icon-input .dropdown-text{border:none;margin:0;height:var(--form-input--height);background-color:transparent;z-index:2}.icon-input select *{background-color:var(--color-bg-base)}.icon-input i{width:40px;min-width:40px;height:var(--form-input--height);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--color-border);background-color:var(--color-bg-light-gray-blueish);border-top-left-radius:var(--rounded-corners--small);border-bottom-left-radius:var(--rounded-corners--small);color:#227093}.invalid-text{display:none}.warning-text{margin-top:var(--space-8);color:var(--color-secondary--orange)}.row.invalid{padding-bottom:var(--space-16);position:relative}.row.invalid .invalid-text{display:block;width:100%;color:var(--color-secondary--red);position:absolute;bottom:0}.row.invalid input[type=text],.row.invalid input[type=password],.row.invalid input[type=number],.row.invalid input[type=date],.row.invalid input[type=time],.row.invalid select,.row.invalid textarea,.row.invalid .form-element{border-color:var(--color-border-red);border-width:2px}.row.invalid .icon-input i{color:var(--color-secondary--red);border-right-color:var(--color-border-red);background-color:#b339390d}.form-item{background-color:var(--color-bg-light-gray);display:flex;align-items:center;position:relative}.form-item.validation-error{border-color:var(--color-secondary--red);background-color:var(--color-bg-light-red)}select{-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.dropdown-text,select{padding-right:40px}.dropdown-text{display:flex;align-items:center;position:relative;justify-content:space-between;cursor:pointer}.form-dropdown{position:relative}.form-dropdown .dropdown-box{position:absolute;top:calc(100% - 1px);width:100%;left:0;padding:var(--space-8) var(--space-12);background-color:var(--color-bg-base);border:1px solid var(--color-border);z-index:4;box-shadow:var(--box-shadow--small);border-radius:0 0 var(--rounded-corners--small) var(--rounded-corners--small)}.form-dropdown .dropdown-box .dropdown-item{padding:var(--padding) 0;cursor:pointer}.form-dropdown .dropdown-box .dropdown-item:hover{color:var(--color-primary)}.form-dropdown.open .form-element{border-bottom-left-radius:0;border-bottom-right-radius:0}.form-select,.dropdown-text{position:relative}.form-select:after,.dropdown-text:after{position:absolute;top:50%;transform:translateY(-50%);right:16px;content:"";font-family:var(--icons-family)}textarea{padding-top:var(--margin);padding-bottom:var(--margin);min-height:100px;resize:vertical}input:-moz-placeholder,textarea:-moz-placeholder{color:var(--color-text--dimmed)}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:var(--color-text--dimmed)}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:var(--color-text--dimmed)}.color-picker-box,.color-picker-box.empty label{position:relative}.color-picker-box.empty label:before{height:100%;width:40px;content:"";font-family:var(--icons-family);font-size:14px;display:flex;align-items:center;justify-content:center;z-index:1;position:absolute;left:0;top:0;border-top-left-radius:var(--rounded-corners--small);border-bottom-left-radius:var(--rounded-corners--small);border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--color-bg-light-gray);border-right:1px solid var(--color-border);color:var(--color-primary)}.color-picker-box.noLabel .color-picker label{padding:0}.color-picker-box .delete{position:absolute;height:14px;width:14px;top:50%;transform:translateY(-50%);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;right:12px;background-color:var(--color-bg-light-gray-list-hover);cursor:pointer}.color-picker-box .delete i{font-size:8px;color:var(--color-text-white)}.color-picker-box .icon-box{height:100%;width:40px;display:flex;align-items:center;justify-content:center;border-top-left-radius:var(--rounded-corners--small);border-bottom-left-radius:var(--rounded-corners--small);border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--color-bg-light-gray);border:1px solid var(--color-border);color:var(--color-primary);margin-right:12px;z-index:1;position:absolute;left:0;top:0}.color-picker-box .icon-box i{font-size:14px}.color-picker-box:not(.noLabel) .color-picker label .container{border-top-left-radius:var(--rounded-corners--small);border-bottom-left-radius:var(--rounded-corners--small);border-top-right-radius:0;border-bottom-right-radius:0;padding:var(--padding);background-color:var(--color-bg-light-gray);border-right:1px solid var(--color-border)}.color-picker-box .color-picker{display:block;width:100%}.color-picker-box .color-picker label{width:100%;border-radius:var(--rounded-corners--small)!important;gap:12px!important;background:var(--color-bg-base);border:1px solid var(--color-border);font-family:var(--font-base);font-feature-settings:"ss06";padding:0 calc(var(--padding) * 4) 0 0;line-height:1;height:var(--form-input--height);display:inline-flex;margin:0!important;color:var(--color-text);font-size:.75rem;line-height:1rem;outline-color:transparent;transition:outline-color .3s}.color-picker-box .color-picker label:hover,.color-picker-box .color-picker label:active,.color-picker-box .color-picker label:focus{outline-color:#2270931a;outline-width:3px;outline-style:solid}.color-picker-box .color-picker label input{width:24px;height:24px}.color-picker-box .color-picker label .alpha,.color-picker-box .color-picker label .color{width:24px;height:24px;border-radius:var(--rounded-corners--small)}.color-picker-box .color-picker label .container{width:38px;height:36px;border-radius:var(--rounded-corners--small)}.color-picker-box .isPopup{z-index:10}.mail-flex-box{display:flex;align-items:flex-start;justify-content:flex-start}.mail-flex-box input{margin-right:var(--space-12);width:100%}.switch-item{display:flex;align-items:center;justify-content:space-between;padding:var(--padding);border:1px solid var(--color-border);border-radius:var(--rounded-corners--small)}.grouped-list{padding:var(--padding);border:1px solid var(--color-border);border-radius:var(--rounded-corners--small);background-color:var(--color-bg-light-gray)}.checkbox-with-input{display:flex}.checkbox-with-input .checkbox-container{max-height:none!important;border-right:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-color:var(--color-border)!important}.checkbox-with-input input{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.datepicker-container{display:flex;align-items:center;margin-bottom:var(--space-12)}.datepicker-container>input[type=text]{width:100%;margin-bottom:0}.datepicker-container button{margin-left:var(--space-12)}input[type=time].date-input-time{margin-top:var(--space-12)}.cursor-pointer{cursor:pointer}.field-invalid-box>.row>input[type=text],.field-invalid-box>.row>input[type=password],.field-invalid-box>.row>input[type=number],.field-invalid-box>.row>input[type=date],.field-invalid-box>.row>input[type=time],.field-invalid-box>.row>select,.field-invalid-box>.row>textarea,.field-invalid-box>.row>.form-element,.field-invalid-box>.row>.child-list-editor{border-color:var(--color-secondary--red);background-color:var(--color-bg-light-red)}.row.invalid .datepicker-container .invalid-text{bottom:-24px}.form--explanation{display:inline-block;position:relative}.form--explanation>span{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:var(--space-16);height:var(--space-16);border-radius:var(--rounded-corners--circle);background:var(--color-bg-light-gray);border:1px solid var(--color-border--light-blue);font-size:.675rem;line-height:.75rem;margin-right:calc(var(--margin) * .4);transition:background .1s,border .1s}.form--explanation>span:hover{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-text-white)}.form--explanation--popup{width:max-content;max-width:330px;z-index:10;background:var(--color-bg-base);position:absolute;top:calc(100% + var(--margin));box-shadow:#0000000f 0 20px 25px -5px,#0000000a 0 10px 10px -5px;padding:var(--space-16);border-radius:var(--rounded-corners--small);border:1px solid var(--color-border--light-blue);display:block;box-shadow:var(--box-shadow--small)}.form--switch{position:relative;display:inline-block;margin-bottom:0;width:32px;height:17px}.form--switch>input{opacity:0;width:0;height:0}.switch-space{margin-right:6px;white-space:nowrap}.form--switch--slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);border-radius:999px;transition:background-color .3s,border .3s;border:1px solid var(--color-border)}.form--switch--slider:before{position:absolute;content:"";height:11px;width:11px;left:3px;bottom:2px;background-color:var(--color-bg-base);transition:transform .3s;border-radius:50%}input:checked+.form--switch--slider{background-color:var(--color-primary);border-color:var(--color-primary)}input:checked+.form--switch--slider:before{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translate(14px);background:var(--color-bg-base)}input:disabled+.form--switch--slider{cursor:not-allowed;opacity:.6}.form--switch+.form--label{display:inline-block;margin-left:var(--margin);margin:0}.form-search{position:relative;display:flex;align-items:center}.form-search>i{position:absolute;left:var(--space-12);color:var(--color-text);font-size:18px}.form-search>input{padding-left:calc(var(--space-32) + var(--space-8));-webkit-user-select:none;user-select:none}.form-search .open-filters,.form-search .clear-search{border-radius:var(--rounded-corners--small);padding:calc(var(--padding) * .6);background:transparent;left:auto;font-size:var(--icon-size-base)}.form-search .open-filters:hover,.form-search .open-filters:focus,.form-search .open-filters:active,.form-search .clear-search:hover,.form-search .clear-search:focus,.form-search .clear-search:active{cursor:pointer;transition:background .2s;background:var(--color-bg-light-gray-list-hover)}.form-search .open-filters{right:40px}.form-search .clear-search{right:var(--space-8)}.internal-tree.no-border>.form-search{border-left:0;border-right:0;border-top:0}.form--input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.form--input-group>input{position:relative;flex:1 1 auto;width:1%;min-width:0;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.form--input-group>.btn{display:flex;align-items:center;height:var(--form-input--height);margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0;z-index:2}.form--media-picker{cursor:pointer;background:var(--color-bg-base);border:1px dashed var(--color-border);display:inline-block;padding:calc(var(--padding) * 3);border-radius:var(--rounded-corners--small);transition:background .3s,border-style .2s,border-radius .2s,box-shadow .2s}.form--media-picker i{font-size:18px;transition:color .2s;color:var(--color-border)}.form--media-picker:hover,.form--media-picker:focus,.form--media-picker:active{background:var(--color-bg-light-gray-blueish);border-color:var(--color-border--light-blue);box-shadow:#0000000f 0 20px 25px -5px,#0000000a 0 10px 10px -5px}.form--media-picker:hover i,.form--media-picker:focus i,.form--media-picker:active i{color:var(--color-primary)}.image-picker{border-radius:var(--rounded-corners--small);border:1px dashed var(--color-border);width:80px;height:80px;min-width:80px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;color:var(--color-primary);background:var(--color-bg-base);box-shadow:0 none;transition:box-shadow .2s,background .2s}.image-picker:hover,.image-picker:focus,.image-picker:active{border:1px dashed var(--color-border--light-blue);background:var(--color-bg-dark-gray-blueish)}.image-picker .text{font-size:.75rem}.image-picker i,.image-picker .text{margin:0 var(--space-4)}.image-picker input{position:absolute;height:100%;width:100%;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.image-picker .content:before{font-family:var(--icons-family)}.image-picker .content{text-align:center}.image-picker.has-media{border:none;position:relative;border:1px solid var(--color-border--light-blue)}.image-picker.has-media:hover .delete,.image-picker.has-media:active .delete,.image-picker.has-media:focus .delete{opacity:1}.image-picker.has-media i{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:0}.image-picker.has-media .content>i:before{font-size:1.875rem}.image-picker.has-media .image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:var(--rounded-corners--small);object-fit:cover}.image-picker.has-media .delete{opacity:0;position:absolute;bottom:4px;right:4px;height:20px;width:20px;border-radius:var(--rounded-corners--small);background-color:var(--color-bg-light-gray-list-hover);display:flex;align-items:center;justify-content:center;z-index:2;top:unset;transform:unset;outline:0;border:medium none}.image-picker.has-media .delete:hover{cursor:pointer;background-color:var(--color-secondary--red)}.image-picker.has-media .delete:hover i:before{color:var(--color-text-white)}.image-picker.has-media .delete i:before{color:var(--color-link)}.pick-icon{width:100%;max-width:10%;padding-top:5%;position:relative;border-radius:var(--rounded-corners--small);cursor:pointer;border:1px solid transparent}.pick-icon:hover{background-color:var(--color-bg-dark-gray-blueish)}.pick-icon.active{background-color:var(--color-bg-dark-gray-blueish);border:1px solid var(--color-border--light-blue)}.pick-icon:before{position:absolute;display:flex;align-items:center;justify-content:center;width:100%;height:100%;top:0;right:0;bottom:0;left:0;font-size:1.875rem}.video-thumbnail-picker{border:none;background:none;padding:0;border-radius:var(--rounded-corners--small);border:1px var(--color-border--light-blue) dashed;cursor:pointer;overflow:hidden;height:fit-content}.video-thumbnail-picker img{width:330px;max-width:100%}input[type=range]{height:22px;-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;animate:.2s;background:var(--color-border);border-radius:3px}input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;animate:.2s;background:var(--color-border);border-radius:3px}input[type=range]::-webkit-slider-thumb{border:3px solid var(--color-bg-light-gray-blueish);height:var(--space-16);width:var(--space-16);margin-top:-7px;border-radius:18px;background:var(--color-primary);cursor:pointer;-webkit-appearance:none}input[type=range]::-moz-range-thumb{border:3px solid var(--color-bg-light-gray-blueish);height:10px;width:10px;border-radius:18px;background:var(--color-primary);cursor:pointer}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--color-border)}.horizontal{display:inline-flex;margin-right:calc(var(--margin) * 2);overflow:auto;max-width:100%;padding-bottom:calc(var(--margin) * 2)}.horizontal .form-item{display:flex;align-items:center;margin:0;width:auto;border-radius:0;background-color:var(--color-bg-base);padding-right:calc(var(--margin) * 3);position:relative}.horizontal .form-item:not(:last-of-type){border-right:0}.horizontal .form-item:first-of-type{border-top-left-radius:var(--rounded-corners--small);border-bottom-left-radius:var(--rounded-corners--small)}.horizontal .form-item:last-of-type{border-top-right-radius:var(--rounded-corners--small);border-bottom-right-radius:var(--rounded-corners--small)}.dnd-tabs i{margin-right:var(--margin)}.dnd-tabs:hover .delete{opacity:1}.dnd-tabs .delete{position:absolute;top:50%;transform:translateY(-50%);right:8px;width:20px;height:20px;cursor:pointer;opacity:0;transition:opacity .1s ease-out}.dnd-tabs .delete:before{content:"";font-family:var(--icons-family);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dnd-tabs.selected{border:1px solid #1c5d7a;background-color:var(--color-primary);color:var(--color-text-white)}.form-element.form-item.module i{margin-right:var(--space-12)}.drag-and-drop{position:relative;max-height:300px;overflow:auto}.drag-and-drop .drag-and-drop{z-index:3}.drag-and-drop .form-item{margin-bottom:var(--space-8)}.drag-and-drop .form-item:last-child{margin-bottom:0}.drag-and-drop .form-item.module{padding:var(--space-8) var(--space-12);border:unset;background:var(--color-bg-base);height:auto;margin:0;border:1px solid transparent}.drag-and-drop .form-item.module:hover,.drag-and-drop .form-item.module:focus,.drag-and-drop .form-item.module:active{outline:0;border-color:var(--color-border)}.drag-and-drop .form-item i{margin-right:var(--space-8);min-width:20px;max-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center}.drag-and-drop .form-item.active .delete,.drag-and-drop .form-item:hover .delete{opacity:1}.drag-and-drop .delete{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:15px;height:15px;cursor:pointer;opacity:0;transition:opacity .1s ease-out}.drag-and-drop .delete:before{content:"";font-family:var(--icons-family);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.drag-and-drop .selected{border:unset;outline:solid 3px var(--color-border--light-blue)}.drag-and-drop .selected[data-selected-items-count]:after{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:20px;height:20px;content:attr(data-selected-items-count);color:var(--color-text-white);background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center}.drag-and-drop.grid-box{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;max-height:unset;padding:0 0 50px;margin:0;border:0;overflow:hidden;background:transparent}.drag-and-drop.grid-box .grid-item{margin:calc(var(--grid-space) / 2);padding:0 var(--space-8);position:relative;justify-content:space-between}.drag-and-drop.grid-box .grid-item:hover,.drag-and-drop.grid-box .grid-item:focus,.drag-and-drop.grid-box .grid-item:active{cursor:pointer}.drag-and-drop.grid-box .grid-item .grid-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.drag-and-drop.grid-box .grid-item .grid-item-size{white-space:nowrap}.drag-and-drop.grid-box .grid-item.col-1{width:calc(100% * 1 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-1.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-1.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-1.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-1.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 1 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2{width:calc(100% * 2 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-2.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-2.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-2.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-2.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 2 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3{width:calc(100% * 3 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-3.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-3.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-3.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-3.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 3 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4{width:calc(100% * 4 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-4.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-4.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-4.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-4.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 4 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5{width:calc(100% * 5 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-5.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-5.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-5.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-5.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 5 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6{width:calc(100% * 6 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-6.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-6.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-6.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-6.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 6 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7{width:calc(100% * 7 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-7.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-7.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-7.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-7.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 7 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8{width:calc(100% * 8 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-8.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-8.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-8.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-8.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 8 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9{width:calc(100% * 9 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-9.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-9.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-9.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-9.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 9 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10{width:calc(100% * 10 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-10.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-10.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-10.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-10.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 10 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11{width:calc(100% * 11 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-11.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-11.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-11.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-11.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 11 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12{width:calc(100% * 12 / var(--col-end) - var(--grid-space))}.drag-and-drop.grid-box .grid-item.col-12.left-space-1{margin-left:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-1:before{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 1 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-1{margin-right:calc(100% * 1 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-1:after{background-color:var(--color-bg-light-gray);content:"(1)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 1 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-2{margin-left:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-2:before{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 2 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-2{margin-right:calc(100% * 2 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-2:after{background-color:var(--color-bg-light-gray);content:"(2)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 2 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-3{margin-left:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-3:before{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 3 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-3{margin-right:calc(100% * 3 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-3:after{background-color:var(--color-bg-light-gray);content:"(3)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 3 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-4{margin-left:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-4:before{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 4 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-4{margin-right:calc(100% * 4 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-4:after{background-color:var(--color-bg-light-gray);content:"(4)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 4 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-5{margin-left:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-5:before{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 5 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-5{margin-right:calc(100% * 5 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-5:after{background-color:var(--color-bg-light-gray);content:"(5)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 5 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-6{margin-left:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-6:before{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 6 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-6{margin-right:calc(100% * 6 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-6:after{background-color:var(--color-bg-light-gray);content:"(6)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 6 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-7{margin-left:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-7:before{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 7 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-7{margin-right:calc(100% * 7 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-7:after{background-color:var(--color-bg-light-gray);content:"(7)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 7 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-8{margin-left:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-8:before{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 8 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-8{margin-right:calc(100% * 8 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-8:after{background-color:var(--color-bg-light-gray);content:"(8)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 8 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-9{margin-left:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-9:before{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 9 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-9{margin-right:calc(100% * 9 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-9:after{background-color:var(--color-bg-light-gray);content:"(9)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 9 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-10{margin-left:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-10:before{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 10 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-10{margin-right:calc(100% * 10 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-10:after{background-color:var(--color-bg-light-gray);content:"(10)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 10 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-11{margin-left:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-11:before{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 11 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-11{margin-right:calc(100% * 11 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-11:after{background-color:var(--color-bg-light-gray);content:"(11)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 11 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item.col-12.left-space-12{margin-left:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.left-space-12:before{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-right:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 12 / var(--col-end));border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small);height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;left:0;transform:translate(-100%);color:var(--color-text)}.drag-and-drop.grid-box .grid-item.col-12.right-space-12{margin-right:calc(100% * 12 / var(--col-end) + var(--grid-space) / 2)}.drag-and-drop.grid-box .grid-item.col-12.right-space-12:after{background-color:var(--color-bg-light-gray);content:"(12)";border:1px dashed var(--color-border);border-left:0;width:calc((var(--pseudo-elements-width, 100%) + var(--grid-space)) * var(--col-end) / 12 * 12 / var(--col-end));height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:-1px;right:0;transform:translate(100%);color:var(--color-text);border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0}.drag-and-drop.grid-box .grid-item .drag-elem{cursor:ew-resize;width:20px;top:0;right:-10px;height:100%;display:block;z-index:100;position:absolute}.drag-and-drop .tree-view-main{padding:0;width:100%;height:100%}.drag-and-drop:not(.horizontal):not(.divider-drag-drop):not(.grid-box){padding:var(--space-8)}.drag-and-drop{outline-color:var(--color-bg-dark-gray-blueish)!important;outline-width:4px!important}.search-element{padding:var(--space-12);margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:var(--color-bg-light-gray)}.search-element input{margin:0}.withSearch{border-top-left-radius:0;border-top-right-radius:0;border-top:0}.hidden{display:none!important}.dnd-tree-item{padding:var(--space-4);display:flex;align-items:center}.dnd-tree-item i{text-align:center;margin:0 var(--space-8)}.drag-element{position:absolute;background-color:var(--color-bg-light-gray);height:var(--form-input--height);padding:0 var(--form-input-padding);border-radius:var(--rounded-corners--small);border:1px solid var(--color-border);min-height:var(--form-input--height);display:flex;align-items:center;flex-wrap:nowrap;bottom:calc(0px - var(--form-input--height));left:0}.share-box-item{position:relative}.drag-shadow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.drag-and-drop-box .drag-and-drop{margin-bottom:0;height:100%}.drag-and-drop-box .drag-and-drop.empty-zone{border:1px dashed var(--color-primary)}.drag-and-drop-box .drag-and-drop.withSearch{border-top:0;height:calc(100% - 84px)}.dnd-placeholder{display:flex;position:absolute;color:var(--color-primary);pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%)}.no-borders{border:none}.min-height{padding:var(--padding);min-height:100px}.form-item+.drag-box{display:none}.form-item.active{background-color:var(--color-primary);color:var(--color-text-white)}.form-item.open .dropdown{transform:rotate(180deg)}.form-item.open+.drag-box{display:block}.dropdown{cursor:pointer;position:relative}.dropdown:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;display:flex;align-items:center;justify-content:center}table input[type=text],table input[type=password],table input[type=number],table input[type=date],table input[type=time],table select,table textarea,table .form-element,table .dropdown-text{margin:0}table .delete{padding:var(--padding);cursor:pointer}table th{font-weight:500}.table-head-addon .row{padding:0;margin:0}.table-box table .sortable,.dnd-table table .sortable{cursor:pointer}.table-box table th.sortable:after,.dnd-table table th.sortable:after{font-family:var(--icons-family);position:absolute;right:5px;top:50%;transform:translateY(-50%)}.table-box table .desc:after,.dnd-table table .desc:after{content:""}.table-box table .asc:after,.dnd-table table .asc:after{content:""}.table-box{width:fit-content;max-width:100%;min-width:100%;overflow-x:auto;overflow-y:auto}.table-box .table-head{padding:var(--space-8) var(--space-8);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-dark-gray-blueish);display:flex;align-items:center}.table-box .table-head h3{padding:0 var(--padding);margin:0}.table-box tr{height:48px}.table-box table{width:fit-content;min-width:100%;border-collapse:collapse;color:var(--color-text)}.table-box table th{padding:var(--space-8) var(--space-8);text-align:left;position:relative}.table-box table td{padding:var(--space-8);line-height:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-box.border{border:1px solid var(--color-border);border-radius:var(--rounded-corners--small)}.table-box.border thead tr{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-light-gray-blueish)}.table-box.border tbody tr:not(:last-of-type){border-bottom:1px solid var(--color-border)}.divider.validation-error{background-color:var(--color-bg-light-red);border-color:var(--color-secondary--red)}.divider>.divider-arrow-head{position:relative;display:flex;align-items:center;white-space:nowrap;margin:var(--margin) 0;cursor:pointer}.divider>.divider-arrow-head:before{position:absolute;left:12px;top:calc(50% - 3px);width:5px;height:5px;content:"";display:inline-block;border-right:1px solid var(--color-text);border-top:1px solid var(--color-text);transform:rotate(45deg);transition:transform .2s}.divider>.divider-arrow-head.open:before{left:12px;top:calc(50% - 5px);transform:rotate(135deg)}.divider>.divider-arrow-head.open:before{left:unset}.divider>.divider-arrow-head:before{left:unset;top:unset;position:relative;margin-right:calc(var(--margin) * 2)}.divider>.divider-arrow-head:after{border-top:1px solid var(--color-border--light-blue);content:"";position:relative;width:100%;display:block;margin-left:calc(var(--margin) * 2)}.divider>.divider-head{background:var(--color-bg-light-gray-blueish);border:1px solid var(--color-border);color:var(--color-text);margin:var(--space-12) 0;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.divider.validation-error>.divider-head{border-color:var(--color-secondary--red);background-color:var(--color-bg-light-red)}.divider:not(.divider-plus)>.divider-head{padding:var(--space-12) var(--padding) var(--space-12) 30px;border-radius:var(--rounded-corners--small);position:relative}.divider:not(.divider-plus)>.divider-head:before{position:absolute;left:12px;top:calc(50% - 3px);width:5px;height:5px;content:"";display:inline-block;border-right:1px solid var(--color-text);border-top:1px solid var(--color-text);transform:rotate(45deg);transition:transform .2s}.divider:not(.divider-plus)>.divider-head.open:before{left:12px;top:calc(50% - 5px);transform:rotate(135deg)}.divider:first-child>.divider-head{margin-top:0}.divider-plus>.divider-head.open.noMarginOpen{margin-bottom:0}.divider-plus>.divider-head{padding:var(--padding) 30px var(--padding) var(--padding);position:relative}.divider-plus>.divider-head:before{position:absolute;right:12px;top:50%;width:10px;height:10px;content:"";font-family:var(--icons-family);display:inline-block;transform:translateY(-50%);transition:transform .2s;font-size:10px;line-height:10px}.divider-plus>.divider-head.open:before{content:""}.divider-plus>.divider-head:hover .delete{opacity:1}.divider-plus>.divider-head>i{margin-right:var(--margin)}.divider-plus>.divider-head .delete{position:absolute;top:50%;transform:translateY(-50%);right:25px;width:20px;height:20px;cursor:pointer;opacity:0;transition:opacity .1s ease-out}.divider-plus>.divider-head .delete:before{content:"";font-family:var(--icons-family);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.divider-body:not(.expanded){display:none}.divider-plus-box .divider-plus>.divider-head{margin:0}.divider-plus-box .divider-plus:not(:last-of-type)>.divider-head{border-bottom:0}.divider-plus-box .divider-plus:first-of-type>.divider-head{border-top-left-radius:var(--rounded-corners--small);border-top-right-radius:var(--rounded-corners--small)}.divider-plus-box .divider-plus:last-of-type>.divider-head:not(.open){border-bottom-left-radius:var(--rounded-corners--small);border-bottom-right-radius:var(--rounded-corners--small)}.divider-plus-box .divider-plus:last-of-type>.divider-head.open{border-bottom:0}.divider-plus-box .divider-plus:last-of-type>.divider-head.open+.divider-body{border-bottom:1px solid var(--color-border--light-blue);border-bottom-left-radius:var(--rounded-corners--small);border-bottom-right-radius:var(--rounded-corners--small)}.divider-plus-box .divider-plus>.divider-body{border:1px solid var(--color-border--light-blue);border-bottom:none;padding:var(--space-16)}.divider-plus-box .divider-plus>.divider-body .row:first-child{margin-top:0}.divider-plus-box .divider-plus>.divider-body .row:last-child{margin-bottom:0}.divider-plus-box .divider-plus>.divider-body .row>input,.divider-plus-box .divider-plus>.divider-body .row>.form-element{margin-bottom:var(--space-8)}.page-builder{display:flex;justify-content:space-between}.page-builder .toogle-page-builder{position:absolute;top:10px;right:10px;background-color:var(--color-cta);border:0 none}.page-builder .toogle-page-builder:hover,.page-builder .toogle-page-builder:focus,.page-builder .toogle-page-builder:active{background-color:var(--color-cta)!important}.page-builder .toogle-page-builder i{margin-right:0;margin-left:var(--margin)}.page-builder.hide-tools{column-gap:0!important}@media (min-width: 800px){.page-builder.hide-tools{display:grid;column-gap:calc(var(--margin) * 2);grid-template-columns:1fr 0fr}}.page-builder.hide-tools .toogle-page-builder{right:calc(-1 * var(--space-16));border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:-1px 5px 5px #0003}.page-builder.hide-tools .toogle-page-builder>i{margin:0}.page-builder .page-builder--placeholder,.page-builder .page-builder--article{border:1px solid var(--color-border);margin:0 0 var(--space-16) 0;border-radius:var(--rounded-corners--small)}.page-builder .page-builder--placeholder>span,.page-builder .page-builder--article>span{-webkit-user-select:none;user-select:none;font-size:.675rem;line-height:.75rem;color:var(--color-text--dimmed)}.page-builder .page-builder--article{background:var(--color-bg-light-gray);position:relative;margin-bottom:calc(var(--margin) * 2);padding:calc(var(--padding) * 2)}.page-builder .page-builder--article .page-builder--article--content{max-height:calc(var(--margin) * 3 * 2);position:relative;overflow:hidden;margin-bottom:var(--margin)}.page-builder .page-builder--article .page-builder--article--content:after{content:"";position:absolute;display:block;bottom:-var(--space-16);left:0;width:100%;height:calc(var(--margin) * 3);background:red;background:linear-gradient(180deg,#fff0,#f7fbf3)}.page-builder .page-builder--article h1{font-size:.875rem;line-height:1.25rem;margin-bottom:calc(var(--margin) * .4)}.page-builder .page-builder--article p:first-of-type{margin-top:0}.page-builder .page-builder--article .btn.small{position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.page-builder .page-builder--grid{width:70%;grid-template-columns:repeat(12,1fr);row-gap:var(--space-12);column-gap:var(--space-12);display:grid;position:sticky;top:0;width:100%;max-width:100%}.page-builder .page-builder--grid .grid-cell{border:1px solid var(--color-border);border-radius:var(--rounded-corners--small);padding:var(--space-8);grid-column:span var(--col-end);grid-row:span var(--row-end);width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column}.page-builder .page-builder--grid .grid-cell .drag-and-drop.grid-box{height:100%;align-content:flex-start}.page-builder .page-builder--grid .grid-cell.no-padding{padding:0}.page-builder .page-builder--grid .grid-cell>div:first-of-type:not(.article-content){text-transform:capitalize;color:var(--color-text--dimmed);margin-bottom:var(--space-4);-webkit-user-select:none;user-select:none}.page-builder .page-builder--grid .grid-cell.hl-cell{background:var(--color-bg-light-gray)}.page-builder .page-builder--grid .grid-item{border-color:transparent;background-color:var(--color-primary);color:var(--color-text-white)}.page-builder .page-builder--grid .grid-item-icons{display:flex;align-items:center}.page-builder .page-builder--grid .grid-item-shared{background-color:var(--color-secondary--blue)}.page-builder .page-builder--grid .grid-item-shared .fa-share-nodes{font-size:18px}.page-builder .page-builder--grid .grid-item.validation-error{background-color:var(--color-secondary--red)}.page-builder .page-builder--grid .grid-item.inner-grid{background:var(--color-bg-light-gray);border-color:var(--color-border);padding:0}.page-builder .page-builder--grid .grid-item.inner-grid .inner-grid-header{color:var(--color-text);display:flex;align-items:center;justify-content:space-between;width:calc(100% + 2 * var(--padding));padding:var(--space-8) var(--space-8)}.page-builder .page-builder--grid .grid-item.inner-grid .inner-grid-header>div>.grid-item-size{padding-right:41px}.page-builder .page-builder--grid .grid-item.inner-grid .inner-grid-header>div>.arrow{display:inline-flex;width:38px;height:36px;position:absolute;right:0;top:0;cursor:pointer;z-index:4;border-left:1px solid var(--color-border);align-items:center;justify-content:center}.page-builder .page-builder--grid .grid-item.inner-grid .inner-grid-header>div>.arrow:before{font-family:var(--icons-family);font-size:10px;content:"";position:relative}.page-builder .page-builder--grid .grid-item.inner-grid .inner-grid-header>div>.arrow.open:before{content:""}.page-builder .page-builder--grid .grid-item.inner-grid.collapsed{height:auto;flex-wrap:wrap;background:var(--color-bg-base)}.page-builder .page-builder--grid .grid-item.inner-grid.collapsed>.inner-grid-header{background:var(--color-bg-light-gray);margin:0;padding:var(--space-8) var(--space-8);border-bottom:1px solid var(--color-border);border-radius:var(--rounded-corners--small) var(--rounded-corners--small) 0 0}.page-builder .page-builder--grid .grid-item.inner-grid.collapsed>.grid-box{padding-left:var(--space-4);padding-right:var(--space-4);padding-top:var(--space-4)}.page-builder .page-builder--tools{position:sticky;top:0;width:30%}.page-builder .page-builder--tools .tree-view-main{height:auto;width:auto;padding:var(--space-12) 0 0;border:1px solid var(--color-border);border-radius:var(--rounded-corners--small)}.page-builder .page-builder--tools .tabs-navigation{background-color:var(--color-bg-light-gray-yellowish);border:1px solid var(--color-border);box-shadow:none;padding:calc(var(--space-32) + var(--space-4)) var(--space-4) 0;border-radius:var(--rounded-corners--small) var(--rounded-corners--small) 0 0}.page-builder .page-builder--tools .tabs-navigation ul{padding:0 calc(var(--padding))}.page-builder .page-builder--tools .tabs-navigation ul li{background-color:var(--color-bg-light-gray-yellowish);cursor:pointer;padding:var(--space-12);border:0 transparent;box-shadow:none;color:var(--color-text--dimmed)}.page-builder .page-builder--tools .tabs-navigation ul li.active,.page-builder .page-builder--tools .tabs-navigation ul li:hover,.page-builder .page-builder--tools .tabs-navigation ul li:active,.page-builder .page-builder--tools .tabs-navigation ul li:focus{color:var(--color-text)}.page-builder .page-builder--tools .tabs-navigation ul li.active:before,.page-builder .page-builder--tools .tabs-navigation ul li:hover:before,.page-builder .page-builder--tools .tabs-navigation ul li:active:before,.page-builder .page-builder--tools .tabs-navigation ul li:focus:before{display:none}.page-builder .page-builder--tools .tabs-navigation ul li.active span,.page-builder .page-builder--tools .tabs-navigation ul li:hover span,.page-builder .page-builder--tools .tabs-navigation ul li:active span,.page-builder .page-builder--tools .tabs-navigation ul li:focus span{position:relative}.page-builder .page-builder--tools .tabs-navigation ul li.active span:after,.page-builder .page-builder--tools .tabs-navigation ul li:hover span:after,.page-builder .page-builder--tools .tabs-navigation ul li:active span:after,.page-builder .page-builder--tools .tabs-navigation ul li:focus span:after{content:"";height:3px;background:var(--color-primary);position:absolute;display:block;width:100%;bottom:-13px}.page-builder .page-builder--tools .tabs-navigation ul li span,.page-builder .page-builder--tools .tabs .main-content{padding:0}.page-builder .page-builder--tools .tabs .main-content .tab-body .form-search{margin-bottom:var(--space-12)}.page-builder .page-builder--tools .divider>.divider-head{background:var(--color-bg-light-gray-yellowish);margin:0;border-radius:0;border-bottom:0 none;border-color:var(--color-border)}.page-builder .page-builder--tools .divider>.divider-head:hover,.page-builder .page-builder--tools .divider>.divider-head:focus,.page-builder .page-builder--tools .divider>.divider-head:active{background:var(--color-bg-light-gray-list-hover)}.page-builder .page-builder--tools .divider:last-child>.divider-head:not(.open){border-radius:0 0 var(--rounded-corners--small) var(--rounded-corners--small);border-bottom:1px solid var(--color-border)}.page-builder .page-builder--tools .divider:last-child>.divider-body>section.form-element{border-radius:0 0 var(--rounded-corners--small) var(--rounded-corners--small)}.page-builder .page-builder--tools .divider>.divider-body>section.form-element{border-radius:0;margin:0 0 -1px}.page-builder .page-builder--tools .form-search+.divider>.divider-head{border-radius:var(--rounded-corners--small) var(--rounded-corners--small) 0 0}.indicator{background:var(--color-secondary--red);border:3px solid var(--color-border);width:20px;height:20px;text-align:center;font-size:.575rem;line-height:.65rem;border-radius:var(--rounded-corners--circle);color:var(--color-text-white);padding-top:2px;display:block;min-width:20px}.tabs-navigation{box-shadow:inset 0 -1px 0 0 var(--color-border)}.tabs-navigation ul{display:flex;padding:0 calc(var(--padding));margin:0;overflow:visible}.tabs-navigation ul li{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);background-color:var(--color-bg-base);box-shadow:inset 0 -1px 0 0 var(--color-border);position:relative;display:flex;align-items:center;max-width:300px}.tabs-navigation ul li:last-child{border-right:1px solid var(--color-border)}.tabs-navigation ul li:hover:before,.tabs-navigation ul li:focus:before,.tabs-navigation ul li:active:before,.tabs-navigation ul li.active:before{content:"";width:calc(100% + 2px);height:2px;background:var(--color-primary);display:block;position:absolute;top:-1px;left:-1px;z-index:2}.tabs-navigation ul li.active{position:relative;box-shadow:inset 0 -1px 0 0 var(--color-bg-base)}.tabs-navigation ul li.active>span i{color:var(--color-primary)}.tabs-navigation ul li>.badge-box>span,.tabs-navigation ul li>span{padding:var(--space-12) var(--padding);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;max-width:100%;white-space:nowrap}.tabs-navigation ul li>.badge-box>span .indicator,.tabs-navigation ul li>span .indicator{margin-left:var(--space-8)}.tabs-navigation ul li>.badge-box>span i,.tabs-navigation ul li>span i{color:var(--color-text--dimmed);margin-right:var(--space-12);font-size:medium;flex-shrink:0}.tabs-navigation ul li.validation-error:before{content:"";width:calc(100% + 2px);height:2px;background:var(--color-secondary--red);display:block;position:absolute;top:-1px;left:-1px;z-index:2}.tabs-navigation ul li.validation-error:hover:before,.tabs-navigation ul li.validation-error:focus:before,.tabs-navigation ul li.validation-error:active:before,.tabs-navigation ul li.validation-error.active:before{background:var(--color-secondary--red)}.tabs-navigation .tab-icon-only{font-size:16px;padding:var(--space-12) var(--space-16)}.tab-container:not(.openTab){display:none}.main-area .tabs-navigation{background:var(--color-bg-light-gray)}.pop-up .tabs-navigation{margin-top:var(--padding)}.drop-down-tree{position:relative}.drop-down-tree .drop-down-tree-select-box{display:flex}.drop-down-tree .form-element{height:var(--form-input--height);margin:0}.drop-down-tree .form-select{cursor:pointer;display:flex;align-items:center;padding:0 var(--space-12);min-width:200px}.drop-down-tree .delete-icon{font-family:var(--icons-family);max-width:40px;min-width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;right:0;background:var(--color-bg-light-gray);z-index:2;height:100%;border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0;border:1px solid var(--color-border)}.drop-down-tree .drop-down-tree-box{border-radius:var(--rounded-corners--small);background:var(--color-bg-base);border:1px solid var(--color-border);overflow:hidden;position:absolute;top:calc(100% - 1px);width:100%;z-index:3}.drop-down-tree .drop-down-tree-box .tree-view-main{height:auto;width:100%}.with-context-menu{min-height:300px}.with-context-menu .context-menu{position:absolute;right:0;left:unset;z-index:5;top:0;border-left:1px solid var(--color-border);max-height:100%}:root{--popup-header-height:71px}.popup-breadcrumb{display:flex;align-items:center;width:100%}.popup-breadcrumb input[type=text]{margin-bottom:0}.breadcrumb-item:not(:last-of-type){white-space:nowrap;cursor:pointer;color:var(--color-link)}.breadcrumb-item:not(:last-of-type):hover{text-decoration:underline}.breadcrumb-item:not(:first-of-type){display:flex;align-items:center}.breadcrumb-item:not(:first-of-type):before{content:"";font-family:var(--icons-family);font-size:12px;padding:0 calc(var(--space-12));display:block;color:var(--color-link)}.pop-up{position:fixed;padding:var(--space-24);top:0;right:0;bottom:0;left:0;z-index:11}.pop-up:before{content:"";position:absolute;left:50%;width:100vw;height:100vh;z-index:-1;background-color:var(--color-bg-base);top:50%;transform:translate(-50%,-50%)}.pop-up>.content{background-color:var(--color-bg-base);border:1px solid var(--color-border);height:100%;width:100%;border-radius:var(--rounded-corners--small);overflow:hidden;box-shadow:0 0 30px #00000040;position:relative}.pop-up>.content>.header{background-color:var(--color-bg-light-gray);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:var(--space-16);height:71px}.pop-up>.content>.header .flex-box{width:100%;align-items:stretch;gap:var(--space-12)}.pop-up>.content>.header .flex-box>*{margin-top:0;margin-bottom:0}.pop-up>.content>.header .name{display:flex;align-items:center;width:100%;border:0;font-size:.875rem;line-height:1.25rem}.pop-up>.content>.body{overflow-y:auto;overflow-x:hidden;position:absolute;width:100%;background-color:var(--color-bg-base);display:none;height:calc(100% - var(--popup-header-height));display:flex;flex-direction:column;visibility:hidden}.pop-up>.content>.body:last-of-type{visibility:unset}.pop-up>.content>.body .main-content{flex:1;min-height:unset}.pop-up>.content>.body .main-content>.tab-container{height:100%}.pop-up>.content>.body .main-content>.tab-container>.link-editor{height:100%;align-items:stretch}.pop-up>.content>.body .popup-content{height:100%}.pop-up>.content>.body>.container{height:100%;display:flex;flex-direction:column}.pop-up>.content>.body>.container>.row:first-of-type{margin-top:0}.edge-box{background-color:var(--color-bg-base)}.flowchart-container,.flowchart-box{display:flex;flex-direction:column;height:100%}.flowchart{height:100%}.svelvet-node{background-color:var(--color-bg-base)!important;border-radius:var(--rounded-corners--small)!important;box-shadow:none!important;border:1px solid var(--color-border)}.svelvet-node .node-header{padding:var(--space-12);background-color:var(--color-bg-light-gray);border-bottom:1px solid var(--color-border)}.svelvet-node .node-body{padding:var(--space-12)}.input-anchors,.output-anchors{display:flex;align-items:center;justify-content:space-around;gap:50px}.anchor-wrapper{height:0!important}.connected{box-shadow:none}.input-anchors .svelvet-anchor{width:0!important;height:0!important;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid black;background-color:transparent!important;border-radius:0!important}.output-anchors{transform:translateY(100%)}.output-anchors .svelvet-anchor{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #f00;width:0;height:0;background-color:transparent!important;border-radius:0!important}.flowchart-menu{position:fixed;left:var(--menuPositionX);top:var(--menuPositionY);background-color:var(--color-bg-base);border-radius:var(--rounded-corners--small);padding:var(--space-12);border:1px solid var(--color-border)}.flowchart-menu .menu-header{display:flex;align-items:center;justify-content:space-between}.flowchart-menu .menu-header .close{min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer}.flowchart-menu .menu-body{display:flex;flex-direction:column}.flowchart-menu .menu-body>*{margin-top:var(--space-12)}.pagination .btn{border-radius:0;border-right-width:0}.pagination .btn.light{color:var(--color-link)}.pagination .btn:hover,.pagination .btn:focus,.pagination .btn:active{border-color:var(--color-border--light-blue)}.pagination .btn.pagination-item{border-radius:0;padding:0 var(--space-12)}.pagination .btn.pagination-item>i{margin:0}.pagination .btn.pagination-item.left{border-radius:var(--rounded-corners--small) 0 0 var(--rounded-corners--small)}.pagination .btn.pagination-item.right{border-radius:0 var(--rounded-corners--small) var(--rounded-corners--small) 0;border-right-width:1px}.head{position:relative;z-index:10;width:100%;box-shadow:inset 0 -1px 0 0 var(--color-border);padding:var(--padding);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-light-gray-blueish)}.head>.left-side{display:flex;align-items:center;gap:var(--space-16)}.head>.right-side{display:flex;align-items:stretch}.head .form-search input{width:var(--tree-view-main--width);margin:0;padding-right:calc(var(--margin) * 2 + var(--margin) * 2)}@media (max-width: 1124px){.head .form-search input{width:var(--tree-view-main--width--tablet)}}.search-box{display:inline-block;vertical-align:top;margin-top:0;position:relative}.search-box.resultOpen input{border-bottom-left-radius:0;border-bottom-right-radius:0;padding-right:calc((var(--margin) * 2 + var(--margin) * 2) * 2);width:calc(var(--tree-view-main--width) * 2)}.search-box.resultOpen input:focus{outline-width:0}.search-box.resultOpen.full-width input{width:100%}.search-box .filter-box,.search-box .result-box{position:absolute;background-color:var(--color-bg-base);border:1px solid var(--color-border);overflow:hidden;z-index:1000}.search-box .filter-box{box-shadow:var(--box-shadow--small);right:var(--margin);padding:var(--padding);top:100%;border-radius:var(--rounded-corners--small)}.search-box .filter-box .checkbox{color:var(--color-link)}.search-box .result-box{width:100%;left:0;top:100%;margin-block-start:0;border-bottom-left-radius:var(--rounded-corners--small);border-bottom-right-radius:var(--rounded-corners--small);box-shadow:var(--box-shadow--small);padding:var(--space-8) 0;border-top:0 solid transparent;max-height:90vh;overflow:auto;min-height:48px}.search-box .result-box .no-result{padding:var(--space-8) var(--space-16)}.search-box .result-box .result-item{cursor:pointer;display:block;padding:var(--space-8) var(--space-16)}.search-box .result-box .result-item:hover,.search-box .result-box .result-item:focus,.search-box .result-box .result-item:active{background-color:var(--color-bg-light-gray-blueish)}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}*{scrollbar-width:thin}*::-webkit-scrollbar{width:3px;height:3px}*::-webkit-scrollbar-thumb{background-color:#888;border-radius:20px;border:2px solid #888888}html *.loading{position:relative}html *.loading.btn{color:var(--color-text--dimmed)}html *.loading.btn-group:after{left:auto;right:7px}html *.loading.btn-group .btn-group--toggler:before{display:none}html *.loading.result-box:after{top:16px;left:16px;margin-top:0;margin-left:0}html *.loading:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-base);opacity:.2;z-index:5}html *.loading:after{content:"";position:absolute;width:20px;height:20px;border:1px solid var(--color-border--light-blue);border-bottom-color:var(--color-primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:spinner 1s linear infinite;z-index:6;top:50%;left:50%;margin-top:-10px;margin-left:-10px}html,body{height:100%;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}body{font-family:var(--font-base);font-size:.75rem;line-height:1rem;color:var(--color-text);background-color:var(--color-bg-base);font-weight:var(--font-weight-base);font-variation-settings:"wght" var(--font-weight-base);font-feature-settings:"ss06"}.main-content{padding:var(--padding);background-color:var(--color-bg-base)}.content-topbox>.node-name{margin-bottom:0}.content-topbox+.main-content{border-top:1px solid var(--color-border)}.content-header{padding:0 var(--padding)}.heading{font-size:.875rem;font-weight:700;margin:var(--margin) 0}.sticky-box{position:sticky;margin:calc(0px - var(--margin)) calc(0px - var(--margin) * 2) 0;padding:var(--padding) calc(var(--padding) * 2);padding-bottom:var(--padding);background-color:var(--color-bg-base);top:0;width:calc(100% + var(--margin) * 4);left:calc(0px - var(--margin) * 2);border-bottom:1px solid var(--color-border);z-index:3;flex-wrap:nowrap}.sticky-box .form-search{width:100%}.sticky-box .form-search>input{margin:0}.sticky-box button{margin-bottom:0}.sticky-box.dictionary-input input{width:100%!important}.row{margin:var(--margin) 0}.row *:not(.flex-box)>*:last-child{margin-bottom:0}.fit-parent{width:100%;height:100%}.full-width{width:100%}.modal-box.notification .modal-container{border:1px solid var(--color-border--light-blue)}.modal-box.notification .modal-container .header{padding:var(--space-8) var(--space-16);background-color:var(--color-bg-dark-gray-blueish);font-size:.75rem;line-height:1rem}.modal-box.notification .modal-container .header i{color:var(--color-link);line-height:1.3rem}.modal-box.notification .modal-container .content-box{border:0 none}.modal-box{position:fixed;bottom:var(--space-12);right:var(--space-12);z-index:9999}.modal-box>.alert-bar{width:var(--modal-width);max-width:100vw;position:relative;inset:unset;transform:translateY(100%);border-color:var(--color-border--light-blue);animation-name:hide;animation-duration:6s}.modal-box>.alert-bar:not(:last-of-type){margin-bottom:var(--space-12)}@keyframes hide{0%{transform:translateY(100%)}5%{transform:translateY(0)}95%{transform:translateY(0)}to{transform:translateY(100%)}}.modal-box>.alert-bar .header{font-size:.75rem;line-height:1rem;background-color:var(--color-bg-dark-gray-blueish)}.modal-box>.alert-bar .header i{margin-right:var(--space-8)}.modal-box>.alert-bar .header+.content-box{border-top:0 none}.toggle-aside{display:inline-block;border:none;cursor:pointer;height:38px;width:38px;background:transparent;padding:0;display:inline-flex;justify-content:center;align-items:center;margin-right:11px}.toggle-aside>.toggle-burger{height:1px;width:19px;position:relative;background:var(--color-primary);display:block}.toggle-aside>.toggle-burger:before,.toggle-aside>.toggle-burger:after{display:block;position:absolute;content:"";width:19px;height:1px;background:var(--color-primary)}.toggle-aside>.toggle-burger:before{top:-7px}.toggle-aside>.toggle-burger:after{top:7px}.sidebar.slide-out{width:0;overflow:hidden}.sidebar.slide-out+.main-area{left:0;width:100%}.sidebar{height:calc(100% - var(--margin) * 7);position:relative;display:flex;align-items:flex-start;z-index:4}.nav-sidebar{box-shadow:inset -1px 0 0 0 var(--color-border);background-color:var(--color-sidebar);overflow-y:auto;overflow-x:hidden;height:calc(100vh - var(--header--height));display:flex;flex-direction:column;width:var(--nav-sidebar--width);align-items:center}.nav-sidebar ul{margin-top:var(--space-4)}.nav-sidebar ul>li{align-items:center;display:flex;height:60px;width:var(--nav-sidebar--width)}.nav-sidebar ul>li.active>a{position:relative;justify-content:center}.nav-sidebar ul>li.active>a:before{content:"";display:block;background:var(--color-primary);width:calc(var(--space-24) * 2);height:calc(var(--space-24) * 2);border-radius:var(--rounded-corners--medium);position:absolute;opacity:.1}.nav-sidebar ul>li.active>a:hover>i:before,.nav-sidebar ul>li.active a>i:before{color:var(--color-link)}.nav-sidebar ul>li a{align-items:center;display:flex;width:100%;height:100%;font-size:.675rem;line-height:.75rem;transition:background .2s}.nav-sidebar ul>li a i{margin:0 auto;color:var(--color-text--dimmed)}.nav-sidebar ul>li a:hover i:before,.nav-sidebar ul>li a:focus i:before,.nav-sidebar ul>li a:active i:before{color:var(--color-link)}.nav-sidebar ul>li a>span{margin:var(--margin) auto 0;display:none;text-align:center}.nav-list-header{padding:var(--space-12);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.nav-list-header-first{border-top:0}ul.nav-list{padding:0;margin:0}ul.nav-list li{list-style:none}ul.nav-list li.nav-list--divide{display:inline-block;pointer-events:none;border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:var(--margin)}ul.nav-list li.nav-list-delete-item{color:var(--color-secondary--red)}ul.nav-list li i{position:relative;top:1px}ul.nav-list a{text-decoration:none;display:inline-block}ul.nav-list.hoverable-links li{cursor:pointer;padding:var(--space-8);border-radius:var(--rounded-corners--small);background:transparent;color:var(--color-link);transition:background .2s;display:flex;align-items:center}ul.nav-list.hoverable-links li>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul.nav-list.hoverable-links li i{margin-right:var(--space-12);text-align:center}ul.nav-list.hoverable-links li:hover,ul.nav-list.hoverable-links li:focus,ul.nav-list.hoverable-links li:active{background:var(--color-bg-light-gray-list-hover)}ul.nav-list.hoverable-links li.nav-list--divide{pointer-events:none;border-radius:0}ul.nav-list.hoverable-links li.nav-list-delete-item{color:var(--color-secondary--red)}.avatar-image{border-radius:50%;overflow:hidden}.avatar-image.square{border-radius:var(--rounded-corners--medium)}.avatar{align-items:center;display:flex;justify-content:center;height:var(--form-input--height);width:var(--form-input--height);font-size:.675rem;line-height:.75rem;transition:background .2s;position:relative;cursor:pointer;margin:0}.avatar>a,.avatar-background{height:100%;width:100%;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;background:var(--color-primary);background-size:cover;background-repeat:no-repeat;background-position:center}.avatar>a>i,.avatar-background>i{font-size:var(--icon-size-base);color:var(--color-text-white);position:relative;z-index:2}.tree-view{position:relative;overflow:auto;-webkit-user-select:none;user-select:none}.tree-view *{white-space:nowrap}.tree-view ul,.tree-view li{padding:0;margin:0;list-style-type:none}.tree-view ul{display:inline-block;min-width:100%}.tree-view span{display:inline-flex;align-items:center;z-index:3}.tree-view .selected>.link-box{background:var(--color-bg-dark-gray-blueish)}.tree-view .selected>.link-box:before{background:var(--color-primary)}.tree-view .active-selected>.link-box{background:var(--color-bg-dark-gray-blueish)}.tree-view .active-selected>.link-box:before{background:var(--color-cta)}.tree-view .link-box{position:relative;display:flex;align-items:center;padding-top:var(--tree-view-node-height);padding-bottom:var(--tree-view-node-height);padding-right:var(--space-8);cursor:pointer}.tree-view .link-box:before{content:"";width:3px;height:100%;background:transparent;left:0;position:absolute}.tree-view .link-box.unpublished>.toggler,.tree-view .link-box.unpublished>.node{color:var(--color-text--dimmed)}.tree-view .link-box:hover{background:var(--color-bg-dark-gray-blueish)}.tree-view .link-box .node:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.tree-view .link-box>div{padding:var(--tree-view-node-padding) 0;display:flex;align-items:center}.tree-view .link-box>div.checkbox-container{z-index:3}.tree-view .link-box .toggler{display:inline-flex;align-items:center;justify-content:center;width:var(--tree-view-node-block);height:var(--tree-view-node-block);cursor:pointer}.tree-view .link-box .toggler:before{font-family:var(--icons-family);font-size:10px;content:""}.tree-view .link-box .toggler.open:before{content:""}.tree-view .link-box li>div input[type=checkbox],.tree-view .link-box li>div input[type=radio]{width:auto;height:auto;margin-left:0;cursor:pointer;position:relative;top:-1px}.tree-view .link-box li>div input[type=checkbox]+.node,.tree-view .link-box li>div input[type=radio]+.node{margin-left:0}.tree-view .link-box li>div input[type=checkbox].dimmed,.tree-view .link-box li>div input[type=radio].dimmed{opacity:.5}.tree-view .link-box>.node{height:var(--tree-view-node-block);gap:var(--tree-view-node-gap);display:flex;align-items:center;z-index:1;color:var(--color-text)}.tree-view .link-box>.node>span{height:var(--tree-view-node-block);gap:var(--tree-view-node-gap)}.tree-view .link-box>.node i{min-width:var(--tree-view-node-block);width:var(--tree-view-node-block);height:var(--tree-view-node-block);display:inline-flex;align-items:center;justify-content:center}.tree-view .link-box.leaf{padding-left:var(--tree-view-node-indent)}.tree-view .link-box.parent.level-1{padding-left:1rem}.tree-view .link-box.parent.level-1+ul .leaf{padding-left:calc(1rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-1+ul .parent{padding-left:calc(1rem + var(--tree-view-node-parent-indent))}.tree-view .link-box.parent.level-2{padding-left:2rem}.tree-view .link-box.parent.level-2+ul .leaf{padding-left:calc(2rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-2+ul .parent{padding-left:calc(2rem + var(--tree-view-node-parent-indent))}.tree-view .link-box.parent.level-3{padding-left:3rem}.tree-view .link-box.parent.level-3+ul .leaf{padding-left:calc(3rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-3+ul .parent{padding-left:calc(3rem + var(--tree-view-node-parent-indent))}.tree-view .link-box.parent.level-4{padding-left:4rem}.tree-view .link-box.parent.level-4+ul .leaf{padding-left:calc(4rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-4+ul .parent{padding-left:calc(4rem + var(--tree-view-node-parent-indent))}.tree-view .link-box.parent.level-5{padding-left:5rem}.tree-view .link-box.parent.level-5+ul .leaf{padding-left:calc(5rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-5+ul .parent{padding-left:calc(5rem + var(--tree-view-node-parent-indent))}.tree-view .link-box.parent.level-6{padding-left:6rem}.tree-view .link-box.parent.level-6+ul .leaf{padding-left:calc(6rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-6+ul .parent{padding-left:calc(6rem + var(--tree-view-node-parent-indent))}.tree-view .link-box.parent.level-7{padding-left:7rem}.tree-view .link-box.parent.level-7+ul .leaf{padding-left:calc(7rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-7+ul .parent{padding-left:calc(7rem + var(--tree-view-node-parent-indent))}.tree-view .link-box.parent.level-8{padding-left:8rem}.tree-view .link-box.parent.level-8+ul .leaf{padding-left:calc(8rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-8+ul .parent{padding-left:calc(8rem + var(--tree-view-node-parent-indent))}.tree-view .link-box.parent.level-9{padding-left:9rem}.tree-view .link-box.parent.level-9+ul .leaf{padding-left:calc(9rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-9+ul .parent{padding-left:calc(9rem + var(--tree-view-node-parent-indent))}.tree-view .link-box.parent.level-10{padding-left:10rem}.tree-view .link-box.parent.level-10+ul .leaf{padding-left:calc(10rem + .25rem + var(--tree-view-node-indent))}.tree-view .link-box.parent.level-10+ul .parent{padding-left:calc(10rem + var(--tree-view-node-parent-indent))}.tree-view-main{padding:var(--space-8) 0;width:var(--tree-view-main--width);overflow:auto;height:calc(100vh - var(--header--height));z-index:1;background:var(--color-bg-base)}@media (max-width: 1124px){.tree-view-main{width:var(--tree-view-main--width--tablet)}}@media (max-width: 800px){.tree-view-main{box-shadow:inset -1px 0 0 0 var(--color-border);width:0;padding:0;overflow:hidden}}.permission-tree .tree-view-main,.categorization-tree .tree-view-main{width:100%;height:auto;background:unset}.page-builder--tools .tree-view-main{padding:0}.page-builder--tools .tree-view-main .drag-and-drop{border:0;padding:0!important}.context-menu>.tree-view-main{margin-left:calc(var(--space-16) * -1)}#contentwrapper{transition:left 0s}#navigation{transition:width 0s}.tree-view-main+#handle{cursor:ew-resize;height:calc(100vh - var(--header--height));width:10px;margin-right:-10px;background:transparent;position:relative;display:block;z-index:9}.tree-view-main+#handle:before{content:"";position:absolute;height:100%;width:1px;background:var(--color-border);left:0}.tree-view-main+#handle:hover:before,.tree-view-main+#handle:focus:before,.tree-view-main+#handle:active:before{background:var(--color-primary)}.context-menu{left:100%;padding:var(--space-16);position:absolute;width:var(--tree-view-main--width);overflow:auto;height:calc(100vh - var(--header--height));background:var(--color-bg-base);border-right:1px solid var(--color-border);box-shadow:20px 0 15px -15px #0003}@media (max-width: 1124px){.context-menu{width:var(--tree-view-main--width--tablet)}}.context-menu>ul{padding:var(--space-16) 0}.context-menu>ul i{margin-right:var(--margin)}.context-menu .buttons{position:sticky;bottom:calc(var(--space-16) * -1);left:0;width:100%;padding:var(--space-16) 0;margin-bottom:calc(var(--space-16) * -1);background:var(--color-bg-base);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;z-index:99}.context-menu .buttons .btn{width:100%}.context-menu-wide{width:auto}#context-menu-header{font-size:1rem;line-height:1.5rem;border-bottom:1px solid var(--color-border);padding:0 0 var(--space-16) 0}.pop-up .context-menu{z-index:20;top:0;border-left:1px var(--color-border) solid}.pop-up .shared-box{position:relative;height:calc(100% - 2 * var(--space-12));margin:var(--space-12);border-radius:var(--rounded-corners--small);border:1px solid var(--color-border);display:flex;align-items:flex-start}.pop-up .shared-box .tree-view-main{padding:var(--space-8) 0}.pop-up .shared-box .context-menu{height:100%}.pop-up .shared-box>.flex-box{width:100%;padding:var(--space-12);overflow-y:auto;max-height:100%}.media-popup-content .context-menu{height:calc(100vh - 210px);overflow:auto}.tabs .tabs-navigation{padding:0 0 var(--space-16) 0;margin:0}.tabs .tabs-navigation ul li{position:relative}.tabs .main-content{margin:0}.tabs .tab-body{background:var(--color-bg-light-gray);margin:0;padding:var(--padding);border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);border-radius:0 0 var(--rounded-corners--small) var(--rounded-corners--small)}.child-list-editor{border:1px solid var(--color-border);border-radius:var(--rounded-corners--small)}.child-list-editor .header{border-radius:var(--rounded-corners--small) var(--rounded-corners--small) 0 0;padding:var(--space-12);background:var(--color-bg-light-gray);border-bottom:1px solid var(--color-border);margin:0}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg,.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-tile{will-change:opacity}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline:0}.leaflet-container a{color:#0078a8}.leaflet-container a.leaflet-active{outline:2px solid orange}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a,.leaflet-bar a:hover{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#ffffffb3;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-container .leaflet-control-attribution,.leaflet-container .leaflet-control-scale{font-size:11px}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;font-size:11px;white-space:nowrap;overflow:hidden;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;background:#ffffff80}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 19px;line-height:1.4}.leaflet-popup-content p{margin:18px 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;padding:4px 4px 0 0;border:none;text-align:center;width:18px;height:14px;font:16px/14px Tahoma,Verdana,sans-serif;color:#c3c3c3;text-decoration:none;font-weight:700;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover{color:#999}.leaflet-popup-scrolled{overflow:auto;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.leaflet-oldie .leaflet-popup-content-wrapper{zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto}.leaflet-oldie .leaflet-popup-tip-container{margin-top:-1px}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-clickable{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}.archives-container{overflow-x:auto;overflow-y:hidden}.archives-container .archives-list{min-width:800px}.status-list{border:1px solid var(--color-border);border-radius:var(--rounded-corners--medium);overflow:hidden}.status-list .status-header{background-color:var(--color-bg-light-gray);font-weight:500;padding:var(--space-16)}.status-list .status-item{border-top:1px solid var(--color-border);padding:var(--space-12) var(--space-16);color:var(--color-text);background:var(--color-bg-base)}.status-list .status-item:hover,.status-list .status-item:focus,.status-list .status-item:active{background:var(--color-bg-light-gray)}.status-list .status-item>div{padding-right:var(--space-12);display:flex;align-items:center;gap:var(--space-12)}.status-list .status-item>div .btn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;line-height:var(--form-input--height)}.status-list .status-item>div>i{min-width:var(--space-16)}.status-list .status-item>div>input[type=text]{margin:0}.status-list .status-header,.status-list .status-item{display:flex;align-items:center;justify-content:flex-start}.status-list .status-header>*,.status-list .status-item>*{width:100%}.status-list .status-header>*:first-of-type,.status-list .status-item>*:first-of-type{max-width:25%}.theme-creator-box{display:flex;align-items:flex-start;justify-content:flex-start;margin:var(--space-16) var(--space-8)}.theme-creator-box>*:first-child{min-width:20%}.theme-creator-box>*{margin:0 var(--space-8)}.theme-list{border:1px solid var(--color-border);border-radius:var(--rounded-corners--small)}.theme-list .list-head,.theme-list .list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-12)}.theme-list .list-head .flex-btn-box,.theme-list .list-item .flex-btn-box{margin:0}.theme-list .list-head{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-dark-gray-blueish)}.theme-list .list-item:not(:last-of-type){border-bottom:1px solid var(--color-border)}.internal-tree>.form-search{padding:var(--space-12);background-color:var(--color-bg-light-gray);border:1px solid var(--color-border);border-radius:var(--rounded-corners--small) var(--rounded-corners--small) 0 0;margin-bottom:-1px}.internal-tree>.form-search>i{left:var(--space-24)}.internal-tree>.form-search .clear-search{left:auto;right:var(--space-16)}.internal-tree>.form-search .form-search-input{border-radius:var(--rounded-corners--small)}.internal-tree>.form-search .result-box{top:calc(100% + 1px);width:calc(100% - 24px);left:13px}.internal-tree .tree-wrapper{border-radius:0 0 var(--rounded-corners--small) var(--rounded-corners--small);padding:0}.internal-tree .tree-wrapper .tree-view-main{padding:var(--space-8) 0}.main-area{background-color:var(--color-bg-base);height:calc(100vh - var(--header--height));overflow-y:auto;overflow-x:hidden;width:100%}.main-area.loading{position:relative}.main-area.loading.btn{color:var(--color-text--dimmed)}.main-area.loading.btn-group:after{left:auto;right:7px}.main-area.loading.btn-group .btn-group--toggler:before{display:none}.main-area.loading.result-box:after{top:16px;left:16px;margin-top:0;margin-left:0}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-area.loading:before{content:"";position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-base);opacity:.2;z-index:5}.main-area.loading:after{content:"";position:absolute;width:40px;height:40px;border:1px solid var(--color-border--light-blue);border-bottom-color:var(--color-primary);border-radius:50%;display:inline-block;box-sizing:border-box;animation:spinner 1s linear infinite;z-index:6;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.main-area>.row:first-of-type{margin-top:0}#content-body{display:flex;align-items:flex-start}.login-box{width:100%;margin:0 auto;display:flex;justify-content:center}.login-box>.wrap{margin-top:15%;width:var(--breakpoint-small);padding:0 calc(var(--padding) * 2) 0 calc(var(--padding) * 2 + 62px)}@media (max-width: 800px){.login-box>.wrap{width:100%}}.login-box .qr-code img{width:auto}.between-btn-box{display:flex;align-items:center;justify-content:space-between;margin-top:var(--margin)}.nav-sidebar.login{position:absolute;top:54px;left:0}.head.login{position:absolute;top:0;left:0;min-height:54px}