.tnav.svelte-11zhvzk{--move:.34s;--open:.34s;--close:.26s;height:2rem;position:relative}.tnav.svelte-11zhvzk:not(.is-engaged){--move:.6s;--open:.6s;--close:.6s}.tnav.svelte-11zhvzk>*{top:50%;left:var(--x,0px);position:absolute;translate:0 -50%}.tnav.is-live.svelte-11zhvzk{transition:width var(--move) var(--ease-apple)}.tnav.is-live.svelte-11zhvzk>*{transition:left var(--move) var(--ease-apple)}.tnav.is-live.svelte-11zhvzk .pill:where(.svelte-11zhvzk){transition:left var(--move) var(--ease-apple), background-color .15s ease, color .15s ease, scale .15s ease, box-shadow .15s ease}.pill.svelte-11zhvzk{width:max-content;color:var(--color-muted-foreground)}.pill.svelte-11zhvzk:hover,.pill.is-open.svelte-11zhvzk{background:var(--color-muted);color:var(--color-foreground)}.pill.is-open.svelte-11zhvzk{z-index:1}.pill.is-active.svelte-11zhvzk{background:var(--color-foreground);color:var(--color-background);box-shadow:var(--shadow-btn)}.pill.is-active.svelte-11zhvzk:hover{background:color-mix(in oklab, var(--color-foreground) 85%, transparent)}.pill.svelte-11zhvzk svg{color:var(--color-faint-foreground);transition:color .15s}.pill.svelte-11zhvzk:hover svg,.pill.is-open.svelte-11zhvzk svg,.pill.is-active.svelte-11zhvzk svg{color:inherit}.pill-label.svelte-11zhvzk{transition:grid-template-columns var(--close) var(--ease-apple);grid-template-columns:0fr;display:grid;overflow:hidden}.pill-text.svelte-11zhvzk{opacity:0;min-width:0;transition:opacity .12s ease-out, translate .26s var(--ease-apple);padding-left:.5rem;translate:-8px}.pill.is-open.svelte-11zhvzk>.pill-label:where(.svelte-11zhvzk),.pill.is-active.svelte-11zhvzk>.pill-label:where(.svelte-11zhvzk){transition-duration:var(--open);grid-template-columns:1fr}.pill.is-open.svelte-11zhvzk .pill-text:where(.svelte-11zhvzk),.pill.is-active.svelte-11zhvzk .pill-text:where(.svelte-11zhvzk){opacity:1;transition:opacity .2s ease-out 70ms, translate .34s var(--ease-apple);translate:none}