.sb-beam{isolation:isolate;position:relative;overflow:hidden}.sb-beam:before{content:"";z-index:-1;border-radius:inherit;background:var(--brand);box-shadow:inset 0 2px 0 color-mix(in oklch, var(--foreground) 18%, transparent), inset 0 -2px 0 color-mix(in oklch, var(--foreground) 18%, transparent);transform-origin:50% 100%;transition:transform .55s cubic-bezier(.3,1.2,.4,1);position:absolute;inset:0;transform:scaleY(0)}.sb-beam-icon,.sb-beam-label{transition:transform .5s cubic-bezier(.2,.8,.2,1),color .3s}@media (hover:hover) and (pointer:fine){.sb-beam:not([aria-current]):hover:before{transform:none}.sb-beam:not([aria-current]):hover{color:var(--brand-foreground)}.sb-beam:not([aria-current]):hover .sb-beam-icon{color:var(--brand-foreground);transform:translate(4px,-1px)}.sb-beam:not([aria-current]):hover .sb-beam-label{transform:translate(2px,-1px)}}.sb-beam:not([aria-current]):focus-visible:before{transform:none}.sb-beam:not([aria-current]):focus-visible{color:var(--brand-foreground)}@media (prefers-reduced-motion:reduce){.sb-beam:before,.sb-beam-icon,.sb-beam-label{transition:none}.sb-beam:hover .sb-beam-icon,.sb-beam:hover .sb-beam-label{transform:none}}