.oceanroll-scene{--rider-size:125px}.oceanroll-scene .gallery-frame[data-gallery-panel="1"]{position:relative;width:fit-content;max-width:100%;margin-inline:auto;overflow:hidden}.oceanroll-scene .gallery-frame[data-gallery-panel="1"]>img{width:auto;max-width:100%}.oceanroll-scene .magic-rider{left:calc(46% - var(--rider-size)/2);right:auto;bottom:11%}.magic-scene.oceanroll-scene.is-magic-playing .magic-rider{animation:ocean-roll 5.6s linear 1 both}.magic-scene.oceanroll-scene.is-magic-playing .magic-riding-sheet{animation:magic-gallop 5.6s steps(1,end) 1 both}.oceanroll-scene.magic-catalog-card{--rider-size:100px}.oceanroll-scene.magic-catalog-card .magic-rider{bottom:11%}.oceanroll-scene[data-ocean-studio] .magic-rider{bottom:17%}.oceanroll-scene .magic-scene-controls{background:#e6f8ff;border-color:#a9d8e7}.oceanroll-scene.magic-catalog-card>.magic-scene-controls{margin:0 12px 14px}.oceanroll-scene.is-roll-finished .magic-riding-sheet{translate:-75% -50%}.oceanroll-scene.is-roll-finished .magic-rider{translate:25px 0}@keyframes ocean-roll{0%{translate:-25px 0}18%{translate:-24px 0}72%{translate:23px 0}100%{translate:25px 0}}@media(max-width:600px){.oceanroll-scene{--rider-size:100px}.oceanroll-scene.magic-catalog-card{--rider-size:92px}}@media(prefers-reduced-motion:reduce){.oceanroll-scene .magic-riding-sheet{translate:-75% -50%}}
