.echo-tabs__list{--tab-h:var(--echo-control-default);--tab-px:var(--echo-space-6);--tab-font:var(--echo-text-sm);position:relative;display:flex;gap:var(--echo-space-2);box-shadow:inset 0 -1px 0 var(--echo-seam)}.echo-tabs__list[data-size=sm]{--tab-h:var(--echo-control-compact);--tab-px:var(--echo-space-4);--tab-font:var(--echo-text-xs)}.echo-tabs__list[data-size=lg]{--tab-h:var(--echo-control-large);--tab-px:var(--echo-space-8);--tab-font:var(--echo-text-md)}.echo-tabs__tab{position:relative;z-index:var(--echo-z-raised,1);display:inline-flex;align-items:center;justify-content:center;gap:var(--echo-space-3);box-sizing:border-box;min-block-size:var(--tab-h);border:0;padding-block:0;padding-inline:var(--tab-px);border-radius:var(--echo-radius-md) var(--echo-radius-md) 0 0;cursor:pointer;background:transparent;color:var(--echo-text-dim);font-family:var(--echo-font-machine,ui-sans-serif,system-ui,sans-serif);font-size:var(--tab-font);font-weight:var(--echo-weight-semibold,600);transition:color var(--echo-duration-swap) ease,background var(--echo-duration-tick) ease}@media (hover:hover){.echo-tabs__tab:hover{color:var(--echo-text);background:color-mix(in oklab,var(--echo-cap) 30%,transparent)}}.echo-tabs__tab[data-active]{color:var(--echo-text)}.echo-tabs__tab:focus-visible{outline:2px solid transparent;outline-offset:-2px;box-shadow:var(--echo-shadow-ring-inset,inset 0 0 0 2px var(--echo-accent-ink,var(--echo-accent-glow)))}.echo-tabs__indicator{left:var(--active-tab-left);width:var(--active-tab-width);border-radius:var(--echo-radius-full);background:var(--echo-accent-glow);box-shadow:var(--echo-shadow-glow,0 0 calc(7px * (1 - var(--echo-drawn, 0))) color-mix(in oklch,var(--echo-accent-glow) 70%,transparent));transition:left var(--echo-duration-sweep) cubic-bezier(.2,.8,.2,1),width var(--echo-duration-sweep) cubic-bezier(.2,.8,.2,1)}.echo-tabs__indicator,.echo-tabs__rail{position:absolute;z-index:var(--echo-z-top,2);bottom:0;height:2px}.echo-tabs__rail{visibility:hidden;pointer-events:none;filter:drop-shadow(0 0 3.5px color-mix(in srgb,var(--echo-accent-glow) 70%,transparent));will-change:transform,left,width}.echo-tabs__rail-shape{position:absolute;inset:0;border-radius:var(--echo-radius-full);background:var(--echo-accent-glow)}.echo-tabs__list[data-light] .echo-tabs__rail{visibility:visible}.echo-tabs__list[data-light] .echo-tabs__indicator{visibility:hidden}.echo-tabs__list[data-light] .echo-tabs__tab{color:color-mix(in oklab,var(--echo-text) calc(var(--on, 0) * 100%),var(--echo-text-dim));transition:background var(--echo-duration-tick) ease}.echo-tabs__list[data-light] .echo-tabs__tab[data-active]{color:var(--echo-text)}@media (hover:hover){.echo-tabs__list[data-light] .echo-tabs__tab:hover{color:var(--echo-text)}}.echo-tabs__panel{padding:var(--echo-space-9) var(--echo-space-2);color:var(--echo-text)}.echo-tabs__panel:focus-visible{outline:2px solid var(--echo-accent-ink,var(--echo-accent-glow));outline-offset:2px;border-radius:var(--echo-radius-sm)}@media (prefers-reduced-motion:reduce){.echo-tabs__indicator{transition:none}}@media (pointer:coarse){.echo-tabs__list[data-size=sm]{--tab-h:44px}}@media (forced-colors:active){.echo-tabs__rail{display:none}.echo-tabs__list[data-light] .echo-tabs__indicator{visibility:visible}.echo-tabs__list{border-bottom:var(--echo-border-hairline,1px) solid ButtonText}.echo-tabs__indicator{background:Highlight;height:3px}.echo-tabs__list[data-light] .echo-tabs__tab[data-active],.echo-tabs__tab[data-active]{color:Highlight}}