.tk-switch-wrap{color:var(--ink);display:block}.tk-switch-row{align-items:center;gap:10px;display:inline-flex}.tk-switch-text{gap:2px;display:grid}.tk-switch-label{font-weight:600}.tk-switch-desc{color:color-mix(in oklab, var(--ink) 70%, transparent);font-size:.875rem}.tk-switch-hitbox{border-radius:999px;place-items:center;min-block-size:44px;min-inline-size:44px;padding:8px;display:inline-grid}.tk-switch-hitbox>.tk-switch{min-inline-size:initial!important;min-block-size:initial!important}.tk-switch,.tk-switch-hitbox{-webkit-tap-highlight-color:transparent}.tk-switch{--sw-w:46px;--sw-h:26px;--sw-pad:3px;--sw-knob:20px;--sw-travel:calc(var(--sw-w) - var(--sw-h));--ease:cubic-bezier(.22, .9, .25, 1.04);--t:.24s var(--ease);--tf:.16s var(--ease);inline-size:var(--sw-w);block-size:var(--sw-h);isolation:isolate;cursor:pointer;background:color-mix(in oklab, var(--surface) 96%, transparent);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow), 0 1px 0 #ffffff73 inset;transition:background var(--tf), border-color var(--tf), box-shadow var(--tf);border-radius:999px;outline:0;position:relative}.tk-switch.-sz-sm{--sw-w:38px;--sw-h:22px;--sw-pad:2px;--sw-knob:18px}.tk-switch.-sz-md{--sw-w:46px;--sw-h:26px;--sw-pad:3px;--sw-knob:20px}.tk-switch.-sz-lg{--sw-w:56px;--sw-h:32px;--sw-pad:3px;--sw-knob:26px}.tk-switch.is-off{background:color-mix(in oklab, var(--surface) 96%, transparent);border-color:var(--border-color)}.tk-switch.is-on{background:linear-gradient(180deg, color-mix(in oklab, var(--color-primary-400) 96%, transparent) 0%, color-mix(in oklab, var(--color-primary-500) 98%, transparent) 55%, color-mix(in oklab, var(--color-primary-600) 84%, transparent) 100%) border-box;border-color:color-mix(in oklab, var(--color-primary-600) 42%, transparent);box-shadow:var(--shadow), 0 0 0 1px color-mix(in oklab, var(--color-primary-700) 22%, transparent) inset}.tk-switch:focus-visible{box-shadow:var(--shadow), var(--focus-ring)}.tk-switch:focus-visible .tk-switch-knob{box-shadow:0 1px 0 #ffffffa6 inset, 0 8px 20px #00000024, 0 0 0 1px color-mix(in oklab, var(--ink) 12%, transparent) inset, var(--focus-ring)}.tk-switch.is-disabled,.tk-switch[disabled]{opacity:.6;cursor:not-allowed}.tk-switch.is-disabled .tk-switch-amber,.tk-switch.is-disabled .tk-switch-glass{opacity:0!important}.tk-switch.is-disabled{background:color-mix(in oklab, var(--surface) 95%, transparent)}.tk-switch-glass,.tk-switch-edge,.tk-switch-amber,.tk-switch-loader{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.tk-switch-glass{background:var(--glass-bg);border:var(--border-width) solid var(--glass-stroke);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(var(--glass-brightness));opacity:0;transition:opacity var(--tf);background-clip:padding-box}.tk-switch.is-on .tk-switch-glass{opacity:.75}.tk-switch-edge{opacity:.55;box-shadow:inset 0 0 0 1px #ffffff38,inset 0 6px 12px #0000000f}.tk-switch-amber{background:radial-gradient(120% 140% at 22% 50%, color-mix(in oklab, var(--color-primary-300) 42%, transparent) 0%, transparent 55%), radial-gradient(120% 140% at 78% 50%, color-mix(in oklab, var(--color-primary-700) 22%, transparent) 0%, transparent 60%);mix-blend-mode:soft-light;opacity:0;transition:opacity var(--t), transform var(--t);transform:scale(.98)}.tk-switch.is-on .tk-switch-amber{opacity:.86;transform:scale(1)}.tk-switch-loader{--ld:color-mix(in oklab, var(--color-primary-500) 42%, transparent);background:conic-gradient(from 0deg, transparent 0 40%, var(--ld) 50%, transparent 60% 100%);filter:blur(6px)saturate(1.15);opacity:0;transform:scale(.9)}.tk-switch[aria-busy=true] .tk-switch-loader{opacity:.7;animation:1s linear infinite swSpin,1.2s ease-in-out infinite swPulse}.tk-switch-knob{inline-size:var(--sw-knob);block-size:var(--sw-knob);will-change:transform;background:radial-gradient(120% 140% at 30% 20%, #fffffff2 0%, #fff9 18%, transparent 40%), var(--surface);box-shadow:0 1px 0 #ffffffa6 inset, 0 8px 20px #00000024, 0 0 0 1px color-mix(in oklab, var(--ink) 12%, transparent) inset;transition:transform var(--t), box-shadow var(--tf), background var(--tf);z-index:2;backface-visibility:hidden;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;translate:0 -50%}.tk-switch-knob.-pos-off{inset-inline-start:var(--sw-pad);transform:translate(0)}.tk-switch-knob.-pos-on{transform:translateX(var(--sw-travel));inset-inline-start:var(--sw-pad)}.tk-switch.is-on .tk-switch-knob{background:radial-gradient(120% 140% at 30% 20%, #fffffff2 0%, #ffffff8c 20%, transparent 42%), linear-gradient(180deg, color-mix(in oklab, var(--color-primary-50) 70%, transparent) 0%, color-mix(in oklab, var(--color-primary-100) 85%, transparent) 100%)}.tk-switch:is(:active,[aria-pressed=true]) .tk-switch-knob{transform:translateX(var(--tk-press,0)) scale(.98);box-shadow:0 1px 0 #fff9 inset, 0 6px 14px #0000001f, 0 0 0 1px color-mix(in oklab, var(--ink) 14%, transparent) inset}.tk-switch.is-on:active{--tk-press:var(--sw-travel)}.tk-switch.is-off:active{--tk-press:0}.tk-switch-ic{color:color-mix(in oklab, var(--ink) 70%, transparent);place-items:center;line-height:0;display:grid}.tk-switch-dot{display:none}.tk-switch-spec{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:.55;background:radial-gradient(120% 140% at 30% 20%,#fffffff2 0%,#ffffff80 18%,#0000 40%),radial-gradient(100% 120% at 70% 80%,#ffffff59 0%,#0000 45%);position:absolute;inset:0}.tk-switch-knob:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 0 color-mix(in oklab, var(--color-primary-500) 35%, transparent);opacity:0;position:absolute;inset:0}.tk-switch.is-on .tk-switch-knob:after{animation:.32s cubic-bezier(.22,.9,.25,1.04) swPopOn}.tk-switch.is-off .tk-switch-knob:after{animation:swPopOff .34s var(--ease)}@keyframes swPopOn{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--color-primary-500) 60%, transparent);opacity:.9}to{opacity:0;box-shadow:0 0 0 14px #0000}}@keyframes swPopOff{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--ink) 35%, transparent);opacity:.7}to{opacity:0;box-shadow:0 0 0 12px #0000}}.tk-switch-knob.is-loading{background:linear-gradient(180deg, color-mix(in oklab, var(--color-primary-50) 65%, transparent) 0%, color-mix(in oklab, var(--color-primary-100) 75%, transparent) 100%), var(--surface)}.dark .tk-switch,[data-theme=dark] .tk-switch{background:color-mix(in oklab, var(--surface) 75%, black 10%);box-shadow:var(--shadow), 0 1px 0 #ffffff0f inset;border-color:#ffffff14}.dark .tk-switch.is-on,[data-theme=dark] .tk-switch.is-on{background:linear-gradient(180deg, color-mix(in oklab, var(--color-primary-500) 78%, transparent) 0%, color-mix(in oklab, var(--color-primary-600) 86%, transparent) 65%, color-mix(in oklab, var(--color-primary-700) 68%, transparent) 100%) border-box;border-color:color-mix(in oklab, var(--color-primary-600) 42%, transparent)}.dark .tk-switch-knob,[data-theme=dark] .tk-switch-knob{background:radial-gradient(120% 140% at 30% 20%, #ffffffd9 0%, #fff6 20%, transparent 42%), color-mix(in oklab, var(--surface) 96%, black 4%);box-shadow:inset 0 1px #ffffff0f,0 8px 20px #00000061,inset 0 0 0 1px #ffffff14}.dark .tk-switch:focus-visible .tk-switch-knob{box-shadow:0 1px 0 #ffffff14 inset, 0 8px 20px #00000061, 0 0 0 1px #ffffff14 inset, var(--focus-ring)}.dark .tk-switch-amber,[data-theme=dark] .tk-switch-amber{mix-blend-mode:screen;opacity:.62}@media (prefers-reduced-motion:reduce){.tk-switch,.tk-switch *{transition:none!important;animation:none!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tk-switch-glass{background:#ffffff5c}.dark .tk-switch-glass,[data-theme=dark] .tk-switch-glass{background:#1616168c}}@media (pointer:coarse){.tk-switch{--t:.2s cubic-bezier(.22, .9, .25, 1.04);--tf:.14s ease}.tk-switch.is-on .tk-switch-amber{opacity:.78;transform:scale(.995)}}@media (forced-colors:active){.tk-switch{box-shadow:none!important;background:canvas!important;border:1px solid canvastext!important}.tk-switch-knob{box-shadow:none!important;background:canvastext!important}.tk-switch-glass,.tk-switch-amber,.tk-switch-edge,.tk-switch-loader{display:none!important}}@keyframes swSpin{to{transform:rotate(360deg)}}@keyframes swPulse{0%,to{opacity:.65;transform:scale(.96)}50%{opacity:.9;transform:scale(1.02)}}