.sidebar{min-height:100vh}.sidebar__wrapper{position:sticky;top:0;bottom:0;left:0;z-index:20;height:100%;max-height:100vh;min-height:100vh;width:16rem;overflow-y:auto;--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));transition:width,left,right,.3s}.sitebar__header{max-height:8rem}.sidebar__content{height:100%;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.sitebar__arrow{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.sitebar__menu{display:flex;width:100%;cursor:pointer;align-items:center;padding:.5rem 2.25rem .5rem 1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.sitebar__item-group{position:relative;display:flex;width:100%;cursor:pointer;align-items:center;padding:.5rem 2.25rem .5rem 1.25rem}.sitebar__sub-menu-item{margin-top:.375rem;margin-bottom:.375rem}.sitebar__sub-menu-item>ul>li{padding-left:2.5rem}.sitebar__icon{margin-right:.75rem;display:grid;height:2.25rem;width:2.25rem;min-width:2.25rem;place-items:center}.sitebar__arrow-wrapper{position:absolute;right:1.25rem;top:50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sitebar__arrow{transition:transform .3s}.sitebar__sub-menu.group .sitebar__arrow{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sidebar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:none;background-color:#0000004d}.sidebar.collapsed{display:none}.toggled .sidebar__overlay{display:block}