@layer scenes {
[data-8b-live] #species .sp-row { view-timeline: --species-t1 block; view-timeline-inset: 0; }
[data-8b-live] #species .sp-row > li { animation-name: species-deal; animation-timeline: --species-t1; animation-range: cover calc(15vh - 12.2449vh * var(--i) + 16.3265% * var(--i)) cover calc(51.0204% + 16.3265% * var(--i) - 23.2653vh - 12.2449vh * var(--i)); animation-timing-function: cubic-bezier(0.3333, 1, 0.6667, 1); animation-fill-mode: both; transform: none; }
@keyframes species-deal { 0% { translate: var(--species-x, 0px) var(--species-y, 30px); rotate: var(--species-turn, 0deg); scale: 0.86; } 100% { translate: 0px 0px; rotate: 0deg; scale: 1; } }
}