@property --snake-angle{syntax:"<angle>";initial-value:90deg;inherits:false}.amount-container .phase1-snake,.level-amount .phase1-snake{animation:snake-phase1 6s linear infinite;background:conic-gradient(from var(--snake-angle) at 50% 50%,#f23026 0deg,rgba(242,48,38,0) 60deg,rgba(242,48,38,0) 240deg,#f23026 1turn) border-box;border:3px solid transparent;border-radius:6px;filter:drop-shadow(0 0 6px rgba(242,48,38,.8));top:0;right:0;bottom:0;left:0;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude;position:absolute}.amount-container .border-glow-phase2,.level-amount .border-glow-phase2{fill:none;stroke:#f23026;stroke-width:3;stroke-linecap:round;stroke-dasharray:580;stroke-dashoffset:580;animation:trace-phase2 6s linear infinite;filter:drop-shadow(0 0 6px rgba(242,48,38,.8));opacity:.7}@keyframes snake-phase1{0%{--snake-angle:90deg;opacity:1}12%{--snake-angle:210deg;opacity:1}24%{--snake-angle:90deg;opacity:1}25%{opacity:0}to{--snake-angle:90deg;opacity:0}}@keyframes trace-phase2{0%,24%{stroke-dashoffset:580;stroke-opacity:0}25%{stroke-opacity:1;stroke-dashoffset:580}73%{stroke-dashoffset:0;stroke-opacity:1}85%{stroke-dashoffset:0;stroke-opacity:1}97%{stroke-dashoffset:0;stroke-opacity:0}to{stroke-dashoffset:0;stroke-opacity:0}}