.kumiki-switch{--kumiki-switch-track-bg:var(--kumiki-color-line-strong);--kumiki-switch-track-bg-checked:var(--kumiki-color-accent);--kumiki-switch-thumb-bg:var(--kumiki-color-accent-fg);--kumiki-switch-thumb-radius:999px;--kumiki-switch-track-radius:999px;--kumiki-switch-track-width:2.375rem;--kumiki-switch-track-height:1.375rem;--kumiki-switch-thumb-size:1.0625rem;--kumiki-switch-outline-focus:var(--kumiki-color-accent);width:var(--kumiki-switch-track-width);height:var(--kumiki-switch-track-height);border-radius:var(--kumiki-switch-track-radius);background:var(--kumiki-switch-track-bg);cursor:pointer;border:0;flex-shrink:0;align-items:center;padding:0;transition:background-color .2s cubic-bezier(.32,.72,0,1);display:inline-flex;position:relative;box-shadow:inset 0 1px 1px oklch(0% 0 0/.06)}.kumiki-switch[data-state=checked]{background:var(--kumiki-switch-track-bg-checked);box-shadow:inset 0 1px 1px oklch(0% 0 0/.1), 0 1px 2px color-mix(in oklab, var(--kumiki-color-accent) 18%, transparent)}.kumiki-switch__thumb{width:var(--kumiki-switch-thumb-size);height:var(--kumiki-switch-thumb-size);border-radius:var(--kumiki-switch-thumb-radius);background:var(--kumiki-switch-thumb-bg);transition:transform .22s cubic-bezier(.34,1.56,.64,1);display:inline-block;transform:translate(.1875rem);box-shadow:0 1px 3px oklch(0% 0 0/.18),0 1px 1px oklch(0% 0 0/.06),0 0 0 .5px oklch(0% 0 0/.04)}.kumiki-switch__thumb[data-state=checked]{transform:translateX(calc(var(--kumiki-switch-track-width) - var(--kumiki-switch-thumb-size) - .1875rem))}.kumiki-switch:focus-visible{box-shadow:0 0 0 2px var(--kumiki-color-accent-fg), 0 0 0 4px var(--kumiki-switch-outline-focus);outline:0}.kumiki-switch[data-disabled]{opacity:.5;cursor:not-allowed}:root[data-theme=dark] .kumiki-switch{--kumiki-switch-track-bg:var(--kumiki-color-fg);--kumiki-switch-track-bg-checked:var(--kumiki-color-accent);--kumiki-switch-thumb-bg:var(--kumiki-color-surface);--kumiki-switch-outline-focus:var(--kumiki-color-accent)}:root[data-theme=dark] .kumiki-switch:focus-visible{box-shadow:0 0 0 2px var(--kumiki-color-bg), 0 0 0 4px var(--kumiki-switch-outline-focus)}@media (prefers-reduced-motion:reduce){.kumiki-switch,.kumiki-switch__thumb{transition:none}}