:root{--cSize:30px;--cInactive:#232739;--cActive:#577af3;--particleSize:0px;--cEasing:ease;--cTiming:0.5s;--innerPaddingSize:15px}.particles-checkbox{height:var(--cSize);width:var(--cSize);display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #5d6898;border-radius:50%;position:relative;cursor:pointer;transition:all var(--cTiming) var(--cEasing);margin:2px}.particles-checkbox:focus{outline:0}.particles-checkbox:checked{background-color:var(--cActive)}.particles-checkbox:checked:after{background-color:#fff;height:calc(var(--cSize)*.3);width:calc(var(--cSize)*.3)}.particles-checkbox:checked:before{animation:particleAnimate var(--cTiming) var(--cEasing) forwards}.particles-checkbox:checked+span{border-color:#577af3;color:#babed4}.particles-checkbox:after,.particles-checkbox:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:inherit;height:0;width:0}.particles-checkbox:after{transition:all var(--cTiming) var(--cEasing)}.particles-checkbox:before{--particleSize:4px;height:var(--particleSize);width:var(--particleSize);z-index:2}@keyframes particleAnimate{0%{box-shadow:0 0 0 transparent,calc(NaN * 1px) calc(NaN * 1px) transparent,calc(NaN * 1px) calc(NaN * 1px) transparent,0 0 0 transparent,calc(NaN * 1px) calc(NaN * 1px) transparent,calc(NaN * 1px) calc(NaN * 1px) transparent,0 0 0 transparent,calc(NaN * 1px) calc(NaN * 1px) transparent,calc(NaN * 1px) calc(NaN * 1px) transparent;transform:rotate(0turn);opacity:1}50%,to{box-shadow:0 0 0 transparent,-2.2392895221px 19.8742441979px #f94144,-19.4985582436px -4.4504186791px #f94144,6.6055812391px -18.8776666062px #f94144,18.019377358px 8.6776747824px #f94144,-10.6406415303px 16.9344839846px #f94144,-15.6366296494px -12.4697960372px #f94144,14.1421356237px -14.1421356237px #f94144,0 0 0 transparent,-25.9807621135px -15px #f9c74f,15px 25.9807621135px #f9c74f,0 -30px #f9c74f,0 0 0 transparent,-28.512208774px -14.5276959917px #ffd166,18.8091280734px 25.88854382px #ffd166,-5.0059028813px -31.606026899px #ffd166,-9.88854382px 30.4338085214px #ffd166,22.627416998px -22.627416998px #ffd166;opacity:1}to{opacity:0;transform:rotate(.5turn)}}.particles-checkbox-container{display:inline-flex;margin:0;align-items:center;border-radius:8px;cursor:pointer;position:relative;transition:all var(--cTiming) var(--cEasing);width:100%}.particles-checkbox-container span{border:3px solid transparent;border-radius:calc(var(--innerPaddingSize)*.5);padding:10px;margin-left:4px;padding:var(--innerPaddingSize);padding-left:calc(var(--cSize) + var(--innerPaddingSize) + 10px);width:300px;color:#5d6898;transition:all var(--cTiming) var(--cEasing)}.particles-checkbox-container .particles-checkbox{position:absolute;left:var(--innerPaddingSize)}.link{position:fixed;top:0;left:0;margin:auto;display:inline-flex;padding:8px 16px;color:#fff;font-weight:900;text-decoration:none;text-transform:uppercase;background-color:red}