.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-radius:var(--btn-radius);overflow:hidden;height:var(--field-min-height)}.segmented-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background-color:transparent;border:none;cursor:pointer;font-family:var(--font-roboto-condensed);font-size:13px;font-weight:500;line-height:1.2;transition:background-color .15s,color .15s}.segmented-option:focus-visible{outline:2px solid var(--btn-focus-ring-color);outline-offset:-2px}.segmented.tone-light{border:1.5px solid var(--card-border-color)}.segmented.tone-light .segmented-option{color:var(--muted-text-color)}@media (hover:hover){.segmented.tone-light .segmented-option:hover:not(.active){color:var(--primary-color)}}.segmented.tone-light .segmented-option.active{background-color:var(--primary-color);color:var(--light-color)}.segmented.tone-light .segmented-option.active:focus-visible{outline-color:var(--light-color)}.segmented.tone-on-dark{background-color:rgba(0,0,0,.22);border:1.5px solid rgba(255,255,255,.4);padding:2px;gap:2px;border-radius:var(--btn-radius)}.segmented.tone-on-dark .segmented-option{color:#ffffff;border-radius:calc(var(--btn-radius) - 4px)}@media (hover:hover){.segmented.tone-on-dark .segmented-option:hover:not(.active){background-color:rgba(0,0,0,.18)}}.segmented.tone-on-dark .segmented-option.active{background-color:var(--light-color);color:var(--primary-color)}.segmented.tone-on-dark .segmented-option:focus-visible{outline-color:var(--light-color)}