@layer wertigo.components{.UiSegmented{min-width:0;max-width:100%;display:inline-grid}.UiSegmented--block{display:grid}.UiSegmented__track{box-sizing:border-box;border:1px solid var(--ds-line);border-radius:var(--ds-radius-md);background:var(--ds-surface-muted);flex-wrap:wrap;gap:2px;min-width:0;padding:3px;display:flex}.UiSegmented--block .UiSegmented__option{flex:1 1 0;min-width:max-content}.UiSegmented__option{min-width:0;display:flex;position:relative}.UiSegmented__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.UiSegmented__face{box-sizing:border-box;min-width:0;height:calc(-8px + var(--ds-control-md));padding:0 var(--ds-space-3);border-radius:calc(-3px + var(--ds-radius-md));color:var(--ds-muted);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-semibold);white-space:nowrap;transition:background-color var(--ds-duration) var(--ds-ease),color var(--ds-duration) var(--ds-ease);flex:auto;justify-content:center;align-items:center;gap:6px;display:inline-flex}.UiSegmented--sm .UiSegmented__face{height:calc(-8px + var(--ds-control-sm));font-size:var(--ds-text-xs);padding:0 10px}.UiSegmented__icon{flex:none;font-size:18px}.UiSegmented__text{text-overflow:ellipsis;overflow:hidden}.UiSegmented__input:hover:not(:checked)+.UiSegmented__face{color:var(--ds-ink)}.UiSegmented__input:checked+.UiSegmented__face{background:var(--ds-surface);box-shadow:var(--ds-shadow-sm);color:var(--ds-ink)}.UiSegmented__input:focus-visible+.UiSegmented__face{outline:2px solid var(--ds-brand);outline-offset:1px}.UiSegmented__input:disabled{cursor:not-allowed}.UiSegmented__input:disabled+.UiSegmented__face{opacity:.5}}