.sub-nav.svelte-1qvctw7.svelte-1qvctw7{width:200px;overflow:hidden;border-top-left-radius:calc(var(--radius) - 4px);border-bottom-left-radius:calc(var(--radius) - 4px);padding:.5rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.sub-nav.svelte-1qvctw7.svelte-1qvctw7:hover{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--primary) / var(--tw-text-opacity))}.sub-nav.active.svelte-1qvctw7.svelte-1qvctw7{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));font-weight:700;--tw-text-opacity:1;color:hsl(var(--primary) / var(--tw-text-opacity))}.left-border.svelte-1qvctw7.svelte-1qvctw7{position:absolute;left:0;top:50%;height:100%;width:.25rem;--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));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.group.svelte-1qvctw7:hover .left-border.svelte-1qvctw7,.left-border.active.svelte-1qvctw7.svelte-1qvctw7{--tw-bg-opacity:1;background-color:hsl(var(--primary) / var(--tw-bg-opacity))}