.layout-container{display:flex;flex-direction:column;gap:1.5rem;height:100%}.layout-container .layout-row{position:relative;display:flex;flex-direction:row;gap:1rem;padding:1rem;transition:all .25s ease-out;border:1.5px dashed #2196f3;border-radius:.5rem;flex-grow:1}.layout-container .layout-row .delete-row-btn{left:calc(50% + 36px);left:4rem;transform:translate(-50%,-50%);transform:translateY(-50%);transform:translateY(-50%) scale(0)}.layout-container .layout-row .delete-row-btn,.layout-container .layout-row .move-row-up-btn{position:absolute;font-size:12px;line-height:1;z-index:10;top:-.15rem;transition:all .25s ease-out;text-transform:none;width:18px;height:18px!important;min-width:18px;padding:.5rem .5rem!important;opacity:0}.layout-container .layout-row .move-row-up-btn{left:calc(50% + 36px);left:50%;transform:translate(-50%,-50%) scale(0)}.layout-container .layout-row .move-row-down-btn{left:calc(50% + 36px);left:50%;bottom:.15rem;transform:translate(-50%,50%) scale(0);width:18px;height:18px!important;min-width:18px}.layout-container .layout-row .add-row-col-btn,.layout-container .layout-row .move-row-down-btn{position:absolute;font-size:12px;line-height:1;z-index:10;transition:all .25s ease-out;text-transform:none;padding:.5rem .5rem!important;opacity:0}.layout-container .layout-row .add-row-col-btn{right:0;top:50%;transform:translate(50%,-50%) scale(0);width:20px;height:20px!important;min-width:20px}.layout-container .layout-row .layout-col{position:relative;flex-grow:1;flex-shrink:0;flex-basis:0;transition:all .25s ease-out}.layout-container .layout-row .layout-col .delete-col-btn{position:absolute;font-size:12px;line-height:1;z-index:10;left:4rem;left:calc(50% + 36px);top:0;transform:translateY(-50%);transform:translate(-50%,-50%);transform:translate(-50%,-50%) scale(0);transition:all .25s ease-out;text-transform:none;width:18px;height:18px!important;min-width:18px;padding:.5rem .5rem!important;opacity:0}.layout-container .layout-row .layout-col:hover{background:rgba(251,140,0,.1)}.layout-container .layout-row .layout-col:hover .delete-col-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.layout-container .layout-row .layout-col:before{content:attr(data-col-name);padding:.1rem .25rem;border-radius:.25rem;position:absolute;font-size:12px;line-height:1;left:.65rem;left:50%;top:.15rem;transform:translateY(-50%);transform:translate(-50%,-50%);color:#fff;background:#fb8c00}.layout-container .layout-row:hover{background:rgba(33,150,243,.1)}.layout-container .layout-row:hover .delete-row-btn{opacity:1;transform:translateY(-50%) scale(1)}.layout-container .layout-row:hover .add-row-col-btn{opacity:1;transform:translate(50%,-50%) scale(1)}.layout-container .layout-row:hover .move-row-up-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.layout-container .layout-row:hover .move-row-down-btn{opacity:1;transform:translate(-50%,50%) scale(1)}.layout-container .layout-row:before{content:attr(data-row-name);padding:.1rem .25rem;border-radius:.25rem;position:absolute;font-size:12px;line-height:1;left:50%;left:.65rem;top:-.15rem;transform:translate(-50%,-50%);transform:translateY(-50%);color:#fff;background:#2196f3}.layout-preview-page{border:1.5px dashed rgba(42,54,59,.4)!important}.layout-preview-page .v-card__text{height:100%}.layout-preview-page .v-card__actions{border-top:1.5px dashed rgba(42,54,59,.4)!important;background:rgba(42,54,59,.05);background:#f4f5f5;position:sticky;bottom:0}.layout-preview-page.layout-page-arch-e .v-card__text{aspect-ratio:36/48}.layout-preview-page.layout-page-arch-d .v-card__text{aspect-ratio:24/36}.layout-preview-page.layout-page-arch-b .v-card__text{aspect-ratio:12/18}.layout-preview-page.layout-page-arch-super-b .v-card__text{aspect-ratio:13/19}.layout-preview-page.layout-page-arch-e-landscape .v-card__text{aspect-ratio:48/36}.layout-preview-page.layout-page-arch-d-landscape .v-card__text{aspect-ratio:36/24}.layout-preview-page.layout-page-arch-b-landscape .v-card__text{aspect-ratio:18/12}.layout-preview-page.layout-page-arch-super-b-landscape .v-card__text{aspect-ratio:19/13}.layout-preview-page .layout-section{min-height:100px;border-radius:.5rem;border:1.5px dashed #fb8c00;padding:.5rem;gap:.5rem}.layout-preview-page .layout-section,.layout-preview-page .layout-section .section-content{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.layout-preview-page .layout-section .v-chip{padding-left:1rem;padding-right:1rem}.no-pages-added{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.no-pages-added img{width:300px}.no-pages-added p{margin-top:.5rem;margin-bottom:0}.layout-editor-header{display:block;background:#fff;margin-bottom:-2px}.layout-editor-header:before{content:"";position:absolute;left:2px;top:0;width:calc(100% - 4px);height:100%;z-index:-2;box-shadow:0 2px 1px -1px rgba(42,54,59,.16),0 1px 1px 0 rgba(42,54,59,.1),0 1px 3px 0 rgba(42,54,59,.08)!important}.layout-editor-header:after{content:"";position:absolute;left:0;top:-1px;width:100%;height:100%;z-index:-1;background:#fff}.update-layout-template-slideout .v-window.v-tabs-items{overflow:visible!important}