.t-seg{--n:2;--idx:0;box-sizing:border-box;border:var(--t-edge);background:var(--t-grouped);border-radius:999px;grid-auto-columns:1fr;grid-auto-flow:column;block-size:64px;min-inline-size:0;padding:4px 4px 7px;display:grid;position:relative}.t-seg[data-size=sm]{block-size:50px;padding:3px 3px 6px}.t-seg__thumb{inline-size:calc((100% - 8px) / var(--n));box-sizing:border-box;border:var(--t-edge);box-shadow:0 3px 0 var(--t-ink);translate:calc(var(--idx) * 100% * var(--t-dir)) 0;transition:translate var(--t-soft) var(--t-spring-soft), transform var(--t-snappy) var(--t-spring), box-shadow var(--t-snappy) var(--t-spring);pointer-events:none;background:#fff;border-radius:999px;position:absolute;inset-block:4px 7px;inset-inline-start:4px;overflow:hidden}.t-seg[data-size=sm] .t-seg__thumb{inline-size:calc((100% - 6px) / var(--n));inset-block:3px 6px;inset-inline-start:3px}.t-seg:is(:active,[data-down]) .t-seg__thumb{box-shadow:0 0 0 var(--t-ink);transition-duration:var(--t-soft), var(--t-press-ms), var(--t-press-ms);transform:translateY(3px)}.t-seg__thumb:after{content:"";background:var(--t-jeton);transform-origin:0;border-radius:3px;block-size:3px;position:absolute;inset-block-end:5px;inset-inline:30%;scale:0 1}[dir=rtl] .t-seg__thumb:after{transform-origin:100%}.t-seg[data-cycle=a] .t-seg__thumb:after{animation:t-seg-fill-a var(--t-cycle,7.2s) linear forwards}.t-seg[data-cycle=b] .t-seg__thumb:after{animation:t-seg-fill-b var(--t-cycle,7.2s) linear forwards}.t-seg[data-cycle-paused] .t-seg__thumb:after{animation-play-state:paused}@keyframes t-seg-fill-a{to{scale:1}}@keyframes t-seg-fill-b{to{scale:1}}.t-seg__opt{z-index:1;color:var(--t-ink-2);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:999px;place-items:center;padding-inline:8px;font-size:15px;font-weight:700;line-height:1.1;transition:color .16s linear;display:grid;position:relative}.t-seg__opt:has(>input:checked){color:var(--t-ink)}.t-seg__opt:has(>input:focus-visible){outline:3px solid var(--t-focus);outline-offset:2px}.t-seg__opt>input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;margin:0;position:absolute}.t-seg__opt .t-ic{vertical-align:-.2em;margin-inline-end:6px;display:inline}.t-seg:has(>.t-seg__opt:nth-of-type(2)>input:checked){--idx:1}.t-seg:has(>.t-seg__opt:nth-of-type(3)>input:checked){--idx:2}.t-seg:has(>.t-seg__opt:nth-of-type(4)>input:checked){--idx:3}.t-seg:has(>.t-seg__opt:nth-of-type(5)>input:checked){--idx:4}@media (min-width:1024px){.t-seg[data-size=lg] .t-seg__opt{font-size:18px}}