.sidebar{color:#fff;z-index:99999;background:#484747;width:320px;height:100vh;padding:10px;transition:transform .3s ease-in-out;position:fixed;top:0;overflow:auto}.left-sidebar{left:0;transform:translate(-100%)}.right-sidebar{right:0;transform:translate(100%)}.sidebar.active{transform:translate(0)}.sidebar-content{margin-top:0}.sidebar-header{border-bottom:1px solid #e1e1e1;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.sidebar-header h3{color:#f8f9fa;margin:0;font-size:24px}.close-button{color:#fff;cursor:pointer;border:none;padding:5px 10px;position:absolute;top:10px;right:10px}.sidebar-menu{margin:0;padding:0;list-style:none}.menu-item{cursor:pointer;transition:background-color .2s}.menu-button{color:#f8f9fa;cursor:pointer;z-index:1001;border:none;padding:10px 15px;position:relative}.menu-item.has-dropdown{position:relative}.menu-link{color:#f8f9fa;justify-content:space-between;align-items:center;padding:10px 15px;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.menu-link:hover{color:#333;background-color:#f0f0f0}.menu-link:hover .arrow{border-top:5px solid #333}.inner--text{display:inline-block;position:relative}.bar{opacity:0;background-color:#333;width:100%;height:2px;transition:all .3s;position:absolute;bottom:-2px;left:0;transform:translate(-100%)}.menu-link:hover .bar{opacity:1;transform:translate(0)}.arrow{border-top:5px solid #f8f9fa;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:transform .3s;display:inline-block}.inner-sub--menu{color:#f8f9fa;max-height:0;transition:max-height .3s;overflow:hidden}.menu-item.active .inner-sub--menu{max-height:500px}.menu-item.active .arrow{color:#333;transform:rotate(180deg)}.submenu-link{color:#f8f9fa;padding:5px 20px;text-decoration:none;transition:all .3s;display:block}.submenu-link:hover{color:#333;background-color:#f0f0f0}.submenu-link .bar{bottom:0}.fade{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-ease:linear;transition-duration:.15s;transition-timing-function:linear}.offcanvas-backdrop{top:calc(var(--spacing) * 0);left:calc(var(--spacing) * 0);z-index:1040;background-color:#1e2228b3;width:100vw;height:100vh;position:fixed}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:1}