.pokes-switch{--pokes-switch-width:2.25rem;--pokes-switch-height:1.25rem;--pokes-switch-thumb:1rem;--pokes-switch-thumb-travel:1rem;border-radius:var(--rad-pill);box-shadow:0 1px 2px color-mix(in srgb,var(--border-default) 40%,transparent);box-sizing:border-box;cursor:pointer;height:var(--pokes-switch-height);width:var(--pokes-switch-width);border:2px solid #0000;flex-shrink:0;align-items:center;padding:0;transition:background-color .15s,box-shadow .15s;display:inline-flex}.pokes-switch[data-state=unchecked]{background-color:hsl(var(--input))}.pokes-switch[data-state=checked]{background-color:hsl(var(--primary));box-shadow:0 0 8px hsl(var(--primary)/.35)}.pokes-switch:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring));outline:none}.pokes-switch[data-state=checked]:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)),0 0 0 4px hsl(var(--ring)),0 0 8px hsl(var(--primary)/.35)}.pokes-switch:disabled{cursor:not-allowed;opacity:.5}.pokes-switch__thumb{background-color:hsl(var(--background));border-radius:var(--rad-pill);box-shadow:0 1px 3px color-mix(in srgb,var(--border-default) 55%,transparent);height:var(--pokes-switch-thumb);pointer-events:none;width:var(--pokes-switch-thumb);transition:transform .15s;display:block}.pokes-switch[data-state=unchecked] .pokes-switch__thumb{transform:translate(0)}.pokes-switch[data-state=checked] .pokes-switch__thumb{transform:translateX(var(--pokes-switch-thumb-travel))}.pokes-switch--xs{--pokes-switch-width:1.4375rem;--pokes-switch-height:.8125rem;--pokes-switch-thumb:.625rem;--pokes-switch-thumb-travel:.6875rem}.pokes-switch--compact{--pokes-switch-width:1.4rem;--pokes-switch-height:.775rem;--pokes-switch-thumb:.625rem;--pokes-switch-thumb-travel:.625rem;border-width:1px;flex-shrink:0}.pokes-switch--compact-left{margin-inline-end:0}.pokes-switch-caption,.switch-caption{color:var(--content-muted);font-size:.8125rem;line-height:1.2}