.admin-fade-inout-enter-active,.admin-fade-inout-leave-active{transition:opacity .2s}.admin-fade-inout-enter-from,.admin-fade-inout-leave-to{opacity:0}.admin-fade-inout-enter-to,.admin-fade-inout-leave-from{opacity:1}.admin-grid-layout--modal{align-items:center;background:#00000080;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:100%;transition:opacity .5s;width:100%;z-index:-1}.admin-grid-layout--modal .admin-close{position:absolute;right:20px;top:20px}.admin-grid-layout--modal-wrapper{background:#fff;height:100%;max-height:768px;max-width:768px;padding:50px;position:relative;width:100%}.admin-grid-layout--modal.is-open{opacity:1;top:0;z-index:10}.admin-grid-layout-in .item{border:1px solid hsla(0,0%,100%,.1);padding:10px}.admin-grid-layout-options input{color:#000}.admin-grid-layout-breakpoints{background:#404040;border-radius:6px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.admin-grid-layout-breakpoint-btn{background:#212121;border:1px solid #4d4d4d;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.admin-grid-layout-breakpoint-btn:hover{background:#2e2e2e;border-color:#2385c8}.admin-grid-layout-breakpoint-btn.active{background:#2385c8;border-color:#2385c8;color:#fff}