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