@layer scenes {
[data-8b-live] { --ease-power2-inout: linear(0, 0.0001, 0.0005, 0.0017, 0.004, 0.0078, 0.0135, 0.0214, 0.032, 0.0456, 0.0625, 0.0832, 0.108, 0.1373, 0.1715, 0.2109, 0.256, 0.3071, 0.3645, 0.4287, 0.5, 0.5713, 0.6355, 0.6929, 0.744, 0.7891, 0.8285, 0.8627, 0.892, 0.9168, 0.9375, 0.9544, 0.968, 0.9786, 0.9865, 0.9922, 0.996, 0.9983, 0.9995, 0.9999, 1); }
[data-8b-live] #story { timeline-scope: --story-t1; }
[data-8b-live] #story .st-text { view-timeline: --story-t1 block; view-timeline-inset: 0; }
[data-8b-live] #story .st-frame > img { animation-name: story-figure-st-frame-img-scale; animation-timeline: --story-t1; animation-range: cover 45vh cover calc(100% - 75vh); animation-timing-function: var(--ease-power2-inout); animation-fill-mode: both; transform: none; }
@keyframes story-figure-st-frame-img-scale { 0% { scale: 2.2; transform-origin: 42% 88%; } 42% { scale: 2.2; transform-origin: 42% 88%; } 62% { scale: 1.75; transform-origin: 56% 30%; } 72% { scale: 1.75; transform-origin: 56% 30%; } 92% { scale: 1; transform-origin: 50% 50%; } 100% { scale: 1; transform-origin: 50% 50%; } }
}