html{interpolate-size:allow-keywords}.panel-sidebar{gap:.5rem}.panel-sidebar>li,.panel-sidebar>li>ul>li{display:flex;flex-direction:column;width:100%}.panel-sidebar>li>a,.panel-sidebar>li>ul>li>a{align-items:center;border-radius:.375rem;color:rgb(var(--primary));display:flex;padding:.5rem 1rem;width:100%}.panel-sidebar>li>a:hover,.panel-sidebar>li>ul>li>a:hover{background-color:rgb(var(--primary)/.3)}.panel-sidebar>li>ul{display:flex;flex-direction:column;gap:.25rem;overflow:hidden;padding-right:2rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.panel-sidebar>li:has(ul.collapsed)>a:after{border-color:transparent transparent currentcolor currentcolor;border-radius:2px;border-style:solid;border-width:2px;content:"";display:flex;height:.5rem;margin-right:auto;rotate:-45deg;transition:all .3s ease;width:.5rem}.panel-sidebar>li:has(ul)>a:after{border-color:transparent transparent currentcolor currentcolor;border-radius:2px;border-style:solid;border-width:2px;content:"";display:flex;height:.5rem;margin-right:auto;rotate:135deg;transition:all .3s ease;width:.5rem}.panel-sidebar>li>ul.collapsed{height:0;margin-bottom:0;margin-top:0}.panel-sidebar>li>ul{height:auto;margin-bottom:.5rem;margin-top:.5rem}.panel-sidebar>li>ul>li>a{align-items:center;display:flex;flex-direction:row;position:relative}.panel-sidebar>li>ul>li>a:before{background-color:currentColor;border-radius:9999px;content:var(--tw-content);height:.5rem;margin-left:.5rem;width:.5rem}.active-link{align-items:center;background-color:rgb(var(--primary));color:rgb(var(--surface))!important;display:flex;padding-right:1.25rem!important;pointer-events:none;position:relative}.active-link:before{background-color:rgb(var(--surface));height:1.25rem;width:1.25rem;--tw-content:""}.active-link:after,.active-link:before{position:absolute;right:0;--tw-translate-x:50%;border-radius:9999px;content:var(--tw-content);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))}.active-link:after{height:.625rem;width:.625rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-content:"";box-shadow:0 0 7px #fff}
