.form{--checkbox:#7c96b2;--checkbox-checked:#4f29f0;--checkbox-size:25px;display:flex;gap:1rem;@media screen and (max-width:900px){justify-content:center}}.form label{cursor:pointer}.form input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;position:relative;height:var(--checkbox-size);width:var(--checkbox-size);outline:none;margin:0;cursor:pointer;border:2px solid var(--checkbox);background:transparent;border-radius:50%;display:grid;justify-self:end;justify-items:center;align-items:center;overflow:hidden;transition:border .5s ease}.form input[type=checkbox]:after,.form input[type=checkbox]:before{content:"";display:flex;justify-self:center;border-radius:50%}.form input[type=checkbox]:before{position:absolute;width:100%;height:100%;background:var(--background);z-index:1;opacity:var(--opacity,1)}.form input[type=checkbox]:after{position:relative;width:calc(100% /2);height:calc(100% /2);background:var(--checkbox-checked);top:var(--y,100%);transition:top .5s cubic-bezier(.48,1.97,.5,.63)}.form input[type=checkbox]:checked{--checkbox:var(--checkbox-checked)}.form input[type=checkbox]:checked:after{--y:0%;animation:stretch-animate .3s ease-out .17s}.form input[type=checkbox]:checked:before{--opacity:0}.form input[type=checkbox]:checked~input[type=checkbox]:after{--y:-100%}.form input[type=checkbox]:not(:checked):before{--opacity:1;transition:opacity 0s linear .5s}@keyframes stretch-animate{0%{transform:scale(1)}28%{transform:scale(1.15,.85)}50%{transform:scale(.9,1.1)}to{transform:scale(1)}}.socials{position:fixed;display:block;left:20px;bottom:20px}.socials>a{display:block;width:30px;opacity:.2;transform:scale(var(--scale,.8));transition:transform .3s cubic-bezier(.38,-.12,.24,1.91)}.socials>a:hover{--scale:1}