:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:#e3e3e3;margin:0;padding:0;font-family:Poppins,sans-serif}.controls{display:flex;gap:1rem;justify-content:center;align-items:center}button{display:flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:60px;border:1px solid #ccc;box-shadow:0 0 1px -1px #00000040,0 4px 8px #0000000d,0 0 8px #0000000d,0 1px 2px -1px #0003;background:linear-gradient(0deg,#efefef,#eaeaea);font-size:2rem;color:#555;cursor:pointer;transition:background-color .25s ease-in-out,transform .1s ease-in-out;will-change:transform,background-color;z-index:10;position:relative}button:hover{background-color:#f1f1f1}button:active{transform:scale(.9)}.container{position:relative;width:120px;height:60px;background:#e8e8e8;box-shadow:0 2px 0 -1px #ffffff80,inset 0 4px 10px #00000026,inset 0 3px 8px #0000001a,inset 0 1px 10px -3px #00000026;border-radius:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateZ(0)}.inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform-origin:150px center;transition:transform .2s ease-in-out;pointer-events:none;transform:translateZ(0);isolation:isolate}.value{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform-origin:150px center;isolation:isolate;color:#474747;font-size:28px;font-weight:700}.value:after,.value:before{content:"";display:block;position:absolute;height:1px;width:24px;border-radius:5px;right:0;z-index:0;box-shadow:0 0 3px #bebebe54;background-color:#c2c2c2;opacity:.5}.value:before{left:20px;width:6px;height:6px;right:auto}.powered{font-weight:600;color:#e50728}.powered:before{opacity:1}.powered:after{opacity:.25}.powered:before,.powered:after{background-color:currentColor;box-shadow:0 0 10px 2px #048fe714}.active{background-color:#ff000080}.inactive{height:100%;width:100%;background-color:#00ff0080;transform:rotate(180deg)}@keyframes rotate-in{0%{transform:rotate(-90deg)}80%{transform:rotate(5deg)}85%{transform:rotate(-2deg)}90%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes rotate-out{0%{transform:rotate(0)}to{transform:rotate(80deg)}}.rotateIn{animation:rotate-in .5s linear forwards}.rotateOut{animation:rotate-out .5s linear forwards}.slight-rotate{transition:transform .2s ease-in-out;transform:rotate(-5deg)}section{display:flex;flex-direction:column;gap:40px}.fineprint{font-size:14px;color:#aaa;text-shadow:0 1px rgba(255,255,255,.25)}.fineprint a{color:#555}