body{width:100%;margin:0;overflow:hidden}.navbar{background-color:#15202aa1;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0;left:0}.toggle{justify-content:center;align-items:center;display:flex}label{color:#fff;align-items:center;display:flex;position:absolute;right:20px}.controls{position:absolute;top:100px;right:50px}h1{color:#fff}.hidden{display:none}canvas{width:100vw;height:100vh}.toggle input{--s:20px;height:calc(var(--s) + var(--s)/5);aspect-ratio:2.25;border-radius:var(--s);margin:calc(var(--s)/2);cursor:pointer;box-sizing:content-box;-webkit-appearance:none;appearance:none;background-color:#ff7a7a;width:auto;transition:all .3s .1s;display:grid;overflow:hidden}.toggle input:before{content:"";padding:calc(var(--s)/10);--_g:radial-gradient(circle closest-side at calc(100% - var(--s)/2)50%,#000 96%,#0000);background:var(--_g)0/var(--_p,var(--s))100% no-repeat content-box,var(--_g)var(--_p,0)/var(--s)100% no-repeat content-box,#fff;mix-blend-mode:darken;filter:blur(calc(var(--s)/12))contrast(11);transition:.4s,background-position .4s .1s,padding cubic-bezier(0,calc(var(--_i,-1)*200),1,calc(var(--_i,-1)*200)).25s .1s}.toggle input:checked{background-color:#85ff7a}.toggle input:checked:before{padding:calc(var(--s)/10 + .05px)calc(var(--s)/10);--_p:100%;--_i:1}body{background:#15202a;place-content:center;place-items:center;height:100vh;margin:0;display:grid}
/*# sourceMappingURL=index.7f267b2d.css.map */