.sd-taffy{--taffy-bg:#fff;--taffy-fg:#262626;--taffy-fg-active:#fff;--taffy-color:#0a0a0a;--taffy-height:48px;--taffy-pad:5px;--taffy-slow:.52s;--taffy-fast:.26s;padding:var(--taffy-pad);background:var(--taffy-bg);isolation:isolate;border-radius:999px;gap:2px;font-family:ui-rounded,SF Pro Rounded,ui-sans-serif,system-ui,sans-serif;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #00000014}:where(.dark) .sd-taffy{--taffy-bg:#1d1d1d;--taffy-fg:#d4d4d4;--taffy-fg-active:#0a0a0a;--taffy-color:#e5e5e5;box-shadow:inset 0 0 0 1px #ffffff14}.sd-taffy__blob{z-index:-1;top:var(--taffy-pad);bottom:var(--taffy-pad);left:calc(var(--taffy-l,0px));right:calc(var(--taffy-r,100%));background:var(--taffy-color);box-shadow:0 6px 16px -6px color-mix(in oklab, var(--taffy-color) 70%, transparent), inset 0 1px 0 #ffffff59;opacity:0;border-radius:999px;transition:background-color .4s,box-shadow .4s,opacity .2s;position:absolute}.sd-taffy[data-ready] .sd-taffy__blob{opacity:1}.sd-taffy[data-ready][data-dir=right] .sd-taffy__blob{transition:right var(--taffy-fast) cubic-bezier(.3, 1.4, .6, 1), left var(--taffy-slow) cubic-bezier(.5, 1.35, .45, 1), background-color .4s ease, box-shadow .4s ease, opacity .2s ease}.sd-taffy[data-ready][data-dir=left] .sd-taffy__blob{transition:left var(--taffy-fast) cubic-bezier(.3, 1.4, .6, 1), right var(--taffy-slow) cubic-bezier(.5, 1.35, .45, 1), background-color .4s ease, box-shadow .4s ease, opacity .2s ease}.sd-taffy__tab{height:calc(var(--taffy-height) - var(--taffy-pad) * 2);color:var(--taffy-fg);font:inherit;letter-spacing:-.01em;cursor:pointer;transform:translate(var(--mx,0), var(--my,0));-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;transition:color .26s,transform .36s cubic-bezier(.3,1.5,.5,1);display:inline-flex;position:relative}.sd-taffy__tab:hover:not([aria-selected=true]){color:color-mix(in oklab, var(--taffy-fg) 75%, var(--taffy-color))}.sd-taffy__tab[aria-selected=true]{color:var(--taffy-fg-active)}.sd-taffy__tab:active{transform:translate(var(--mx,0), var(--my,0)) scale(.94)}.sd-taffy__tab:focus-visible{outline:2px solid var(--taffy-color);outline-offset:2px}.sd-taffy__icon{place-items:center;width:18px;height:18px;transition:transform .42s cubic-bezier(.3,1.6,.5,1);display:grid}.sd-taffy__tab[aria-selected=true] .sd-taffy__icon{transform:rotate(-8deg)scale(1.08)}.sd-taffy__icon svg{width:100%;height:100%}@media (max-width:520px){.sd-taffy__tab{padding:0 12px}.sd-taffy__tab:not([aria-selected=true]) .sd-taffy__label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.sd-taffy__blob,.sd-taffy__tab,.sd-taffy__icon{transition-duration:1ms!important}}