.switch-toggle{aspect-ratio:2;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb, var(--w-outline) 55%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--w-accent-2) 20%, var(--w-bg-2)) 0%, color-mix(in srgb, var(--w-accent-2) 12%, var(--w-bg-2)) 46%, color-mix(in srgb, var(--w-accent) 12%, var(--w-bg-2)) 54%, color-mix(in srgb, var(--w-accent) 20%, var(--w-bg-2)) 100%);box-sizing:border-box;perspective:900px;width:100%;transition:background var(--dur-slow) var(--ease-out);display:block;position:relative;overflow:hidden}.tm-fade{transition:opacity var(--dur-slow) var(--ease-out)}.track-machinery path,.track-machinery circle,.track-machinery rect,.track-machinery line,.track-machinery ellipse,.track-frame path,.track-frame circle{transition:fill var(--dur-slow) var(--ease-out), stroke var(--dur-slow) var(--ease-out)}@keyframes tm-gear-flinch{0%,to{transform:rotate(0)}45%{transform:rotate(5deg)}55%{transform:rotate(-3.2deg)}}@keyframes tm-needle-wobble{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}@keyframes tm-gauge-flicker{0%,to{opacity:.5}50%{opacity:.85}}@keyframes tm-drop-fall{0%,60%{opacity:0;transform:translateY(0)scaleY(1)}63%{opacity:1;transform:translateY(0)scaleY(.6)}68%{transform:translateY(0)scaleY(1.2)}88%{opacity:1;transform:translateY(8.5px)scaleY(1.35)}93%,to{opacity:0;transform:translateY(9px)scaleY(.3)}}@keyframes tm-drop-splash{0%,90%{opacity:0;transform:scaleX(.4)}92%{opacity:.85;transform:scaleX(1)}99%,to{opacity:0;transform:scaleX(1.5)}}.tm-drop-fall,.tm-drop-splash{transform-box:fill-box;transform-origin:50%;animation-duration:6.3s;animation-iteration-count:infinite}.tm-drop-fall{animation-name:tm-drop-fall;animation-timing-function:ease-in}.tm-drop-splash{animation-name:tm-drop-splash;animation-timing-function:ease-out}@keyframes tm-spark-zap{0%{opacity:0;transform:scale(.4)rotate(-10deg)}4%{opacity:1;transform:scale(1.3)rotate(8deg)}9%{opacity:.25;transform:scale(.65)rotate(-6deg)}14%{opacity:1;transform:scale(1.2)rotate(5deg)}19%{opacity:.15;transform:scale(.5)rotate(-3deg)}26%{opacity:.95;transform:scale(1.1)rotate(4deg)}34%{opacity:.35;transform:scale(.75)rotate(-2deg)}44%{opacity:.9;transform:scale(1)rotate(2deg)}60%{opacity:.3;transform:scale(.85)rotate(0)}74%{opacity:.6;transform:scale(1.05)rotate(0)}to{opacity:0;transform:scale(.9)rotate(1deg)}}@keyframes tm-spark-zap-small{0%{opacity:0;transform:scale(.3)rotate(14deg)}7%{opacity:.9;transform:scale(1.1)rotate(-9deg)}13%{opacity:.1;transform:scale(.45)rotate(6deg)}22%{opacity:.8;transform:scale(.95)rotate(-5deg)}31%{opacity:.1;transform:scale(.4)rotate(3deg)}48%{opacity:.6;transform:scale(.75)rotate(0)}68%{opacity:.2;transform:scale(.55)}to{opacity:0;transform:scale(.6)}}.tm-spark-zap,.tm-spark-zap-small{transform-box:fill-box;transform-origin:50%}.tm-spark-zap{animation:.76s linear forwards tm-spark-zap}.tm-spark-zap-small{animation:.56s linear .11s forwards tm-spark-zap-small}.tm-gear-idle{animation-name:tm-gear-flinch;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tm-needle-idle{animation-name:tm-needle-wobble;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.tm-gauge-flicker{animation-name:tm-gauge-flicker;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.track-machinery[data-excited] .tm-needle-idle{animation-timing-function:ease-out}.track-machinery[data-flipping] .tm-gear-idle,.track-machinery[data-flipping] .tm-needle-idle,.track-machinery[data-flipping] .tm-gauge-flicker,.track-machinery[data-flipping] .tm-drop-fall,.track-machinery[data-flipping] .tm-drop-splash,.track-machinery[data-flipping] .tm-spark-zap,.track-machinery[data-flipping] .tm-spark-zap-small{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.tm-gear-idle,.tm-needle-idle,.tm-gauge-flicker,.tm-drop-fall,.tm-drop-splash,.tm-spark-zap,.tm-spark-zap-small{animation:none!important}}.track-dim-overlay{pointer-events:none;background:#00000038;position:absolute;inset:0}.switch-thumb-wrap{width:50%;transform-style:preserve-3d;z-index:6;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0}.switch-thumb{border-radius:var(--radius-lg);background:var(--w-accent);border:var(--outline-w) solid var(--w-outline);box-sizing:border-box;--thumb-lip:color-mix(in srgb, var(--w-accent) 55%, #000);width:89%;height:89%;box-shadow:inset 0 -6px 0 0 var(--thumb-lip), 0 0 16px 2px color-mix(in srgb, var(--w-outline) 50%, transparent);backface-visibility:hidden;transition:background-color var(--dur-slow) var(--ease-out);cursor:pointer;justify-content:center;align-items:center;padding:10%;display:flex;position:relative;overflow:hidden}.thumb-ripple{pointer-events:none;width:30%;height:30%;margin:-15% 0 0 -15%;position:absolute}.thumb-ripple:before,.thumb-ripple:after{content:"";border-style:solid;border-radius:50%;animation:2s cubic-bezier(.16,.84,.3,1) forwards thumb-ripple;position:absolute;inset:0}.thumb-ripple:before{box-shadow:0 0 0 2px color-mix(in srgb, var(--w-outline) 55%, transparent) inset;border-width:4px;border-color:#ffffffd9}.thumb-ripple:after{border-width:3px;border-color:color-mix(in srgb, var(--w-outline) 70%, transparent);animation-delay:.22s}@keyframes thumb-ripple{0%{opacity:.95;transform:scale(.15)}to{opacity:0;transform:scale(6.5)}}@media (prefers-reduced-motion:reduce){.thumb-ripple:before,.thumb-ripple:after{opacity:0;animation:none}}.switch-burst-layer{pointer-events:none;z-index:2;place-content:center;place-items:center;width:50%;display:grid;position:absolute;top:0;bottom:0;left:0}.switch-burst-layer>div{aspect-ratio:1;width:150%;position:relative}@media (forced-colors:active){.switch-toggle,.switch-thumb{background:canvas}.track-machinery,.track-frame,.track-dim-overlay,.thumb-ripple{display:none}}