@property --badge-opacity{syntax:"<number>";inherits:true;initial-value:0}.goal-badge-anchor{align-self:stretch;flex:1 1 100%;height:0;position:relative;width:0}.goal-badge{background-position:50%;background-repeat:no-repeat;background-size:contain;clip-path:inset(0 0 1.8rem 0);height:5.45rem;left:65%;opacity:var(--badge-opacity);position:absolute;transform:translate(-50%,-44%);width:5.45rem}.goal-slide-element{animation:goal-sequence 6s ease-out forwards;left:50%;position:absolute;white-space:nowrap}@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%))}}@property --goal-opacity{syntax:"<number>";inherits:false;initial-value:0}.goal-gradient{animation:goal-gradient-fade 6s ease-out forwards,goal-shadow-fade 3s ease-out forwards;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%}@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 color-mix(in srgb,var(--goal-colour) 16%,transparent),0 0 50px color-mix(in srgb,var(--goal-colour) 8%,transparent)}50%{box-shadow:none}to{box-shadow:none}}