.tnav.svelte-uwieik{--move:.34s;--open:.34s;--close:.26s;height:2rem;position:relative}.tnav.svelte-uwieik:not(.is-engaged){--move:.6s;--open:.6s;--close:.6s}.tnav.svelte-uwieik>*{top:50%;left:var(--x,0px);position:absolute;translate:0 -50%}@media (width>=64rem){.tnav.is-flow.svelte-uwieik{align-items:center;display:flex}}.tnav.is-flow.svelte-uwieik>*{margin-left:var(--gap);position:static;translate:none}.tnav.is-live.svelte-uwieik{transition:width var(--move) var(--ease-apple)}.tnav.is-live.svelte-uwieik>*{transition:left var(--move) var(--ease-apple)}.tnav.is-live.svelte-uwieik .pill:where(.svelte-uwieik){transition:left var(--move) var(--ease-apple), background-color .15s ease, color .15s ease, scale .15s ease, box-shadow .15s ease}.pill.svelte-uwieik{width:max-content;color:var(--color-muted-foreground)}.pill.svelte-uwieik:hover,.pill.is-open.svelte-uwieik{background:var(--color-muted);color:var(--color-foreground)}.pill.is-open.svelte-uwieik{z-index:1}.pill.is-active.svelte-uwieik{background:var(--color-foreground);color:var(--color-background);box-shadow:var(--shadow-btn)}.pill.is-active.svelte-uwieik:hover{background:color-mix(in oklab, var(--color-foreground) 85%, transparent)}.pill.svelte-uwieik svg{color:var(--color-faint-foreground);transition:color .15s}.pill-dot.svelte-uwieik{pointer-events:none;width:5px;height:5px;position:absolute;top:11px;left:19.5px;translate:-50% -50%}.pill.svelte-uwieik:has(>.pill-dot:where(.svelte-uwieik)) svg{-webkit-mask-image:radial-gradient(circle at 11.5px 3px,#0000 3.25px,#000 3.75px);mask-image:radial-gradient(circle at 11.5px 3px,#0000 3.25px,#000 3.75px)}.pill.svelte-uwieik:hover svg,.pill.is-open.svelte-uwieik svg,.pill.is-active.svelte-uwieik svg{color:inherit}.pill-label.svelte-uwieik{transition:grid-template-columns var(--close) var(--ease-apple);grid-template-columns:0fr;display:grid;overflow:hidden}.pill-text.svelte-uwieik{opacity:0;min-width:0;transition:opacity .12s ease-out, translate .26s var(--ease-apple);padding-left:.5rem;translate:-8px}.pill.is-open.svelte-uwieik>.pill-label:where(.svelte-uwieik),.pill.is-active.svelte-uwieik>.pill-label:where(.svelte-uwieik){transition-duration:var(--open);grid-template-columns:1fr}.pill.is-open.svelte-uwieik .pill-text:where(.svelte-uwieik),.pill.is-active.svelte-uwieik .pill-text:where(.svelte-uwieik){opacity:1;transition:opacity .2s ease-out 70ms, translate .34s var(--ease-apple);translate:none}