.ui-segmented{--seg-color:var(--c-primary);background:var(--c-surface);border:1px solid var(--border-color);border-radius:9999px;display:inline-flex;max-width:100%;overflow:hidden}.ui-segmented__item{align-items:center;background:transparent;border:0;color:var(--c-text);cursor:pointer;display:inline-flex;flex:1 1 auto;font:inherit;font-size:.875rem;font-weight:500;gap:4px;height:38px;justify-content:center;letter-spacing:.0892857143em;line-height:1;padding-inline:12px;transition:background-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent}@media(min-width:600px){.ui-segmented__item{gap:8px;padding-inline:24px}}.ui-segmented__item:hover{background:color-mix(in srgb,currentColor 4%,transparent)}.ui-segmented__item:focus-visible{border-radius:9999px;outline:2px solid var(--seg-color);outline-offset:-2px}.ui-segmented__item--active{background:color-mix(in srgb,var(--seg-color) 12%,transparent);color:var(--seg-color)}.ui-segmented__item--active:hover{background:color-mix(in srgb,var(--seg-color) 16%,transparent)}