.furin-metal-toggle{--fmt-p:-1;--fmt-len:54px;--fmt-grain:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='240'%3E%3Cfilter%20id='g'%20x='0'%20y='0'%20width='100%25'%20height='100%25'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.012%200.9'%20numOctaves='2'%20seed='11'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='matrix'%20values='0.33%200.33%200.33%200%200%200.33%200.33%200.33%200%200%200.33%200.33%200.33%200%200%200%200%200%200%201'/%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type='linear'%20slope='2.2'%20intercept='-0.6'/%3E%3CfeFuncG%20type='linear'%20slope='2.2'%20intercept='-0.6'/%3E%3CfeFuncB%20type='linear'%20slope='2.2'%20intercept='-0.6'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23g)'/%3E%3C/svg%3E");--fmt-on:clamp(0,calc((var(--fmt-p) + 1)/2),1);position:relative;display:block;cursor:grab;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(168deg,#f4f6f8 0%,#9aa1ab 26%,#23262b 52%,#7d848e 78%,#e8ebef 100%);border:0;border-radius:22px;width:148px;height:264px;padding:0;box-shadow:0 0 0 1px #000000bf,0 2px 2px #00000080,0 14px 18px -6px #0009,0 34px 44px -18px #000000d9,0 40px 60px -30px #becde133}.furin-metal-toggle:active:not(:disabled){cursor:grabbing}.furin-metal-toggle:focus-visible{outline:2px solid #96b9fff2;outline-offset:5px}.furin-metal-toggle:disabled{cursor:not-allowed;filter:grayscale(.7)brightness(.6)}.furin-metal-toggle[data-state=on]{--fmt-p:1}.furin-metal-toggle[data-state=off]{--fmt-p:-1}.furin-metal-toggle__plate{position:absolute;overflow:hidden;background:linear-gradient(115deg,#ffffff2e 0%,#fff0 32%,#fff0 64%,#ffffff14 100%),linear-gradient(180deg,var(--fmt-plate-a)0%,var(--fmt-plate-b)100%);border-radius:18px;inset:4px;box-shadow:inset 0 1px 1px #ffffff8c,inset 0 -1px 2px #00000080,inset 0 0 0 1px #00000073}.furin-metal-toggle__grain{position:absolute;background:var(--fmt-grain)0 0/240px 240px;mix-blend-mode:soft-light;opacity:var(--fmt-grain-op);inset:0}.furin-metal-toggle--graphite{--fmt-plate-a:#565b63;--fmt-plate-b:#2f3338;--fmt-grain-op:.5;--fmt-ink:#eef2f7eb;--fmt-ink-dim:#eef2f757;--fmt-ink-shade:#000000a6}.furin-metal-toggle--silver{--fmt-plate-a:#eceff2;--fmt-plate-b:#b7bdc6;--fmt-grain-op:.9;--fmt-ink:#181b20e0;--fmt-ink-dim:#181b2057;--fmt-ink-shade:#fffc}.furin-metal-toggle__screw{position:absolute;background:conic-gradient(from 20deg,#e8ebef,#7b828c,#f6f8fa,#666d77,#e8ebef);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0000008c,0 1px 1px 1px #00000073,inset 0 0 2px #0006}.furin-metal-toggle__screw:before,.furin-metal-toggle__screw:after{content:"";position:absolute;background:#23262b;border-radius:1px;top:50%;left:50%;box-shadow:0 .5px #ffffff8c}.furin-metal-toggle__screw:before{transform:translate(-50%,-50%)rotate(var(--fmt-slot,0deg));width:8px;height:1.6px}.furin-metal-toggle__screw:after{transform:translate(-50%,-50%)rotate(var(--fmt-slot,0deg));width:1.6px;height:8px}.furin-metal-toggle__screw--a{--fmt-slot:24deg;top:11px;left:11px}.furin-metal-toggle__screw--b{--fmt-slot:-38deg;top:11px;right:11px}.furin-metal-toggle__screw--c{--fmt-slot:62deg;bottom:11px;left:11px}.furin-metal-toggle__screw--d{--fmt-slot:8deg;bottom:11px;right:11px}.furin-metal-toggle__led{position:absolute;background:radial-gradient(circle at 35% 30%,#5a4631,#14100b 72%);border-radius:50%;width:11px;height:11px;margin-left:-5.5px;top:13px;left:50%;box-shadow:0 0 0 2px #a9b0b9,0 0 0 3px #000000b3,0 1px 1px 3px #ffffff0f}.furin-metal-toggle__led:before{content:"";position:absolute;background:radial-gradient(circle at 35% 30%,#fff 0%,var(--fmt-led)42%,color-mix(in srgb,var(--fmt-led)55%,#000)100%);box-shadow:0 0 14px 4px color-mix(in srgb,var(--fmt-led)70%,transparent);opacity:var(--fmt-on);border-radius:50%;inset:0}.furin-metal-toggle__title,.furin-metal-toggle__pos{position:absolute;text-align:center;letter-spacing:.22em;text-transform:uppercase;text-indent:.22em;color:var(--fmt-ink);text-shadow:0 -1px 0 var(--fmt-ink-shade);font:600 10px/1 ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace;left:0;right:0}.furin-metal-toggle__title{color:var(--fmt-ink-dim);font-size:9px;top:31px}.furin-metal-toggle__pos{transition:color .25s;font-size:11px;font-weight:700}.furin-metal-toggle__pos--on{color:var(--fmt-ink-dim);top:53px}.furin-metal-toggle__pos--off{color:var(--fmt-ink);bottom:51px}.furin-metal-toggle[data-state=on] .furin-metal-toggle__pos--on{color:var(--fmt-ink)}.furin-metal-toggle[data-state=on] .furin-metal-toggle__pos--off{color:var(--fmt-ink-dim)}.furin-metal-toggle__nutwrap{position:absolute;filter:drop-shadow(0 4px 3px #0000008c)drop-shadow(0 1px 0 #ffffff1f);width:84px;height:84px;margin:-42px 0 0 -42px;top:50%;left:50%}.furin-metal-toggle__nut{position:absolute;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(#ffffff59,#fff0 40%,#0000002e),conic-gradient(#f1f4f7,#8a919b,#fafbfc,#5f666f,#eef1f4,#9aa1ab,#fdfdfe,#6f7680,#f1f4f7);inset:0}.furin-metal-toggle__ring{position:absolute;background:conic-gradient(from 200deg,#f7f9fb,#7a818b,#eceff2,#555b64,#f7f9fb,#868d97,#fdfdfe,#646b75,#f7f9fb);border-radius:50%;inset:11px;box-shadow:0 0 0 1px #00000059,inset 0 1px 1px #ffffffe6,inset 0 -1px 2px #0006}.furin-metal-toggle__bore{position:absolute;background:radial-gradient(circle at 50% 62%,#05060a 0%,#101216 55%,#25282e 100%);border-radius:50%;inset:22px;box-shadow:inset 0 3px 6px #000000e6,inset 0 -1px 1px #ffffff59,0 1px #ffffff8c}.furin-metal-toggle__stage{position:absolute;perspective:340px;perspective-origin:50% 50%;width:0;height:0;top:50%;left:50%}.furin-metal-toggle__shadow{position:absolute;height:var(--fmt-len);filter:blur(3.2px);transform-origin:50% 0;background:linear-gradient(#000000bf,#0000004d);border-radius:7px;width:13px;top:0;left:0;transform:translate(-50%)rotate(-2.603rad)scaleY(.474)}.furin-metal-toggle[data-state=off] .furin-metal-toggle__shadow{transform:translate(-50%)rotate(-.231rad)scaleY(1.06)}.furin-metal-toggle__lever{position:absolute;height:var(--fmt-len);transform-style:preserve-3d;transform-origin:50% 100%;transform:translate(-50%,-100%)rotateX(calc(-90deg + var(--fmt-p)*46deg));width:13px;top:0;left:0}.furin-metal-toggle__stem{position:absolute;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);background:linear-gradient(90deg,#23262b 0%,#7f8690 14%,#f4f6f8 36%,#c3c9d1 52%,#6c737d 78%,#2a2d33 100%);border-radius:6px 6px 3px 3px;inset:0}.furin-metal-toggle__tip{position:absolute;transform:rotateX(calc(90deg - var(--fmt-p)*46deg));background:radial-gradient(circle at 34% 28%,#fff 0%,#fff0 22%),radial-gradient(circle at 40% 36%,#f1f4f7 0%,#c4cad2 30%,#7b838d 62%,#2c3036 100%);border-radius:50%;width:24px;height:24px;margin-left:-12px;top:-9px;left:50%;box-shadow:inset 0 -2px 3px #00000059,0 0 0 .5px #0006}.furin-metal-toggle__pivot{position:absolute;background:radial-gradient(circle at 35% 28%,#fffffff2 0%,#fff0 38%),conic-gradient(from 30deg,#e9edf1,#7a818b,#f5f7f9,#5d646e,#e9edf1);border-radius:50%;width:26px;height:26px;top:-13px;left:-13px;box-shadow:0 0 0 1px #00000080,0 2px 3px #0000008c,inset 0 -2px 3px #0000004d}@media (prefers-reduced-motion:reduce){.furin-metal-toggle__pos{transition:none}}