.favorite-button-container{display:inline-block}.neon-checkbox{--primary:#0fa;--primary-dark:var(--color-text);--primary-light:#8fd;--size:1rem;cursor:pointer;height:1rem;height:var(--size);position:relative;width:1rem;width:var(--size);-webkit-tap-highlight-color:transparent}.neon-checkbox__input{display:none}.neon-checkbox__frame{border-radius:50%;height:var(--size);position:relative;width:var(--size)}.neon-checkbox__box{border:2px var(--border-style) var(--primary-dark);border-radius:50%;inset:0;position:absolute;-webkit-transition:all .4s ease;transition:all .4s ease}.neon-checkbox__check-container{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.neon-checkbox__check-container,.neon-checkbox__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.neon-checkbox__icon{color:var(--primary);-webkit-transition:all .4s cubic-bezier(.16,1,.3,1);transition:all .4s cubic-bezier(.16,1,.3,1)}.neon-checkbox__glow{background:var(--primary);border-radius:6px;-webkit-filter:blur(8px);filter:blur(8px);opacity:0;position:absolute;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all .4s ease;transition:all .4s ease}.neon-checkbox__particles,.neon-checkbox__particles span{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.neon-checkbox__particles span{background:var(--primary);border-radius:50%;-webkit-box-shadow:0 0 10px var(--primary);box-shadow:0 0 10px var(--primary);height:.16rem;opacity:0;pointer-events:none;width:.16rem}.neon-checkbox__rings{inset:-20px;pointer-events:none;position:absolute}.neon-checkbox__rings .ring{border:1px solid var(--primary);border-radius:50%;inset:0;opacity:0;position:absolute;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.neon-checkbox__sparks span{background:-webkit-gradient(linear,left top,right top,from(var(--primary)),to(transparent));background:linear-gradient(90deg,var(--primary),transparent);height:1px;opacity:0;position:absolute;width:20px}.neon-checkbox:hover .neon-checkbox__box{border-color:var(--primary);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__box{border-color:var(--primary);-webkit-box-shadow:0 0 20px var(--primary);box-shadow:0 0 20px var(--primary)}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__check-container{color:var(--primary)!important}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__glow{opacity:.2}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__borders span{opacity:1}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__particles span{-webkit-animation:particleExplosion .6s ease-out forwards;animation:particleExplosion .6s ease-out forwards}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__rings .ring{-webkit-animation:ringPulse .6s ease-out forwards;animation:ringPulse .6s ease-out forwards}.neon-checkbox input:checked~.neon-checkbox__frame .neon-checkbox__sparks span{-webkit-animation:sparkFlash .6s ease-out forwards;animation:sparkFlash .6s ease-out forwards}@-webkit-keyframes particleExplosion{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}20%{opacity:1}to{opacity:0;-webkit-transform:translate(calc(-50% + 20px),calc(-50% + 20px)) scale(0);transform:translate(calc(-50% + 20px),calc(-50% + 20px)) scale(0);-webkit-transform:translate(calc(-50% + var(--x, 20px)),calc(-50% + var(--y, 20px))) scale(0);transform:translate(calc(-50% + var(--x, 20px)),calc(-50% + var(--y, 20px))) scale(0)}}@keyframes particleExplosion{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}20%{opacity:1}to{opacity:0;-webkit-transform:translate(calc(-50% + 20px),calc(-50% + 20px)) scale(0);transform:translate(calc(-50% + 20px),calc(-50% + 20px)) scale(0);-webkit-transform:translate(calc(-50% + var(--x, 20px)),calc(-50% + var(--y, 20px))) scale(0);transform:translate(calc(-50% + var(--x, 20px)),calc(-50% + var(--y, 20px))) scale(0)}}@-webkit-keyframes ringPulse{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1.8);transform:scale(1.8)}}@keyframes ringPulse{0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)}to{opacity:0;-webkit-transform:scale(1.8);transform:scale(1.8)}}@-webkit-keyframes sparkFlash{0%{opacity:1;-webkit-transform:rotate(0deg) translateX(0) scale(1);transform:rotate(0) translate(0) scale(1);-webkit-transform:rotate(var(--r,0deg)) translateX(0) scale(1);transform:rotate(var(--r,0deg)) translate(0) scale(1)}to{opacity:0;-webkit-transform:rotate(0deg) translateX(30px) scale(0);transform:rotate(0) translate(30px) scale(0);-webkit-transform:rotate(var(--r,0deg)) translateX(30px) scale(0);transform:rotate(var(--r,0deg)) translate(30px) scale(0)}}@keyframes sparkFlash{0%{opacity:1;-webkit-transform:rotate(0deg) translateX(0) scale(1);transform:rotate(0) translate(0) scale(1);-webkit-transform:rotate(var(--r,0deg)) translateX(0) scale(1);transform:rotate(var(--r,0deg)) translate(0) scale(1)}to{opacity:0;-webkit-transform:rotate(0deg) translateX(30px) scale(0);transform:rotate(0) translate(30px) scale(0);-webkit-transform:rotate(var(--r,0deg)) translateX(30px) scale(0);transform:rotate(var(--r,0deg)) translate(30px) scale(0)}}.neon-checkbox__particles span:first-child{--x:25px;--y:-25px}.neon-checkbox__particles span:nth-child(2){--x:-25px;--y:-25px}.neon-checkbox__particles span:nth-child(3){--x:25px;--y:25px}.neon-checkbox__particles span:nth-child(4){--x:-25px;--y:25px}.neon-checkbox__particles span:nth-child(5){--x:35px;--y:0px}.neon-checkbox__particles span:nth-child(6){--x:-35px;--y:0px}.neon-checkbox__particles span:nth-child(7){--x:0px;--y:35px}.neon-checkbox__particles span:nth-child(8){--x:0px;--y:-35px}.neon-checkbox__particles span:nth-child(9){--x:20px;--y:-30px}.neon-checkbox__particles span:nth-child(10){--x:-20px;--y:30px}.neon-checkbox__particles span:nth-child(11){--x:30px;--y:20px}.neon-checkbox__particles span:nth-child(12){--x:-30px;--y:-20px}.neon-checkbox__sparks span:first-child{--r:0deg;left:50%;top:50%}.neon-checkbox__sparks span:nth-child(2){--r:90deg;left:50%;top:50%}.neon-checkbox__sparks span:nth-child(3){--r:180deg;left:50%;top:50%}.neon-checkbox__sparks span:nth-child(4){--r:270deg;left:50%;top:50%}.neon-checkbox__rings .ring:first-child{-webkit-animation-delay:0s;animation-delay:0s}.neon-checkbox__rings .ring:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.neon-checkbox__rings .ring:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}
