.ui-segmented-control{--segment-surface:var(--surface,#fff);--segment-border:var(--line,#d9e4de);--segment-selected:var(--mint,#e1f2e9);--segment-ink:var(--ink,#163d34);--segment-muted:var(--muted,#60766b);isolation:isolate;grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));border:1px solid var(--segment-border);background:var(--segment-surface);border-radius:14px;align-items:stretch;gap:0;width:100%;min-width:0;max-width:100%;margin:0;padding:4px;display:grid;position:relative}.ui-segmented-control[data-width=content]{width:fit-content}.ui-segmented-control[data-tone=dark]{--segment-surface:#14382d;--segment-border:#4c7465;--segment-selected:#cce9d9;--segment-ink:#163d34;--segment-muted:#d9eae0}.ui-segmented-control[data-segmented]>.ui-segmented-option{z-index:1;width:100%;min-width:0;min-height:44px;box-shadow:none;font:inherit;text-align:center;white-space:normal;color:var(--segment-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;margin:0;padding:8px 10px;font-size:13px;font-weight:550;line-height:1.35;display:flex;position:relative}.ui-segmented-control[data-segmented]>.ui-segmented-option:is([aria-checked=true],[aria-selected=true]){color:var(--segment-ink);font-weight:700}.ui-segmented-control[data-segmented]>.ui-segmented-option:focus-visible{outline:2px solid var(--mint-dark,#378d6c);outline-offset:-2px}.ui-segmented-control[data-segmented]>.ui-segmented-option:disabled{cursor:not-allowed;opacity:.5}.ui-segmented-label{overflow-wrap:anywhere;min-width:0}.ui-segmented-highlight{z-index:0;pointer-events:none;background:var(--segment-selected);border-radius:10px;position:absolute;top:0;left:0;box-shadow:inset 0 1px #ffffff50,0 2px 5px #122b2410}.ui-segmented-control[data-animate]>.ui-segmented-highlight{transition:transform .26s cubic-bezier(.22,.9,.35,1),width .18s,height .18s}.ui-segmented-panel{gap:var(--panel-gap,18px);min-width:0;display:grid}.ui-segmented-panel[hidden]{display:none}@media (max-width:480px){.ui-segmented-control[data-wrap]{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-segmented-control[data-segmented]>.ui-segmented-option{padding-inline:4px;font-size:12px}}@media (prefers-reduced-motion:reduce){.ui-segmented-control[data-animate]>.ui-segmented-highlight{transition:none}}