.boop-module__dwQsIG__stage{background:#ffe3ec}.boop-module__dwQsIG__robot{transition:transform .5s var(--spring);-webkit-user-select:none;user-select:none;font-size:56px;display:inline-block}.boop-module__dwQsIG__stage:hover .boop-module__dwQsIG__robot,.boop-module__dwQsIG__stage:focus-within .boop-module__dwQsIG__robot{transform:rotate(-14deg)scale(1.15)}.boop-module__dwQsIG__bubble{font:12px var(--mono);background:var(--card);border:2px solid var(--line);opacity:0;transform-origin:100% 100%;transition:transform .4s var(--spring), opacity .2s;border-radius:12px 12px 2px;padding:2px 8px;position:absolute;top:18px;right:14px;transform:scale(.6)translateY(6px)}.boop-module__dwQsIG__stage:hover .boop-module__dwQsIG__bubble{opacity:1;transform:none}@media (max-width:520px){.boop-module__dwQsIG__robot{font-size:46px}}
.day-night-module__fKDIuq__stage{background:#fff6d6}.day-night-module__fKDIuq__switch{width:96px;height:52px;position:relative}.day-night-module__fKDIuq__switch input{opacity:0;cursor:pointer;z-index:2;margin:0;position:absolute;inset:0}.day-night-module__fKDIuq__track{border:2px solid var(--line);background:#9bd4ff;border-radius:999px;transition:background .4s;position:absolute;inset:0}.day-night-module__fKDIuq__knob{background:var(--yellow);border:2px solid var(--line);width:36px;height:36px;transition:transform .5s var(--spring), background .4s, box-shadow .4s;border-radius:50%;position:absolute;top:6px;left:6px}.day-night-module__fKDIuq__switch input:checked~.day-night-module__fKDIuq__track{background:#2b2350}.day-night-module__fKDIuq__switch input:checked~.day-night-module__fKDIuq__knob{background:#f2f0ff;transform:translate(44px);box-shadow:inset -9px -3px #c9c2ee}.day-night-module__fKDIuq__switch input:focus-visible~.day-night-module__fKDIuq__track{outline:3px solid var(--blue);outline-offset:3px}@media (max-width:520px){.day-night-module__fKDIuq__switch{transform:scale(.85)}}
.elastic-underline-module__QKlxoG__stage{background:#fff}.elastic-underline-module__QKlxoG__uline{background:linear-gradient(var(--violet), var(--violet)) left bottom / 0% 4px no-repeat;transition:background-size .45s var(--spring);padding-bottom:4px;font-size:22px;font-weight:700;text-decoration:none}.elastic-underline-module__QKlxoG__uline:hover,.elastic-underline-module__QKlxoG__uline:focus-visible{background-size:100% 4px}@media (max-width:520px){.elastic-underline-module__QKlxoG__uline{font-size:18px}}
.hold-to-deploy-module__gdfoFW__stage{background:#ffe9dc}.hold-to-deploy-module__gdfoFW__hold{font:600 15px var(--sans);border:2px solid var(--line);background:var(--card);cursor:pointer;color:var(--fg);border-radius:12px;padding:12px 20px;position:relative;overflow:hidden}.hold-to-deploy-module__gdfoFW__hold:before{content:"";background:var(--orange);transform-origin:0;z-index:0;transition:transform .3s ease-out;position:absolute;inset:0;transform:scaleX(0)}.hold-to-deploy-module__gdfoFW__hold:active:before{transition:transform 1.2s linear;transform:scaleX(1)}.hold-to-deploy-module__gdfoFW__hold span{z-index:1;position:relative}@media (max-width:520px){.hold-to-deploy-module__gdfoFW__hold{padding:10px 12px;font-size:13px}}
.iiot-gauge-module__s8ej0a__stage{background:#dcf7f3}.iiot-gauge-module__s8ej0a__gauge{width:120px;height:64px;position:relative;overflow:hidden}.iiot-gauge-module__s8ej0a__gauge:before{content:"";box-sizing:border-box;border:12px solid #0000;border-top-color:var(--green);border-left-color:var(--yellow);border-right-color:var(--pink);outline:2px solid var(--line);outline-offset:-2px;border-radius:50%;width:120px;height:120px;position:absolute;top:0;left:0;transform:rotate(-45deg)}.iiot-gauge-module__s8ej0a__needle{background:var(--fg);transform-origin:50% 100%;width:4px;height:50px;animation:iiot-gauge-module__s8ej0a__read 3.2s var(--spring) infinite alternate;border-radius:4px;position:absolute;bottom:0;left:58px;transform:rotate(-60deg)}.iiot-gauge-module__s8ej0a__hub{background:var(--fg);border-radius:50%;width:20px;height:20px;position:absolute;bottom:-10px;left:50px}.iiot-gauge-module__s8ej0a__stage:hover .iiot-gauge-module__s8ej0a__needle{animation-duration:.5s}@keyframes iiot-gauge-module__s8ej0a__read{0%{transform:rotate(-60deg)}40%{transform:rotate(10deg)}70%{transform:rotate(-15deg)}to{transform:rotate(55deg)}}.iiot-gauge-module__s8ej0a__label{font:11px var(--mono);color:var(--muted);position:absolute;bottom:14px}@media (max-width:520px){.iiot-gauge-module__s8ej0a__gauge{transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.iiot-gauge-module__s8ej0a__needle{transform:rotate(15deg)}}
.node-flow-module__9Erebq__stage{background:#efe7ff}.node-flow-module__9Erebq__flow{align-items:center;gap:0;display:flex}.node-flow-module__9Erebq__node{border:2px solid var(--line);background:var(--card);width:42px;height:42px;box-shadow:2px 2px 0 var(--line);transition:transform .4s var(--spring);border-radius:10px;place-items:center;font-size:20px;display:grid}.node-flow-module__9Erebq__wire{background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 10px);width:58px;height:2px;position:relative}.node-flow-module__9Erebq__wire:after{content:"";background:var(--violet);border:2px solid var(--line);opacity:0;border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;left:-6px}.node-flow-module__9Erebq__stage:hover .node-flow-module__9Erebq__wire:after{animation:.9s ease-in-out infinite node-flow-module__9Erebq__packet}.node-flow-module__9Erebq__stage:hover .node-flow-module__9Erebq__node:last-child{animation:node-flow-module__9Erebq__recv .9s var(--spring) infinite}@keyframes node-flow-module__9Erebq__packet{0%{opacity:1;left:-6px}90%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}@keyframes node-flow-module__9Erebq__recv{0%,80%{transform:scale(1)}90%{transform:scale(1.18)rotate(-6deg)}to{transform:scale(1)}}@media (max-width:520px){.node-flow-module__9Erebq__flow{transform:scale(.72)}}
.spring-button-module__BKQ7ka__stage{background:#e3eeff}
.tilt-module__Rt95lG__stage{perspective:500px;background:#e8ffe0}.tilt-module__Rt95lG__tilt{border:2px solid var(--line);background:linear-gradient(135deg, var(--yellow), var(--pink));width:120px;height:78px;transition:transform .6s var(--spring);font:700 13px var(--mono);box-shadow:3px 3px 0 var(--line);border-radius:12px;place-items:center;display:grid}.tilt-module__Rt95lG__stage:hover .tilt-module__Rt95lG__tilt{transform:rotateX(18deg)rotateY(-22deg)translateZ(20px)}@media (max-width:520px){.tilt-module__Rt95lG__tilt{width:100px;height:64px}}