.circuit{--circuit-dim:grayscale(.85) brightness(.42)}.circuit[data-circuit=on] [data-circuit-card]{filter:var(--circuit-dim);transition:filter .6s,box-shadow .6s}.circuit[data-circuit=on] [data-circuit-card].is-charged{filter:none}.circuit [data-circuit-card].is-flash{animation:.9s ease-out circuit-charge}@keyframes circuit-charge{0%{box-shadow:0 0 0 1px var(--circuit-card,var(--circuit-color)), 0 0 34px 4px color-mix(in oklab, var(--circuit-card,var(--circuit-color)) 70%, transparent);filter:brightness(1.45)}to{filter:none;box-shadow:0 0 0 1px #0000,0 0 #0000}}.circuit [data-circuit-card].is-flicker{animation:1.1s step-end circuit-flicker}@keyframes circuit-flicker{0%,20%,64%,to{filter:var(--circuit-dim)}12%{filter:grayscale(.4)brightness(.9)}34%{filter:grayscale(.3)brightness(1.05)}40%{filter:grayscale(.85)brightness(.45)}58%{filter:grayscale(.5)brightness(.75)}}.circuit-cable{z-index:1;overflow:visible}.circuit-cable path{fill:none;stroke-linejoin:round;stroke-linecap:round}.circuit-track{stroke:color-mix(in oklab, var(--circuit-color) 10%, transparent);stroke-width:2px}.circuit-live{stroke:var(--circuit-color);stroke-width:2.5px;filter:drop-shadow(0 0 4px color-mix(in oklab, var(--circuit-color) 80%, transparent))}.circuit-span{stroke-width:3px}.circuit-spark{fill:#fffaf0;filter:drop-shadow(0 0 6px var(--spark,var(--circuit-color))) drop-shadow(0 0 14px var(--spark,var(--circuit-color)));transition:opacity .2s}.circuit-spark.is-blocked{transform-box:fill-box;transform-origin:50%;animation:3.2s infinite circuit-sputter}@keyframes circuit-sputter{0%,18%,to{opacity:.25;transform:scale(.6)}4%{opacity:1;transform:scale(1.6)}8%{opacity:.35;transform:scale(.8)}12%{opacity:1;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.circuit[data-circuit=on] [data-circuit-card]{filter:none}.circuit [data-circuit-card][data-live=false]{filter:var(--circuit-dim)!important}.circuit-spark.is-blocked,.circuit [data-circuit-card]{animation:none!important}}
