:root{--switchfx-response:.34;--switchfx-bounce:.1;--switchfx-press-response:.16;--switchfx-grow:.28;--switchfx-stretch:.012;--switchfx-squash:.006;--switchfx-chroma:1.2;--switchfx-wobble:0;--switchfx-wobble-freq:4.5;--switchfx-wobble-damp:7;--switchfx-jelly:.00022;--switchfx-ripple:1;--switchfx-ripple-speed:45;--switchfx-ripple-width:4.5;--switchfx-ripple-light:.18;--switchfx-glow:.3;--switchfx-glass:1;--switchfx-refract:.3;--switchfx-lens-chroma:1.2;--switchfx-rim:.5;--switchfx-pad:2;--switchfx-shadow:.4;--switchfx-on:var(--color-indigo-blue-700);--switchfx-on-top:var(--color-indigo-blue-600);--switchfx-edge-on:color-mix(in srgb, var(--color-indigo-blue-300) 20%, transparent);--switchfx-edge-on-bottom:color-mix(in srgb, var(--color-indigo-blue-700) 20%, transparent);--switchfx-off:var(--color-slate-gray-600);--switchfx-off-top:var(--color-slate-gray-500);--switchfx-edge-off:color-mix(in srgb, var(--color-slate-gray-50) 20%, transparent);--switchfx-edge-off-bottom:color-mix(in srgb, var(--color-slate-gray-200) 20%, transparent);--switchfx-thumb:#fff;--switchfx-thumb-bottom:color-mix(in srgb, var(--color-slate-gray-50) 22%, #fff)}:root[data-theme=light]{--switchfx-shadow:.26;--switchfx-off:var(--color-light-gray-400);--switchfx-off-top:var(--color-light-gray-300);--switchfx-edge-off:color-mix(in srgb, var(--color-light-gray-500) 30%, transparent);--switchfx-edge-off-bottom:color-mix(in srgb, var(--color-light-gray-600) 40%, transparent);--switchfx-thumb-bottom:var(--color-light-gray-50);--switchfx-ripple-light:.24}.fx-switch{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:#0000;background:0 0;border-radius:999px;flex-shrink:0;padding:0;display:inline-block;position:relative}.fx-switch--sm{width:30px;height:18px}.fx-switch--md{width:34px;height:20px}.fx-switch--lg{width:44px;height:26px}.fx-switch:disabled{cursor:default}.fx-switch__canvas{pointer-events:none;width:calc(100% + 16px);max-width:none;height:calc(100% + 16px);position:absolute}.fx-switch__track{border-radius:inherit;background:var(--switchfx-off);transition:background .18s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.fx-switch[aria-checked=true] .fx-switch__track{background:var(--switchfx-on)}.fx-switch:disabled .fx-switch__track{opacity:.5}.fx-switch__thumb{width:calc(0% + var(--_s,16px));aspect-ratio:1;background:var(--switchfx-thumb);border-radius:999px;height:calc(100% - 4px);transition:transform .24s cubic-bezier(.34,1.4,.64,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.fx-switch--sm .fx-switch__thumb{--_s:14px}.fx-switch--md .fx-switch__thumb{--_s:16px}.fx-switch--lg .fx-switch__thumb{--_s:22px}.fx-switch--sm[aria-checked=true] .fx-switch__thumb{transform:translate(12px)}.fx-switch--md[aria-checked=true] .fx-switch__thumb{transform:translate(14px)}.fx-switch--lg[aria-checked=true] .fx-switch__thumb{transform:translate(18px)}.fx-switch--gpu .fx-switch__track{visibility:hidden}