.switch{width:50px;height:30px;display:flex;justify-content:flex-start;border-radius:10px;padding:3px 3px 3px 4px;cursor:pointer}.switch[data-ison=true]{justify-content:flex-end}.handle{width:20px;height:20px;border-radius:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.new-block{animation:fadeIn 1s ease-in-out}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:0;margin:0}a{font-weight:500;color:#0d1161;text-decoration:none}a:hover{color:#6269f1}p{margin:0;font-size:.8rem}