.echo-segmented{--ctl-h:var(--echo-control-default);--seg-well:var(--echo-space-3);--seg-px:var(--echo-space-8);--seg-font:var(--echo-text-xs);position:relative;display:inline-flex;flex-wrap:nowrap;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:var(--echo-space-2);max-width:100%;box-sizing:border-box;height:var(--ctl-h);padding:var(--seg-well);--seg-well-radius:max(var(--echo-radius-xl),calc(var(--echo-cap-round, 0) * 999px));--seg-radius:max(var(--echo-radius-md),calc(var(--echo-cap-round, 0) * 999px));border-radius:var(--seg-well-radius);background:var(--echo-drawn-hollow,linear-gradient(160deg,color-mix(in oklab,var(--echo-well) 72%,var(--echo-shade-ink,black)),color-mix(in oklab,var(--echo-lcd) 88%,var(--echo-shade-ink,black))));box-shadow:var(
    --echo-shadow-well,inset 0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.6 * var(--echo-shade, 1) * 100%),transparent),inset 0 -1px 0 rgb(255 255 255/calc(.05 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent)
  )}.echo-segmented[data-size=sm]{--ctl-h:var(--echo-control-compact);--seg-well:var(--echo-space-1);--seg-px:var(--echo-space-6);--seg-font:var(--echo-text-2xs)}.echo-segmented[data-size=lg]{--ctl-h:var(--echo-control-large);--seg-well:var(--echo-space-3);--seg-px:var(--echo-space-9);--seg-font:var(--echo-text-sm)}.echo-segmented::-webkit-scrollbar{display:none}.echo-segmented__option{flex:0 0 auto;white-space:nowrap;position:relative;user-select:none;-webkit-user-select:none;border:0;display:inline-flex;align-items:center;box-sizing:border-box;height:100%;padding:0 var(--seg-px);border-radius:var(--seg-radius);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(--seg-font);font-weight:var(--echo-weight-bold,700);letter-spacing:var(--echo-tracking-wider,.12em);text-transform:uppercase;transition:color var(--echo-duration-swap) ease}.echo-segmented__option[data-content]{flex-direction:column;justify-content:center;gap:var(--echo-space-1);line-height:var(--echo-leading-none,1)}.echo-segmented__option[aria-checked=true]{color:var(--echo-primary-cap-ink,var(--echo-text));background:linear-gradient(180deg,var(--echo-primary-cap-top) 0,var(--echo-primary-cap-mid) 45%,var(--echo-primary-cap-base) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255/calc(.4 * var(--echo-gloss, 1))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent),0 2px 5px color-mix(in oklab,var(--echo-cast-ink,black) calc(.4 * var(--echo-shade, 1) * 100%),transparent)}.echo-segmented__light{position:absolute;z-index:var(--echo-z-base,0);visibility:hidden;pointer-events:none;filter:drop-shadow(0 calc(2px + 4px * var(--lift, 0)) calc(2.5px + 4px * var(--lift, 0)) color-mix(in oklab,var(--echo-cast-ink,black) calc(.4 * var(--echo-shade, 1) * 100%),transparent));will-change:transform,left,width}.echo-segmented__shape{border-radius:var(--seg-radius);background:linear-gradient(180deg,var(--echo-primary-cap-top) 0,var(--echo-primary-cap-mid) 45%,var(--echo-primary-cap-base) 100%);box-shadow:var(--echo-shadow-edge,inset 0 1px 0 rgb(255 255 255/calc(.4 * var(--echo-gloss, 1)))),inset 0 0 0 var(--echo-line-width,0) var(--echo-line,transparent);position:absolute;inset:0}.echo-segmented__shape:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at var(--sheen,50%) 0,rgb(255 255 255/calc(.35 * var(--echo-gloss, 1))),transparent 65%);opacity:var(--roll,0)}.echo-segmented__option{z-index:var(--echo-z-raised,1)}.echo-segmented[data-light] .echo-segmented__option[aria-checked=true]:not(:focus-visible){background:transparent;box-shadow:none}.echo-segmented[data-light] .echo-segmented__option{color:color-mix(in oklab,var(--echo-primary-cap-ink,var(--echo-text)) calc(100% * var(--on, 0)),var(--echo-text-dim));transition:background var(--echo-duration-tick) var(--echo-ease-tick)}@media (hover:hover){.echo-segmented__option:not([aria-checked=true]):not(:disabled):not([data-disabled]):hover{background:color-mix(in oklab,var(--echo-text) 6%,transparent)}}.echo-segmented__option:focus-visible{outline:2px solid transparent;outline-offset:-2px;box-shadow:0 0 0 2px var(--echo-accent-ink,var(--echo-accent-glow))}.echo-segmented__option:disabled,.echo-segmented__option[data-disabled]{cursor:default;opacity:.5}@media (prefers-reduced-motion:reduce){.echo-segmented__option{transition:none}}.echo-segmented__option:after{content:"";position:absolute;inset-block:calc(-1 * var(--seg-well));inset-inline:0}@media (pointer:coarse){.echo-segmented[data-size=sm]{--ctl-h:44px}}@media (forced-colors:active){.echo-segmented__light{display:none}.echo-segmented{border:var(--echo-border-hairline,1px) solid ButtonText}.echo-segmented__option{border:var(--echo-border-thick,2px) solid Canvas}.echo-segmented__option[aria-checked=true]{color:Highlight;border-color:Highlight}}