.ce-tg4{--tg4-track-w:50px;--tg4-track-h:28px;--tg4-thumb:22px;--tg4-pad:4px;--tg4-thumb-pad:3px;--tg4-travel:22px;display:inline-flex;flex:none;padding:var(--tg4-pad);border:1px solid var(--border);border-radius:calc((var(--tg4-track-h) + var(--tg4-pad) * 2) / 2);cursor:pointer;transition:background-color .15s var(--ease-out)}.ce-tg4,.dark .ce-tg4{background:var(--surface-2)}.ce-tg4:active{background:var(--surface-1)}.dark .ce-tg4:active{background:var(--card)}.ce-tg4:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ce-tg4--off,.ce-tg4:disabled{opacity:.45;cursor:not-allowed}.ce-tg4__track{display:block;width:var(--tg4-track-w);height:var(--tg4-track-h);border-radius:calc(var(--tg4-track-h) / 2);background:var(--surface-1);transition:background-color .2s var(--ease-out)}.dark .ce-tg4__track{background:var(--card)}.ce-tg4[data-on="1"] .ce-tg4__track{background:var(--foreground)}.ce-tg4__thumb{display:block;width:var(--tg4-thumb);height:var(--tg4-thumb);margin:var(--tg4-thumb-pad) 0 0 var(--tg4-thumb-pad);border:1px solid var(--border);border-radius:50%;background:var(--card);box-shadow:0 1px 2px color-mix(in srgb,var(--foreground) 18%,transparent);transform:translateX(0);transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .2s var(--ease-out)}.dark .ce-tg4__thumb{border-color:transparent;background:var(--foreground);box-shadow:none}.ce-tg4[data-on="1"] .ce-tg4__thumb{transform:translateX(var(--tg4-travel));background:var(--card)}@media (prefers-reduced-motion:reduce){.ce-tg4,.ce-tg4__thumb,.ce-tg4__track{transition:none!important}}