@layer components{.segmented{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.segmented__legend{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-block-end:var(--space-2);padding:0}.segmented__track{border-radius:var(--radius-full);background:var(--sunken);box-shadow:var(--sink-1);flex-wrap:wrap;justify-self:start;gap:4px;padding:4px;display:inline-flex}.segmented--block .segmented__track{justify-self:stretch;display:flex}.segmented--block .segmented__option{flex:1}.segmented__option{display:flex;position:relative}.segmented__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__face{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:calc(var(--control-md) - 8px);padding-inline:var(--space-4);border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;pointer-events:none;transition:background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);flex:1;display:inline-flex}.segmented--sm .segmented__face{min-block-size:calc(var(--control-sm) - 8px);padding-inline:var(--space-3)}@media (max-width:39.99rem){.segmented--narrow-icons .segmented__face{padding-inline:var(--space-3)}.segmented--narrow-icons .segmented__text{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}}.segmented__option:hover .segmented__face{color:var(--text)}.segmented__input:checked+.segmented__face{background:var(--surface-sheen);box-shadow:var(--raise-1);color:var(--text)}.segmented__input:checked+.segmented__face svg{color:var(--accent)}.segmented__input:focus-visible+.segmented__face{outline:2px solid var(--focus);outline-offset:1px}@media (forced-colors:active){.segmented__input:checked+.segmented__face{border:2px solid highlight}}}