.segmented{border:1px solid var(--line-soft);border-radius:999px;align-self:flex-start;gap:2px;max-width:100%;padding:3px;display:flex;overflow-x:auto}.segmented--bg{background:var(--bg)}.segmented--white{background:var(--surface)}.segmented__option{all:unset;box-sizing:border-box;cursor:pointer;color:var(--text-5);white-space:nowrap;border-radius:999px;font-size:14px;font-weight:500}.segmented__option:hover{opacity:1;color:var(--text-5)}.segmented__option--xs{padding:6px 12px;font-size:13px}.segmented__option--sm{padding:7px 14px}.segmented__option--md{padding:8px 14px}.segmented__option--lg{padding:8px 16px}.segmented__option--tab{padding:8px 15px}.segmented__option--nav,.segmented__option--nav:hover,.segmented__option--dark{color:var(--text-4)}.segmented__option--active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px #2b13061a}.segmented__option--active:hover{color:var(--ink)}.segmented__option--nav.segmented__option--active{box-shadow:0 1px 2px #2b130614,0 0 0 1px var(--line-soft)}.segmented__option--dark.segmented__option--active{background:var(--ink);box-shadow:none;color:var(--on-ink)}