.sp-stage{--px:0;--py:0;--sp:0;position:relative;overflow:clip}.sp-field{pointer-events:none;position:absolute;inset:0;container-type:size}.sp-slot{translate:-50% -50%;transform:translate(calc(var(--px) * var(--d) * 1px), calc(var(--py) * var(--d) * 1px - var(--sp) * var(--d) * 9px)) rotate(calc(var(--rot) + var(--sp) * var(--d) * 1deg));transition:transform .5s var(--ease-out-soft);pointer-events:auto;position:absolute}.sp-pop{width:100%;height:100%;display:block}.sp-stage[data-armed]:not([data-in]) .sp-pop{opacity:0;scale:.2}.sp-stage[data-in] .sp-pop{animation:sp-pop .76s var(--ease-spring) both;animation-delay:calc(var(--i) * 80ms + .25s)}.sp-stage[data-armed]:not([data-in]) .sp-burst{translate:var(--fx) var(--fy)}.sp-stage[data-in] .sp-burst{animation:sp-burst .9s var(--ease-spring) both;animation-delay:calc(var(--i) * 60ms + .45s)}.sp-bob{width:100%;height:100%;animation:4.2s ease-in-out infinite sp-bob;animation-delay:calc(var(--i) * -.7s);display:block}@keyframes sp-pop{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}@keyframes sp-burst{0%{opacity:0;scale:.15;translate:var(--fx) var(--fy)}35%{opacity:1}to{opacity:1;translate:0;scale:1}}@keyframes sp-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7%)rotate(3deg)}}.sp-ring{animation:70s linear infinite sp-spin;position:absolute;inset:0}.sp-ring-reverse{animation-duration:95s;animation-direction:reverse}.sp-upright{width:100%;height:100%;animation:70s linear infinite reverse sp-spin;display:block}.sp-ring-reverse .sp-upright{animation-duration:95s;animation-direction:normal}.sp-ring-tilt{transform:translate(calc(var(--px) * 10px), calc(var(--py) * 8px - var(--sp) * 40px)) rotate(calc(var(--px) * 3deg));transition:transform .6s var(--ease-out-soft);position:absolute;inset:0}@keyframes sp-spin{to{rotate:360deg}}.sp-parade{height:120px;position:relative;overflow:clip}.sp-walker{animation:26s linear infinite sp-march;animation-delay:calc(var(--i) * -5.2s);position:absolute;inset:0}.sp-walker>*{position:absolute;bottom:0;left:0;translate:-100%}@keyframes sp-march{0%{transform:translate(-4%)}to{transform:translate(108%)}}.sp-boy{translate:0 var(--boy-lift,-9%);position:absolute;inset:25%}.sp-parade-sm{height:88px}@media (min-width:768px){.sp-parade-sm{height:104px}}.sp-inline-sm{vertical-align:-.42em;width:2.4em;height:2.4em;margin:-.6em -.35em -.6em -.4em;display:inline-block}.sp-inline{vertical-align:-.28em;width:1.3em;height:1.3em;margin:0 -.16em 0 -.12em;display:inline-block}.sp-sticker{border-radius:calc(var(--radius-media) + 10px);box-shadow:var(--shadow-lift);rotate:calc(-4deg + var(--sp) * 4deg);transition:rotate .5s var(--ease-out-soft);border:10px solid #fff;position:relative}@media (prefers-reduced-motion:reduce){.sp-slot,.sp-ring-tilt,.sp-sticker{transition:none;transform:none}.sp-pop,.sp-burst,.sp-bob,.sp-ring,.sp-upright,.sp-walker{opacity:1;translate:none;scale:1;animation:none!important}.sp-walker>*{translate:0}.sp-walker{transform:translateX(calc(var(--i) * 20% + 8%))}}