.ath-cb{--ink:var(--color-white,#fff);--ground:var(--bg,#000);--size:18px;width:var(--size);height:var(--size);vertical-align:middle;cursor:pointer;-webkit-tap-highlight-color:transparent;flex-shrink:0;display:inline-block;position:relative}.ath-cb__input{z-index:2;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.ath-cb__frame{pointer-events:none;position:absolute;inset:0}.ath-cb__box{border:1.5px solid color-mix(in srgb, var(--ink) 45%, transparent);background:color-mix(in srgb, var(--ink) 4%, transparent);transition:background .4s,border-color .4s,transform .4s;position:absolute;inset:0}.ath-cb__check-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:2px}.ath-cb__check{fill:none;width:82%;height:82%;stroke:var(--ground);stroke-width:3px;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:40;stroke-dashoffset:40px;transform-origin:50%;transition:stroke-dashoffset .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.ath-cb__glow{background:var(--ink);opacity:0;filter:blur(8px);transition:opacity .4s;position:absolute;inset:-2px;transform:scale(1.2)}.ath-cb__borders{position:absolute;inset:-4px;overflow:hidden}.ath-cb__borders span{width:calc(var(--size) * 1.3);background:var(--ink);opacity:0;height:1px;transition:opacity .4s;position:absolute}.ath-cb__borders span:first-child{animation:2s linear infinite ath-cb-borderFlow1;top:0;left:-100%}.ath-cb__borders span:nth-child(2){width:1px;height:calc(var(--size) * 1.3);animation:2s linear infinite ath-cb-borderFlow2;top:-100%;right:0}.ath-cb__borders span:nth-child(3){animation:2s linear infinite ath-cb-borderFlow3;bottom:0;right:-100%}.ath-cb__borders span:nth-child(4){width:1px;height:calc(var(--size) * 1.3);animation:2s linear infinite ath-cb-borderFlow4;bottom:-100%;left:0}.ath-cb__particles span{background:var(--ink);opacity:0;pointer-events:none;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%}.ath-cb__rings{inset:calc(var(--size) * -.6);pointer-events:none;position:absolute}.ath-cb__ring{border:1px solid var(--ink);opacity:0;border-radius:50%;position:absolute;inset:0;transform:scale(0)}.ath-cb__sparks span{width:calc(var(--size) * .65);background:linear-gradient(90deg, var(--ink), transparent);opacity:0;height:1px;position:absolute;top:50%;left:50%}.ath-cb:hover .ath-cb__box{border-color:var(--ink);transform:scale(1.05)}.ath-cb__input:focus-visible~.ath-cb__frame .ath-cb__box{outline:2px solid var(--ink);outline-offset:3px}.ath-cb__input:checked~.ath-cb__frame .ath-cb__box{border-color:var(--ink);background:var(--ink)}.ath-cb__input:checked~.ath-cb__frame .ath-cb__check{stroke-dashoffset:0;transform:scale(1.1)}.ath-cb__input:checked~.ath-cb__frame .ath-cb__glow{opacity:.18}.ath-cb__input:checked~.ath-cb__frame .ath-cb__borders span{opacity:.55}.ath-cb__input:checked~.ath-cb__frame .ath-cb__particles span{animation:.6s ease-out forwards ath-cb-particleExplosion}.ath-cb__input:checked~.ath-cb__frame .ath-cb__ring{animation:.6s ease-out forwards ath-cb-ringPulse}.ath-cb__input:checked~.ath-cb__frame .ath-cb__sparks span{animation:.6s ease-out forwards ath-cb-sparkFlash}.ath-cb__input:disabled{cursor:not-allowed}.ath-cb:has(.ath-cb__input:disabled){opacity:.4;cursor:not-allowed}.ath-cb:has(.ath-cb__input:disabled):hover .ath-cb__box{transform:none}@keyframes ath-cb-borderFlow1{0%{transform:translate(0)}to{transform:translate(200%)}}@keyframes ath-cb-borderFlow2{0%{transform:translateY(0)}to{transform:translateY(200%)}}@keyframes ath-cb-borderFlow3{0%{transform:translate(0)}to{transform:translate(-200%)}}@keyframes ath-cb-borderFlow4{0%{transform:translateY(0)}to{transform:translateY(-200%)}}@keyframes ath-cb-particleExplosion{0%{opacity:0;transform:translate(-50%,-50%)scale(1)}20%{opacity:1}to{transform:translate(calc(-50% + var(--x,.7) * var(--size)), calc(-50% + var(--y,.7) * var(--size))) scale(0);opacity:0}}@keyframes ath-cb-ringPulse{0%{opacity:.8;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes ath-cb-sparkFlash{0%{transform:rotate(var(--r,0deg)) translateX(0) scale(1);opacity:1}to{transform:rotate(var(--r,0deg)) translateX(var(--size)) scale(0);opacity:0}}.ath-cb__particles span:first-child{--x:.85;--y:-.85}.ath-cb__particles span:nth-child(2){--x:-.85;--y:-.85}.ath-cb__particles span:nth-child(3){--x:.85;--y:.85}.ath-cb__particles span:nth-child(4){--x:-.85;--y:.85}.ath-cb__particles span:nth-child(5){--x:1.15;--y:0}.ath-cb__particles span:nth-child(6){--x:-1.15;--y:0}.ath-cb__particles span:nth-child(7){--x:0;--y:1.15}.ath-cb__particles span:nth-child(8){--x:0;--y:-1.15}.ath-cb__particles span:nth-child(9){--x:.65;--y:-1}.ath-cb__particles span:nth-child(10){--x:-.65;--y:1}.ath-cb__particles span:nth-child(11){--x:1;--y:.65}.ath-cb__particles span:nth-child(12){--x:-1;--y:-.65}.ath-cb__sparks span:first-child{--r:0deg}.ath-cb__sparks span:nth-child(2){--r:90deg}.ath-cb__sparks span:nth-child(3){--r:180deg}.ath-cb__sparks span:nth-child(4){--r:270deg}.ath-cb__ring:first-child{animation-delay:0s}.ath-cb__ring:nth-child(2){animation-delay:.1s}.ath-cb__ring:nth-child(3){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.ath-cb__box,.ath-cb__check,.ath-cb__glow,.ath-cb__borders span{transition:none}.ath-cb__borders span,.ath-cb__particles span,.ath-cb__ring,.ath-cb__sparks span{opacity:0!important;animation:none!important}.ath-cb:hover .ath-cb__box,.ath-cb__input:checked~.ath-cb__frame .ath-cb__check{transform:none}}