chore: generate
This commit is contained in:
@@ -15,15 +15,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-0 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 1; }
|
||||
50% { opacity: 0.5; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="0"] {
|
||||
@@ -31,15 +49,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-5 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.75; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="5"] {
|
||||
@@ -47,15 +83,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-10 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 1; }
|
||||
37.5% { opacity: 0.5; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="10"] {
|
||||
@@ -63,15 +117,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-15 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.75; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="15"] {
|
||||
@@ -79,15 +151,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-20 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 1; }
|
||||
25% { opacity: 0.5; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="20"] {
|
||||
@@ -95,15 +185,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-1 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.75; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="1"] {
|
||||
@@ -111,15 +219,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-6 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 1; }
|
||||
50% { opacity: 0.5; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="6"] {
|
||||
@@ -127,15 +253,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-11 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 1; }
|
||||
37.5% { opacity: 0.75; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="11"] {
|
||||
@@ -143,15 +287,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-16 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 1; }
|
||||
25% { opacity: 0.5; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="16"] {
|
||||
@@ -159,15 +321,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-21 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.75; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="21"] {
|
||||
@@ -175,15 +355,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-2 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 1; }
|
||||
62.5% { opacity: 0.5; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="2"] {
|
||||
@@ -191,15 +389,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-7 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 1; }
|
||||
62.5% { opacity: 0.75; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="7"] {
|
||||
@@ -207,15 +423,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-12 {
|
||||
0% { opacity: 1; }
|
||||
12.5% { opacity: 1; }
|
||||
25% { opacity: 1; }
|
||||
37.5% { opacity: 1; }
|
||||
50% { opacity: 1; }
|
||||
62.5% { opacity: 1; }
|
||||
75% { opacity: 1; }
|
||||
87.5% { opacity: 1; }
|
||||
100% { opacity: 1; }
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="12"] {
|
||||
@@ -223,15 +457,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-17 {
|
||||
0% { opacity: 1; }
|
||||
12.5% { opacity: 0.75; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 1; }
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="17"] {
|
||||
@@ -239,15 +491,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-22 {
|
||||
0% { opacity: 1; }
|
||||
12.5% { opacity: 0.5; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 1; }
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="22"] {
|
||||
@@ -255,15 +525,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-3 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.75; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="3"] {
|
||||
@@ -271,15 +559,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-8 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 1; }
|
||||
75% { opacity: 0.75; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="8"] {
|
||||
@@ -287,15 +593,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-13 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 1; }
|
||||
87.5% { opacity: 1; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="13"] {
|
||||
@@ -303,15 +627,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-18 {
|
||||
0% { opacity: 0.5; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.75; }
|
||||
100% { opacity: 0.5; }
|
||||
0% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="18"] {
|
||||
@@ -319,15 +661,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-23 {
|
||||
0% { opacity: 0.75; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.75; }
|
||||
0% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="23"] {
|
||||
@@ -335,15 +695,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-4 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 1; }
|
||||
75% { opacity: 0.5; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="4"] {
|
||||
@@ -351,15 +729,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-9 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.75; }
|
||||
87.5% { opacity: 0.2; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="9"] {
|
||||
@@ -367,15 +763,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-14 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 1; }
|
||||
87.5% { opacity: 1; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="14"] {
|
||||
@@ -383,15 +797,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-19 {
|
||||
0% { opacity: 0.2; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.75; }
|
||||
100% { opacity: 0.2; }
|
||||
0% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.75;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="19"] {
|
||||
@@ -399,15 +831,33 @@
|
||||
}
|
||||
|
||||
@keyframes session-progress-indicator-v2-dot-24 {
|
||||
0% { opacity: 0.5; }
|
||||
12.5% { opacity: 0.2; }
|
||||
25% { opacity: 0.2; }
|
||||
37.5% { opacity: 0.2; }
|
||||
50% { opacity: 0.2; }
|
||||
62.5% { opacity: 0.2; }
|
||||
75% { opacity: 0.2; }
|
||||
87.5% { opacity: 0.5; }
|
||||
100% { opacity: 0.5; }
|
||||
0% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
25% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
75% {
|
||||
opacity: 0.2;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
100% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
[data-component="session-progress-indicator-v2"] [data-dot="24"] {
|
||||
|
||||
@@ -26,11 +26,7 @@ export function SessionProgressIndicatorV2(props: ComponentProps<"svg">) {
|
||||
data-component="session-progress-indicator-v2"
|
||||
aria-hidden={rest["aria-hidden"] ?? "true"}
|
||||
>
|
||||
<For each={dots}>
|
||||
{(cell) => (
|
||||
<rect data-dot={cell.index} x={cell.x} y={cell.y} width={dot} height={dot} />
|
||||
)}
|
||||
</For>
|
||||
<For each={dots}>{(cell) => <rect data-dot={cell.index} x={cell.x} y={cell.y} width={dot} height={dot} />}</For>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user