.sb-link{--sb-brand:var(--color-primary);--sb-on:var(--color-primary-fg);position:relative;overflow:hidden;isolation:isolate}.sb-link.is-active{box-shadow:inset 0 0 0 1.5px var(--sb-brand);color:var(--sb-brand)}.sb-fill{position:absolute;inset:0;z-index:1;display:flex;align-items:center;background:var(--sb-brand);color:var(--sb-on);pointer-events:none;clip-path:inset(0);transition:clip-path .22s cubic-bezier(.2,.8,.25,1)}.sb-fill>*{flex:max-content}.sb-fill .sb-badge{background:color-mix(in oklab,var(--sb-on) 25%,transparent);color:var(--sb-on)}@keyframes sb-fill-ltr{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 6% 0 0)}}@keyframes sb-fill-rtl{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 6%)}}.sb-shell:has(main [aria-busy=true]) .sb-link.is-active .sb-fill{animation:sb-fill-ltr 1.6s cubic-bezier(.1,.75,.25,1) forwards}[dir=rtl] .sb-shell:has(main [aria-busy=true]) .sb-link.is-active .sb-fill{animation-name:sb-fill-rtl}@media (prefers-reduced-motion:reduce){.sb-shell:has(main [aria-busy=true]) .sb-link.is-active .sb-fill{animation:none}.sb-fill{transition:none}}