#animated-arrow{width:300px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;transform:rotate(30deg)}#bullseye-mask{width:100%;height:100%;position:absolute;mask-image:url(../../img/bullseye-mask.svg);mask-position:center;mask-repeat:no-repeat;mask-size:100%;-webkit-mask-image:url(../../img/bullseye-mask.svg);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100%}.dark-mode #bullseye-mask{mask-image:none;-webkit-mask-image:none}#bullseye{width:100%;transform:rotate(-30deg)}#arrow{--duration:0.18s;--animation:fade-in var(--duration) linear forwards,shoot var(--duration) linear forwards,jiggle 0.25s var(--duration) linear forwards;--starting-position:-300%;--ending-position:calc((86.5 / 213 * -1) * 100%);width:100%;position:absolute;transform:translateY(var(--starting-position));transform-origin:bottom;opacity:0;animation:var(--animation)}@keyframes fade-in{0%{opacity:0}100%,75%{opacity:1}}@keyframes shoot{0%{transform:translateY(var(--starting-position))}100%{transform:translateY(var(--ending-position))}}@keyframes jiggle{0%{transform:translateY(var(--ending-position)) rotate(0)}25%{transform:translateY(var(--ending-position)) rotate(-3deg)}50%{transform:translateY(var(--ending-position)) rotate(2deg)}75%{transform:translateY(var(--ending-position)) rotate(-1deg)}100%{transform:translateY(var(--ending-position)) rotate(0)}}#confetti-container{--duration:0.315s;--delay:0.05s;--animation:explode var(--duration) var(--delay) ease-out forwards,fade-down 0.7s calc(var(--duration) + var(--delay)) ease-out forwards;width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transform:rotate(-30deg) scale(0);animation:var(--animation);z-index:-1}@keyframes explode{0%{transform:rotate(-30deg) scale(0)}100%{transform:rotate(-30deg) scale(1)}}@keyframes fade-down{0%{transform:rotate(-30deg) scale(1) translateY(0);opacity:1}100%{transform:rotate(-30deg) scale(1) translateY(5%);opacity:0}}#confetti-container div{width:14%;aspect-ratio:1/1;position:absolute;border-radius:50%}#confetti-container div:nth-child(1){top:2%;left:-10%;background-color:var(--orange)}#confetti-container div:nth-child(2){top:60%;left:-20%;background-color:var(--purple)}#confetti-container div:nth-child(3){top:102%;left:55.25%;background-color:var(--blue)}#confetti-container div:nth-child(4){top:89%;left:83%;background-color:var(--red)}#confetti-container div:nth-child(5){top:15%;left:105%;background-color:var(--green)}