.segmented{box-sizing:border-box;display:inline-flex}.segmented.is-fill{width:100%;display:grid}.segmented-option{cursor:pointer;font-family:var(--font-sans);white-space:nowrap;justify-content:center;align-items:center;gap:6px;font-weight:700;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.segmented-option svg{flex:none}.segmented.is-fill .segmented-option{min-width:0}.segmented.is-fill .segmented-option-label{text-overflow:ellipsis;overflow:hidden}.segmented-option:focus-visible{box-shadow:var(--shadow-input-focus);outline:2px solid var(--color-teal);outline-offset:1px;z-index:1;position:relative}.segmented-option:disabled{cursor:not-allowed;opacity:.45}.segmented--md .segmented-option{min-height:34px;padding:0 15px;font-size:13px}.segmented--sm .segmented-option{min-height:28px;padding:0 12px;font-size:12px}.segmented--solid{background:var(--color-chrome);border:1px solid var(--color-border);border-radius:var(--radius-control);gap:4px;width:fit-content;padding:4px}.segmented--solid.is-fill{width:100%}.segmented--solid .segmented-option{color:var(--color-muted);background:0 0;border:0;border-radius:8px}.segmented--solid .segmented-option:hover:not(:disabled):not(.is-active){color:var(--color-ink)}.segmented--solid .segmented-option.is-active{color:var(--color-ink-strong);background:#fff;box-shadow:inset 0 1px #fffc,0 1px 2px #12242414}.segmented--soft{background:0 0;gap:8px}.segmented--soft:not(.is-fill){flex-wrap:wrap}.segmented--soft .segmented-option{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);background:#fff}.segmented--soft .segmented-option:hover:not(:disabled):not(.is-active){border-color:var(--color-border-strong);color:var(--color-ink)}.segmented--soft .segmented-option.is-active{background:var(--color-accent-wash);border-color:color-mix(in srgb, var(--color-teal) 34%, var(--color-border));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-teal) 22%, transparent);color:var(--color-teal-dark)}