.mobile-main-sidebar{background:var(--white);border-inline-end:1px solid var(--fade-grey);border-top:1px solid var(--fade-grey);height:calc(100% - 60px);inset-inline-start:0;position:fixed;top:60px;transform:translate(calc(var(--transform-direction)*-100%));transition:all .3s;width:120px;z-index:100}.mobile-main-sidebar.is-active{transform:translate(calc(var(--transform-direction)*0))}.mobile-main-sidebar .inner{height:100%;position:relative;width:100%}.mobile-main-sidebar .inner .bottom-icon-side-menu li,.mobile-main-sidebar .inner .icon-side-menu li{align-items:center;display:flex;height:60px;justify-content:center;text-align:center;width:120px}.mobile-main-sidebar .inner .bottom-icon-side-menu li a,.mobile-main-sidebar .inner .icon-side-menu li a{display:block;opacity:1;position:relative;transform:rotate(calc(var(--transform-direction)*0));transition:all .3s}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-active>.iconify,.mobile-main-sidebar .inner .bottom-icon-side-menu li a:hover>.iconify,.mobile-main-sidebar .inner .icon-side-menu li a.is-active>.iconify,.mobile-main-sidebar .inner .icon-side-menu li a:hover>.iconify{color:var(--primary)}.mobile-main-sidebar .inner .bottom-icon-side-menu li a>.iconify,.mobile-main-sidebar .inner .icon-side-menu li a>.iconify{color:var(--title-grey);font-size:18px}.mobile-main-sidebar .inner .bottom-icon-side-menu li a .sidebar-icon,.mobile-main-sidebar .inner .icon-side-menu li a .sidebar-icon{align-items:center;display:flex;height:24px;justify-content:center;transition:all .3s;width:24px}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-active .iconify,.mobile-main-sidebar .inner .bottom-icon-side-menu li a:hover .iconify,.mobile-main-sidebar .inner .icon-side-menu li a.is-active .iconify,.mobile-main-sidebar .inner .icon-side-menu li a:hover .iconify{color:var(--primary)}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-opened,.mobile-main-sidebar .inner .icon-side-menu li a.is-opened{opacity:0;transform:rotate(calc(var(--transform-direction)*1turn))}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-inactive,.mobile-main-sidebar .inner .icon-side-menu li a.is-inactive{opacity:0;transform:rotate(calc(var(--transform-direction)*-1turn))}.mobile-main-sidebar .inner .bottom-icon-side-menu li a.is-selected .iconify,.mobile-main-sidebar .inner .bottom-icon-side-menu li a.router-link-exact-active .iconify,.mobile-main-sidebar .inner .icon-side-menu li a.is-selected .iconify,.mobile-main-sidebar .inner .icon-side-menu li a.router-link-exact-active .iconify{color:var(--primary)}.mobile-main-sidebar .inner .bottom-icon-side-menu li #open-filters .iconify,.mobile-main-sidebar .inner .icon-side-menu li #open-filters .iconify{transform:rotate(calc(var(--transform-direction)*0));transition:all .3s}.mobile-main-sidebar .inner .bottom-icon-side-menu li #open-filters:hover .iconify,.mobile-main-sidebar .inner .icon-side-menu li #open-filters:hover .iconify{transform:rotate(calc(var(--transform-direction)*145deg))}.mobile-main-sidebar .inner .bottom-icon-side-menu li.is-active a .iconify,.mobile-main-sidebar .inner .icon-side-menu li.is-active a .iconify{color:var(--primary)}.mobile-main-sidebar .inner .bottom-icon-side-menu{bottom:0;inset-inline-start:0;position:absolute}.is-dark .mobile-main-sidebar{background:color-mix(in oklab,var(--dark-sidebar),#000 6%);border-color:color-mix(in oklab,var(--dark-sidebar),#fff 1%)!important}.is-dark .mobile-main-sidebar .inner .icon-side-menu li a.is-active .iconify{color:var(--primary)}
