Check out the following CSS animations (touch to play):
these are CSS-based graphics and animations, you probably need to visit the website to see
If you wanted to implement complex procedural animations (like physics) on the web, you’d probably go for JS-based requestAnimationFrame update-loop and animate each frame. But everyone knows that CSS animations are much smoother than janky frame-based JS animations.
Native web animations run outside the main thread, so things like heavy JS computations won’t affect it. Likewise, it won’t interfere with your UI event handlers that decides the UI’s responsiveness.
Interactive content: Visit the post to interact with this content.
Alternative text: JS vs CSS animation comparison
However, we can’t do procedural animations in CSS. CSS is declarative.
One way to do this is to precalculate the keyframes to replay with CSS, but a high quality replay would normally require a heavy amount of generated CSS to be loaded and parsed. I found a way to highly compress this precalculated CSS to a manageable size.
Technique
Baking precalculated animations in CSS keyframes is nothing new I suppose, but I wanted to highlight a ‘recent’ development in CSS, the linear() custom easing. Abusing this function enables high-fidelity CSS animations in a compact representation!
First, the linear() custom ease (not to be confused with the classic linear keyword with no arguments) lets you define custom easing curves.
div {
animation: slide 2s linear(0, 0.5 60%, 0.25, 1) infinite alternate;
}
@keyframes slide {
from { translate: 20px }
to { translate: 120px }
}
div
It’s not very intuitive since we’re manually mapping values in the time domain (that’s what ease functions do). To illustrate what’s happening and to compare, we can denormalise the above example to classic keyframes that do the same thing:
div {
animation: slide 2s linear infinite alternate;
}
@keyframes slide {
0% { translate: 20px }
60% { translate: 70px }
80% { translate: 45px }
100% { translate: 120px }
}
div
What linear() gives us is a compact form of defining single-property animations that have multiple keyframes, just like the above.
A more typical example can be seen below which would’ve taken hundreds of bytes to write in classic keyframes:
div {
animation: wave 3s linear(0.5, 0.578, 0.655, 0.727, 0.794, 0.854, 0.905, 0.946, 0.976, 0.994, 1, 0.994, 0.976, 0.946, 0.905, 0.854, 0.794, 0.727, 0.655, 0.578, 0.5, 0.422, 0.345, 0.273, 0.206, 0.146, 0.095, 0.054, 0.024, 0.006, 0, 0.006, 0.024, 0.054, 0.095, 0.146, 0.206, 0.273, 0.345, 0.422, 0.5) infinite alternate;
}
@keyframes wave {
from { translate: 0 0 }
to { translate: 0 50px }
}
div
Above is a sampled sine wave. The range of positions over time (min and max) becomes the from and to values. At every sample, the position is recorded and normalised to [0,1] which becomes the linear() function’s values.
Note that the box starts in the middle of the range, not at from. The endpoints don’t have to be where the motion begins and ends.
Easing function as data
The main idea is we are no longer using the easing function to ease motion — how smoothly a thing goes from A to B. Think of it now as the actual motion being defined inside the easing function.
The linear() function contains the motion data. And the @keyframes declarations only give the absolute range that the motion data operates over.
So far we’ve only been working with one axis or degree of freedom. If we wanted a more interesting physics simulation, we’d need more dimensions, and a way to combine their animations.
Composition
For 2D animation, we need two separately-animated dimensions, but right now it’s written in a single property, translate: x y. Having two animations run on the same property would overwrite the other.
The general answer to this is animation-composition, but it forces the animation to calculate in the main thread, and we lose the main selling point of smooth animations.
One way out is to use two technically different properties for translation, translate and transform. Note that transformation properties are applied in this order: translate, rotate, scale, transform.
So x can use translate: $x 0 and y can use transform: translateY($y):
div {
animation:
circle-x 2s linear(1, 0.994, 0.976, 0.946, 0.905, 0.854, 0.794, 0.727, 0.655, 0.578, 0.5, 0.422, 0.345, 0.273, 0.206, 0.146, 0.095, 0.054, 0.024, 0.006, 0, 0.006, 0.024, 0.054, 0.095, 0.146, 0.206, 0.273, 0.345, 0.422, 0.5, 0.578, 0.655, 0.727, 0.794, 0.854, 0.905, 0.946, 0.976, 0.994, 1) infinite,
circle-y 2s linear(0.5, 0.578, 0.655, 0.727, 0.794, 0.854, 0.905, 0.946, 0.976, 0.994, 1, 0.994, 0.976, 0.946, 0.905, 0.854, 0.794, 0.727, 0.655, 0.578, 0.5, 0.422, 0.345, 0.273, 0.206, 0.146, 0.095, 0.054, 0.024, 0.006, 0, 0.006, 0.024, 0.054, 0.095, 0.146, 0.206, 0.273, 0.345, 0.422, 0.5) infinite;
}
@keyframes circle-x {
from { translate: 0 0 }
to { translate: 100px 0 }
}
@keyframes circle-y {
from { transform: translateY(0) }
to { transform: translateY(100px) }
}
div
We can now animate two dimensions independently. Each linear() gives the motion data for the corresponding dimension.
transform is applied last, after rotate, which means adding a rotation dimension to the animation would cause issues.
The solution for sane rotate and scale animations is div wrappers: Apply translation to the parent element, and only apply rotation and scale to the child element.
Again, all of this is still possible with classic keyframes, but that would require explicitly writing both coordinates in every frame. In animations where x and y are mostly independent, that is highly inefficient. It’s a multiplicative gain in efficiency.
Reuse
Multiple elements can reuse the same @keyframes declarations. Since the only purpose of @keyframes now is to define the range of values, we can get the union of ranges over all elements so all elements can work within the same animation range — the same @keyframes declaration. Individual movements are still encoded in the respective linear().
.a {
animation:
bounce-x 2s linear(0, 1, 0.84) infinite,
bounce-y 2s linear(0, 0.009, 0.028, 0.056, 0.094, 0.141, 0.197, 0.263, 0.338, 0.422, 0.516, 0.619, 0.731, 0.853, 0.984, 0.906, 0.81, 0.723, 0.646, 0.578, 0.52, 0.47, 0.43, 0.4, 0.379, 0.367, 0.365, 0.372, 0.388, 0.414, 0.449, 0.494, 0.548, 0.611, 0.684, 0.766, 0.857, 0.958, 0.949, 0.876, 0.812, 0.757, 0.712, 0.677, 0.65, 0.633, 0.626, 0.627, 0.638, 0.659, 0.689, 0.728, 0.777, 0.835, 0.902, 0.979, 0.951, 0.896, 0.85, 0.814, 0.787, 0.769, 0.76, 0.762, 0.772, 0.792, 0.821, 0.859, 0.907, 0.965, 0.977, 0.936, 0.905, 0.883, 0.87, 0.867, 0.874, 0.889, 0.914, 0.949, 0.992) infinite;
}
.b {
animation:
bounce-x 2s linear(1, 0 50%, 0) infinite,
bounce-y 2s linear(0.5, 0.506, 0.517, 0.534, 0.556, 0.584, 0.618, 0.657, 0.703, 0.753, 0.809, 0.871, 0.939, 0.993, 0.955, 0.922, 0.895, 0.874, 0.858, 0.848, 0.843, 0.844, 0.851, 0.863, 0.881, 0.905, 0.934, 0.969, 0.994, 0.975, 0.962, 0.955, 0.953, 0.957, 0.966, 0.982, 0.999, 0.992, 0.991, 0.995, 1 50%, 1) infinite;
}
@keyframes bounce-x {
from { translate: 0 0 }
to { translate: 100px 0 }
}
@keyframes bounce-y {
from { transform: translateY(0) }
to { transform: translateY(100px) }
}
A
B
This is a big CSS efficiency win. We only need to name the specific CSS property / dimension a constant number of times, and the actual motion data per element is defined separately as pure numbers. Think of a @keyframes declaration as a channel with linear() as the data.
Baking
Directions
- Beat butter, sugar, and vanilla extract until incorporated.
- Beat in egg yolks.
- Beat in half of the sifted flour, then the milk.
- Beat or stir in the remainder of the flour until just incorporated.
- Pour the batter(s) into a cake tin.
- Bake at 175°C/350°F (conventional non-fan-forced) for 40-60min.
Oh, right. Baking the motion data. It depends on what your animation is, really. If it’s a simulation, then you record the state of each object in each time step. Only record the state that has corresponding CSS properties (or, design your simulation state for CSSability in the first place). After sampling state over time, it’s just mapping the values to the linear() abuse format.
To prepare for encoding, you’d need the total range of values for the @keyframes declarations. For each state $dimension you’re interested in, find the min and max values over the whole animation and use that in:
@keyframes $dimension {
from { $property: $min }
to { $property: $max }
}
Dimension can mean anything in your model that is animated independently, like x, y, color, rotation, scale, radius, progress, depth, etc.
To encode the linear() numbers: For every dimension, for every sample, normalise the property values against the range you got from earlier to [0,1]. Remember, one animation, one linear() per dimension!
for (const dimension of dimensions) {
const normalized = dimension.samples.map(
sample =>
(sample - dimension.min) / (dimension.max - dimension.min)
);
css += `${dimension.name} linear(${normalized.join(", ")}),\n`;
}
The following is a demo that bakes your mouse movements into your very own linear() abuse CSS animation in real time.
drag me
CSS will appear here. Drag the draggy thing!
An optimisation could be added such that you skip writing samples that are too similar to the previous sample.
We let linear() do its actual job of linearly interpolating your values.
Skipping samples would break the property that each sample is in regular intervals, so you’d also need to add the progress percentage coordinates in linear() where necessary.
If your animation is more of the hand-authored type, then you’re just mapping keyframes to keyframes. This could probably be automated depending on the source animation authoring format. Any easing / motion curves from the source material would have to be ‘rasterised’ though, because we can only do linear interpolation with linear().
Alternatives considered / related tech
WAAPI. Web Animations API (WAAPI) is basically a JS API for creating CSS animations. It’s much better than dynamically constructing <style> tags. So I lied when I said JS-based animations can’t achieve native speeds (actually I didn’t, I specifically called out requestAnimationFrame only!).
offset-path is a strong alternative. It essentially lets you define an SVG-style path that an element could follow.
-
Only limited to position (2 degrees of freedom), no other dimensions like color, opacity, or any other animatable CSS property.
-
Not as compact as linear() abuse (SVG path commands, absolute values, and not as code reuse-friendly).
-
Curves can be defined more concisely with path curve commands, unlike linear() stuck with linear interpolation.
SVG animations? SMIL, ? Idk enough about these, but I imagine it’s verbose XML declarative animations.
CSS custom animatable @property. Apparently animating custom properties recalculates every frame in the main thread? So this isn’t very performant. This blog writes about it in detail.
Sprite sheets. Yeah sprite sheets.
prerendered video / animated WebP! This is the solution for 99% of cases! Forget everything you’ve learned in this blog, this is just some trifling for fun!
Demo code
Click a demo to see its CSS source code below the gallery!
@scope {
:scope {
position: relative;
width: 400px;
height: 400px;
overflow: hidden;
background: #368a67;
border-radius: 8px;
}
.pivot {
position: absolute;
left: 50%;
top: 35%;
}
.arm1, .arm2 {
position: absolute;
left: -2px;
width: 4px;
background: #f8e6f2;
transform-origin: 2px 0;
}
.arm1::after, .arm2::after {
content: "";
position: absolute;
left: -8px;
bottom: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #f8e6f2;
}
@keyframes swing {
from { rotate: -8.907rad }
to { rotate: 40.439rad }
}
.arm1, .arm2 {
animation: swing 20s infinite;
}
.arm1 {
height: 110px;
animation-timing-function: linear(0.2336 0%, 0.2335 0.32%, 0.2331 0.65%, 0.2325 0.99%, 0.2313 1.35%, 0.2296 1.69%, 0.2275 2%, 0.2249 2.29%, 0.2218 2.56%, 0.2182 2.82%, 0.2145 3.05%, 0.2108 3.25%, 0.2072 3.42%, 0.2036 3.57%, 0.1994 3.73%, 0.191 4.02%, 0.1872 4.16%, 0.1837 4.29%, 0.1805 4.43%, 0.1773 4.57%, 0.1742 4.71%, 0.1713 4.86%, 0.1686 5.03%, 0.1663 5.2%, 0.1648 5.35%, 0.1639 5.5%, 0.1638 5.65%, 0.1643 5.81%, 0.1656 6.05%, 0.166 6.21%, 0.1658 6.39%, 0.165 6.59%, 0.1634 6.83%, 0.1611 7.09%, 0.1583 7.36%, 0.1552 7.66%, 0.1518 8.01%, 0.148 8.44%, 0.1449 8.86%, 0.142 9.35%, 0.1402 9.72%, 0.1386 10.03%, 0.1372 10.32%, 0.1354 10.66%, 0.1341 10.97%, 0.1338 11.2%, 0.1341 11.41%, 0.135 11.63%, 0.1367 11.87%, 0.139 12.11%, 0.1419 12.34%, 0.1451 12.54%, 0.1483 12.71%, 0.1515 12.85%, 0.1556 13%, 0.1603 13.17%, 0.1635 13.29%, 0.1666 13.42%, 0.1698 13.56%, 0.1729 13.71%, 0.1761 13.85%, 0.1792 13.99%, 0.1824 14.13%, 0.1857 14.27%, 0.189 14.41%, 0.1926 14.56%, 0.1963 14.71%, 0.2004 14.9%, 0.2039 15.08%, 0.2065 15.24%, 0.2083 15.39%, 0.2094 15.54%, 0.2099 15.69%, 0.2097 15.84%, 0.209 15.98%, 0.2077 16.12%, 0.2058 16.24%, 0.2029 16.39%, 0.1997 16.54%, 0.1975 16.67%, 0.1954 16.82%, 0.1934 17.03%, 0.1916 17.26%, 0.1904 17.52%, 0.1897 17.8%, 0.1896 18.16%, 0.1893 18.43%, 0.1885 18.65%, 0.187 18.86%, 0.185 19.06%, 0.1826 19.23%, 0.1801 19.38%, 0.1777 19.49%, 0.1751 19.59%, 0.1686 19.8%, 0.1661 19.91%, 0.1637 20.03%, 0.1617 20.17%, 0.1602 20.32%, 0.1593 20.47%, 0.159 20.63%, 0.1593 20.78%, 0.1603 20.94%, 0.1621 21.1%, 0.1651 21.32%, 0.1708 21.69%, 0.1735 21.89%, 0.1752 22.08%, 0.1763 22.26%, 0.1767 22.43%, 0.1765 22.6%, 0.1756 22.76%, 0.1743 22.91%, 0.1726 23.03%, 0.1704 23.14%, 0.166 23.35%, 0.1642 23.46%, 0.1629 23.58%, 0.1622 23.71%, 0.1621 23.85%, 0.1626 23.99%, 0.1638 24.13%, 0.1657 24.28%, 0.1685 24.45%, 0.1724 24.64%, 0.1764 24.82%, 0.1802 24.98%, 0.1837 25.13%, 0.1871 25.27%, 0.1903 25.42%, 0.1935 25.58%, 0.1967 25.75%, 0.1998 25.93%, 0.203 26.13%, 0.2062 26.33%, 0.2094 26.55%, 0.2126 26.76%, 0.2161 26.98%, 0.2206 27.29%, 0.2233 27.51%, 0.2254 27.74%, 0.227 27.98%, 0.2279 28.22%, 0.2282 28.45%, 0.2279 28.67%, 0.2269 28.87%, 0.2253 29.07%, 0.2232 29.26%, 0.2203 29.46%, 0.2165 29.68%, 0.2121 29.9%, 0.2082 30.08%, 0.2046 30.24%, 0.2012 30.39%, 0.1979 30.53%, 0.1945 30.67%, 0.1913 30.81%, 0.1881 30.94%, 0.1849 31.06%, 0.1817 31.17%, 0.1784 31.27%, 0.174 31.4%, 0.1694 31.53%, 0.1661 31.64%, 0.1629 31.75%, 0.1597 31.88%, 0.1563 32.03%, 0.1528 32.2%, 0.1493 32.38%, 0.1456 32.57%, 0.1418 32.77%, 0.1375 33.01%, 0.1325 33.3%, 0.1261 33.71%, 0.1196 34.16%, 0.1058 35.19%, 0.1002 35.57%, 0.0948 35.89%, 0.0891 36.2%, 0.0819 36.54%, 0.0769 36.77%, 0.0729 36.96%, 0.0693 37.12%, 0.066 37.28%, 0.0628 37.44%, 0.0596 37.6%, 0.0564 37.76%, 0.0534 37.9%, 0.0504 38.03%, 0.0475 38.13%, 0.0445 38.24%, 0.0371 38.46%, 0.0341 38.56%, 0.0312 38.68%, 0.0281 38.84%, 0.025 39.03%, 0.0221 39.25%, 0.0198 39.47%, 0.0182 39.69%, 0.0171 39.92%, 0.0166 40.2%, 0.0165 40.56%, 0.0166 40.89%, 0.0167 41.24%, 0.0173 41.67%, 0.0183 42.1%, 0.02 42.51%, 0.0223 42.93%, 0.0251 43.33%, 0.0276 43.66%, 0.0297 43.94%, 0.0314 44.19%, 0.0326 44.41%, 0.0334 44.62%, 0.0338 44.82%, 0.0342 45.15%, 0.035 45.34%, 0.0364 45.51%, 0.0385 45.69%, 0.0411 45.86%, 0.044 46.01%, 0.0472 46.17%, 0.0506 46.32%, 0.0545 46.48%, 0.0597 46.67%, 0.0665 46.93%, 0.0706 47.1%, 0.0742 47.27%, 0.0775 47.45%, 0.0807 47.66%, 0.0832 47.86%, 0.0851 48.07%, 0.0864 48.27%, 0.087 48.49%, 0.087 48.73%, 0.0862 49.13%, 0.0854 49.44%, 0.0846 49.82%, 0.0831 50.44%, 0.0809 51.15%, 0.0791 51.62%, 0.0773 51.95%, 0.0752 52.22%, 0.0727 52.47%, 0.0696 52.71%, 0.0664 52.92%, 0.0635 53.08%, 0.0606 53.2%, 0.0579 53.3%, 0.0548 53.4%, 0.0491 53.57%, 0.0463 53.66%, 0.0435 53.77%, 0.0407 53.91%, 0.0376 54.09%, 0.0346 54.3%, 0.0319 54.54%, 0.0298 54.78%, 0.0282 55.05%, 0.0266 55.46%, 0.0253 55.89%, 0.0229 56.82%, 0.0219 57.25%, 0.0211 57.57%, 0.0202 57.87%, 0.0195 58.2%, 0.0195 58.42%, 0.0202 58.62%, 0.0215 58.83%, 0.0235 59.02%, 0.0261 59.23%, 0.0293 59.42%, 0.0326 59.6%, 0.0361 59.77%, 0.04 59.92%, 0.0452 60.12%, 0.0518 60.36%, 0.0558 60.51%, 0.0593 60.66%, 0.0626 60.81%, 0.0656 60.97%, 0.0684 61.14%, 0.0708 61.31%, 0.0724 61.49%, 0.0734 61.65%, 0.0738 61.84%, 0.0738 62.16%, 0.074 62.36%, 0.0747 62.58%, 0.0759 62.82%, 0.0776 63.09%, 0.0797 63.4%, 0.0823 63.79%, 0.0853 64.3%, 0.0875 64.79%, 0.0891 65.24%, 0.0901 65.59%, 0.0911 65.89%, 0.092 66.19%, 0.0928 66.54%, 0.0928 66.77%, 0.0921 66.98%, 0.0908 67.19%, 0.0888 67.4%, 0.0862 67.62%, 0.0832 67.81%, 0.0801 67.98%, 0.0771 68.11%, 0.0741 68.22%, 0.0667 68.46%, 0.0636 68.57%, 0.0606 68.68%, 0.0576 68.82%, 0.0545 68.96%, 0.0513 69.11%, 0.0482 69.26%, 0.045 69.41%, 0.0417 69.55%, 0.0382 69.7%, 0.0345 69.85%, 0.0305 70.02%, 0.0259 70.2%, 0.0205 70.43%, 0.0148 70.69%, 0.0105 70.91%, 0.0071 71.12%, 0.0045 71.33%, 0.0025 71.53%, 0.0011 71.74%, 0.0002 71.96%, 0 72.2%, 0.0004 72.47%, 0.0015 72.77%, 0.0034 73.08%, 0.0058 73.39%, 0.0087 73.67%, 0.0119 73.93%, 0.0159 74.19%, 0.0209 74.5%, 0.0246 74.71%, 0.028 74.91%, 0.0313 75.1%, 0.0346 75.28%, 0.0377 75.45%, 0.0408 75.61%, 0.0439 75.78%, 0.0469 75.94%, 0.0499 76.11%, 0.0527 76.29%, 0.055 76.47%, 0.0564 76.63%, 0.0571 76.78%, 0.0571 76.91%, 0.0565 77.04%, 0.0549 77.2%, 0.0534 77.36%, 0.0527 77.49%, 0.0527 77.63%, 0.0533 77.78%, 0.0546 77.95%, 0.0568 78.13%, 0.0596 78.32%, 0.0626 78.5%, 0.0656 78.68%, 0.0687 78.86%, 0.0718 79.04%, 0.075 79.23%, 0.0782 79.44%, 0.0816 79.67%, 0.0851 79.93%, 0.0889 80.25%, 0.0926 80.6%, 0.0955 80.94%, 0.0976 81.26%, 0.0992 81.6%, 0.1002 81.96%, 0.1005 82.31%, 0.1002 82.64%, 0.0993 82.94%, 0.0979 83.22%, 0.0959 83.49%, 0.0934 83.74%, 0.0903 83.99%, 0.0866 84.23%, 0.0831 84.43%, 0.0795 84.61%, 0.0758 84.77%, 0.0719 84.92%, 0.0619 85.27%, 0.058 85.41%, 0.0546 85.55%, 0.0513 85.69%, 0.0481 85.83%, 0.0451 85.98%, 0.0423 86.13%, 0.0398 86.3%, 0.0379 86.47%, 0.0367 86.62%, 0.0362 86.77%, 0.0364 86.93%, 0.0375 87.22%, 0.0377 87.39%, 0.0374 87.57%, 0.0364 87.78%, 0.0348 88.02%, 0.0325 88.28%, 0.0298 88.55%, 0.0268 88.86%, 0.0234 89.23%, 0.0201 89.64%, 0.0175 90.06%, 0.0152 90.53%, 0.0138 90.9%, 0.0126 91.22%, 0.0115 91.51%, 0.0103 91.84%, 0.0094 92.15%, 0.0094 92.38%, 0.01 92.59%, 0.0112 92.81%, 0.0132 93.04%, 0.0158 93.27%, 0.0188 93.48%, 0.022 93.66%, 0.0251 93.81%, 0.0283 93.93%, 0.0361 94.19%, 0.0393 94.31%, 0.0423 94.43%, 0.0454 94.57%, 0.0485 94.71%, 0.0517 94.85%, 0.0548 95%, 0.058 95.14%, 0.0612 95.27%, 0.0646 95.41%, 0.0682 95.56%, 0.0719 95.71%, 0.0761 95.88%, 0.081 96.1%, 0.0845 96.28%, 0.0871 96.45%, 0.0889 96.61%, 0.0901 96.78%, 0.0907 96.94%, 0.0907 97.11%, 0.09 97.28%, 0.0886 97.44%, 0.0868 97.6%, 0.0845 97.74%, 0.0798 97.96%, 0.077 98.11%, 0.0745 98.25%, 0.0719 98.43%, 0.0691 98.64%, 0.0661 98.87%, 0.0631 99.11%, 0.0599 99.34%, 0.0563 99.57%, 0.0493 100%);
}
.arm2 {
top: 110px;
height: 110px;
animation-timing-function: linear(0.1595 0%, 0.1593 0.32%, 0.1586 0.65%, 0.1576 0.99%, 0.1564 1.35%, 0.1552 1.69%, 0.1544 2%, 0.1542 2.29%, 0.1548 2.56%, 0.1563 2.82%, 0.1588 3.05%, 0.1619 3.25%, 0.1657 3.42%, 0.1701 3.57%, 0.1757 3.73%, 0.1875 4.02%, 0.1923 4.16%, 0.196 4.29%, 0.199 4.43%, 0.2012 4.57%, 0.2026 4.71%, 0.2031 4.86%, 0.2026 5.03%, 0.2008 5.2%, 0.1981 5.35%, 0.1943 5.5%, 0.1896 5.65%, 0.183 5.81%, 0.1727 6.05%, 0.1668 6.21%, 0.1616 6.39%, 0.1568 6.59%, 0.1527 6.83%, 0.1494 7.09%, 0.1469 7.36%, 0.1449 7.66%, 0.1432 8.01%, 0.1413 8.44%, 0.139 8.86%, 0.1353 9.35%, 0.1318 9.72%, 0.1281 10.03%, 0.124 10.32%, 0.1187 10.66%, 0.1132 10.97%, 0.1088 11.2%, 0.1045 11.41%, 0.0999 11.63%, 0.0947 11.87%, 0.0888 12.11%, 0.0825 12.34%, 0.0758 12.54%, 0.0693 12.71%, 0.0627 12.85%, 0.0542 13%, 0.0447 13.17%, 0.0385 13.29%, 0.0329 13.42%, 0.0277 13.56%, 0.0231 13.71%, 0.0191 13.85%, 0.0158 13.99%, 0.013 14.13%, 0.0109 14.27%, 0.0093 14.41%, 0.0082 14.56%, 0.0078 14.71%, 0.0084 14.9%, 0.0099 15.08%, 0.0121 15.24%, 0.0149 15.39%, 0.0182 15.54%, 0.0221 15.69%, 0.0266 15.84%, 0.0318 15.98%, 0.0376 16.12%, 0.044 16.24%, 0.053 16.39%, 0.0625 16.54%, 0.0693 16.67%, 0.0761 16.82%, 0.0838 17.03%, 0.0916 17.26%, 0.0993 17.52%, 0.1069 17.8%, 0.1169 18.16%, 0.1247 18.43%, 0.1311 18.65%, 0.1378 18.86%, 0.145 19.06%, 0.1523 19.23%, 0.1593 19.38%, 0.1659 19.49%, 0.1726 19.59%, 0.1894 19.8%, 0.1962 19.91%, 0.2029 20.03%, 0.2094 20.17%, 0.2155 20.32%, 0.2209 20.47%, 0.2258 20.63%, 0.2302 20.78%, 0.2343 20.94%, 0.2383 21.1%, 0.2433 21.32%, 0.2513 21.69%, 0.256 21.89%, 0.2604 22.08%, 0.265 22.26%, 0.27 22.43%, 0.2755 22.6%, 0.2815 22.76%, 0.2879 22.91%, 0.2946 23.03%, 0.3017 23.14%, 0.3161 23.35%, 0.3228 23.46%, 0.3287 23.58%, 0.334 23.71%, 0.3388 23.85%, 0.3429 23.99%, 0.3464 24.13%, 0.3493 24.28%, 0.3518 24.45%, 0.3536 24.64%, 0.3543 24.82%, 0.3541 24.98%, 0.3534 25.13%, 0.3521 25.27%, 0.3504 25.42%, 0.3481 25.58%, 0.3452 25.75%, 0.3418 25.93%, 0.3376 26.13%, 0.3326 26.33%, 0.327 26.55%, 0.3207 26.76%, 0.3134 26.98%, 0.3028 27.29%, 0.2962 27.51%, 0.2903 27.74%, 0.2848 27.98%, 0.28 28.22%, 0.2758 28.45%, 0.2722 28.67%, 0.2692 28.87%, 0.2667 29.07%, 0.2647 29.26%, 0.2632 29.46%, 0.2624 29.68%, 0.2626 29.9%, 0.2637 30.08%, 0.2654 30.24%, 0.2676 30.39%, 0.2705 30.53%, 0.2739 30.67%, 0.2779 30.81%, 0.2825 30.94%, 0.2875 31.06%, 0.293 31.17%, 0.299 31.27%, 0.3076 31.4%, 0.3165 31.53%, 0.3226 31.64%, 0.3282 31.75%, 0.3336 31.88%, 0.3387 32.03%, 0.3434 32.2%, 0.3476 32.38%, 0.3513 32.57%, 0.3546 32.77%, 0.3574 33.01%, 0.36 33.3%, 0.3623 33.71%, 0.3638 34.16%, 0.3667 35.19%, 0.3683 35.57%, 0.3701 35.89%, 0.3723 36.2%, 0.3758 36.54%, 0.3789 36.77%, 0.3819 36.96%, 0.3853 37.12%, 0.3889 37.28%, 0.3932 37.44%, 0.398 37.6%, 0.4034 37.76%, 0.4092 37.9%, 0.415 38.03%, 0.4211 38.13%, 0.4277 38.24%, 0.4439 38.46%, 0.4504 38.56%, 0.4568 38.68%, 0.4636 38.84%, 0.4707 39.03%, 0.4775 39.25%, 0.4836 39.47%, 0.4891 39.69%, 0.4944 39.92%, 0.5004 40.2%, 0.5074 40.56%, 0.5128 40.89%, 0.5179 41.24%, 0.523 41.67%, 0.5273 42.1%, 0.5304 42.51%, 0.533 42.93%, 0.5355 43.33%, 0.5378 43.66%, 0.5405 43.94%, 0.5436 44.19%, 0.5474 44.41%, 0.5518 44.62%, 0.5573 44.82%, 0.567 45.15%, 0.5715 45.34%, 0.5745 45.51%, 0.5764 45.69%, 0.5771 45.86%, 0.5766 46.01%, 0.5752 46.17%, 0.5728 46.32%, 0.5693 46.48%, 0.5638 46.67%, 0.5565 46.93%, 0.5528 47.1%, 0.5501 47.27%, 0.5484 47.45%, 0.5477 47.66%, 0.5483 47.86%, 0.55 48.07%, 0.5526 48.27%, 0.5564 48.49%, 0.5616 48.73%, 0.5711 49.13%, 0.578 49.44%, 0.5855 49.82%, 0.5969 50.44%, 0.6105 51.15%, 0.6204 51.62%, 0.6283 51.95%, 0.6351 52.22%, 0.6423 52.47%, 0.6499 52.71%, 0.6577 52.92%, 0.6646 53.08%, 0.6712 53.2%, 0.6776 53.3%, 0.6848 53.4%, 0.698 53.57%, 0.7046 53.66%, 0.711 53.77%, 0.7177 53.91%, 0.725 54.09%, 0.7326 54.3%, 0.7398 54.54%, 0.7465 54.78%, 0.7532 55.05%, 0.7626 55.46%, 0.7715 55.89%, 0.7892 56.82%, 0.7976 57.25%, 0.8046 57.57%, 0.8117 57.87%, 0.8201 58.2%, 0.825 58.42%, 0.8285 58.62%, 0.8311 58.83%, 0.8327 59.02%, 0.8331 59.23%, 0.8324 59.42%, 0.8306 59.6%, 0.8279 59.77%, 0.8242 59.92%, 0.8185 60.12%, 0.811 60.36%, 0.8072 60.51%, 0.8043 60.66%, 0.8024 60.81%, 0.8015 60.97%, 0.8016 61.14%, 0.803 61.31%, 0.8055 61.49%, 0.8092 61.65%, 0.8144 61.84%, 0.8243 62.16%, 0.8297 62.36%, 0.8342 62.58%, 0.8383 62.82%, 0.8419 63.09%, 0.8451 63.4%, 0.8484 63.79%, 0.8524 64.3%, 0.8569 64.79%, 0.8619 65.24%, 0.8665 65.59%, 0.8711 65.89%, 0.8764 66.19%, 0.8831 66.54%, 0.8881 66.77%, 0.8929 66.98%, 0.898 67.19%, 0.9038 67.4%, 0.9102 67.62%, 0.9169 67.81%, 0.9238 67.98%, 0.9302 68.11%, 0.9369 68.22%, 0.953 68.46%, 0.9594 68.57%, 0.9653 68.68%, 0.9711 68.82%, 0.9763 68.96%, 0.9812 69.11%, 0.9854 69.26%, 0.989 69.41%, 0.992 69.55%, 0.9945 69.7%, 0.9966 69.85%, 0.9983 70.02%, 0.9995 70.2%, 1 70.43%, 0.9995 70.69%, 0.9983 70.91%, 0.9966 71.12%, 0.9945 71.33%, 0.9921 71.53%, 0.9893 71.74%, 0.9862 71.96%, 0.9826 72.2%, 0.9785 72.47%, 0.9739 72.77%, 0.9687 73.08%, 0.9632 73.39%, 0.9575 73.67%, 0.9515 73.93%, 0.9443 74.19%, 0.9356 74.5%, 0.9301 74.71%, 0.9255 74.91%, 0.9216 75.1%, 0.9185 75.28%, 0.9161 75.45%, 0.9144 75.61%, 0.9133 75.78%, 0.9129 75.94%, 0.9133 76.11%, 0.9147 76.29%, 0.9173 76.47%, 0.9207 76.63%, 0.9249 76.78%, 0.9298 76.91%, 0.9356 77.04%, 0.9444 77.2%, 0.9532 77.36%, 0.9591 77.49%, 0.9641 77.63%, 0.9685 77.78%, 0.9721 77.95%, 0.9749 78.13%, 0.9767 78.32%, 0.9774 78.5%, 0.9773 78.68%, 0.9765 78.86%, 0.9751 79.04%, 0.9731 79.23%, 0.9705 79.44%, 0.9671 79.67%, 0.9629 79.93%, 0.9575 80.25%, 0.9513 80.6%, 0.9461 80.94%, 0.9415 81.26%, 0.9374 81.6%, 0.9335 81.96%, 0.93 82.31%, 0.9269 82.64%, 0.9245 82.94%, 0.9227 83.22%, 0.9216 83.49%, 0.9212 83.74%, 0.9218 83.99%, 0.9235 84.23%, 0.926 84.43%, 0.9293 84.61%, 0.9333 84.77%, 0.9382 84.92%, 0.9515 85.27%, 0.956 85.41%, 0.9596 85.55%, 0.9623 85.69%, 0.9642 85.83%, 0.9652 85.98%, 0.9653 86.13%, 0.9642 86.3%, 0.962 86.47%, 0.9587 86.62%, 0.9545 86.77%, 0.9488 86.93%, 0.9369 87.22%, 0.9311 87.39%, 0.9261 87.57%, 0.9216 87.78%, 0.9178 88.02%, 0.9147 88.28%, 0.9124 88.55%, 0.9105 88.86%, 0.9088 89.23%, 0.9068 89.64%, 0.9045 90.06%, 0.9008 90.53%, 0.8969 90.9%, 0.893 91.22%, 0.8887 91.51%, 0.8833 91.84%, 0.8775 92.15%, 0.8728 92.38%, 0.8683 92.59%, 0.8633 92.81%, 0.8578 93.04%, 0.8516 93.27%, 0.845 93.48%, 0.8382 93.66%, 0.8317 93.81%, 0.825 93.93%, 0.8086 94.19%, 0.8022 94.31%, 0.7965 94.43%, 0.7911 94.57%, 0.7862 94.71%, 0.7819 94.85%, 0.7782 95%, 0.7752 95.14%, 0.7727 95.27%, 0.7707 95.41%, 0.7692 95.56%, 0.7683 95.71%, 0.768 95.88%, 0.7688 96.1%, 0.7705 96.28%, 0.7726 96.45%, 0.7753 96.61%, 0.7784 96.78%, 0.7821 96.94%, 0.7864 97.11%, 0.7913 97.28%, 0.7969 97.44%, 0.803 97.6%, 0.8098 97.74%, 0.8222 97.96%, 0.8296 98.11%, 0.8362 98.25%, 0.843 98.43%, 0.8499 98.64%, 0.8569 98.87%, 0.8635 99.11%, 0.8694 99.34%, 0.8751 99.57%, 0.885 100%);
}
}
@scope {
:scope {
position: relative;
width: 400px;
height: 400px;
overflow: hidden;
background: #cbeefa;
border-radius: 8px;
}
@keyframes ball-x { from { translate: 55px 0 } to { translate: 347.32px 0 } }
@keyframes ball-y { from { transform: translateY(157.1px) } to { transform: translateY(347.68px) } }
@keyframes ball-r { from { rotate: -21.04rad } to { rotate: 24.87rad } }
.ball {
position: absolute; top: 0; left: 0;
width: 32px; height: 32px; border-radius: 50%;
}
.line {
position: absolute;
left: calc(50% - 1px);
width: 2px; height: 100%;
background: #0003;
}
.ball-0 {
background: #e74c3c;
animation:
ball-x 3s infinite linear(0.2497 0%, 0.2568 2.08%, 0.1618 8.75%, 0.1104 12.36%, 0.0668 15.42%, 0.0431 17.08%, 0.0154 19.03%, 0 20.69%, 0.0257 22.08%, 0.1412 28.33%, 0.2482 34.31%, 0.2094 40.97%, 0.1697 47.78%, 0.1427 50.83%, 0.0078 55.28%, 0.0041 56.67%, 0.1008 61.53%, 0.1378 63.61%, 0.2337 70.28%, 0.2823 76.94%, 0.2974 79.72%, 0.3338 86.39%, 0.357 91.39%, 0.312 98.06%, 0.3023 100%),
ball-y 3s infinite linear(0.0152 0%, 0 2.08%, 0.0412 8.75%, 0.1337 12.36%, 0.2504 15.42%, 0.3289 17.08%, 0.4337 19.03%, 0.4083 20.69%, 0.4019 22.08%, 0.4628 28.33%, 0.6514 34.31%, 0.6669 40.97%, 0.8558 47.78%, 0.9862 50.83%, 0.997 55.28%, 0.9899 56.67%, 0.9929 61.53%, 0.9985 63.61%, 1 70.28%, 1 76.94%, 1 79.72%, 1 86.39%, 1 91.39%, 1 98.06%, 1 100%);
.line {
animation: ball-r 3s infinite linear(0.4583 0%, 0.466 2.08%, 0.5046 8.75%, 0.5254 12.36%, 0.5431 15.42%, 0.5527 17.08%, 0.564 19.03%, 0.564 20.69%, 0.5596 22.08%, 0.5395 28.33%, 0.5199 34.31%, 0.4818 40.97%, 0.4429 47.78%, 0.4298 50.83%, 0.4529 55.28%, 0.4529 56.67%, 0.4551 61.53%, 0.4608 63.61%, 0.5027 70.28%, 0.5287 76.94%, 0.5368 79.72%, 0.5562 86.39%, 0.5704 91.39%, 0.5653 98.06%, 0.5602 100%);
}
}
.ball-1 {
background: #3498db;
animation:
ball-x 3s infinite linear(0.3729 0%, 0.3524 2.08%, 0.4044 8.75%, 0.4326 12.36%, 0.4565 15.42%, 0.4695 17.08%, 0.4844 19.03%, 0.4958 20.69%, 0.5052 22.08%, 0.5478 28.33%, 0.5884 34.31%, 0.6338 40.97%, 0.6801 47.78%, 0.701 50.83%, 0.8078 55.28%, 0.8437 56.67%, 0.9671 61.53%, 1 63.61%, 0.9043 70.28%, 0.8085 76.94%, 0.7791 79.72%, 0.857 86.39%, 0.9165 91.39%, 0.9962 98.06%, 0.9743 100%),
ball-y 3s infinite linear(0.0152 0%, 0.0536 2.08%, 0.307 8.75%, 0.5143 12.36%, 0.7282 15.42%, 0.8598 17.08%, 0.9822 19.03%, 0.8706 20.69%, 0.7856 22.08%, 0.4933 28.33%, 0.3518 34.31%, 0.3531 40.97%, 0.5275 47.78%, 0.6628 50.83%, 0.766 55.28%, 0.8085 56.67%, 0.9892 61.53%, 0.9146 63.61%, 0.7964 70.28%, 0.8461 76.94%, 0.9019 79.72%, 0.9038 86.39%, 0.9925 91.39%, 0.9186 98.06%, 0.9153 100%);
.line {
animation: ball-r 3s infinite linear(0.4583 0%, 0.4595 2.08%, 0.4771 8.75%, 0.4866 12.36%, 0.4946 15.42%, 0.499 17.08%, 0.5044 19.03%, 0.5106 20.69%, 0.5157 22.08%, 0.5386 28.33%, 0.5606 34.31%, 0.5851 40.97%, 0.6102 47.78%, 0.6214 50.83%, 0.6281 55.28%, 0.6299 56.67%, 0.6384 61.53%, 0.6585 63.61%, 0.7299 70.28%, 0.8014 76.94%, 0.8299 79.72%, 0.8974 86.39%, 0.9469 91.39%, 0.9951 98.06%, 1 100%);
}
}
.ball-2 {
background: #2ecc71;
animation:
ball-x 3s infinite linear(0.496 0%, 0.4259 2.08%, 0.2016 8.75%, 0.0819 12.36%, 0.0139 15.42%, 0.0002 17.08%, 0.0348 19.03%, 0.0793 20.69%, 0.1163 22.08%, 0.278 28.33%, 0.3 34.31%, 0.4828 40.97%, 0.6013 47.78%, 0.6539 50.83%, 0.6538 55.28%, 0.6547 56.67%, 0.67 61.53%, 0.6766 63.61%, 0.6977 70.28%, 0.7187 76.94%, 0.7173 79.72%, 0.5867 86.39%, 0.6124 91.39%, 0.6259 98.06%, 0.6284 100%),
ball-y 3s infinite linear(0.0152 0%, 0.1441 2.08%, 0.6666 8.75%, 0.9873 12.36%, 0.7535 15.42%, 0.6471 17.08%, 0.5508 19.03%, 0.6103 20.69%, 0.6678 22.08%, 0.9894 28.33%, 0.7495 34.31%, 0.995 40.97%, 0.8163 47.78%, 0.7874 50.83%, 0.9648 55.28%, 0.972 56.67%, 0.8149 61.53%, 0.7749 63.61%, 0.757 70.28%, 0.907 76.94%, 0.9958 79.72%, 0.9999 86.39%, 0.9999 91.39%, 0.9999 98.06%, 0.9999 100%);
.line {
animation: ball-r 3s infinite linear(0.4583 0%, 0.4584 2.08%, 0.4588 8.75%, 0.457 12.36%, 0.4206 15.42%, 0.3965 17.08%, 0.3585 19.03%, 0.3192 20.69%, 0.2864 22.08%, 0.1441 28.33%, 0.1506 34.31%, 0.1416 40.97%, 0.2034 47.78%, 0.2318 50.83%, 0.2635 55.28%, 0.2694 56.67%, 0.2777 61.53%, 0.2813 63.61%, 0.2926 70.28%, 0.304 76.94%, 0.3072 79.72%, 0.2914 86.39%, 0.2712 91.39%, 0.2708 98.06%, 0.2722 100%);
}
}
.ball-3 {
background: #f39c12;
animation:
ball-x 3s infinite linear(0.6192 0%, 0.6725 2.08%, 0.8433 8.75%, 0.9358 12.36%, 0.9928 15.42%, 0.9587 17.08%, 0.9188 19.03%, 0.8847 20.69%, 0.8551 22.08%, 0.711 28.33%, 0.5732 34.31%, 0.4194 40.97%, 0.2624 47.78%, 0.202 50.83%, 0.225 55.28%, 0.2331 56.67%, 0.2616 61.53%, 0.2737 63.61%, 0.3116 70.28%, 0.3998 76.94%, 0.432 79.72%, 0.5028 86.39%, 0.4409 91.39%, 0.458 98.06%, 0.4594 100%),
ball-y 3s infinite linear(0.0152 0%, 0.0464 2.08%, 0.2565 8.75%, 0.4404 12.36%, 0.6253 15.42%, 0.7107 17.08%, 0.8236 19.03%, 0.9317 20.69%, 0.9758 22.08%, 0.6981 28.33%, 0.5705 34.31%, 0.5873 40.97%, 0.7777 47.78%, 0.8977 50.83%, 0.8766 55.28%, 0.8831 56.67%, 0.9632 61.53%, 0.9858 63.61%, 0.9193 70.28%, 0.9886 76.94%, 0.9674 79.72%, 0.978 86.39%, 0.985 91.39%, 0.9881 98.06%, 0.996 100%);
.line {
animation: ball-r 3s infinite linear(0.4583 0%, 0.4574 2.08%, 0.4545 8.75%, 0.4529 12.36%, 0.4453 15.42%, 0.4203 17.08%, 0.3912 19.03%, 0.3663 20.69%, 0.3466 22.08%, 0.2701 28.33%, 0.197 34.31%, 0.1153 40.97%, 0.032 47.78%, 0 50.83%, 0.0114 55.28%, 0.0155 56.67%, 0.0297 61.53%, 0.036 63.61%, 0.0566 70.28%, 0.0644 76.94%, 0.0775 79.72%, 0.1155 86.39%, 0.1171 91.39%, 0.107 98.06%, 0.1078 100%);
}
}
}
@scope {
:scope {
position: relative;
width: 400px;
height: 400px;
overflow: hidden;
background: #0a0a0a;
border-radius: 8px;
}
.p {
position: absolute; top: 0; left: 0;
width: 5px;
height: 5px;
background: rgba(255, 255, 255, 0.6);
border-radius: 50%;
animation: p-x 6s infinite, p-y 6s infinite, p-o 6s infinite;
}
@keyframes p-x { from { translate: -2.28px 0 } to { translate: 601.67px 0 } }
@keyframes p-y { from { transform: translateY(-1.44px) } to { transform: translateY(402.04px) } }
@keyframes p-o { from { opacity: 0 } to { opacity: 1 } }
.p-0 {
animation-timing-function: linear(0.6477 0%, 0.6587 4.31%, 0.6904 8.21%, 0.7268 12.1%, 0.7704 19.75%, 0.8207 30.04%, 0.8605 34.91%, 0.9198 39.36%, 0.9741 43.12%, 0.9965 45.2%, 0.9975 45.34%, 0.004 45.34%, 0.0112 48.68%, 0.0038 50.35%, 0.0028 50.49%, 0.9962 50.49%, 0.9484 54.24%, 0.86 59.11%, 0.7883 63%, 0.7655 66.2%, 0.7549 69.96%, 0.7275 73.44%, 0.6708 76.77%, 0.6001 80.11%, 0.4966 84.7%, 0.2796 92.35%, 0.1194 97.64%, 0.0565 100%), linear(0.7578 0%, 0.8098 4.31%, 0.8525 8.21%, 0.8388 12.1%, 0.7506 19.75%, 0.5623 30.04%, 0.4702 34.91%, 0.4303 39.36%, 0.4524 43.12%, 0.4849 45.2%, 0.4873 45.34%, 0.4873 45.34%, 0.5332 48.68%, 0.5377 50.35%, 0.5378 50.49%, 0.5378 50.49%, 0.5117 54.24%, 0.4575 59.11%, 0.4723 63%, 0.5054 66.2%, 0.5887 69.96%, 0.6997 73.44%, 0.7806 76.77%, 0.7913 80.11%, 0.725 84.7%, 0.5522 92.35%, 0.4955 97.64%, 0.498 100%), linear(0, 0.667);
}
.p-1 {
animation-timing-function: linear(0.0531 0%, 0.0066 1.95%, 0.0034 2.09%, 0.9968 2.09%, 0.9424 5.7%, 0.9178 10.15%, 0.9155 14.74%, 0.9335 19.19%, 0.9781 23.37%, 0.995 24.34%, 0.9975 24.48%, 0.004 24.48%, 0.0739 28.51%, 0.159 32.41%, 0.3154 38.11%, 0.4249 42.42%, 0.5269 46.87%, 0.5808 50.49%, 0.601 54.52%, 0.6027 55.91%, 0.6027 56.05%, 0.6027 56.05%, 0.6021 59.67%, 0.5715 63.98%, 0.4996 71.21%, 0.4654 75.1%, 0.4586 78.72%, 0.4819 83.03%, 0.545 88.32%, 0.5756 91.93%, 0.586 96.38%, 0.5677 100%), linear(0.4991 0%, 0.523 1.95%, 0.5256 2.09%, 0.5256 2.09%, 0.5932 5.7%, 0.6283 10.15%, 0.6015 14.74%, 0.5329 19.19%, 0.4436 23.37%, 0.4275 24.34%, 0.4256 24.48%, 0.4256 24.48%, 0.4036 28.51%, 0.4265 32.41%, 0.4557 38.11%, 0.5081 42.42%, 0.619 46.87%, 0.7462 50.49%, 0.9254 54.52%, 0.9915 55.91%, 0.9983 56.05%, 0.0069 56.05%, 0.1584 59.67%, 0.2816 63.98%, 0.3996 71.21%, 0.4163 75.1%, 0.3807 78.72%, 0.3096 83.03%, 0.2578 88.32%, 0.2865 91.93%, 0.3568 96.38%, 0.3885 100%), linear(0.667, 1);
}
.p-2 {
animation-timing-function: linear(0.5667 0%, 0.5514 3.34%, 0.5275 7.79%, 0.5001 11.27%, 0.4783 14.46%, 0.477 14.6%, 0.477 14.6%, 0.4733 17.52%, 0.4992 20.72%, 0.5581 25.03%, 0.6456 29.76%, 0.7902 36.16%, 0.9636 43.12%, 0.9971 44.92%, 0.9996 45.06%, 0.0062 45.06%, 0.1062 50.9%, 0.1416 54.38%, 0.1537 58.69%, 0.1571 62.31%, 0.1843 65.79%, 0.2541 70.65%, 0.3115 73.57%, 0.44 81.5%, 0.4859 84.7%, 0.5036 88.18%, 0.494 92.49%, 0.4659 97.91%, 0.4544 100%), linear(0.3885 0%, 0.354 3.34%, 0.2468 7.79%, 0.1326 11.27%, 0.0064 14.46%, 0.0013 14.6%, 0.9927 14.6%, 0.904 17.52%, 0.8442 20.72%, 0.8111 25.03%, 0.8213 29.76%, 0.8683 36.16%, 0.9095 43.12%, 0.9007 44.92%, 0.8993 45.06%, 0.8993 45.06%, 0.8802 50.9%, 0.8489 54.38%, 0.7941 58.69%, 0.7358 62.31%, 0.699 65.79%, 0.7166 70.65%, 0.7032 73.57%, 0.5574 81.5%, 0.5516 84.7%, 0.5769 88.18%, 0.5651 92.49%, 0.4687 97.91%, 0.4126 100%), linear(0.667, 0);
}
.p-3 {
animation-timing-function: linear(0.0525 0%, 0.0593 2.78%, 0.0897 6.82%, 0.1853 12.52%, 0.2061 13.77%, 0.2083 13.91%, 0.2083 13.91%, 0.2371 16.83%, 0.2333 21.56%, 0.2174 26.98%, 0.1743 30.6%, 0.0744 37.13%, 0.0045 44.51%, 0.003 44.65%, 0.9965 44.65%, 0.9775 47.84%, 0.9753 48.96%, 0.9753 49.1%, 0.9753 49.1%, 0.9819 53.27%, 0.9967 56.05%, 0.9977 56.19%, 0.0042 56.19%, 0.0386 60.78%, 0.1144 67.45%, 0.1632 71.07%, 0.1782 74.83%, 0.1612 78.72%, 0.1259 82.2%, 0.0391 87.9%, 0.0043 90.26%, 0.0022 90.4%, 0.9957 90.4%, 0.9592 93.74%, 0.9086 98.75%, 0.8941 100%), linear(0.7101 0%, 0.7391 2.78%, 0.8169 6.82%, 0.9555 12.52%, 0.9929 13.77%, 0.9968 13.91%, 0.0054 13.91%, 0.092 16.83%, 0.2726 21.56%, 0.5027 26.98%, 0.6224 30.6%, 0.764 37.13%, 0.9324 44.51%, 0.9355 44.65%, 0.9355 44.65%, 0.9853 47.84%, 0.9948 48.96%, 0.9957 49.1%, 0.0043 49.1%, 0.0564 53.27%, 0.1153 56.05%, 0.1188 56.19%, 0.1188 56.19%, 0.2095 60.78%, 0.2992 67.45%, 0.3022 71.07%, 0.2834 74.83%, 0.3143 78.72%, 0.3698 82.2%, 0.4719 87.9%, 0.4761 90.26%, 0.4756 90.4%, 0.4756 90.4%, 0.4853 93.74%, 0.56 98.75%, 0.5847 100%), linear(0, 0.667);
}
.p-4 {
animation-timing-function: linear(0.8927 0%, 0.8727 3.48%, 0.8793 7.65%, 0.881 11.68%, 0.8583 17.39%, 0.8542 22.67%, 0.8723 26.7%, 0.9201 31.15%, 0.9704 35.74%, 0.9963 37.97%, 0.9978 38.11%, 0.0044 38.11%, 0.0325 41.72%, 0.0446 45.9%, 0.0217 50.9%, 0.0047 52.71%, 0.0034 52.85%, 0.9969 52.85%, 0.9515 56.75%, 0.8939 59.81%, 0.8366 63.28%, 0.7748 68.15%, 0.7094 72.6%, 0.6187 76.91%, 0.5138 81.64%, 0.3875 87.2%, 0.1965 93.6%, 0.0731 97.22%, 0.0051 99.3%, 0.0011 99.44%, 0.9946 99.44%, 0.9799 100%), linear(0.5877 0%, 0.6616 3.48%, 0.7193 7.65%, 0.7056 11.68%, 0.6297 17.39%, 0.5292 22.67%, 0.452 26.7%, 0.4208 31.15%, 0.4574 35.74%, 0.4913 37.97%, 0.4937 38.11%, 0.4937 38.11%, 0.5253 41.72%, 0.5101 45.9%, 0.4846 50.9%, 0.4707 52.71%, 0.4698 52.85%, 0.4698 52.85%, 0.4286 56.75%, 0.4179 59.81%, 0.4661 63.28%, 0.57 68.15%, 0.698 72.6%, 0.7804 76.91%, 0.7977 81.64%, 0.769 87.2%, 0.6916 93.6%, 0.6904 97.22%, 0.7133 99.3%, 0.7154 99.44%, 0.7154 99.44%, 0.7236 100%), linear(0.667, 1);
}
.p-5 {
animation-timing-function: linear(0.9767 0%, 0.9246 2.92%, 0.8759 8.21%, 0.8341 13.49%, 0.8241 18.92%, 0.8442 23.23%, 0.9022 28.37%, 0.9781 33.52%, 0.9972 34.63%, 0.9996 34.77%, 0.0062 34.77%, 0.0626 38.94%, 0.0944 42.56%, 0.1044 46.45%, 0.0921 51.46%, 0.1252 57.16%, 0.17 62.87%, 0.1894 66.34%, 0.1756 70.51%, 0.1228 74.97%, 0.0228 81.64%, 0.0052 82.75%, 0.0031 82.89%, 0.9965 82.89%, 0.9627 86.93%, 0.9666 90.26%, 0.9958 93.6%, 0.9974 93.74%, 0.0039 93.74%, 0.0156 94.85%, 0.0169 94.99%, 0.0169 94.99%, 0.0543 97.91%, 0.0835 99.72%, 0.0857 99.86%, 0.0857 99.86%, 0.0878 100%), linear(0.7258 0%, 0.7484 2.92%, 0.734 8.21%, 0.6713 13.49%, 0.5914 18.92%, 0.5174 23.23%, 0.4799 28.37%, 0.4928 33.52%, 0.5032 34.63%, 0.5048 34.77%, 0.5048 34.77%, 0.5264 38.94%, 0.5027 42.56%, 0.4368 46.45%, 0.3336 51.46%, 0.2363 57.16%, 0.2015 62.87%, 0.1771 66.34%, 0.1236 70.51%, 0.1045 74.97%, 0.1079 81.64%, 0.1146 82.75%, 0.1155 82.89%, 0.1155 82.89%, 0.1187 86.93%, 0.0909 90.26%, 0.0303 93.6%, 0.0271 93.74%, 0.0271 93.74%, 0.0045 94.85%, 0.0021 94.99%, 0.9935 94.99%, 0.9861 97.91%, 0.9943 99.72%, 0.9951 99.86%, 0.0038 99.86%, 0.0045 100%), linear(0.667, 0);
}
.p-6 {
animation-timing-function: linear(0.2039 0%, 0.2116 4.03%, 0.1899 7.37%, 0.1166 13.07%, 0.0536 18.92%, 0.005 21.84%, 0.0022 21.97%, 0.9956 21.97%, 0.9224 25.73%, 0.8737 29.35%, 0.8509 33.1%, 0.8615 38.94%, 0.8932 43.25%, 0.9264 46.87%, 0.9303 50.63%, 0.8827 55.49%, 0.8148 59.11%, 0.6782 63.98%, 0.5721 67.59%, 0.4709 72.32%, 0.449 73.44%, 0.4462 73.57%, 0.4462 73.57%, 0.4158 76.22%, 0.4136 79.42%, 0.46 84.56%, 0.5393 89.15%, 0.6701 95.83%, 0.737 100%), linear(0.124 0%, 0.16 4.03%, 0.2154 7.37%, 0.3414 13.07%, 0.5443 18.92%, 0.6413 21.84%, 0.645 21.97%, 0.645 21.97%, 0.7116 25.73%, 0.7043 29.35%, 0.6505 33.1%, 0.5392 38.94%, 0.487 43.25%, 0.5023 46.87%, 0.5527 50.63%, 0.627 55.49%, 0.6591 59.11%, 0.7213 63.98%, 0.8065 67.59%, 0.9541 72.32%, 0.9942 73.44%, 0.9992 73.57%, 0.0078 73.57%, 0.0824 76.22%, 0.1196 79.42%, 0.1231 84.56%, 0.1277 89.15%, 0.1896 95.83%, 0.2652 100%), linear(0, 0.667);
}
.p-7 {
animation-timing-function: linear(0.7387 0%, 0.7573 2.92%, 0.735 6.12%, 0.6667 10.71%, 0.6152 14.46%, 0.6097 18.5%, 0.6177 21.7%, 0.6463 26.01%, 0.7313 33.1%, 0.8374 40.19%, 0.8835 43.67%, 0.8855 46.87%, 0.8426 51.04%, 0.7793 54.8%, 0.748 58.69%, 0.7483 64.26%, 0.7241 69.26%, 0.6705 72.46%, 0.5708 76.63%, 0.309 86.65%, 0.2062 91.1%, 0.1652 94.16%, 0.1606 95.97%, 0.1606 96.11%, 0.1606 96.11%, 0.1628 100%), linear(0.2679 0%, 0.3289 2.92%, 0.3934 6.12%, 0.4819 10.71%, 0.5946 14.46%, 0.6969 18.5%, 0.7217 21.7%, 0.6866 26.01%, 0.5779 33.1%, 0.4034 40.19%, 0.3703 43.67%, 0.372 46.87%, 0.3759 51.04%, 0.3957 54.8%, 0.4735 58.69%, 0.6217 64.26%, 0.7581 69.26%, 0.8356 72.46%, 0.8886 76.63%, 0.8969 86.65%, 0.9173 91.1%, 0.9594 94.16%, 0.9938 95.97%, 0.9966 96.11%, 0.0052 96.11%, 0.0594 100%), linear(0.667, 1);
}
.p-8 {
animation-timing-function: linear(0.1631 0%, 0.1891 4.17%, 0.2179 7.93%, 0.2064 11.96%, 0.1691 16.55%, 0.1439 21.14%, 0.1155 25.17%, 0.0416 30.6%, 0.0045 33.24%, 0.0027 33.38%, 0.9961 33.38%, 0.9687 36.58%, 0.9715 41.03%, 0.9971 44.23%, 0.9986 44.37%, 0.0052 44.37%, 0.0487 50.35%, 0.0361 53.96%, 0.0041 58.14%, 0.0034 58.28%, 0.9968 58.28%, 0.9579 62.31%, 0.8978 67.04%, 0.812 73.3%, 0.7325 78.16%, 0.6638 81.5%, 0.5726 86.37%, 0.4788 91.93%, 0.4219 96.11%, 0.3739 100%), linear(0.0606 0%, 0.0837 4.17%, 0.1412 7.93%, 0.2038 11.96%, 0.2998 16.55%, 0.4406 21.14%, 0.5743 25.17%, 0.6941 30.6%, 0.7455 33.24%, 0.7482 33.38%, 0.7482 33.38%, 0.7782 36.58%, 0.7626 41.03%, 0.7221 44.23%, 0.7201 44.37%, 0.7201 44.37%, 0.6337 50.35%, 0.5698 53.96%, 0.4997 58.14%, 0.4979 58.28%, 0.4979 58.28%, 0.4684 62.31%, 0.4851 67.04%, 0.5941 73.3%, 0.6739 78.16%, 0.7036 81.5%, 0.6711 86.37%, 0.5736 91.93%, 0.456 96.11%, 0.3235 100%), linear(0.667, 0);
}
.p-9 {
animation-timing-function: linear(0.6271 0%, 0.6199 4.03%, 0.6022 7.93%, 0.558 13.77%, 0.5301 16.41%, 0.5282 16.55%, 0.5282 16.55%, 0.5095 19.75%, 0.5262 23.37%, 0.5668 26.43%, 0.6946 33.1%, 0.7925 36.72%, 0.9063 40.75%, 0.9969 45.06%, 0.9997 45.2%, 0.0062 45.2%, 0.0839 49.93%, 0.1125 53.96%, 0.1238 60.22%, 0.1544 64.81%, 0.1902 68.71%, 0.2354 72.32%, 0.2638 76.08%, 0.249 79.55%, 0.1861 86.51%, 0.1355 92.49%, 0.086 99.3%, 0.0843 99.44%, 0.0843 99.44%, 0.0789 100%), linear(0.4129 0%, 0.3703 4.03%, 0.2823 7.93%, 0.1055 13.77%, 0.0076 16.41%, 0.0023 16.55%, 0.9936 16.55%, 0.8871 19.75%, 0.8084 23.37%, 0.7834 26.43%, 0.8071 33.1%, 0.8172 36.72%, 0.7852 40.75%, 0.721 45.06%, 0.7195 45.2%, 0.7195 45.2%, 0.6669 49.93%, 0.6231 53.96%, 0.5377 60.22%, 0.5224 64.81%, 0.5538 68.71%, 0.5711 72.32%, 0.5257 76.08%, 0.4784 79.55%, 0.3752 86.51%, 0.2173 92.49%, 0.0067 99.3%, 0.002 99.44%, 0.9934 99.44%, 0.9759 100%), linear(0, 0.667);
}
.p-10 {
animation-timing-function: linear(0.0779 0%, 0.0765 3.06%, 0.109 6.82%, 0.1859 11.27%, 0.299 16.13%, 0.4576 21.84%, 0.5676 26.15%, 0.6826 31.15%, 0.6859 31.29%, 0.6859 31.29%, 0.7278 34.21%, 0.7337 37.41%, 0.6925 42.42%, 0.6414 47.15%, 0.5882 53.41%, 0.5629 57.86%, 0.5619 58%, 0.5619 58%, 0.5061 63.28%, 0.3916 72.46%, 0.3458 77.05%, 0.3077 80.67%, 0.2762 84.98%, 0.2814 89.01%, 0.3106 92.63%, 0.3121 95.83%, 0.2791 98.89%, 0.2608 100%), linear(0.9717 0%, 0.9046 3.06%, 0.8462 6.82%, 0.803 11.27%, 0.781 16.13%, 0.7978 21.84%, 0.8646 26.15%, 0.9941 31.15%, 0.9985 31.29%, 0.0071 31.29%, 0.0848 34.21%, 0.1599 37.41%, 0.2976 42.42%, 0.4912 47.15%, 0.7867 53.41%, 0.9893 57.86%, 0.9955 58%, 0.0041 58%, 0.1916 63.28%, 0.4203 72.46%, 0.4937 77.05%, 0.5014 80.67%, 0.4638 84.98%, 0.4198 89.01%, 0.418 92.63%, 0.4423 95.83%, 0.4507 98.89%, 0.4463 100%), linear(0.667, 1);
}
.p-11 {
animation-timing-function: linear(0.2585 0%, 0.166 3.89%, 0.0857 7.09%, 0.0336 10.01%, 0.0042 12.8%, 0.0025 12.93%, 0.9959 12.93%, 0.9432 17.66%, 0.8861 22.11%, 0.8295 26.43%, 0.8039 29.76%, 0.8118 34.08%, 0.8584 40.19%, 0.9103 43.39%, 0.9641 47.29%, 0.9784 51.46%, 0.9569 54.52%, 0.8855 58.69%, 0.8102 62.31%, 0.764 65.51%, 0.687 72.04%, 0.6085 75.8%, 0.4921 81.22%, 0.3838 86.51%, 0.2429 91.66%, 0.188 94.85%, 0.1699 98.33%, 0.1714 100%), linear(0.4459 0%, 0.4441 3.89%, 0.4796 7.09%, 0.5529 10.01%, 0.6489 12.8%, 0.6539 12.93%, 0.6539 12.93%, 0.7897 17.66%, 0.8486 22.11%, 0.8393 26.43%, 0.7897 29.76%, 0.6961 34.08%, 0.5542 40.19%, 0.5105 43.39%, 0.5047 47.29%, 0.5246 51.46%, 0.5113 54.52%, 0.473 58.69%, 0.4944 62.31%, 0.5678 65.51%, 0.7636 72.04%, 0.8309 75.8%, 0.8629 81.22%, 0.8529 86.51%, 0.8592 91.66%, 0.9054 94.85%, 0.9699 98.33%, 0.9882 100%), linear(0.667, 0);
}
.p-12 {
animation-timing-function: linear(0.9259 0%, 0.9389 4.73%, 0.9971 11.96%, 0.9983 12.1%, 0.0049 12.1%, 0.0236 14.74%, 0.0257 18.22%, 0.0047 20.58%, 0.003 20.72%, 0.9964 20.72%, 0.9378 25.73%, 0.907 29.35%, 0.9195 33.24%, 0.9754 37.83%, 0.9954 39.22%, 0.9975 39.36%, 0.0041 39.36%, 0.0408 42.84%, 0.0586 46.87%, 0.0327 50.49%, 0.0044 52.85%, 0.0027 52.99%, 0.9961 52.99%, 0.907 58.97%, 0.8669 61.89%, 0.8419 65.37%, 0.8118 70.38%, 0.7607 73.44%, 0.6946 76.77%, 0.5515 83.17%, 0.4293 88.32%, 0.2158 95.69%, 0.0975 100%), linear(0.7091 0%, 0.6901 4.73%, 0.5984 11.96%, 0.5956 12.1%, 0.5956 12.1%, 0.5753 14.74%, 0.6053 18.22%, 0.631 20.58%, 0.6327 20.72%, 0.6327 20.72%, 0.6518 25.73%, 0.6313 29.35%, 0.5858 33.24%, 0.5372 37.83%, 0.5337 39.22%, 0.5339 39.36%, 0.5339 39.36%, 0.5164 42.84%, 0.4696 46.87%, 0.4656 50.49%, 0.4596 52.85%, 0.4592 52.99%, 0.4592 52.99%, 0.3989 58.97%, 0.4167 61.89%, 0.4872 65.37%, 0.6502 70.38%, 0.718 73.44%, 0.7373 76.77%, 0.6846 83.17%, 0.6028 88.32%, 0.4891 95.69%, 0.4727 100%), linear(0, 0.667);
}
.p-13 {
animation-timing-function: linear(0.0937 0%, 0.0063 3.34%, 0.0027 3.48%, 0.9962 3.48%, 0.9359 6.68%, 0.9122 10.15%, 0.8963 14.88%, 0.8877 19.89%, 0.9015 23.5%, 0.9446 27.12%, 0.9969 30.88%, 0.9985 31.02%, 0.005 31.02%, 0.0501 36.16%, 0.0776 40.19%, 0.0822 44.65%, 0.0509 49.93%, 0.026 55.35%, 0.0358 60.08%, 0.067 66.9%, 0.0935 70.79%, 0.0926 74.55%, 0.0565 79.14%, 0.006 82.2%, 0.0036 82.34%, 0.9971 82.34%, 0.9487 85.95%, 0.9413 88.87%, 0.9761 94.02%, 0.9952 95.55%, 0.9971 95.69%, 0.9971 95.69%, 0.9991 95.83%, 0.0056 95.83%, 0.0486 99.03%, 0.0634 100%), linear(0.4732 0%, 0.5127 3.34%, 0.5157 3.48%, 0.5157 3.48%, 0.5832 6.68%, 0.6082 10.15%, 0.5852 14.88%, 0.5139 19.89%, 0.4605 23.5%, 0.4448 27.12%, 0.473 30.88%, 0.4747 31.02%, 0.4747 31.02%, 0.5096 36.16%, 0.472 40.19%, 0.4158 44.65%, 0.3838 49.93%, 0.3038 55.35%, 0.2641 60.08%, 0.2491 66.9%, 0.2293 70.79%, 0.1872 74.55%, 0.1561 79.14%, 0.1545 82.2%, 0.155 82.34%, 0.155 82.34%, 0.1603 85.95%, 0.1273 88.87%, 0.0353 94.02%, 0.0042 95.55%, 0.0014 95.69%, 0.9928 95.69%, 0.9901 95.83%, 0.9901 95.83%, 0.9599 99.03%, 0.9568 100%), linear(0.667, 1);
}
.p-14 {
animation-timing-function: linear(0.0655 0%, 0.1601 4.59%, 0.2991 10.15%, 0.4399 15.44%, 0.5877 21.14%, 0.7302 26.56%, 0.8514 31.71%, 0.964 37.41%, 0.9954 39.5%, 0.9976 39.64%, 0.0042 39.64%, 0.0705 44.23%, 0.0844 47.57%, 0.0421 54.52%, 0.0335 58.28%, 0.0468 63.42%, 0.0763 67.32%, 0.1318 71.91%, 0.1336 76.08%, 0.0981 80.67%, 0.0629 85.26%, 0.0239 89.85%, 0.005 91.38%, 0.003 91.52%, 0.9964 91.52%, 0.962 95.41%, 0.9398 100%), linear(0.9566 0%, 0.9551 4.59%, 0.9226 10.15%, 0.8918 15.44%, 0.9073 21.14%, 0.8789 26.56%, 0.7977 31.71%, 0.6606 37.41%, 0.6182 39.5%, 0.6158 39.64%, 0.6158 39.64%, 0.5395 44.23%, 0.4797 47.57%, 0.3698 54.52%, 0.3082 58.28%, 0.2822 63.42%, 0.2986 67.32%, 0.3065 71.91%, 0.2686 76.08%, 0.2379 80.67%, 0.2717 85.26%, 0.3371 89.85%, 0.3535 91.38%, 0.3545 91.52%, 0.3545 91.52%, 0.4071 95.41%, 0.518 100%), linear(0.667, 0);
}
.p-15 {
animation-timing-function: linear(0.1467 0%, 0.1305 3.06%, 0.0833 7.09%, 0.0411 11.13%, 0.0096 16.55%, 0.0045 17.11%, 0.0031 17.25%, 0.9965 17.25%, 0.9553 21.28%, 0.9098 26.56%, 0.8794 30.46%, 0.8753 34.49%, 0.8955 41.31%, 0.9325 45.9%, 0.9752 49.79%, 0.9801 53.27%, 0.9345 58.14%, 0.8737 61.75%, 0.793 65.51%, 0.7023 70.1%, 0.5791 77.89%, 0.5058 81.36%, 0.3807 86.51%, 0.1884 92.77%, 0.0886 96.11%, 0.0221 99.03%, 0.0072 100%), linear(0.3304 0%, 0.348 3.06%, 0.4249 7.09%, 0.5587 11.13%, 0.7697 16.55%, 0.7858 17.11%, 0.7897 17.25%, 0.7897 17.25%, 0.8886 21.28%, 0.9251 26.56%, 0.9092 30.46%, 0.8348 34.49%, 0.6999 41.31%, 0.6166 45.9%, 0.6071 49.79%, 0.6328 53.27%, 0.6375 58.14%, 0.5955 61.75%, 0.5695 65.51%, 0.6172 70.1%, 0.7789 77.89%, 0.8033 81.36%, 0.7924 86.51%, 0.746 92.77%, 0.7712 96.11%, 0.8401 99.03%, 0.87 100%), linear(0, 0.667);
}
.p-16 {
animation-timing-function: linear(0.0055 0%, 0.0039 0.14%, 0.0025 0.28%, 0.996 0.28%, 0.9794 2.92%, 0.9616 8.21%, 0.9526 9.74%, 0.9517 9.87%, 0.9517 9.87%, 0.8799 17.52%, 0.822 21.84%, 0.8151 22.39%, 0.8136 22.53%, 0.8136 22.53%, 0.7711 27.26%, 0.7708 32.55%, 0.8278 39.5%, 0.8703 43.25%, 0.9035 46.73%, 0.8973 50.63%, 0.8437 54.52%, 0.7196 60.36%, 0.6484 64.12%, 0.5331 70.65%, 0.4997 72.18%, 0.4965 72.32%, 0.4965 72.32%, 0.4518 74.97%, 0.4351 78.16%, 0.4524 82.06%, 0.491 86.51%, 0.5539 91.66%, 0.6377 95.97%, 0.6928 99.17%, 0.7014 100%), linear(0.8744 0%, 0.8789 0.14%, 0.8835 0.28%, 0.8835 0.28%, 0.9437 2.92%, 0.9921 8.21%, 0.9949 9.74%, 0.9951 9.87%, 0.0038 9.87%, 0.0466 17.52%, 0.0147 21.84%, 0.0059 22.39%, 0.0035 22.53%, 0.9949 22.53%, 0.8853 27.26%, 0.7355 32.55%, 0.5334 39.5%, 0.4767 43.25%, 0.4733 46.73%, 0.5167 50.63%, 0.5485 54.52%, 0.6139 60.36%, 0.708 64.12%, 0.9398 70.65%, 0.9915 72.18%, 0.9959 72.32%, 0.0045 72.32%, 0.0662 74.97%, 0.0886 78.16%, 0.0816 82.06%, 0.0846 86.51%, 0.1228 91.66%, 0.1981 95.97%, 0.2795 99.17%, 0.3011 100%), linear(0.667, 1);
}
.p-17 {
animation-timing-function: linear(0.7027 0%, 0.7169 3.2%, 0.6933 6.95%, 0.5864 13.63%, 0.5592 16.97%, 0.5604 20.72%, 0.5847 25.17%, 0.6209 29.35%, 0.6732 33.24%, 0.7528 37%, 0.8336 40.89%, 0.9299 46.45%, 0.9671 50.9%, 0.965 54.24%, 0.9147 59.11%, 0.8334 64.12%, 0.8311 64.26%, 0.8311 64.26%, 0.7972 67.73%, 0.7994 70.93%, 0.8527 77.19%, 0.9106 81.22%, 0.9954 85.67%, 0.9985 85.81%, 0.005 85.81%, 0.044 88.73%, 0.0607 92.63%, 0.0966 96.38%, 0.1449 99.58%, 0.151 100%), linear(0.3045 0%, 0.3662 3.2%, 0.4052 6.95%, 0.4718 13.63%, 0.5229 16.97%, 0.55 20.72%, 0.5259 25.17%, 0.4619 29.35%, 0.3968 33.24%, 0.3763 37%, 0.424 40.89%, 0.531 46.45%, 0.6381 50.9%, 0.7346 54.24%, 0.8695 59.11%, 0.9931 64.12%, 0.9971 64.26%, 0.0057 64.26%, 0.1001 67.73%, 0.1726 70.93%, 0.3122 77.19%, 0.3952 81.22%, 0.4356 85.67%, 0.4364 85.81%, 0.4364 85.81%, 0.4403 88.73%, 0.3991 92.63%, 0.3132 96.38%, 0.2621 99.58%, 0.2595 100%), linear(0.667, 0);
}
.p-18 {
animation-timing-function: linear(0.3842 0%, 0.3697 3.76%, 0.2954 10.71%, 0.224 14.19%, 0.1445 17.66%, 0.1028 20.86%, 0.1037 23.92%, 0.1845 32.27%, 0.2344 38.11%, 0.2512 42.28%, 0.231 46.18%, 0.2299 46.31%, 0.2299 46.31%, 0.2055 52.71%, 0.1922 64.39%, 0.2043 68.57%, 0.2569 72.6%, 0.3291 76.5%, 0.3315 76.63%, 0.3315 76.63%, 0.4038 80.95%, 0.5221 88.32%, 0.6436 95.83%, 0.674 99.58%, 0.6753 100%), linear(0.2517 0%, 0.2226 3.76%, 0.0794 10.71%, 0.0409 14.19%, 0.061 17.66%, 0.1217 20.86%, 0.2083 23.92%, 0.4859 32.27%, 0.6965 38.11%, 0.8527 42.28%, 0.992 46.18%, 0.9971 46.31%, 0.0057 46.31%, 0.2433 52.71%, 0.6434 64.39%, 0.7959 68.57%, 0.8985 72.6%, 0.9917 76.5%, 0.9956 76.63%, 0.0042 76.63%, 0.0911 80.95%, 0.1328 88.32%, 0.2528 95.83%, 0.322 99.58%, 0.3275 100%), linear(0, 0.667);
}
.p-19 {
animation-timing-function: linear(0.6755 0%, 0.6677 3.48%, 0.6366 7.79%, 0.5802 12.8%, 0.5159 16.41%, 0.4569 20.58%, 0.45 24.06%, 0.4799 28.51%, 0.5397 32.27%, 0.6565 37.27%, 0.7548 41.03%, 0.8957 47.43%, 0.9708 51.74%, 0.9967 54.66%, 0.9973 54.8%, 0.0039 54.8%, 0.0041 57.3%, 0.0036 57.44%, 0.9971 57.44%, 0.9609 61.2%, 0.9024 64.67%, 0.8299 68.57%, 0.7484 72.88%, 0.6534 76.5%, 0.5564 80.39%, 0.4229 86.09%, 0.2396 92.91%, 0.1144 98.05%, 0.0849 100%), linear(0.3293 0%, 0.3559 3.48%, 0.3389 7.79%, 0.2729 12.8%, 0.2462 16.41%, 0.2557 20.58%, 0.2889 24.06%, 0.3524 28.51%, 0.421 32.27%, 0.5185 37.27%, 0.5763 41.03%, 0.6301 47.43%, 0.6944 51.74%, 0.7569 54.66%, 0.76 54.8%, 0.76 54.8%, 0.8051 57.3%, 0.8072 57.44%, 0.8072 57.44%, 0.8408 61.2%, 0.837 64.67%, 0.7745 68.57%, 0.6641 72.88%, 0.6139 76.5%, 0.6215 80.39%, 0.6692 86.09%, 0.7001 92.91%, 0.7226 98.05%, 0.7517 100%), linear(0.667, 1);
}
.p-20 {
animation-timing-function: linear(0.0835 0%, 0.069 3.06%, 0.0952 7.09%, 0.1555 11.4%, 0.1573 11.54%, 0.1573 11.54%, 0.1894 15.3%, 0.1848 20.72%, 0.1891 26.15%, 0.159 29.49%, 0.1049 34.08%, 0.0585 38.11%, 0.0056 42%, 0.0033 42.14%, 0.9968 42.14%, 0.968 45.06%, 0.9773 49.65%, 0.9965 51.74%, 0.9982 51.88%, 0.0047 51.88%, 0.0275 55.91%, 0.0039 60.22%, 0.0026 60.36%, 0.9961 60.36%, 0.9454 65.51%, 0.8793 69.54%, 0.8275 73.02%, 0.695 80.39%, 0.5874 85.12%, 0.488 89.43%, 0.3361 96.52%, 0.2513 100%), linear(0.7541 0%, 0.8222 3.06%, 0.9038 7.09%, 0.9928 11.4%, 0.9969 11.54%, 0.0055 11.54%, 0.1287 15.3%, 0.3454 20.72%, 0.6056 26.15%, 0.7317 29.49%, 0.8331 34.08%, 0.8832 38.11%, 0.9111 42%, 0.912 42.14%, 0.912 42.14%, 0.9081 45.06%, 0.8629 49.65%, 0.8403 51.74%, 0.8389 51.88%, 0.8389 51.88%, 0.7831 55.91%, 0.7218 60.22%, 0.7198 60.36%, 0.7198 60.36%, 0.6186 65.51%, 0.5484 69.54%, 0.5427 73.02%, 0.6274 80.39%, 0.6538 85.12%, 0.6064 89.43%, 0.4458 96.52%, 0.3535 100%), linear(0.667, 0);
}
.p-21 {
animation-timing-function: linear(0.4218 0%, 0.4293 4.59%, 0.4606 8.21%, 0.5662 16.41%, 0.7005 24.2%, 0.8248 30.6%, 0.9155 35.61%, 0.9947 39.64%, 0.9974 39.78%, 0.0039 39.78%, 0.0384 42.56%, 0.0429 46.18%, 0.0097 50.35%, 0.0046 50.76%, 0.003 50.9%, 0.9965 50.9%, 0.9174 55.49%, 0.8532 58.97%, 0.8203 62.73%, 0.8357 67.73%, 0.8549 72.46%, 0.8397 76.36%, 0.7905 83.31%, 0.7518 87.62%, 0.7082 90.96%, 0.6353 96.11%, 0.5685 100%), linear(0.8963 0%, 0.8993 4.59%, 0.8749 8.21%, 0.7191 16.41%, 0.5566 24.2%, 0.4528 30.6%, 0.4191 35.61%, 0.4447 39.64%, 0.4459 39.78%, 0.4459 39.78%, 0.4545 42.56%, 0.4434 46.18%, 0.4129 50.35%, 0.4095 50.76%, 0.4085 50.9%, 0.4085 50.9%, 0.3578 55.49%, 0.3556 58.97%, 0.3862 62.73%, 0.4598 67.73%, 0.558 72.46%, 0.6237 76.36%, 0.7301 83.31%, 0.7437 87.62%, 0.7161 90.96%, 0.6302 96.11%, 0.5213 100%), linear(0, 0.667);
}
.p-22 {
animation-timing-function: linear(0.5662 0%, 0.4508 7.65%, 0.3678 13.63%, 0.3468 14.74%, 0.3439 14.88%, 0.3439 14.88%, 0.2926 17.94%, 0.2468 21.28%, 0.2068 24.48%, 0.2053 24.62%, 0.2053 24.62%, 0.192 28.23%, 0.2149 31.71%, 0.266 34.91%, 0.4053 40.75%, 0.5222 45.06%, 0.5949 48.26%, 0.5972 48.4%, 0.5994 48.54%, 0.5994 48.54%, 0.6374 51.46%, 0.6729 54.52%, 0.6747 54.66%, 0.6747 54.66%, 0.6936 58%, 0.6789 62.45%, 0.6555 66.9%, 0.6572 70.65%, 0.6823 73.44%, 0.726 77.19%, 0.7594 81.22%, 0.8044 85.26%, 0.8678 89.57%, 0.9864 95.41%, 0.997 95.97%, 0.9995 96.11%, 0.0061 96.11%, 0.0773 100%), linear(0.5166 0%, 0.2522 7.65%, 0.0396 13.63%, 0.0066 14.74%, 0.0029 14.88%, 0.9943 14.88%, 0.9468 17.94%, 0.9559 21.28%, 0.9932 24.48%, 0.9954 24.62%, 0.0041 24.62%, 0.0576 28.23%, 0.1062 31.71%, 0.113 34.91%, 0.1112 40.75%, 0.0837 45.06%, 0.0103 48.26%, 0.0067 48.4%, 0.0033 48.54%, 0.9946 48.54%, 0.9629 51.46%, 0.9944 54.52%, 0.9967 54.66%, 0.0054 54.66%, 0.0506 58%, 0.0914 62.45%, 0.0667 66.9%, 0.0192 70.65%, 0.0096 73.44%, 0.0497 77.19%, 0.1495 81.22%, 0.2511 85.26%, 0.2962 89.57%, 0.3747 95.41%, 0.3852 95.97%, 0.3878 96.11%, 0.3878 96.11%, 0.458 100%), linear(0.667, 1);
}
.p-23 {
animation-timing-function: linear(0.0794 0%, 0.1011 2.78%, 0.1215 6.4%, 0.1716 10.29%, 0.2315 13.35%, 0.3705 19.19%, 0.4347 22.95%, 0.4366 23.09%, 0.4366 23.09%, 0.4756 27.12%, 0.4856 31.29%, 0.4954 37.13%, 0.4836 42.28%, 0.4488 45.76%, 0.3985 48.54%, 0.3957 48.68%, 0.3957 48.68%, 0.3623 51.32%, 0.3555 54.66%, 0.3727 58.55%, 0.3605 62.31%, 0.3059 67.18%, 0.2117 73.71%, 0.1206 78.58%, 0.0059 84.7%, 0.0033 84.84%, 0.9967 84.84%, 0.964 87.62%, 0.963 91.24%, 0.9858 95.97%, 0.9894 100%), linear(0.4607 0%, 0.5286 2.78%, 0.6448 6.4%, 0.7497 10.29%, 0.7926 13.35%, 0.885 19.19%, 0.9912 22.95%, 0.9956 23.09%, 0.0042 23.09%, 0.1186 27.12%, 0.2515 31.29%, 0.4987 37.13%, 0.7434 42.28%, 0.8935 45.76%, 0.9949 48.54%, 0.9997 48.68%, 0.0083 48.68%, 0.0756 51.32%, 0.1122 54.66%, 0.1198 58.55%, 0.0987 62.31%, 0.0879 67.18%, 0.1178 73.71%, 0.1912 78.58%, 0.3378 84.7%, 0.3404 84.84%, 0.3404 84.84%, 0.3749 87.62%, 0.4188 91.24%, 0.513 95.97%, 0.6261 100%), linear(0.667, 0);
}
.p-24 {
animation-timing-function: linear(0.9865 0%, 0.9855 9.6%, 0.9501 15.86%, 0.9021 21.56%, 0.8532 27.68%, 0.8445 32.13%, 0.8668 36.16%, 0.9219 41.03%, 0.9756 44.51%, 0.9956 45.9%, 0.9974 46.04%, 0.004 46.04%, 0.0261 49.24%, 0.0046 54.38%, 0.0036 54.52%, 0.9971 54.52%, 0.9489 59.25%, 0.8773 63%, 0.8153 67.45%, 0.7417 72.88%, 0.6547 77.05%, 0.5042 82.89%, 0.22 93.32%, 0.1051 97.64%, 0.0512 100%), linear(0.9439 0%, 0.8888 9.6%, 0.8947 15.86%, 0.8721 21.56%, 0.814 27.68%, 0.7205 32.13%, 0.6136 36.16%, 0.4999 41.03%, 0.4829 44.51%, 0.493 45.9%, 0.4943 46.04%, 0.4943 46.04%, 0.5111 49.24%, 0.5063 54.38%, 0.5061 54.52%, 0.5061 54.52%, 0.4679 59.25%, 0.4706 63%, 0.5461 67.45%, 0.6819 72.88%, 0.7479 77.05%, 0.7511 82.89%, 0.6755 93.32%, 0.6712 97.64%, 0.6968 100%), linear(0, 0.667);
}
.p-25 {
animation-timing-function: linear(0.0484 0%, 0.0042 2.92%, 0.0029 3.06%, 0.9964 3.06%, 0.9826 5.84%, 0.9418 14.6%, 0.8946 21.56%, 0.8557 26.29%, 0.8217 30.88%, 0.8276 34.49%, 0.8797 39.08%, 0.9251 42.84%, 0.9551 46.45%, 0.9422 50.76%, 0.8641 56.05%, 0.7693 60.78%, 0.6516 67.04%, 0.5701 72.18%, 0.476 76.36%, 0.4085 79%, 0.4047 79.14%, 0.4047 79.14%, 0.3461 82.2%, 0.3246 85.26%, 0.3364 90.4%, 0.3799 94.58%, 0.4443 99.03%, 0.4569 100%), linear(0.6987 0%, 0.7533 2.92%, 0.7564 3.06%, 0.7564 3.06%, 0.796 5.84%, 0.8036 14.6%, 0.8193 21.56%, 0.7723 26.29%, 0.6819 30.88%, 0.5939 34.49%, 0.4877 39.08%, 0.4537 42.84%, 0.4613 46.45%, 0.4974 50.76%, 0.5286 56.05%, 0.5787 60.78%, 0.7221 67.04%, 0.8793 72.18%, 0.9544 76.36%, 0.9945 79%, 0.9967 79.14%, 0.0053 79.14%, 0.0466 82.2%, 0.0604 85.26%, 0.0613 90.4%, 0.0422 94.58%, 0.0857 99.03%, 0.1038 100%), linear(0.667, 1);
}
.p-26 {
animation-timing-function: linear(0.4583 0%, 0.4718 3.48%, 0.4675 6.95%, 0.4465 11.27%, 0.4137 14.19%, 0.4114 14.33%, 0.4114 14.33%, 0.3905 16.83%, 0.3968 20.03%, 0.4125 23.09%, 0.4164 24.62%, 0.4166 24.76%, 0.4166 24.76%, 0.4127 28.79%, 0.3992 36.16%, 0.3719 44.78%, 0.3393 47.98%, 0.3377 48.12%, 0.3377 48.12%, 0.3135 51.88%, 0.3274 55.77%, 0.3802 59.67%, 0.4431 62.87%, 0.4983 65.79%, 0.5317 68.71%, 0.5871 74.69%, 0.6439 78.16%, 0.6916 81.5%, 0.7213 85.95%, 0.7168 89.71%, 0.676 93.32%, 0.621 97.08%, 0.5736 100%), linear(0.1065 0%, 0.1681 3.48%, 0.1627 6.95%, 0.0853 11.27%, 0.0063 14.19%, 0.0025 14.33%, 0.9939 14.33%, 0.9465 16.83%, 0.9338 20.03%, 0.9583 23.09%, 0.994 24.62%, 0.9977 24.76%, 0.0063 24.76%, 0.1389 28.79%, 0.4508 36.16%, 0.8565 44.78%, 0.9901 47.98%, 0.9957 48.12%, 0.0043 48.12%, 0.1513 51.88%, 0.311 55.77%, 0.4588 59.67%, 0.5368 62.87%, 0.5603 65.79%, 0.5375 68.71%, 0.4435 74.69%, 0.4163 78.16%, 0.4542 81.5%, 0.5314 85.95%, 0.6122 89.71%, 0.6598 93.32%, 0.651 97.08%, 0.6157 100%), linear(0.667, 0);
}
.p-27 {
animation-timing-function: linear(0.7128 0%, 0.7177 4.87%, 0.6806 9.46%, 0.6408 13.21%, 0.6076 17.11%, 0.6064 17.25%, 0.6064 17.25%, 0.5894 21.14%, 0.6117 23.92%, 0.7116 29.21%, 0.8415 35.33%, 0.9125 39.64%, 0.98 43.81%, 0.9967 45.62%, 0.9973 45.76%, 0.0038 45.76%, 0.0047 50.63%, 0.004 50.9%, 0.0036 51.04%, 0.9971 51.04%, 0.968 55.22%, 0.9115 58.83%, 0.8409 62.73%, 0.8142 65.51%, 0.7868 70.51%, 0.7514 73.44%, 0.6886 76.77%, 0.5421 83.31%, 0.44 87.9%, 0.2643 94.44%, 0.1193 99.86%, 0.1161 100%), linear(0.0662 0%, 0.0866 4.87%, 0.1144 9.46%, 0.0892 13.21%, 0.0038 17.11%, 0 17.25%, 0.9914 17.25%, 0.8809 21.14%, 0.82 23.92%, 0.7252 29.21%, 0.5797 35.33%, 0.5011 39.64%, 0.4734 43.81%, 0.4827 45.62%, 0.4838 45.76%, 0.4838 45.76%, 0.5044 50.63%, 0.5052 50.9%, 0.5055 51.04%, 0.5055 51.04%, 0.4769 55.22%, 0.4393 58.83%, 0.4584 62.73%, 0.5067 65.51%, 0.6581 70.51%, 0.7193 73.44%, 0.7384 76.77%, 0.6963 83.31%, 0.6257 87.9%, 0.5415 94.44%, 0.523 99.86%, 0.5233 100%), linear(0, 0.667);
}
.p-28 {
animation-timing-function: linear(0.1129 0%, 0.0244 3.76%, 0.0052 4.73%, 0.0026 4.87%, 0.9961 4.87%, 0.9607 8.34%, 0.9398 12.24%, 0.9083 17.66%, 0.9081 21.14%, 0.9436 24.76%, 0.9964 29.07%, 0.9986 29.21%, 0.0052 29.21%, 0.1087 34.77%, 0.1959 39.22%, 0.2779 43.53%, 0.3643 48.4%, 0.4578 52.57%, 0.5287 55.77%, 0.5658 58.97%, 0.5629 62.73%, 0.5323 69.82%, 0.5457 74.13%, 0.5549 75.24%, 0.5563 75.38%, 0.5563 75.38%, 0.5668 78.72%, 0.5363 83.59%, 0.4908 89.15%, 0.4482 94.85%, 0.4124 100%), linear(0.5235 0%, 0.5491 3.76%, 0.5659 4.73%, 0.5687 4.87%, 0.5687 4.87%, 0.6235 8.34%, 0.629 12.24%, 0.5348 17.66%, 0.472 21.14%, 0.4502 24.76%, 0.4654 29.07%, 0.4663 29.21%, 0.4663 29.21%, 0.4769 34.77%, 0.4456 39.22%, 0.3601 43.53%, 0.2538 48.4%, 0.2248 52.57%, 0.1856 55.77%, 0.1265 58.97%, 0.0855 62.73%, 0.0551 69.82%, 0.0098 74.13%, 0.0036 75.24%, 0.0032 75.38%, 0.9945 75.38%, 0.9729 78.72%, 0.9216 83.59%, 0.7923 89.15%, 0.5968 94.85%, 0.396 100%), linear(0.667, 1);
}
.p-29 {
animation-timing-function: linear(0.4115 0%, 0.363 6.54%, 0.3132 10.01%, 0.311 10.15%, 0.311 10.15%, 0.2927 12.66%, 0.3019 16.69%, 0.3077 21.14%, 0.305 22.11%, 0.3044 22.25%, 0.3044 22.25%, 0.2901 25.31%, 0.2824 31.15%, 0.2832 39.5%, 0.2998 45.62%, 0.2971 47.98%, 0.2968 48.12%, 0.2968 48.12%, 0.298 53.27%, 0.3213 57.16%, 0.3741 60.92%, 0.4245 64.26%, 0.4505 67.18%, 0.4453 71.91%, 0.4046 79%, 0.3769 83.45%, 0.3839 88.04%, 0.4156 92.07%, 0.4643 95.83%, 0.5032 99.17%, 0.51 100%), linear(0.3903 0%, 0.1259 6.54%, 0.0064 10.01%, 0.0028 10.15%, 0.9942 10.15%, 0.9447 12.66%, 0.9261 16.69%, 0.9762 21.14%, 0.9945 22.11%, 0.9972 22.25%, 0.0058 22.25%, 0.0912 25.31%, 0.3343 31.15%, 0.6731 39.5%, 0.8995 45.62%, 0.9942 47.98%, 1 48.12%, 0.0086 48.12%, 0.1933 53.27%, 0.3227 57.16%, 0.4457 60.92%, 0.5038 64.26%, 0.5049 67.18%, 0.46 71.91%, 0.367 79%, 0.2778 83.45%, 0.1509 88.04%, 0.0652 92.07%, 0.0443 95.83%, 0.0837 99.17%, 0.0994 100%), linear(0.667, 0);
}
.p-30 {
animation-timing-function: linear(0.4642 0%, 0.4366 3.48%, 0.3586 7.65%, 0.2629 12.1%, 0.2012 15.3%, 0.135 19.19%, 0.1058 22.25%, 0.1131 26.01%, 0.1783 33.24%, 0.1969 39.22%, 0.1883 44.23%, 0.1711 48.54%, 0.1706 48.68%, 0.1706 48.68%, 0.1672 55.35%, 0.1961 60.92%, 0.233 64.67%, 0.273 68.43%, 0.2736 72.04%, 0.23 76.77%, 0.1626 84.84%, 0.1351 88.46%, 0.134 93.05%, 0.1613 96.38%, 0.1774 100%), linear(0.1471 0%, 0.1409 3.48%, 0.0859 7.65%, 0.0264 12.1%, 0.0395 15.3%, 0.1166 19.19%, 0.2062 22.25%, 0.334 26.01%, 0.5861 33.24%, 0.7738 39.22%, 0.9095 44.23%, 0.9941 48.54%, 0.9969 48.68%, 0.0055 48.68%, 0.1654 55.35%, 0.3041 60.92%, 0.3566 64.67%, 0.3478 68.43%, 0.3236 72.04%, 0.3376 76.77%, 0.4511 84.84%, 0.4535 88.46%, 0.4177 93.05%, 0.4026 96.38%, 0.4235 100%), linear(0, 0.667);
}
.p-31 {
animation-timing-function: linear(0.1775 0%, 0.1515 5.15%, 0.1362 9.04%, 0.1568 12.24%, 0.2595 17.94%, 0.3467 22.25%, 0.4229 26.98%, 0.4457 29.49%, 0.4466 29.62%, 0.4466 29.62%, 0.466 34.35%, 0.4867 41.17%, 0.5107 45.9%, 0.5075 52.29%, 0.5075 52.43%, 0.5075 52.43%, 0.4928 55.22%, 0.4449 58.55%, 0.3597 62.87%, 0.1388 73.16%, 0.0072 78.3%, 0.0041 78.44%, 0.0008 78.58%, 0.9943 78.58%, 0.9451 81.36%, 0.9216 85.81%, 0.9408 89.43%, 0.9953 93.6%, 0.9976 93.74%, 0.0041 93.74%, 0.0085 94.02%, 0.0106 94.16%, 0.0106 94.16%, 0.0623 97.5%, 0.1047 100%), linear(0.4246 0%, 0.4722 5.15%, 0.5511 9.04%, 0.6087 12.24%, 0.6776 17.94%, 0.7661 22.25%, 0.9173 26.98%, 0.9934 29.49%, 0.9974 29.62%, 0.006 29.62%, 0.1658 34.35%, 0.4526 41.17%, 0.6807 45.9%, 0.9931 52.29%, 0.9998 52.43%, 0.0085 52.43%, 0.1141 55.22%, 0.1947 58.55%, 0.2411 62.87%, 0.2291 73.16%, 0.2305 78.3%, 0.2306 78.44%, 0.2304 78.58%, 0.2304 78.58%, 0.2201 81.36%, 0.1699 85.81%, 0.105 89.43%, 0.0142 93.6%, 0.0113 93.74%, 0.0113 93.74%, 0.0053 94.02%, 0.0024 94.16%, 0.9938 94.16%, 0.9549 97.5%, 0.9486 100%), linear(0.667, 1);
}
.p-32 {
animation-timing-function: linear(0.1072 0%, 0.2103 5.01%, 0.3128 10.29%, 0.4529 19.19%, 0.53 24.62%, 0.594 28.37%, 0.6556 31.99%, 0.7155 36.02%, 0.7776 40.75%, 0.8165 46.73%, 0.8311 53.13%, 0.8523 58.69%, 0.8548 58.97%, 0.8561 59.11%, 0.8561 59.11%, 0.8909 61.89%, 0.9873 67.73%, 0.997 68.29%, 0.9995 68.43%, 0.0061 68.43%, 0.0592 71.63%, 0.1018 74.97%, 0.1038 78.03%, 0.0723 83.45%, 0.0235 88.6%, 0.0054 89.99%, 0.0037 90.13%, 0.9971 90.13%, 0.9757 93.6%, 0.9554 97.91%, 0.9383 100%), linear(0.948 0%, 0.8972 5.01%, 0.7855 10.29%, 0.5416 19.19%, 0.3733 24.62%, 0.2851 28.37%, 0.2531 31.99%, 0.2732 36.02%, 0.3622 40.75%, 0.5372 46.73%, 0.7438 53.13%, 0.9797 58.69%, 0.9915 58.97%, 0.9975 59.11%, 0.0061 59.11%, 0.0983 61.89%, 0.2337 67.73%, 0.2513 68.29%, 0.2559 68.43%, 0.2559 68.43%, 0.3298 71.63%, 0.3513 74.97%, 0.3486 78.03%, 0.3707 83.45%, 0.4147 88.6%, 0.4183 89.99%, 0.4186 90.13%, 0.4186 90.13%, 0.448 93.6%, 0.5356 97.91%, 0.5987 100%), linear(0.667, 0);
}
.p-33 {
animation-timing-function: linear(0.1882 0%, 0.1803 4.03%, 0.1938 7.51%, 0.2514 12.1%, 0.328 16.97%, 0.3989 20.58%, 0.5595 29.9%, 0.6362 33.52%, 0.6882 36.72%, 0.7249 40.19%, 0.7389 45.62%, 0.7454 52.16%, 0.7628 56.88%, 0.7692 58.14%, 0.77 58.28%, 0.77 58.28%, 0.7809 61.06%, 0.7932 64.81%, 0.8505 69.68%, 0.901 73.16%, 0.9956 79.14%, 0.9981 79.28%, 0.0047 79.28%, 0.0378 82.75%, 0.0382 86.51%, 0.0082 89.99%, 0.0046 90.26%, 0.0027 90.4%, 0.9962 90.4%, 0.9691 93.6%, 0.9445 97.91%, 0.9265 100%), linear(0.5937 0%, 0.6197 4.03%, 0.6692 7.51%, 0.6987 12.1%, 0.6583 16.97%, 0.5907 20.58%, 0.3426 29.9%, 0.2858 33.52%, 0.2925 36.72%, 0.3546 40.19%, 0.5158 45.62%, 0.7469 52.16%, 0.9405 56.88%, 0.993 58.14%, 0.9989 58.28%, 0.0075 58.28%, 0.0885 61.06%, 0.1272 64.81%, 0.1251 69.68%, 0.1514 73.16%, 0.2558 79.14%, 0.2572 79.28%, 0.2572 79.28%, 0.2916 82.75%, 0.3202 86.51%, 0.3579 89.99%, 0.3597 90.26%, 0.3602 90.4%, 0.3602 90.4%, 0.3986 93.6%, 0.4922 97.91%, 0.5501 100%), linear(0, 0.667);
}
.p-34 {
animation-timing-function: linear(0.9253 0%, 0.9095 3.62%, 0.9204 7.09%, 0.9386 12.52%, 0.9259 16.41%, 0.8881 22.11%, 0.8821 26.01%, 0.9119 30.04%, 0.9618 33.66%, 0.9971 36.02%, 0.999 36.16%, 0.0056 36.16%, 0.038 40.06%, 0.0418 46.18%, 0.0056 49.65%, 0.0037 49.79%, 0.9971 49.79%, 0.9134 55.35%, 0.8617 58.69%, 0.8341 61.75%, 0.8302 68.98%, 0.8035 72.6%, 0.7424 76.36%, 0.6331 81.5%, 0.4992 86.79%, 0.2879 94.71%, 0.148 99.03%, 0.117 100%), linear(0.554 0%, 0.6523 3.62%, 0.6997 7.09%, 0.7132 12.52%, 0.7054 16.41%, 0.6321 22.11%, 0.5425 26.01%, 0.4649 30.04%, 0.4458 33.66%, 0.4591 36.02%, 0.4605 36.16%, 0.4605 36.16%, 0.4712 40.06%, 0.4284 46.18%, 0.4022 49.65%, 0.4014 49.79%, 0.4014 49.79%, 0.3469 55.35%, 0.3823 58.69%, 0.4401 61.75%, 0.6238 68.98%, 0.6846 72.6%, 0.7032 76.36%, 0.6868 81.5%, 0.6319 86.79%, 0.4911 94.71%, 0.4283 99.03%, 0.4218 100%), linear(0.667, 1);
}
.p-35 {
animation-timing-function: linear(0.1126 0%, 0.0158 3.2%, 0.0039 3.62%, 0 3.76%, 0.9935 3.76%, 0.9326 6.68%, 0.9059 9.74%, 0.9126 13.21%, 0.9515 19.61%, 0.9892 23.78%, 0.997 24.34%, 0.9991 24.48%, 0.0056 24.48%, 0.0617 27.96%, 0.1335 32.82%, 0.3827 45.2%, 0.4667 49.51%, 0.5543 53.27%, 0.6155 56.61%, 0.6621 60.36%, 0.6725 62.45%, 0.6729 62.59%, 0.6729 62.59%, 0.686 65.65%, 0.7076 69.4%, 0.7615 74.13%, 0.8389 78.58%, 0.9212 82.34%, 0.9963 85.81%, 0.9993 85.95%, 0.0058 85.95%, 0.0498 88.87%, 0.0683 92.21%, 0.0701 96.52%, 0.0948 100%), linear(0.421 0%, 0.4368 3.2%, 0.4433 3.62%, 0.4456 3.76%, 0.4456 3.76%, 0.4955 6.68%, 0.5339 9.74%, 0.5453 13.21%, 0.5116 19.61%, 0.4494 23.78%, 0.4453 24.34%, 0.4441 24.48%, 0.4441 24.48%, 0.4418 27.96%, 0.4811 32.82%, 0.6153 45.2%, 0.6457 49.51%, 0.6747 53.27%, 0.7647 56.61%, 0.9129 60.36%, 0.9925 62.45%, 0.998 62.59%, 0.0066 62.59%, 0.0915 65.65%, 0.1339 69.4%, 0.167 74.13%, 0.2512 78.58%, 0.296 82.34%, 0.2829 85.81%, 0.2821 85.95%, 0.2821 85.95%, 0.2932 88.87%, 0.3104 92.21%, 0.2781 96.52%, 0.2208 100%), linear(0.667, 0);
}
.p-36 {
animation-timing-function: linear(0.8892 0%, 0.9055 3.62%, 0.9297 8.07%, 0.9237 11.4%, 0.8975 17.25%, 0.9123 20.31%, 0.9651 24.06%, 0.9969 26.29%, 0.999 26.43%, 0.0055 26.43%, 0.0524 30.74%, 0.1004 41.03%, 0.1642 47.84%, 0.1961 52.02%, 0.1943 56.19%, 0.2008 59.94%, 0.2379 63.7%, 0.3299 68.43%, 0.3818 71.21%, 0.4131 74.83%, 0.4428 83.03%, 0.4898 87.2%, 0.5511 91.24%, 0.6537 97.08%, 0.7022 100%), linear(0.0628 0%, 0.0786 3.62%, 0.1486 8.07%, 0.2074 11.4%, 0.3789 17.25%, 0.4614 20.31%, 0.5296 24.06%, 0.549 26.29%, 0.5498 26.43%, 0.5498 26.43%, 0.5873 30.74%, 0.7434 41.03%, 0.8385 47.84%, 0.836 52.02%, 0.7893 56.19%, 0.7275 59.94%, 0.6837 63.7%, 0.6642 68.43%, 0.6139 71.21%, 0.5003 74.83%, 0.2322 83.03%, 0.1183 87.2%, 0.0765 91.24%, 0.0905 97.08%, 0.1046 100%), linear(0, 0.667);
}
.p-37 {
animation-timing-function: linear(0.7044 0%, 0.7539 4.17%, 0.7569 7.79%, 0.7295 11.68%, 0.6392 17.94%, 0.5812 21.7%, 0.5438 25.87%, 0.5543 30.18%, 0.6178 35.47%, 0.7229 40.61%, 0.9205 49.1%, 0.9955 52.57%, 0.9984 52.71%, 0.005 52.71%, 0.0526 55.63%, 0.0774 59.53%, 0.0681 63.84%, 0.0684 68.98%, 0.1094 73.16%, 0.1665 76.36%, 0.2823 81.22%, 0.312 83.87%, 0.316 86.09%, 0.3158 86.23%, 0.3158 86.23%, 0.3227 89.57%, 0.3562 92.91%, 0.4408 98.33%, 0.4513 100%), linear(0.1056 0%, 0.1496 4.17%, 0.2057 7.79%, 0.2265 11.68%, 0.1903 17.94%, 0.1832 21.7%, 0.2474 25.87%, 0.3413 30.18%, 0.4472 35.47%, 0.5496 40.61%, 0.7103 49.1%, 0.803 52.57%, 0.807 52.71%, 0.807 52.71%, 0.8676 55.63%, 0.8978 59.53%, 0.8946 63.84%, 0.8293 68.98%, 0.8151 73.16%, 0.8363 76.36%, 0.8823 81.22%, 0.9412 83.87%, 0.9934 86.09%, 0.9965 86.23%, 0.0051 86.23%, 0.0483 89.57%, 0.0661 92.91%, 0.1158 98.33%, 0.1414 100%), linear(0.667, 1);
}
.p-38 {
animation-timing-function: linear(0.4516 0%, 0.44 4.03%, 0.4179 7.09%, 0.3643 11.68%, 0.2742 16.69%, 0.2186 19.75%, 0.1803 23.09%, 0.1669 26.43%, 0.1898 30.74%, 0.2788 37.83%, 0.2943 42.42%, 0.2981 49.24%, 0.2981 49.37%, 0.2981 49.37%, 0.3179 54.38%, 0.358 58.14%, 0.388 61.47%, 0.3845 65.23%, 0.3458 69.82%, 0.2718 74.97%, 0.182 82.2%, 0.1302 86.37%, 0.0998 89.57%, 0.1039 93.18%, 0.135 96.38%, 0.153 99.17%, 0.1505 100%), linear(0.1435 0%, 0.2023 4.03%, 0.2021 7.09%, 0.1421 11.68%, 0.0852 16.69%, 0.0891 19.75%, 0.1519 23.09%, 0.2474 26.43%, 0.3869 30.74%, 0.6188 37.83%, 0.7928 42.42%, 0.992 49.24%, 0.9961 49.37%, 0.0047 49.37%, 0.1314 54.38%, 0.1903 58.14%, 0.1979 61.47%, 0.1838 65.23%, 0.1999 69.82%, 0.2748 74.97%, 0.417 82.2%, 0.4902 86.37%, 0.4774 89.57%, 0.4399 93.18%, 0.4123 96.38%, 0.4294 99.17%, 0.4401 100%), linear(0.667, 0);
}
.p-39 {
animation-timing-function: linear(0.8487 0%, 0.8428 3.48%, 0.8012 7.93%, 0.7226 13.35%, 0.6404 17.8%, 0.5301 23.09%, 0.4548 26.98%, 0.4055 30.18%, 0.3656 33.52%, 0.3459 37.55%, 0.3706 41.59%, 0.4188 46.18%, 0.4864 51.74%, 0.5224 55.49%, 0.5233 55.63%, 0.5233 55.63%, 0.5362 60.5%, 0.481 67.32%, 0.4454 70.65%, 0.3996 74.27%, 0.3436 78.16%, 0.2916 82.34%, 0.2201 89.99%, 0.193 94.99%, 0.1921 95.13%, 0.1921 95.13%, 0.1944 98.75%, 0.2035 100%), linear(0.1461 0%, 0.1634 3.48%, 0.21 7.93%, 0.2188 13.35%, 0.1507 17.8%, 0.0628 23.09%, 0.0653 26.98%, 0.129 30.18%, 0.2473 33.52%, 0.4073 37.55%, 0.5517 41.59%, 0.6803 46.18%, 0.8518 51.74%, 0.9924 55.49%, 0.9982 55.63%, 0.0068 55.63%, 0.1954 60.5%, 0.4353 67.32%, 0.4921 70.65%, 0.5056 74.27%, 0.4697 78.16%, 0.3904 82.34%, 0.1712 89.99%, 0.0075 94.99%, 0.0032 95.13%, 0.9946 95.13%, 0.9024 98.75%, 0.8759 100%), linear(0, 0.667);
}
.p-40 {
animation-timing-function: linear(0.2047 0%, 0.2521 3.62%, 0.4538 14.88%, 0.6753 26.01%, 0.7697 30.74%, 0.8675 35.33%, 0.9314 39.92%, 0.961 43.67%, 0.9653 47.98%, 0.9272 54.52%, 0.8817 60.92%, 0.8813 61.06%, 0.8808 61.2%, 0.8808 61.2%, 0.8938 64.67%, 0.9511 68.57%, 0.9957 70.79%, 0.9983 70.93%, 0.0049 70.93%, 0.0535 73.99%, 0.0886 77.05%, 0.0933 80.95%, 0.0677 84.98%, 0.0042 89.57%, 0.0016 89.71%, 0.995 89.71%, 0.9605 92.63%, 0.9268 97.91%, 0.907 100%), linear(0.8727 0%, 0.7867 3.62%, 0.5516 14.88%, 0.3151 26.01%, 0.2813 30.74%, 0.3013 35.33%, 0.3817 39.92%, 0.4609 43.67%, 0.5682 47.98%, 0.7663 54.52%, 0.9898 60.92%, 0.9946 61.06%, 0.9995 61.2%, 0.0081 61.2%, 0.1238 64.67%, 0.2446 68.57%, 0.3078 70.79%, 0.3113 70.93%, 0.3113 70.93%, 0.3641 73.99%, 0.3672 77.05%, 0.3439 80.95%, 0.3583 84.98%, 0.382 89.57%, 0.3823 89.71%, 0.3823 89.71%, 0.4071 92.63%, 0.5254 97.91%, 0.5828 100%), linear(0.667, 1);
}
.p-41 {
animation-timing-function: linear(0.9056 0%, 0.8905 3.62%, 0.8997 6.54%, 0.9126 10.43%, 0.8936 16.55%, 0.8695 21.42%, 0.8739 25.45%, 0.9024 28.65%, 0.9828 33.66%, 0.9956 34.35%, 0.9983 34.49%, 0.0048 34.49%, 0.07 38.25%, 0.0976 41.45%, 0.094 46.45%, 0.0613 50.9%, 0.055 55.08%, 0.089 60.22%, 0.1395 65.23%, 0.1541 68.98%, 0.1241 72.88%, 0.116 73.44%, 0.1139 73.57%, 0.1139 73.57%, 0.095 76.5%, 0.1096 80.11%, 0.1552 83.31%, 0.1904 86.51%, 0.196 87.9%, 0.1963 88.04%, 0.1963 88.04%, 0.1975 90.96%, 0.1977 94.85%, 0.1897 99.44%, 0.1893 99.58%, 0.1893 99.58%, 0.1883 100%), linear(0.5867 0%, 0.6875 3.62%, 0.7279 6.54%, 0.7321 10.43%, 0.6831 16.55%, 0.5974 21.42%, 0.5278 25.45%, 0.496 28.65%, 0.4889 33.66%, 0.4924 34.35%, 0.4934 34.49%, 0.4934 34.49%, 0.4956 38.25%, 0.4615 41.45%, 0.3845 46.45%, 0.2872 50.9%, 0.2086 55.08%, 0.155 60.22%, 0.1266 65.23%, 0.0709 68.98%, 0.0136 72.88%, 0.0041 73.44%, 0.0015 73.57%, 0.9929 73.57%, 0.9434 76.5%, 0.8988 80.11%, 0.9002 83.31%, 0.9564 86.51%, 0.9922 87.9%, 0.9961 88.04%, 0.0047 88.04%, 0.0584 90.96%, 0.0526 94.85%, 0.0037 99.44%, 0.0023 99.58%, 0.9936 99.58%, 0.9887 100%), linear(0.667, 0);
}
.p-42 {
animation-timing-function: linear(0.7898 0%, 0.769 3.76%, 0.6907 8.48%, 0.5644 15.3%, 0.5224 19.19%, 0.5137 24.06%, 0.5406 28.79%, 0.5975 33.1%, 0.6668 36.58%, 0.7825 41.17%, 0.9041 46.73%, 0.9493 50.21%, 0.9693 54.1%, 0.9543 57.86%, 0.906 61.75%, 0.8073 66.34%, 0.711 70.24%, 0.639 73.85%, 0.5461 79%, 0.4169 84.42%, 0.2179 92.07%, 0.1512 95.27%, 0.123 98.19%, 0.1221 100%), linear(0.3462 0%, 0.353 3.76%, 0.3686 8.48%, 0.4174 15.3%, 0.4703 19.19%, 0.4694 24.06%, 0.438 28.79%, 0.4069 33.1%, 0.4123 36.58%, 0.4675 41.17%, 0.5551 46.73%, 0.6084 50.21%, 0.6649 54.1%, 0.6944 57.86%, 0.6791 61.75%, 0.6264 66.34%, 0.6149 70.24%, 0.6554 73.85%, 0.7536 79%, 0.7949 84.42%, 0.8387 92.07%, 0.8874 95.27%, 0.9408 98.19%, 0.9637 100%), linear(0, 0.667);
}
.p-43 {
animation-timing-function: linear(0.1223 0%, 0.1533 4.03%, 0.2177 8.07%, 0.365 14.33%, 0.5635 21.56%, 0.7193 26.7%, 0.8399 30.74%, 0.9348 34.63%, 0.9956 37.55%, 0.9984 37.69%, 0.0049 37.69%, 0.0959 44.09%, 0.123 47.71%, 0.1292 53.96%, 0.165 57.86%, 0.2428 63.84%, 0.2939 67.73%, 0.3031 70.51%, 0.2877 74.27%, 0.2444 79.97%, 0.1901 84.84%, 0.1095 90.54%, 0.0838 94.16%, 0.1038 98.19%, 0.122 100%), linear(0.9649 0%, 0.9775 4.03%, 0.9633 8.07%, 0.9306 14.33%, 0.9368 21.56%, 0.9197 26.7%, 0.8699 30.74%, 0.7745 34.63%, 0.6999 37.55%, 0.6964 37.69%, 0.6964 37.69%, 0.5561 44.09%, 0.4923 47.71%, 0.3703 53.96%, 0.315 57.86%, 0.3246 63.84%, 0.2967 67.73%, 0.2666 70.51%, 0.2641 74.27%, 0.3077 79.97%, 0.3633 84.84%, 0.369 90.54%, 0.3307 94.16%, 0.2747 98.19%, 0.2611 100%), linear(0.667, 1);
}
.p-44 {
animation-timing-function: linear(0.1235 0%, 0.1461 3.2%, 0.1409 6.4%, 0.1052 10.99%, 0.0884 15.16%, 0.0608 19.33%, 0.0052 23.23%, 0.0034 23.37%, 0.9969 23.37%, 0.9407 27.96%, 0.8935 32.27%, 0.8921 36.16%, 0.9257 41.45%, 0.9752 46.18%, 0.9962 48.54%, 0.9973 48.68%, 0.0038 48.68%, 0.0164 53.41%, 0.0043 56.47%, 0.0037 56.61%, 0.9972 56.61%, 0.9613 60.5%, 0.9038 64.53%, 0.8435 68.98%, 0.7542 74.97%, 0.6503 79.97%, 0.5041 86.37%, 0.3305 94.3%, 0.2026 99.3%, 0.1832 100%), linear(0.2605 0%, 0.2743 3.2%, 0.3145 6.4%, 0.394 10.99%, 0.5203 15.16%, 0.6741 19.33%, 0.7675 23.23%, 0.77 23.37%, 0.77 23.37%, 0.8182 27.96%, 0.8123 32.27%, 0.7776 36.16%, 0.6912 41.45%, 0.633 46.18%, 0.6249 48.54%, 0.6253 48.68%, 0.6253 48.68%, 0.6148 53.41%, 0.5891 56.47%, 0.5878 56.61%, 0.5878 56.61%, 0.5313 60.5%, 0.4838 64.53%, 0.5145 68.98%, 0.6334 74.97%, 0.6804 79.97%, 0.649 86.37%, 0.5149 94.3%, 0.4567 99.3%, 0.4526 100%), linear(0.667, 0);
}
.p-45 {
animation-timing-function: linear(0.474 0%, 0.4658 3.06%, 0.417 7.37%, 0.3731 10.57%, 0.2798 14.88%, 0.1981 18.08%, 0.1476 21%, 0.1218 24.62%, 0.1394 28.51%, 0.1954 32.68%, 0.3509 39.92%, 0.4167 43.81%, 0.4621 48.4%, 0.4759 52.99%, 0.476 53.13%, 0.476 53.13%, 0.4668 55.91%, 0.4271 59.81%, 0.3237 66.62%, 0.1887 74.83%, 0.0822 82.2%, 0.0068 85.95%, 0.0034 86.09%, 0.9969 86.09%, 0.9326 89.57%, 0.8754 93.74%, 0.7731 100%), linear(0.0145 0%, 0.0391 3.06%, 0.0806 7.37%, 0.0684 10.57%, 0.0181 14.88%, 0.0162 18.08%, 0.069 21%, 0.1661 24.62%, 0.2772 28.51%, 0.3901 32.68%, 0.5555 39.92%, 0.6666 43.81%, 0.8248 48.4%, 0.9918 52.99%, 0.9972 53.13%, 0.0058 53.13%, 0.0842 55.91%, 0.1325 59.81%, 0.1859 66.62%, 0.2744 74.83%, 0.4186 82.2%, 0.4548 85.95%, 0.4554 86.09%, 0.4554 86.09%, 0.4835 89.57%, 0.5508 93.74%, 0.6701 100%), linear(0, 0.667);
}
.p-46 {
animation-timing-function: linear(0.7712 0%, 0.7268 4.59%, 0.7315 8.48%, 0.749 13.63%, 0.7494 19.33%, 0.7503 23.37%, 0.7804 30.18%, 0.8441 37.13%, 0.8954 40.75%, 0.9412 44.92%, 0.9487 47.98%, 0.9166 51.74%, 0.8317 56.75%, 0.76 60.22%, 0.686 64.53%, 0.5871 71.07%, 0.5149 74.27%, 0.5117 74.41%, 0.5117 74.41%, 0.4658 77.19%, 0.4524 80.39%, 0.4752 83.73%, 0.5407 88.87%, 0.602 93.6%, 0.6765 98.61%, 0.6852 100%), linear(0.6735 0%, 0.7799 4.59%, 0.8332 8.48%, 0.8273 13.63%, 0.7787 19.33%, 0.7155 23.37%, 0.5667 30.18%, 0.4174 37.13%, 0.3943 40.75%, 0.427 44.92%, 0.4689 47.98%, 0.4945 51.74%, 0.5138 56.75%, 0.5659 60.22%, 0.6851 64.53%, 0.9116 71.07%, 0.9946 74.27%, 0.998 74.41%, 0.0066 74.41%, 0.0702 77.19%, 0.1167 80.39%, 0.1311 83.73%, 0.1404 88.87%, 0.2135 93.6%, 0.3113 98.61%, 0.3429 100%), linear(0.667, 1);
}
.p-47 {
animation-timing-function: linear(0.6857 0%, 0.6802 3.48%, 0.6456 6.95%, 0.5732 11.68%, 0.5132 15.44%, 0.49 19.05%, 0.4958 22.67%, 0.5257 26.29%, 0.5844 30.32%, 0.7193 36.72%, 0.8054 40.47%, 0.8716 43.95%, 0.9279 48.96%, 0.9457 53.69%, 0.9298 57.86%, 0.876 62.17%, 0.8542 63.56%, 0.8522 63.7%, 0.8522 63.7%, 0.8373 66.48%, 0.8581 70.79%, 0.9193 75.94%, 0.9733 78.86%, 0.9971 79.97%, 1 80.11%, 0.0065 80.11%, 0.0483 83.03%, 0.067 87.62%, 0.0557 91.52%, 0.0318 95.27%, 0.0294 98.47%, 0.0371 100%), linear(0.3456 0%, 0.3843 3.48%, 0.3768 6.95%, 0.3357 11.68%, 0.3204 15.44%, 0.3256 19.05%, 0.3492 22.67%, 0.3757 26.29%, 0.3699 30.32%, 0.3627 36.72%, 0.3962 40.47%, 0.4695 43.95%, 0.6058 48.96%, 0.7258 53.69%, 0.824 57.86%, 0.9513 62.17%, 0.9949 63.56%, 0.9995 63.7%, 0.0081 63.7%, 0.0936 66.48%, 0.2029 70.79%, 0.3188 75.94%, 0.3476 78.86%, 0.3491 79.97%, 0.3489 80.11%, 0.3489 80.11%, 0.3443 83.03%, 0.3598 87.62%, 0.3632 91.52%, 0.3221 95.27%, 0.2605 98.47%, 0.2265 100%), linear(0.667, 0);
}
.p-48 {
animation-timing-function: linear(0.5158 0%, 0.502 4.45%, 0.4903 8.76%, 0.5064 12.93%, 0.5439 17.11%, 0.6285 23.64%, 0.7794 33.8%, 0.8568 38.11%, 0.9106 42.42%, 0.9148 45.62%, 0.8758 49.79%, 0.8078 54.24%, 0.7361 58.97%, 0.6636 64.53%, 0.5677 70.1%, 0.565 70.24%, 0.565 70.24%, 0.5317 72.88%, 0.5152 76.22%, 0.5237 80.81%, 0.5823 86.09%, 0.6435 90.68%, 0.6668 94.85%, 0.6559 97.91%, 0.6434 100%), linear(0.6386 0%, 0.6381 4.45%, 0.6929 8.76%, 0.7417 12.93%, 0.7224 17.11%, 0.6184 23.64%, 0.3947 33.8%, 0.3393 38.11%, 0.342 42.42%, 0.3679 45.62%, 0.4001 49.79%, 0.4495 54.24%, 0.5692 58.97%, 0.7689 64.53%, 0.9941 70.1%, 1 70.24%, 0.0086 70.24%, 0.1101 72.88%, 0.1916 76.22%, 0.232 80.81%, 0.2762 86.09%, 0.3657 90.68%, 0.4742 94.85%, 0.5181 97.91%, 0.5193 100%), linear(0, 0.667);
}
.p-49 {
animation-timing-function: linear(0.6421 0%, 0.5861 5.01%, 0.5046 10.01%, 0.441 13.35%, 0.4007 16.69%, 0.3985 21%, 0.4443 25.17%, 0.5326 29.49%, 0.7791 39.78%, 0.9182 46.18%, 0.9724 50.21%, 0.99 54.1%, 0.9801 59.39%, 0.9604 62.59%, 0.9592 62.73%, 0.9592 62.73%, 0.9471 66.34%, 0.9782 70.79%, 0.9957 72.46%, 0.9974 72.6%, 0.004 72.6%, 0.0386 75.94%, 0.0639 79.83%, 0.0491 83.59%, 0.0047 87.9%, 0.0029 88.04%, 0.9964 88.04%, 0.9788 90.96%, 0.9926 96.94%, 0.9942 100%), linear(0.5183 0%, 0.4508 5.01%, 0.3516 10.01%, 0.3175 13.35%, 0.3289 16.69%, 0.3577 21%, 0.387 25.17%, 0.3985 29.49%, 0.4439 39.78%, 0.5327 46.18%, 0.6291 50.21%, 0.7441 54.1%, 0.9059 59.39%, 0.9941 62.59%, 0.998 62.73%, 0.0066 62.73%, 0.1117 66.34%, 0.2503 70.79%, 0.2946 72.46%, 0.2979 72.6%, 0.2979 72.6%, 0.3425 75.94%, 0.3288 79.83%, 0.316 83.59%, 0.3352 87.9%, 0.3361 88.04%, 0.3361 88.04%, 0.3505 90.96%, 0.4196 96.94%, 0.4857 100%), linear(0.667, 1);
}
.p-50 {
animation-timing-function: linear(0.9942 0%, 0.9871 5.29%, 0.9969 7.93%, 0.9976 8.07%, 0.0041 8.07%, 0.0138 12.38%, 0.0043 13.91%, 0.003 14.05%, 0.9965 14.05%, 0.9519 18.08%, 0.8796 22.95%, 0.8209 27.12%, 0.8015 30.46%, 0.8104 34.35%, 0.8602 39.5%, 0.9145 42.98%, 0.9651 46.73%, 0.9651 49.79%, 0.9278 53.27%, 0.8536 57.02%, 0.8156 59.94%, 0.8121 64.53%, 0.8149 69.68%, 0.784 73.3%, 0.7348 76.36%, 0.6657 80.67%, 0.5836 85.54%, 0.501 91.38%, 0.4407 97.22%, 0.3961 100%), linear(0.4894 0%, 0.6269 5.29%, 0.6635 7.93%, 0.6651 8.07%, 0.6651 8.07%, 0.7487 12.38%, 0.7855 13.91%, 0.7893 14.05%, 0.7893 14.05%, 0.8689 18.08%, 0.8906 22.95%, 0.8744 27.12%, 0.8067 30.46%, 0.6904 34.35%, 0.537 39.5%, 0.4689 42.98%, 0.443 46.73%, 0.4312 49.79%, 0.3948 53.27%, 0.3682 57.02%, 0.3933 59.94%, 0.4668 64.53%, 0.5963 69.68%, 0.7025 73.3%, 0.7625 76.36%, 0.7681 80.67%, 0.6865 85.54%, 0.5165 91.38%, 0.3421 97.22%, 0.2632 100%), linear(0.667, 0);
}
}
@scope {
:scope {
position: relative;
width: 400px;
height: 400px;
overflow: hidden;
background: #fbfefa;
border-radius: 8px;
}
@keyframes conf-x { from { translate: -74.77px 0 } to { translate: 559.33px 0 } }
@keyframes conf-y { from { transform: translateY(-253.89px) } to { transform: translateY(617.26px) } }
@keyframes conf-r { from { rotate: -11.9rad } to { rotate: 11.68rad } }
.conf {
position: absolute; top: 0; left: 0;
animation-duration: 2.5s;
animation-iteration-count: infinite;
animation-name: conf-x, conf-y;
}
.paper {
width: 100%; height: 100%;
border-radius: inherit;
animation: conf-r 2.5s infinite;
}
.confetti-0 {
width: 6px; height: 11.8px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5116 2.83%, 0.5184 5.5%, 0.5152 8%, 0.5 10.5%, 0.4683 13.5%, 0.4161 17.67%, 0.3777 21.17%, 0.346 25%, 0.3217 29.83%, 0.3152 36.83%, 0.3304 45.5%, 0.3336 54%, 0.3262 62%, 0.3215 70%, 0.3386 77.83%, 0.3874 86.17%, 0.4359 94.83%, 0.4499 100%),
linear(0.7047 0%, 0.6004 2.83%, 0.5181 5.5%, 0.4531 8%, 0.4005 10.5%, 0.3558 13.5%, 0.3256 17.67%, 0.3211 21.17%, 0.3291 25%, 0.3502 29.83%, 0.3876 36.83%, 0.4232 45.5%, 0.454 54%, 0.4989 62%, 0.5621 70%, 0.631 77.83%, 0.6875 86.17%, 0.717 94.83%, 0.7308 100%);
.paper {
background: #e74c3c;
animation-timing-function: linear(0.5047 0%, 0.5031 2.83%, 0.4972 5.5%, 0.4879 8%, 0.4752 10.5%, 0.4572 13.5%, 0.4304 17.67%, 0.4085 21.17%, 0.3862 25%, 0.3605 29.83%, 0.3269 36.83%, 0.2909 45.5%, 0.2624 54%, 0.2416 62%, 0.2231 70%, 0.202 77.83%, 0.1749 86.17%, 0.1454 94.83%, 0.1296 100%);
}
}
.confetti-1 {
width: 6px; height: 20.24px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.4987 2.83%, 0.5006 5.5%, 0.5019 8%, 0.5027 10.5%, 0.5027 13.5%, 0.5007 17.67%, 0.4977 21.17%, 0.4935 25%, 0.4883 29.83%, 0.4822 36.83%, 0.4839 45.5%, 0.4951 54%, 0.5057 62%, 0.5079 70%, 0.4979 77.83%, 0.4744 86.17%, 0.4368 94.83%, 0.4073 100%),
linear(0.7047 0%, 0.6567 2.83%, 0.6173 5.5%, 0.5851 8%, 0.5571 10.5%, 0.5289 13.5%, 0.4985 17.67%, 0.4806 21.17%, 0.4682 25%, 0.4625 29.83%, 0.4709 36.83%, 0.4974 45.5%, 0.5266 54%, 0.5522 62%, 0.5782 70%, 0.6087 77.83%, 0.6507 86.17%, 0.7039 94.83%, 0.7371 100%);
.paper {
background: #3498db;
animation-timing-function: linear(0.5047 0%, 0.504 2.83%, 0.5028 5.5%, 0.5012 8%, 0.499 10.5%, 0.4957 13.5%, 0.4901 17.67%, 0.4849 21.17%, 0.4791 25%, 0.4721 29.83%, 0.4627 36.83%, 0.4513 45.5%, 0.4395 54%, 0.4281 62%, 0.4181 70%, 0.4111 77.83%, 0.4083 86.17%, 0.412 94.83%, 0.4181 100%);
}
}
.confetti-2 {
width: 6px; height: 15.35px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5195 2.83%, 0.5453 5.5%, 0.5895 8%, 0.6478 10.5%, 0.7068 13.5%, 0.7476 17.67%, 0.7592 21.17%, 0.765 25%, 0.7734 29.83%, 0.787 36.83%, 0.7821 45.5%, 0.7498 54%, 0.7349 62%, 0.7348 70%, 0.7333 77.83%, 0.7067 86.17%, 0.6543 94.83%, 0.6305 100%),
linear(0.7047 0%, 0.5797 2.83%, 0.4813 5.5%, 0.4128 8%, 0.3771 10.5%, 0.3709 13.5%, 0.388 17.67%, 0.4037 21.17%, 0.4177 25%, 0.4359 29.83%, 0.4742 36.83%, 0.5348 45.5%, 0.575 54%, 0.6012 62%, 0.6421 70%, 0.701 77.83%, 0.7687 86.17%, 0.8146 94.83%, 0.8294 100%);
.paper {
background: #2ecc71;
animation-timing-function: linear(0.5047 0%, 0.5147 2.83%, 0.5286 5.5%, 0.5502 8%, 0.5774 10.5%, 0.6114 13.5%, 0.6541 17.67%, 0.6846 21.17%, 0.7131 25%, 0.7428 29.83%, 0.7774 36.83%, 0.816 45.5%, 0.8526 54%, 0.8819 62%, 0.9046 70%, 0.9244 77.83%, 0.9498 86.17%, 0.9813 94.83%, 1 100%);
}
}
.confetti-3 {
width: 6px; height: 17.95px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.4787 2.83%, 0.4703 5.5%, 0.469 8%, 0.4741 10.5%, 0.4871 13.5%, 0.5119 17.67%, 0.5336 21.17%, 0.5556 25%, 0.5805 29.83%, 0.6097 36.83%, 0.6218 45.5%, 0.5957 54%, 0.5656 62%, 0.5563 70%, 0.5579 77.83%, 0.5561 86.17%, 0.5246 94.83%, 0.4907 100%),
linear(0.7047 0%, 0.6445 2.83%, 0.5953 5.5%, 0.5555 8%, 0.5223 10.5%, 0.4917 13.5%, 0.4654 17.67%, 0.4552 21.17%, 0.4532 25%, 0.4611 29.83%, 0.4899 36.83%, 0.5465 45.5%, 0.5986 54%, 0.6276 62%, 0.6553 70%, 0.6999 77.83%, 0.7672 86.17%, 0.8413 94.83%, 0.8729 100%);
.paper {
background: #f1c40f;
animation-timing-function: linear(0.5047 0%, 0.5068 2.83%, 0.5124 5.5%, 0.52 8%, 0.5294 10.5%, 0.5423 13.5%, 0.5612 17.67%, 0.5768 21.17%, 0.5929 25%, 0.6117 29.83%, 0.6366 36.83%, 0.667 45.5%, 0.6991 54%, 0.7289 62%, 0.7537 70%, 0.7724 77.83%, 0.7912 86.17%, 0.8177 94.83%, 0.8372 100%);
}
}
.confetti-4 {
width: 6px; height: 8.35px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.4823 2.83%, 0.4709 5.5%, 0.4613 8%, 0.4516 10.5%, 0.439 13.5%, 0.4193 17.67%, 0.4018 21.17%, 0.3828 25%, 0.3604 29.83%, 0.3311 36.83%, 0.2991 45.5%, 0.2667 54%, 0.2319 62%, 0.1925 70%, 0.1496 77.83%, 0.0989 86.17%, 0.0392 94.83%, 0 100%),
linear(0.7047 0%, 0.6305 2.83%, 0.5726 5.5%, 0.5269 8%, 0.4883 10.5%, 0.4502 13.5%, 0.4104 17.67%, 0.3871 21.17%, 0.3706 25%, 0.3606 29.83%, 0.364 36.83%, 0.3868 45.5%, 0.4196 54%, 0.4588 62%, 0.5063 70%, 0.5598 77.83%, 0.6214 86.17%, 0.6852 94.83%, 0.72 100%);
.paper {
background: #9b59b6;
animation-timing-function: linear(0.5047 0%, 0.5001 2.83%, 0.4963 5.5%, 0.4926 8%, 0.4885 10.5%, 0.4832 13.5%, 0.4751 17.67%, 0.4682 21.17%, 0.4608 25%, 0.4518 29.83%, 0.44 36.83%, 0.4277 45.5%, 0.4184 54%, 0.4122 62%, 0.4085 70%, 0.4075 77.83%, 0.4096 86.17%, 0.4157 94.83%, 0.4211 100%);
}
}
.confetti-5 {
width: 6px; height: 15.06px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5096 2.83%, 0.5209 5.5%, 0.5317 8%, 0.5438 10.5%, 0.5608 13.5%, 0.5868 17.67%, 0.6088 21.17%, 0.6317 25%, 0.6585 29.83%, 0.6936 36.83%, 0.7299 45.5%, 0.7438 54%, 0.7174 62%, 0.6702 70%, 0.643 77.83%, 0.6362 86.17%, 0.6311 94.83%, 0.6187 100%),
linear(0.7047 0%, 0.6538 2.83%, 0.6124 5.5%, 0.579 8%, 0.5509 10.5%, 0.5244 13.5%, 0.5 17.67%, 0.4891 21.17%, 0.4852 25%, 0.49 29.83%, 0.5134 36.83%, 0.5662 45.5%, 0.638 54%, 0.7042 62%, 0.7438 70%, 0.7659 77.83%, 0.802 86.17%, 0.8626 94.83%, 0.9047 100%);
.paper {
background: #e67e22;
animation-timing-function: linear(0.5047 0%, 0.5122 2.83%, 0.5186 5.5%, 0.5251 8%, 0.5324 10.5%, 0.542 13.5%, 0.5561 17.67%, 0.5679 21.17%, 0.5803 25%, 0.5949 29.83%, 0.614 36.83%, 0.6356 45.5%, 0.659 54%, 0.6868 62%, 0.7182 70%, 0.7465 77.83%, 0.7704 86.17%, 0.7915 94.83%, 0.8057 100%);
}
}
.confetti-6 {
width: 6px; height: 9.56px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5011 2.83%, 0.507 5.5%, 0.518 8%, 0.5357 10.5%, 0.5643 13.5%, 0.609 17.67%, 0.645 21.17%, 0.6796 25%, 0.7152 29.83%, 0.749 36.83%, 0.7526 45.5%, 0.7219 54%, 0.6936 62%, 0.6852 70%, 0.6888 77.83%, 0.6931 86.17%, 0.683 94.83%, 0.6615 100%),
linear(0.7047 0%, 0.6135 2.83%, 0.5425 5.5%, 0.4874 8%, 0.4431 10.5%, 0.4041 13.5%, 0.3726 17.67%, 0.3621 21.17%, 0.3624 25%, 0.3754 29.83%, 0.4123 36.83%, 0.4716 45.5%, 0.5188 54%, 0.5457 62%, 0.5728 70%, 0.615 77.83%, 0.6788 86.17%, 0.758 94.83%, 0.8038 100%);
.paper {
background: #1abc9c;
animation-timing-function: linear(0.5047 0%, 0.5104 2.83%, 0.5171 5.5%, 0.5253 8%, 0.535 10.5%, 0.5481 13.5%, 0.5671 17.67%, 0.5828 21.17%, 0.5993 25%, 0.6186 29.83%, 0.6444 36.83%, 0.6746 45.5%, 0.7032 54%, 0.7279 62%, 0.7488 70%, 0.7653 77.83%, 0.7804 86.17%, 0.7976 94.83%, 0.8099 100%);
}
}
.confetti-7 {
width: 6px; height: 21.38px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5028 2.83%, 0.4784 5.5%, 0.4361 8%, 0.397 10.5%, 0.3665 13.5%, 0.3463 17.67%, 0.3382 21.17%, 0.3311 25%, 0.3205 29.83%, 0.3057 36.83%, 0.3133 45.5%, 0.3482 54%, 0.3636 62%, 0.3646 70%, 0.3686 77.83%, 0.401 86.17%, 0.4521 94.83%, 0.4704 100%),
linear(0.7047 0%, 0.6102 2.83%, 0.5422 5.5%, 0.5077 8%, 0.4979 10.5%, 0.502 13.5%, 0.5147 17.67%, 0.5257 21.17%, 0.5377 25%, 0.5569 29.83%, 0.5981 36.83%, 0.6608 45.5%, 0.7009 54%, 0.727 62%, 0.7689 70%, 0.8287 77.83%, 0.8939 86.17%, 0.933 94.83%, 0.9469 100%);
.paper {
background: #ff6b9d;
animation-timing-function: linear(0.5047 0%, 0.4881 2.83%, 0.4628 5.5%, 0.4344 8%, 0.4059 10.5%, 0.3746 13.5%, 0.3374 17.67%, 0.3111 21.17%, 0.2865 25%, 0.2605 29.83%, 0.2295 36.83%, 0.1922 45.5%, 0.155 54%, 0.1251 62%, 0.1021 70%, 0.0814 77.83%, 0.0535 86.17%, 0.0193 94.83%, 0 100%);
}
}
.confetti-8 {
width: 6px; height: 15.15px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5057 2.83%, 0.4909 5.5%, 0.4516 8%, 0.4042 10.5%, 0.3598 13.5%, 0.3277 17.67%, 0.317 21.17%, 0.3115 25%, 0.3044 29.83%, 0.2909 36.83%, 0.2859 45.5%, 0.3172 54%, 0.3461 62%, 0.353 70%, 0.3528 77.83%, 0.3627 86.17%, 0.406 94.83%, 0.4382 100%),
linear(0.7047 0%, 0.5945 2.83%, 0.5105 5.5%, 0.4576 8%, 0.4337 10.5%, 0.4312 13.5%, 0.445 17.67%, 0.4586 21.17%, 0.4719 25%, 0.4888 29.83%, 0.5238 36.83%, 0.586 45.5%, 0.6383 54%, 0.6654 62%, 0.6959 70%, 0.7446 77.83%, 0.8129 86.17%, 0.876 94.83%, 0.8988 100%);
.paper {
background: #e74c3c;
animation-timing-function: linear(0.5047 0%, 0.4947 2.83%, 0.4759 5.5%, 0.4515 8%, 0.4246 10.5%, 0.3934 13.5%, 0.355 17.67%, 0.3274 21.17%, 0.3014 25%, 0.2738 29.83%, 0.2417 36.83%, 0.207 45.5%, 0.172 54%, 0.141 62%, 0.1159 70%, 0.0964 77.83%, 0.0749 86.17%, 0.0463 94.83%, 0.0273 100%);
}
}
.confetti-9 {
width: 6px; height: 14.76px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5088 2.83%, 0.4885 5.5%, 0.4516 8%, 0.4149 10.5%, 0.3826 13.5%, 0.3581 17.67%, 0.3491 21.17%, 0.3448 25%, 0.3398 29.83%, 0.3278 36.83%, 0.3166 45.5%, 0.3381 54%, 0.3778 62%, 0.3985 70%, 0.4014 77.83%, 0.4036 86.17%, 0.4284 94.83%, 0.4589 100%),
linear(0.7047 0%, 0.6139 2.83%, 0.5499 5.5%, 0.5156 8%, 0.5028 10.5%, 0.5036 13.5%, 0.5159 17.67%, 0.5285 21.17%, 0.5417 25%, 0.558 29.83%, 0.5899 36.83%, 0.6502 45.5%, 0.7139 54%, 0.7505 62%, 0.7745 70%, 0.8113 77.83%, 0.8713 86.17%, 0.943 94.83%, 0.977 100%);
.paper {
background: #3498db;
animation-timing-function: linear(0.5047 0%, 0.4881 2.83%, 0.4648 5.5%, 0.4398 8%, 0.4149 10.5%, 0.3872 13.5%, 0.3533 17.67%, 0.3287 21.17%, 0.3051 25%, 0.2797 29.83%, 0.2501 36.83%, 0.2194 45.5%, 0.1876 54%, 0.1562 62%, 0.1284 70%, 0.1069 77.83%, 0.0873 86.17%, 0.063 94.83%, 0.0453 100%);
}
}
.confetti-10 {
width: 6px; height: 16.69px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5188 2.83%, 0.5102 5.5%, 0.4903 8%, 0.469 10.5%, 0.4473 13.5%, 0.4257 17.67%, 0.4144 21.17%, 0.4086 25%, 0.4089 29.83%, 0.4107 36.83%, 0.4012 45.5%, 0.3894 54%, 0.3936 62%, 0.433 70%, 0.4802 77.83%, 0.5026 86.17%, 0.5085 94.83%, 0.513 100%),
linear(0.7047 0%, 0.6414 2.83%, 0.5978 5.5%, 0.5729 8%, 0.5608 10.5%, 0.5568 13.5%, 0.5623 17.67%, 0.5727 21.17%, 0.5872 25%, 0.6058 29.83%, 0.6297 36.83%, 0.6683 45.5%, 0.7281 54%, 0.7993 62%, 0.8614 70%, 0.8933 77.83%, 0.9173 86.17%, 0.9622 94.83%, 1 100%);
.paper {
background: #2ecc71;
animation-timing-function: linear(0.5047 0%, 0.4867 2.83%, 0.4653 5.5%, 0.4443 8%, 0.4242 10.5%, 0.4018 13.5%, 0.3741 17.67%, 0.3534 21.17%, 0.3329 25%, 0.3096 29.83%, 0.2808 36.83%, 0.2533 45.5%, 0.2319 54%, 0.2097 62%, 0.1809 70%, 0.1495 77.83%, 0.1201 86.17%, 0.0965 94.83%, 0.0835 100%);
}
}
.confetti-11 {
width: 6px; height: 21.56px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.4806 2.83%, 0.4679 5.5%, 0.4573 8%, 0.4479 10.5%, 0.4394 13.5%, 0.4365 17.67%, 0.4445 21.17%, 0.462 25%, 0.4889 29.83%, 0.5255 36.83%, 0.5641 45.5%, 0.5877 54%, 0.5769 62%, 0.5403 70%, 0.5167 77.83%, 0.5127 86.17%, 0.5115 94.83%, 0.5025 100%),
linear(0.7047 0%, 0.6197 2.83%, 0.549 5.5%, 0.49 8%, 0.4373 10.5%, 0.3817 13.5%, 0.3174 17.67%, 0.2758 21.17%, 0.2444 25%, 0.2237 29.83%, 0.2202 36.83%, 0.2464 45.5%, 0.2988 54%, 0.3576 62%, 0.3986 70%, 0.4226 77.83%, 0.459 86.17%, 0.5204 94.83%, 0.5647 100%);
.paper {
background: #f1c40f;
animation-timing-function: linear(0.5047 0%, 0.5016 2.83%, 0.5012 5.5%, 0.502 8%, 0.5041 10.5%, 0.5088 13.5%, 0.5198 17.67%, 0.5324 21.17%, 0.5483 25%, 0.5687 29.83%, 0.5962 36.83%, 0.6257 45.5%, 0.6531 54%, 0.6819 62%, 0.7137 70%, 0.7425 77.83%, 0.7664 86.17%, 0.787 94.83%, 0.8011 100%);
}
}
.confetti-12 {
width: 6px; height: 18.25px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.4917 2.83%, 0.4982 5.5%, 0.5146 8%, 0.5362 10.5%, 0.5624 13.5%, 0.5928 17.67%, 0.6119 21.17%, 0.6258 25%, 0.6321 29.83%, 0.6241 36.83%, 0.6159 45.5%, 0.6229 54%, 0.6312 62%, 0.6247 70%, 0.5844 77.83%, 0.5323 86.17%, 0.5098 94.83%, 0.5055 100%),
linear(0.7047 0%, 0.646 2.83%, 0.6004 5.5%, 0.5688 8%, 0.5487 10.5%, 0.5371 13.5%, 0.5361 17.67%, 0.5439 21.17%, 0.5585 25%, 0.5816 29.83%, 0.6126 36.83%, 0.6426 45.5%, 0.6835 54%, 0.7423 62%, 0.8152 70%, 0.8777 77.83%, 0.9117 86.17%, 0.937 94.83%, 0.962 100%);
.paper {
background: #9b59b6;
animation-timing-function: linear(0.5047 0%, 0.5176 2.83%, 0.5328 5.5%, 0.549 8%, 0.5658 10.5%, 0.5857 13.5%, 0.6113 17.67%, 0.631 21.17%, 0.6509 25%, 0.6741 29.83%, 0.7048 36.83%, 0.7368 45.5%, 0.7605 54%, 0.7786 62%, 0.7997 70%, 0.8278 77.83%, 0.8619 86.17%, 0.8928 94.83%, 0.9076 100%);
}
}
.confetti-13 {
width: 6px; height: 10.07px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.4897 2.83%, 0.4726 5.5%, 0.4433 8%, 0.4083 10.5%, 0.3683 13.5%, 0.3253 17.67%, 0.3015 21.17%, 0.2872 25%, 0.2839 29.83%, 0.2942 36.83%, 0.2994 45.5%, 0.2915 54%, 0.2856 62%, 0.2997 70%, 0.3421 77.83%, 0.3928 86.17%, 0.4202 94.83%, 0.4242 100%),
linear(0.7047 0%, 0.6198 2.83%, 0.5563 5.5%, 0.5143 8%, 0.4893 10.5%, 0.4771 13.5%, 0.4804 17.67%, 0.4931 21.17%, 0.512 25%, 0.5374 29.83%, 0.5671 36.83%, 0.5975 45.5%, 0.6423 54%, 0.7031 62%, 0.7724 70%, 0.8284 77.83%, 0.8622 86.17%, 0.8854 94.83%, 0.9052 100%);
.paper {
background: #e67e22;
animation-timing-function: linear(0.5047 0%, 0.4906 2.83%, 0.4748 5.5%, 0.458 8%, 0.4404 10.5%, 0.4198 13.5%, 0.393 17.67%, 0.3725 21.17%, 0.3519 25%, 0.3283 29.83%, 0.298 36.83%, 0.2672 45.5%, 0.2437 54%, 0.2247 62%, 0.2042 70%, 0.1811 77.83%, 0.1553 86.17%, 0.1309 94.83%, 0.1186 100%);
}
}
.confetti-14 {
width: 6px; height: 10.46px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5255 2.83%, 0.5404 5.5%, 0.5472 8%, 0.5469 10.5%, 0.5375 13.5%, 0.5126 17.67%, 0.4872 21.17%, 0.4598 25%, 0.4284 29.83%, 0.3896 36.83%, 0.3557 45.5%, 0.3538 54%, 0.3854 62%, 0.424 70%, 0.4429 77.83%, 0.4441 86.17%, 0.4414 94.83%, 0.4432 100%),
linear(0.7047 0%, 0.6173 2.83%, 0.5481 5.5%, 0.4929 8%, 0.4462 10.5%, 0.401 13.5%, 0.3575 17.67%, 0.3362 21.17%, 0.3251 25%, 0.3244 29.83%, 0.3427 36.83%, 0.391 45.5%, 0.4546 54%, 0.5067 62%, 0.5381 70%, 0.5609 77.83%, 0.5985 86.17%, 0.6595 94.83%, 0.7045 100%);
.paper {
background: #1abc9c;
animation-timing-function: linear(0.5047 0%, 0.5054 2.83%, 0.5021 5.5%, 0.4966 8%, 0.4893 10.5%, 0.4786 13.5%, 0.462 17.67%, 0.4477 21.17%, 0.4326 25%, 0.4147 29.83%, 0.3914 36.83%, 0.3651 45.5%, 0.3394 54%, 0.3137 62%, 0.2882 70%, 0.266 77.83%, 0.2469 86.17%, 0.2307 94.83%, 0.2208 100%);
}
}
.confetti-15 {
width: 6px; height: 22.28px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5022 2.83%, 0.5004 5.5%, 0.4887 8%, 0.4684 10.5%, 0.4387 13.5%, 0.3998 17.67%, 0.3742 21.17%, 0.3543 25%, 0.3417 29.83%, 0.3454 36.83%, 0.3553 45.5%, 0.3497 54%, 0.3414 62%, 0.347 70%, 0.3869 77.83%, 0.4371 86.17%, 0.4572 94.83%, 0.4613 100%),
linear(0.7047 0%, 0.6381 2.83%, 0.5837 5.5%, 0.5418 8%, 0.5107 10.5%, 0.4882 13.5%, 0.4782 17.67%, 0.4822 21.17%, 0.4945 25%, 0.517 29.83%, 0.55 36.83%, 0.5807 45.5%, 0.6191 54%, 0.6757 62%, 0.7474 70%, 0.809 77.83%, 0.8417 86.17%, 0.8684 94.83%, 0.8949 100%);
.paper {
background: #ff6b9d;
animation-timing-function: linear(0.5047 0%, 0.4975 2.83%, 0.487 5.5%, 0.4738 8%, 0.4584 10.5%, 0.4387 13.5%, 0.4118 17.67%, 0.3907 21.17%, 0.3692 25%, 0.3443 29.83%, 0.3113 36.83%, 0.2765 45.5%, 0.2508 54%, 0.2316 62%, 0.2096 70%, 0.1803 77.83%, 0.145 86.17%, 0.1137 94.83%, 0.0988 100%);
}
}
.confetti-16 {
width: 6px; height: 15.14px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.4965 2.83%, 0.5036 5.5%, 0.5232 8%, 0.5542 10.5%, 0.5962 13.5%, 0.6448 17.67%, 0.6715 21.17%, 0.6874 25%, 0.6925 29.83%, 0.6885 36.83%, 0.6937 45.5%, 0.7041 54%, 0.6997 62%, 0.6622 70%, 0.619 77.83%, 0.5993 86.17%, 0.5954 94.83%, 0.5926 100%),
linear(0.7047 0%, 0.617 2.83%, 0.5467 5.5%, 0.4938 8%, 0.4569 10.5%, 0.4339 13.5%, 0.4298 17.67%, 0.4397 21.17%, 0.4564 25%, 0.4787 29.83%, 0.5051 36.83%, 0.5399 45.5%, 0.5946 54%, 0.6616 62%, 0.7195 70%, 0.75 77.83%, 0.7749 86.17%, 0.8206 94.83%, 0.8589 100%);
.paper {
background: #e74c3c;
animation-timing-function: linear(0.5047 0%, 0.5123 2.83%, 0.5236 5.5%, 0.5385 8%, 0.5564 10.5%, 0.5795 13.5%, 0.6108 17.67%, 0.6349 21.17%, 0.659 25%, 0.6863 29.83%, 0.7201 36.83%, 0.7528 45.5%, 0.7776 54%, 0.8014 62%, 0.8301 70%, 0.8601 77.83%, 0.8879 86.17%, 0.9102 94.83%, 0.9224 100%);
}
}
.confetti-17 {
width: 6px; height: 23.83px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5149 2.83%, 0.5301 5.5%, 0.5431 8%, 0.555 10.5%, 0.5664 13.5%, 0.5649 17.67%, 0.5357 21.17%, 0.4876 25%, 0.4385 29.83%, 0.4057 36.83%, 0.4026 45.5%, 0.3976 54%, 0.3861 62%, 0.3839 70%, 0.4151 77.83%, 0.4617 86.17%, 0.4812 94.83%, 0.4845 100%),
linear(0.7047 0%, 0.5713 2.83%, 0.4609 5.5%, 0.3689 8%, 0.2864 10.5%, 0.1986 13.5%, 0.0962 17.67%, 0.0351 21.17%, 0.003 25%, 0 29.83%, 0.0242 36.83%, 0.0582 45.5%, 0.0902 54%, 0.1377 62%, 0.2034 70%, 0.2647 77.83%, 0.2998 86.17%, 0.3268 94.83%, 0.3529 100%);
.paper {
background: #3498db;
animation-timing-function: linear(0.5047 0%, 0.508 2.83%, 0.5085 5.5%, 0.5081 8%, 0.5065 10.5%, 0.5013 13.5%, 0.4839 17.67%, 0.4597 21.17%, 0.4288 25%, 0.3911 29.83%, 0.3443 36.83%, 0.2973 45.5%, 0.2624 54%, 0.2376 62%, 0.2134 70%, 0.1836 77.83%, 0.1482 86.17%, 0.1167 94.83%, 0.1018 100%);
}
}
.confetti-18 {
width: 6px; height: 7.44px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5293 2.83%, 0.5524 5.5%, 0.5712 8%, 0.5893 10.5%, 0.612 13.5%, 0.6456 17.67%, 0.6741 21.17%, 0.7042 25%, 0.7392 29.83%, 0.7839 36.83%, 0.832 45.5%, 0.8749 54%, 0.9116 62%, 0.9429 70%, 0.9673 77.83%, 0.9874 86.17%, 0.9997 94.83%, 1 100%),
linear(0.7047 0%, 0.6066 2.83%, 0.533 5.5%, 0.4763 8%, 0.4293 10.5%, 0.3839 13.5%, 0.3381 17.67%, 0.3124 21.17%, 0.2948 25%, 0.2848 29.83%, 0.2892 36.83%, 0.3189 45.5%, 0.3671 54%, 0.427 62%, 0.4988 70%, 0.5779 77.83%, 0.6689 86.17%, 0.7685 94.83%, 0.8291 100%);
.paper {
background: #2ecc71;
animation-timing-function: linear(0.5047 0%, 0.5113 2.83%, 0.5162 5.5%, 0.5208 8%, 0.5258 10.5%, 0.5323 13.5%, 0.5417 17.67%, 0.5498 21.17%, 0.5584 25%, 0.5688 29.83%, 0.5825 36.83%, 0.5971 45.5%, 0.6088 54%, 0.6176 62%, 0.6248 70%, 0.6307 77.83%, 0.6368 86.17%, 0.644 94.83%, 0.6492 100%);
}
}
.confetti-19 {
width: 6px; height: 20.67px; border-radius: 2px;
animation-timing-function:
linear(0.4964 0%, 0.5073 2.83%, 0.5052 5.5%, 0.4868 8%, 0.4551 10.5%, 0.4134 13.5%, 0.3696 17.67%, 0.3484 21.17%, 0.3374 25%, 0.3342 29.83%, 0.331 36.83%, 0.3183 45.5%, 0.3117 54%, 0.3381 62%, 0.3815 70%, 0.4023 77.83%, 0.407 86.17%, 0.4156 94.83%, 0.4348 100%),
linear(0.7047 0%, 0.6178 2.83%, 0.5472 5.5%, 0.4942 8%, 0.4588 10.5%, 0.4395 13.5%, 0.4398 17.67%, 0.4507 21.17%, 0.4662 25%, 0.4848 29.83%, 0.5093 36.83%, 0.5533 45.5%, 0.6184 54%, 0.6807 62%, 0.7167 70%, 0.7399 77.83%, 0.7814 86.17%, 0.8465 94.83%, 0.8871 100%);
.paper {
background: #f1c40f;
animation-timing-function: linear(0.5047 0%, 0.4985 2.83%, 0.4862 5.5%, 0.4691 8%, 0.4485 10.5%, 0.4223 13.5%, 0.3878 17.67%, 0.3618 21.17%, 0.3363 25%, 0.3082 29.83%, 0.2746 36.83%, 0.2433 45.5%, 0.2163 54%, 0.1862 62%, 0.1529 70%, 0.124 77.83%, 0.1002 86.17%, 0.0774 94.83%, 0.0608 100%);
}
}
}
Tech is very competitive, I learned, even when you give your work away, which I have been doing for a couple of decades. Maybe even especially when you give it away.
I'm still a NYT subscriber, although I don't read it very often, but when there's news I will go there. Anyway, they used to have a 10-article per month gift link rule. I used to ration them, but if by the end of the month I hadn't used them up I'd share links more liberally. A few weeks ago they lifted the limit. I thought that's nice, the NYT found that the web was still useful to spread the news, literally. I thought maybe they had a vision beyond the usual dotcom slop. Not so fast. Your friends 
I know this is a story I repeat often. The opportunity is still there. All kinds of bad products and companies are camped out in this space, taking advantage of users' trust but they feel they have no choice but to use the bad products. On the web, we'd like to keep improving what the web can do with text, so even though it's always slightly more difficult to use an open ecosystem, it is possible to get most of the functionality and all of the freedom, and new features that the lock-in guys will never give you.
If you run a tech company I hope you didn't lay off most of your programmers last year when that was the hype -- don't wait too long before you fire your human developers. I'm now doing my second big project with Claude Code, not an experiment, and we're going through the same mess we went through last time. I know what I want, I can show it what I want, give it docs for what I want, and it keeps leading me into different corners that have nothing to do with it. When it clicks, it can go faster than a thousand programmers and it's a miracle, and when we can harness it to the job we want to do it's incredibly economical. $100 for $1 million of work. That's why you see me full of gusto for that mode. What I haven't written about how when you slow to nothing, back and forth, and you get no closer. I hate this kind of work, esp the role I have to play in it.
Apparently the nightly email didn't go out last night. The problem was an error when it tried to read the Linkblog entries for the day. I've seen reports that these errors happen when you try to read the 
Grass sprouting in my backyard after a week of rain
I want to connect RSS to AT Proto, both ways, inbound and out. Toward that end, today I 
I'm trying to move my whole programming act from 
I was into 
Taking some time off to breathe and regain perspective. Fixed a few bugs, and wrote about the big picture on 
Overview of ABBEL compared to traditional recursive summarization. Beliefs replace the full interaction history as the agent’s working context, and belief grading improves performance by
supervising the contents of each belief state..
Fig. 1: Average attempts to guess the target word on Combination Lock over RL fine-tuning (lower is better). Context-summary policies improve with training but do not close the gap to full-context policies.
Fig. 2: Autoencoder-inspired belief grading. The model encodes prior belief, action and observation (bt, at, ot) into posterior belief bt+1 and is rewarded for how well select information from the history can be reconstructed from that belief.
Eq. 1: Reconstruction grading objective. Here bt+1 is the updated belief, ot the latest observation, at the action just taken, bt the prior belief, pI the task prompt, and πθ the current model. Higher grades reward beliefs that retain information needed to decode the latest observation.
Fig. 4: CollabBench collaborative coding environment. The agent asks clarifying questions, then submits a function scored against hidden unit tests.
Fig. 6: Average attempts to guess the target word on Combination Lock (lower is better). With domain-knowledge belief grading, ABBEL approaches or exceeds FULL CTX in this setting; without belief grading, learning is slower.
Fig. 7: Exact-match score and peak memory versus number of objectives in multi-objective QA. ABBEL with a peak belief penalty (PBP) maintains comparable performance while using less memory than MEM1 and ABBEL without PBP in this evaluation.
