.opacity-8{opacity:.8}.opacity-6{opacity:.6}.opacity-4{opacity:.4}.opacity-2{opacity:.2}@-webkit-keyframes base-sidebar-bounce{0%{width:var(--sidebar-width)}25%{width:calc(var(--sidebar-width) + 5px)}50%{width:calc(var(--sidebar-width) - 2px)}75%{width:calc(var(--sidebar-width) + 2px)}to{width:var(--sidebar-width)}}@keyframes base-sidebar-bounce{0%{width:var(--sidebar-width)}25%{width:calc(var(--sidebar-width) + 5px)}50%{width:calc(var(--sidebar-width) - 2px)}75%{width:calc(var(--sidebar-width) + 2px)}to{width:var(--sidebar-width)}}.base-sidebar{--sidebar-width: 300px;position:fixed;height:calc(100vh - calc(var(--navbar-height, 0px) + var(--sub-navbar-height, 0px) + var(--back-to-admin-banner-offset, 0px)));z-index:-1;opacity:0;top:calc(var(--navbar-height, 0px) + var(--sub-navbar-height, 0px) + var(--back-to-admin-banner-offset, 0px));right:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;visibility:hidden;width:100%}.base-sidebar.has-backdrop>.base-sidebar__backdrop{background:#0006}.base-sidebar__aside{-webkit-transform:translateX(var(--sidebar-width));transform:translate(var(--sidebar-width));-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:0 8px 16px #0003}@media (min-width: 992px){.base-sidebar__aside{width:var(--sidebar-width);max-width:100%}}.base-sidebar.opened{z-index:102;opacity:1;visibility:visible}.base-sidebar.opened .base-sidebar__aside{-webkit-transform:translateX(0);transform:translate(0);-webkit-animation:base-sidebar-bounce .6s ease-in-out forwards;animation:base-sidebar-bounce .6s ease-in-out forwards}.base-sidebar__main__header{padding:.5rem .5rem .5rem 1rem}.base-sidebar__main__content{padding:1rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden auto;gap:1.5rem}.base-sidebar__main__footer{padding:1rem}