.tq-seg{--n:3;--i:0;grid-template-columns:repeat(var(--n), minmax(0, 1fr));background:var(--sky);isolation:isolate;border-radius:16px;max-width:100%;padding:4px;display:inline-grid;position:relative}.tq-seg-thumb{z-index:-1;width:calc((100% - 8px) / var(--n));box-shadow:inset 0 0 0 2.5px var(--ink);transform:translateX(calc(var(--i) * 100%));background:#fff;border-radius:12px;transition:transform .38s cubic-bezier(.34,1.4,.5,1);position:absolute;top:4px;bottom:4px;left:4px}.tq-seg button{min-height:48px;font:600 .9375rem/1 var(--text);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.tq-seg button[aria-pressed=true]{color:var(--ink)}.tq-seg button:not([aria-pressed=true]):hover{color:var(--ink);background:#ffffff80}.tq-seg button:focus-visible{outline:3px solid var(--tomato);outline-offset:1px}.tq-seg button:disabled{cursor:progress}.tq-seg-ic{flex:0 0 22px;place-items:center;width:22px;height:22px;display:inline-grid}.tq-spin{border:3px solid #1f33b840;border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite tq-spin}@keyframes tq-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.tq-seg-thumb{transition:none}.tq-spin{border-top-color:#1f33b840;border-right-color:var(--ink);animation:none}}