@property --badge-opacity{syntax:"<number>";inherits:true;initial-value:0}.goal-badge-anchor{flex:100%;align-self:stretch;width:0;height:0;position:relative}.goal-badge{clip-path:inset(0 0 1.8rem);width:5.45rem;height:5.45rem;opacity:var(--badge-opacity);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;left:65%;transform:translate(-50%,-44%)}.goal-badge--below{clip-path:inset(1.9rem 0 0);width:80px;height:80px;top:auto;bottom:0;left:80%;transform:translate(-50%,55%)}.goal-slide-element{white-space:nowrap;animation:6s ease-out infinite goal-sequence;position:absolute;left:50%}@keyframes goal-sequence{0%{opacity:0;transform:translate(calc(-100vw - 50%))}4%{opacity:1;transform:translate(-60%)}8%{opacity:1;transform:translate(-50%)}40%{opacity:1;transform:translate(-50%)}50%{opacity:0;transform:translate(calc(100vw + 50%))}51%{opacity:0;transform:translate(calc(-100vw - 50%))}55%{opacity:1;transform:translate(-60%)}59%{opacity:1;transform:translate(-50%)}91%{opacity:1;transform:translate(-50%)}99%{opacity:0;transform:translate(calc(100vw + 50%))}to{opacity:0;transform:translate(calc(100vw + 50%))}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}13%{opacity:1;transform:translateY(0)}20%{opacity:0;transform:translateY(0)}21%{opacity:0;transform:translateY(100%)}to{opacity:0;transform:translateY(100%)}}@keyframes text-appear{0%{-webkit-mask-position:100% 0;mask-position:100% 0}20%{-webkit-mask-position:100% 0;mask-position:100% 0}33%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes label-slide{0%{transform:translate(20px)}20%{transform:translate(20px)}30%{transform:translate(0)}to{transform:translate(0)}}.slide-up{animation:3s forwards slide-up}.text-appear{vertical-align:middle;animation:3s forwards text-appear,3s forwards label-slide;display:inline-block;-webkit-mask-image:linear-gradient(90deg,#000 50%,#0000 0);mask-image:linear-gradient(90deg,#000 50%,#0000 0);-webkit-mask-size:200% 100%;mask-size:200% 100%}.label{background:linear-gradient(90deg,#b3ff51b3,#b3ff51b3 44%,#b3ff51 50%,#b3ff51b3 56%,#b3ff51b3) 0 0/300% 100%;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;animation:1.3s linear infinite label-shimmer}@keyframes label-shimmer{0%{background-position:100%}to{background-position:0}}@property --goal-opacity{syntax:"<number>";inherits:false;initial-value:0}.goal-gradient{background-image:linear-gradient(270deg,color-mix(in srgb,var(--goal-colour) calc(var(--goal-opacity) * 100%),transparent),transparent);background-repeat:no-repeat;background-size:100% 100%;animation:6s ease-out infinite goal-gradient-fade,3s ease-out infinite goal-shadow-fade}@keyframes goal-gradient-fade{0%{--goal-opacity:0;--badge-opacity:0}4%{--goal-opacity:1;--badge-opacity:.1}91%{--goal-opacity:1;--badge-opacity:.1}97%{--goal-opacity:0;--badge-opacity:0}to{--goal-opacity:0;--badge-opacity:0}}@keyframes goal-shadow-fade{0%{box-shadow:none}10%{box-shadow:none}20%{box-shadow:0 0 16px 0 color-mix(in srgb,var(--goal-colour) 16%,transparent),0 0 50px 0 color-mix(in srgb,var(--goal-colour) 8%,transparent)}50%{box-shadow:none}to{box-shadow:none}}