.football-scene{--rider-size:150px;--football-ball-size:clamp(19px,calc(var(--rider-size)*.19),29px)}.football-scene .gallery-frame{position:relative;overflow:hidden;isolation:isolate}.football-scene .magic-rider{left:0;right:auto;bottom:0}.football-scene .football-ball{display:block;position:absolute;z-index:2;width:var(--football-ball-size);height:auto;left:calc(var(--rider-size)*.97 - var(--football-ball-size)/2);top:calc(100% - var(--football-ball-size));line-height:0;pointer-events:none;filter:drop-shadow(0 2px 2px #172f3d40)}.football-ball svg{display:block;width:100%;height:auto}.magic-scene.football-scene.is-magic-playing .magic-rider{animation:football-kick 8s linear 1 both}.magic-scene.football-scene.is-magic-playing .magic-riding-sheet{animation:magic-gallop 8s steps(1,end) 1 both}.football-scene.is-magic-playing .football-ball{animation:football-shot 8s ease-out 1 both}.football-scene:is(.is-magic-paused,.is-magic-offscreen) .football-ball{animation-play-state:paused!important}.football-scene.is-magic-hidden .football-ball{display:none}.football-scene .magic-scene-controls{background:#e8f7ef;border-color:#a8d5bc}.football-scene.magic-catalog-card{--rider-size:108px}.football-scene.magic-catalog-card .magic-rider{bottom:0}.football-scene.magic-catalog-card>.magic-scene-controls{margin:0 12px 14px}@keyframes football-kick{0%,100%{translate:0 0}}@keyframes football-shot{0%,20%{left:calc(var(--rider-size)*.97 - var(--football-ball-size)/2);top:calc(100% - var(--football-ball-size));transform:rotate(0)}37.5%,39%{left:calc(var(--rider-size)*.97 - var(--football-ball-size)/2);top:calc(100% - var(--rider-size)*.35 - var(--football-ball-size)/2);transform:rotate(0)}48%{left:43%;top:47%;transform:rotate(240deg)}62%,100%{left:66%;top:30%;transform:rotate(540deg)}}@media(max-width:600px){.football-scene{--rider-size:112px}.football-scene.magic-catalog-card{--rider-size:105px}}@media(prefers-reduced-motion:reduce){.football-scene .football-ball{animation:none!important;left:66%;top:30%}}
.football-scene.is-football-finished .football-ball{left:66%;top:30%;transform:rotate(540deg)}.football-scene.is-football-finished .magic-riding-sheet{translate:-75% -50%}