@layer wertigo.components{.UiSegmented{width:fit-content;min-width:0;max-width:100%;display:inline-grid}.UiSegmented--block{width:auto;display:grid}.UiSegmented__track{--ui-segmented-mark-width:16px;--ui-segmented-mark-height:3px;--ui-segmented-mark-inset:4px;box-sizing:border-box;border:1px solid var(--ds-line-strong);border-radius:var(--ds-radius-md);background:var(--ds-surface-muted);flex-wrap:wrap;min-width:0;display:flex;position:relative;overflow:hidden}.UiSegmented--block .UiSegmented__option{flex:1 1 0;min-width:max-content}.UiSegmented--block .UiSegmented__face{padding-inline:var(--ds-space-2)}.UiSegmented__option{min-width:0;display:flex;position:relative}.UiSegmented__option+.UiSegmented__option{border-left:1px solid var(--ds-line)}.UiSegmented__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.UiSegmented__face{box-sizing:border-box;min-width:0;height:calc(-2px + var(--ds-control-md));padding:0 var(--ds-space-4);color:var(--ds-muted);font-size:var(--ds-text-sm);font-weight:var(--ds-weight-medium);white-space:nowrap;transition:background-color var(--ds-duration-fast) var(--ds-ease),color var(--ds-duration-fast) var(--ds-ease);flex:auto;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}.UiSegmented--sm .UiSegmented__face{height:calc(-2px + var(--ds-control-sm));padding:0 var(--ds-space-3);font-size:var(--ds-text-xs)}.UiSegmented__icon{font-size:var(--ds-text-xl);flex:none}.UiSegmented__text{text-overflow:ellipsis;flex-direction:column;min-width:0;display:inline-flex;overflow:hidden}.UiSegmented__text:after{height:0;font-weight:var(--ds-weight-semibold);content:attr(data-text);visibility:hidden;-webkit-user-select:none;user-select:none;overflow:hidden}.UiSegmented__badge{border-radius:var(--ds-radius-sm);background:var(--ds-brand);color:var(--ds-on-brand);font-size:var(--ds-text-2xs);font-weight:var(--ds-weight-bold);font-variant-numeric:tabular-nums;flex:none;padding:1px 6px;line-height:1.4}@media (hover:hover){.UiSegmented__input:hover:not(:checked,:disabled)+.UiSegmented__face{background:var(--ds-line);color:var(--ds-ink)}}.UiSegmented__input:active:not(:checked,:disabled)+.UiSegmented__face{color:var(--ds-subtle)}.UiSegmented__input:checked+.UiSegmented__face{background:var(--ds-surface);color:var(--ds-ink);font-weight:var(--ds-weight-semibold)}.UiSegmented__indicator,.UiSegmented__input:checked+.UiSegmented__face:after{width:var(--ui-segmented-mark-width);height:var(--ui-segmented-mark-height);border-radius:var(--ds-radius-pill);background:var(--ds-brand)}.UiSegmented__input:checked+.UiSegmented__face:after{bottom:var(--ui-segmented-mark-inset);left:calc(50% - var(--ui-segmented-mark-width) / 2);content:"";position:absolute}[data-indicator]>.UiSegmented__option .UiSegmented__input:checked+.UiSegmented__face:after{content:none}.UiSegmented__indicator{z-index:1;transform:translate3d(calc(var(--ds-indicator-x) + var(--ds-indicator-width) / 2 - var(--ui-segmented-mark-width) / 2),calc(var(--ds-indicator-y) + var(--ds-indicator-height) - var(--ui-segmented-mark-height) - var(--ui-segmented-mark-inset)),0);will-change:transform}[data-indicator=animated]>.UiSegmented__indicator{transition:transform var(--ds-duration-base) var(--ds-ease)}.UiSegmented__input:focus-visible+.UiSegmented__face{outline:2px solid var(--ds-brand);outline-offset:-2px}.UiSegmented__input:disabled{cursor:not-allowed}.UiSegmented__input:disabled+.UiSegmented__face{opacity:.5}}