Files
max-richter.dev/src/content/projects/silvester/components/mask.css
Max Richter 7d0ccac81f
Some checks failed
Deploy to SFTP Server / build (push) Failing after 2m23s
feat: add picos de europa post
2025-10-22 22:32:34 +02:00

1997 lines
29 KiB
CSS

#mask > * {
animation-timing-function: ease !important;
animation-fill-mode: forwards !important;
stroke-dashoffset: 0;
}
#mask > path[id='Form 1']{
stroke-dasharray: 158.54;
animation: form1;
stroke-width: 1px
}
@keyframes form1 {
0% {
stroke-dashoffset: 158.54;
}
0% {
stroke-dashoffset: 158.54;
}
40% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Form 3']{
stroke-dasharray: 129.16;
animation: form3;
stroke-width: 1px
}
@keyframes form3 {
0% {
stroke-dashoffset: 129.16;
}
0% {
stroke-dashoffset: 129.16;
}
33% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Form 3 copy']{
stroke-dasharray: 96.59;
animation: form3copy;
stroke-width: 1px
}
@keyframes form3copy {
0% {
stroke-dashoffset: 96.59;
}
17% {
stroke-dashoffset: 96.59;
}
42% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Form 3 copy_2']{
stroke-dasharray: 81.17;
animation: form3copy_2;
stroke-width: 1px
}
@keyframes form3copy_2 {
0% {
stroke-dashoffset: 81.17;
}
27% {
stroke-dashoffset: 81.17;
}
47% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 1']{
stroke-dasharray: 33.05;
animation: vector1;
stroke-width: 2px
}
@keyframes vector1 {
0% {
stroke-dashoffset: 33.05;
}
2% {
stroke-dashoffset: 33.05;
}
10% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 10']{
stroke-dasharray: 136.67;
animation: vector10;
stroke-width: 2px
}
@keyframes vector10 {
0% {
stroke-dashoffset: 136.67;
}
66% {
stroke-dashoffset: 136.67;
}
101% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 100']{
stroke-dasharray: 31.05;
animation: vector100;
stroke-width: 1px
}
@keyframes vector100 {
0% {
stroke-dashoffset: 31.05;
}
60% {
stroke-dashoffset: 31.05;
}
68% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 101']{
stroke-dasharray: 33.88;
animation: vector101;
stroke-width: 1px
}
@keyframes vector101 {
0% {
stroke-dashoffset: 33.88;
}
65% {
stroke-dashoffset: 33.88;
}
73% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 102']{
stroke-dasharray: 35.41;
animation: vector102;
stroke-width: 2px
}
@keyframes vector102 {
0% {
stroke-dashoffset: 35.41;
}
70% {
stroke-dashoffset: 35.41;
}
79% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 103']{
stroke-dasharray: 58.09;
animation: vector103;
stroke-width: 2px
}
@keyframes vector103 {
0% {
stroke-dashoffset: 58.09;
}
62% {
stroke-dashoffset: 58.09;
}
77% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 104']{
stroke-dasharray: 59.71;
animation: vector104;
stroke-width: 2px
}
@keyframes vector104 {
0% {
stroke-dashoffset: 59.71;
}
66% {
stroke-dashoffset: 59.71;
}
81% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 105']{
stroke-dasharray: 58.25;
animation: vector105;
stroke-width: 2px
}
@keyframes vector105 {
0% {
stroke-dashoffset: 58.25;
}
70% {
stroke-dashoffset: 58.25;
}
85% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 106']{
stroke-dasharray: 61.29;
animation: vector106;
stroke-width: 1px
}
@keyframes vector106 {
0% {
stroke-dashoffset: 61.29;
}
74% {
stroke-dashoffset: 61.29;
}
89% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 107']{
stroke-dasharray: 15.7;
animation: vector107;
stroke-width: 2px
}
@keyframes vector107 {
0% {
stroke-dashoffset: 15.7;
}
62% {
stroke-dashoffset: 15.7;
}
66% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 108']{
stroke-dasharray: 16.46;
animation: vector108;
stroke-width: 1px
}
@keyframes vector108 {
0% {
stroke-dashoffset: 16.46;
}
67% {
stroke-dashoffset: 16.46;
}
71% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 109']{
stroke-dasharray: 18.41;
animation: vector109;
stroke-width: 1px
}
@keyframes vector109 {
0% {
stroke-dashoffset: 18.41;
}
72% {
stroke-dashoffset: 18.41;
}
77% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 11']{
stroke-dasharray: 202.59;
animation: vector11;
stroke-width: 1px
}
@keyframes vector11 {
0% {
stroke-dashoffset: 202.59;
}
11% {
stroke-dashoffset: 202.59;
}
62% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 110']{
stroke-dasharray: 30.24;
animation: vector110;
stroke-width: 2px
}
@keyframes vector110 {
0% {
stroke-dashoffset: 30.24;
}
79% {
stroke-dashoffset: 30.24;
}
87% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 111']{
stroke-dasharray: 35.04;
animation: vector111;
stroke-width: 1px
}
@keyframes vector111 {
0% {
stroke-dashoffset: 35.04;
}
61% {
stroke-dashoffset: 35.04;
}
69% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 112']{
stroke-dasharray: 16.490000000000002;
animation: vector112;
stroke-width: 1px
}
@keyframes vector112 {
0% {
stroke-dashoffset: 16.490000000000002;
}
57% {
stroke-dashoffset: 16.490000000000002;
}
61% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 12']{
stroke-dasharray: 198.08;
animation: vector12;
stroke-width: 2px
}
@keyframes vector12 {
0% {
stroke-dashoffset: 198.08;
}
11% {
stroke-dashoffset: 198.08;
}
61% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 13']{
stroke-dasharray: 133.25;
animation: vector13;
stroke-width: 1px
}
@keyframes vector13 {
0% {
stroke-dashoffset: 133.25;
}
17% {
stroke-dashoffset: 133.25;
}
51% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 14']{
stroke-dasharray: 90.62;
animation: vector14;
stroke-width: 2px
}
@keyframes vector14 {
0% {
stroke-dashoffset: 90.62;
}
28% {
stroke-dashoffset: 90.62;
}
51% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 15']{
stroke-dasharray: 118.96;
animation: vector15;
stroke-width: 2px
}
@keyframes vector15 {
0% {
stroke-dashoffset: 118.96;
}
29% {
stroke-dashoffset: 118.96;
}
59% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 16']{
stroke-dasharray: 149.54;
animation: vector16;
stroke-width: 2px
}
@keyframes vector16 {
0% {
stroke-dashoffset: 149.54;
}
29% {
stroke-dashoffset: 149.54;
}
67% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 17']{
stroke-dasharray: 160.18;
animation: vector17;
stroke-width: 1px
}
@keyframes vector17 {
0% {
stroke-dashoffset: 160.18;
}
29% {
stroke-dashoffset: 160.18;
}
69% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 18']{
stroke-dasharray: 61.12;
animation: vector18;
stroke-width: 2px
}
@keyframes vector18 {
0% {
stroke-dashoffset: 61.12;
}
29% {
stroke-dashoffset: 61.12;
}
44% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 19']{
stroke-dasharray: 14.29;
animation: vector19;
stroke-width: 2px
}
@keyframes vector19 {
0% {
stroke-dashoffset: 14.29;
}
33% {
stroke-dashoffset: 14.29;
}
37% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 2']{
stroke-dasharray: 395.39;
animation: vector2;
stroke-width: 2px
}
@keyframes vector2 {
0% {
stroke-dashoffset: 395.39;
}
7% {
stroke-dashoffset: 395.39;
}
107% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 20']{
stroke-dasharray: 20.5;
animation: vector20;
stroke-width: 2px
}
@keyframes vector20 {
0% {
stroke-dashoffset: 20.5;
}
34% {
stroke-dashoffset: 20.5;
}
39% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 21']{
stroke-dasharray: 29.98;
animation: vector21;
stroke-width: 1px
}
@keyframes vector21 {
0% {
stroke-dashoffset: 29.98;
}
36% {
stroke-dashoffset: 29.98;
}
44% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 21_2']{
stroke-dasharray: 37.42;
animation: vector21_2;
stroke-width: 1px
}
@keyframes vector21_2 {
0% {
stroke-dashoffset: 37.42;
}
39% {
stroke-dashoffset: 37.42;
}
48% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 22']{
stroke-dasharray: 42.45;
animation: vector22;
stroke-width: 2px
}
@keyframes vector22 {
0% {
stroke-dashoffset: 42.45;
}
39% {
stroke-dashoffset: 42.45;
}
50% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 23']{
stroke-dasharray: 47.87;
animation: vector23;
stroke-width: 1px
}
@keyframes vector23 {
0% {
stroke-dashoffset: 47.87;
}
40% {
stroke-dashoffset: 47.87;
}
52% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 24']{
stroke-dasharray: 70.05;
animation: vector24;
stroke-width: 2px
}
@keyframes vector24 {
0% {
stroke-dashoffset: 70.05;
}
41% {
stroke-dashoffset: 70.05;
}
59% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 25']{
stroke-dasharray: 89.58;
animation: vector25;
stroke-width: 2px
}
@keyframes vector25 {
0% {
stroke-dashoffset: 89.58;
}
40% {
stroke-dashoffset: 89.58;
}
62% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 26']{
stroke-dasharray: 34.76;
animation: vector26;
stroke-width: 1px
}
@keyframes vector26 {
0% {
stroke-dashoffset: 34.76;
}
53% {
stroke-dashoffset: 34.76;
}
61% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 27']{
stroke-dasharray: 29.64;
animation: vector27;
stroke-width: 2px
}
@keyframes vector27 {
0% {
stroke-dashoffset: 29.64;
}
59% {
stroke-dashoffset: 29.64;
}
67% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 28']{
stroke-dasharray: 24.67;
animation: vector28;
stroke-width: 1px
}
@keyframes vector28 {
0% {
stroke-dashoffset: 24.67;
}
27% {
stroke-dashoffset: 24.67;
}
34% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 29']{
stroke-dasharray: 36.42;
animation: vector29;
stroke-width: 1px
}
@keyframes vector29 {
0% {
stroke-dashoffset: 36.42;
}
31% {
stroke-dashoffset: 36.42;
}
40% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 3']{
stroke-dasharray: 110.65;
animation: vector3;
stroke-width: 2px
}
@keyframes vector3 {
0% {
stroke-dashoffset: 110.65;
}
9% {
stroke-dashoffset: 110.65;
}
37% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 30']{
stroke-dasharray: 44.04;
animation: vector30;
stroke-width: 2px
}
@keyframes vector30 {
0% {
stroke-dashoffset: 44.04;
}
33% {
stroke-dashoffset: 44.04;
}
44% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 31']{
stroke-dasharray: 52.94;
animation: vector31;
stroke-width: 1px
}
@keyframes vector31 {
0% {
stroke-dashoffset: 52.94;
}
36% {
stroke-dashoffset: 52.94;
}
49% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 32']{
stroke-dasharray: 56.58;
animation: vector32;
stroke-width: 2px
}
@keyframes vector32 {
0% {
stroke-dashoffset: 56.58;
}
40% {
stroke-dashoffset: 56.58;
}
54% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 33']{
stroke-dasharray: 51.95;
animation: vector33;
stroke-width: 2px
}
@keyframes vector33 {
0% {
stroke-dashoffset: 51.95;
}
44% {
stroke-dashoffset: 51.95;
}
57% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 34']{
stroke-dasharray: 56.58;
animation: vector34;
stroke-width: 2px
}
@keyframes vector34 {
0% {
stroke-dashoffset: 56.58;
}
48% {
stroke-dashoffset: 56.58;
}
62% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 35']{
stroke-dasharray: 56.58;
animation: vector35;
stroke-width: 2px
}
@keyframes vector35 {
0% {
stroke-dashoffset: 56.58;
}
53% {
stroke-dashoffset: 56.58;
}
67% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 36']{
stroke-dasharray: 81.64;
animation: vector36;
stroke-width: 1px
}
@keyframes vector36 {
0% {
stroke-dashoffset: 81.64;
}
55% {
stroke-dashoffset: 81.64;
}
76% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 37']{
stroke-dasharray: 54.05;
animation: vector37;
stroke-width: 1px
}
@keyframes vector37 {
0% {
stroke-dashoffset: 54.05;
}
57% {
stroke-dashoffset: 54.05;
}
70% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 38']{
stroke-dasharray: 56.62;
animation: vector38;
stroke-width: 2px
}
@keyframes vector38 {
0% {
stroke-dashoffset: 56.62;
}
49% {
stroke-dashoffset: 56.62;
}
64% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 39']{
stroke-dasharray: 35.55;
animation: vector39;
stroke-width: 1px
}
@keyframes vector39 {
0% {
stroke-dashoffset: 35.55;
}
46% {
stroke-dashoffset: 35.55;
}
55% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 4']{
stroke-dasharray: 367.96;
animation: vector4;
stroke-width: 2px
}
@keyframes vector4 {
0% {
stroke-dashoffset: 367.96;
}
11% {
stroke-dashoffset: 367.96;
}
104% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 40']{
stroke-dasharray: 19.35;
animation: vector40;
stroke-width: 1px
}
@keyframes vector40 {
0% {
stroke-dashoffset: 19.35;
}
40% {
stroke-dashoffset: 19.35;
}
45% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 41']{
stroke-dasharray: 16.82;
animation: vector41;
stroke-width: 1px
}
@keyframes vector41 {
0% {
stroke-dashoffset: 16.82;
}
43% {
stroke-dashoffset: 16.82;
}
47% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 42']{
stroke-dasharray: 15.26;
animation: vector42;
stroke-width: 1px
}
@keyframes vector42 {
0% {
stroke-dashoffset: 15.26;
}
46% {
stroke-dashoffset: 15.26;
}
50% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 43']{
stroke-dasharray: 17.72;
animation: vector43;
stroke-width: 2px
}
@keyframes vector43 {
0% {
stroke-dashoffset: 17.72;
}
49% {
stroke-dashoffset: 17.72;
}
53% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 44']{
stroke-dasharray: 17.63;
animation: vector44;
stroke-width: 1px
}
@keyframes vector44 {
0% {
stroke-dashoffset: 17.63;
}
31% {
stroke-dashoffset: 17.63;
}
36% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 45']{
stroke-dasharray: 15.24;
animation: vector45;
stroke-width: 2px
}
@keyframes vector45 {
0% {
stroke-dashoffset: 15.24;
}
35% {
stroke-dashoffset: 15.24;
}
39% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 46']{
stroke-dasharray: 17.52;
animation: vector46;
stroke-width: 2px
}
@keyframes vector46 {
0% {
stroke-dashoffset: 17.52;
}
38% {
stroke-dashoffset: 17.52;
}
42% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 47']{
stroke-dasharray: 23.88;
animation: vector47;
stroke-width: 2px
}
@keyframes vector47 {
0% {
stroke-dashoffset: 23.88;
}
40% {
stroke-dashoffset: 23.88;
}
46% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 48']{
stroke-dasharray: 23.61;
animation: vector48;
stroke-width: 2px
}
@keyframes vector48 {
0% {
stroke-dashoffset: 23.61;
}
44% {
stroke-dashoffset: 23.61;
}
50% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 49']{
stroke-dasharray: 20.47;
animation: vector49;
stroke-width: 2px
}
@keyframes vector49 {
0% {
stroke-dashoffset: 20.47;
}
49% {
stroke-dashoffset: 20.47;
}
54% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 5']{
stroke-dasharray: 242.29;
animation: vector5;
stroke-width: 1px
}
@keyframes vector5 {
0% {
stroke-dashoffset: 242.29;
}
11% {
stroke-dashoffset: 242.29;
}
72% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 50']{
stroke-dasharray: 17.3;
animation: vector50;
stroke-width: 1px
}
@keyframes vector50 {
0% {
stroke-dashoffset: 17.3;
}
64% {
stroke-dashoffset: 17.3;
}
68% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 51']{
stroke-dasharray: 22.1;
animation: vector51;
stroke-width: 2px
}
@keyframes vector51 {
0% {
stroke-dashoffset: 22.1;
}
28% {
stroke-dashoffset: 22.1;
}
34% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 52']{
stroke-dasharray: 24.26;
animation: vector52;
stroke-width: 2px
}
@keyframes vector52 {
0% {
stroke-dashoffset: 24.26;
}
31% {
stroke-dashoffset: 24.26;
}
37% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 53']{
stroke-dasharray: 19.2;
animation: vector53;
stroke-width: 1px
}
@keyframes vector53 {
0% {
stroke-dashoffset: 19.2;
}
33% {
stroke-dashoffset: 19.2;
}
38% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 54']{
stroke-dasharray: 14.5;
animation: vector54;
stroke-width: 1px
}
@keyframes vector54 {
0% {
stroke-dashoffset: 14.5;
}
49% {
stroke-dashoffset: 14.5;
}
52% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 55']{
stroke-dasharray: 11.05;
animation: vector55;
stroke-width: 1px
}
@keyframes vector55 {
0% {
stroke-dashoffset: 11.05;
}
47% {
stroke-dashoffset: 11.05;
}
50% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 56']{
stroke-dasharray: 8.07;
animation: vector56;
stroke-width: 2px
}
@keyframes vector56 {
0% {
stroke-dashoffset: 8.07;
}
46% {
stroke-dashoffset: 8.07;
}
47% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 57']{
stroke-dasharray: 8.64;
animation: vector57;
stroke-width: 1px
}
@keyframes vector57 {
0% {
stroke-dashoffset: 8.64;
}
44% {
stroke-dashoffset: 8.64;
}
46% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 58']{
stroke-dasharray: 7.71;
animation: vector58;
stroke-width: 2px
}
@keyframes vector58 {
0% {
stroke-dashoffset: 7.71;
}
43% {
stroke-dashoffset: 7.71;
}
45% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 59']{
stroke-dasharray: 6.52;
animation: vector59;
stroke-width: 1px
}
@keyframes vector59 {
0% {
stroke-dashoffset: 6.52;
}
42% {
stroke-dashoffset: 6.52;
}
43% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 6']{
stroke-dasharray: 159.9;
animation: vector6;
stroke-width: 1px
}
@keyframes vector6 {
0% {
stroke-dashoffset: 159.9;
}
63% {
stroke-dashoffset: 159.9;
}
104% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 60']{
stroke-dasharray: 6.6;
animation: vector60;
stroke-width: 1px
}
@keyframes vector60 {
0% {
stroke-dashoffset: 6.6;
}
40% {
stroke-dashoffset: 6.6;
}
42% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 61']{
stroke-dasharray: 16.92;
animation: vector61;
stroke-width: 2px
}
@keyframes vector61 {
0% {
stroke-dashoffset: 16.92;
}
38% {
stroke-dashoffset: 16.92;
}
42% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 62']{
stroke-dasharray: 29.46;
animation: vector62;
stroke-width: 1px
}
@keyframes vector62 {
0% {
stroke-dashoffset: 29.46;
}
39% {
stroke-dashoffset: 29.46;
}
46% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 63']{
stroke-dasharray: 36.38;
animation: vector63;
stroke-width: 1px
}
@keyframes vector63 {
0% {
stroke-dashoffset: 36.38;
}
41% {
stroke-dashoffset: 36.38;
}
50% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 64']{
stroke-dasharray: 46.18;
animation: vector64;
stroke-width: 2px
}
@keyframes vector64 {
0% {
stroke-dashoffset: 46.18;
}
43% {
stroke-dashoffset: 46.18;
}
55% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 65']{
stroke-dasharray: 41.42;
animation: vector65;
stroke-width: 1px
}
@keyframes vector65 {
0% {
stroke-dashoffset: 41.42;
}
46% {
stroke-dashoffset: 41.42;
}
57% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 66']{
stroke-dasharray: 136.01;
animation: vector66;
stroke-width: 1px
}
@keyframes vector66 {
0% {
stroke-dashoffset: 136.01;
}
64% {
stroke-dashoffset: 136.01;
}
98% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 67']{
stroke-dasharray: 25.81;
animation: vector67;
stroke-width: 2px
}
@keyframes vector67 {
0% {
stroke-dashoffset: 25.81;
}
63% {
stroke-dashoffset: 25.81;
}
69% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 68']{
stroke-dasharray: 44.93;
animation: vector68;
stroke-width: 1px
}
@keyframes vector68 {
0% {
stroke-dashoffset: 44.93;
}
66% {
stroke-dashoffset: 44.93;
}
77% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 69']{
stroke-dasharray: 34.68;
animation: vector69;
stroke-width: 1px
}
@keyframes vector69 {
0% {
stroke-dashoffset: 34.68;
}
64% {
stroke-dashoffset: 34.68;
}
73% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 7']{
stroke-dasharray: 62.55;
animation: vector7;
stroke-width: 1px
}
@keyframes vector7 {
0% {
stroke-dashoffset: 62.55;
}
64% {
stroke-dashoffset: 62.55;
}
80% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 70']{
stroke-dasharray: 11.14;
animation: vector70;
stroke-width: 1px
}
@keyframes vector70 {
0% {
stroke-dashoffset: 11.14;
}
66% {
stroke-dashoffset: 11.14;
}
69% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 71']{
stroke-dasharray: 13.21;
animation: vector71;
stroke-width: 1px
}
@keyframes vector71 {
0% {
stroke-dashoffset: 13.21;
}
68% {
stroke-dashoffset: 13.21;
}
71% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 72']{
stroke-dasharray: 16.64;
animation: vector72;
stroke-width: 2px
}
@keyframes vector72 {
0% {
stroke-dashoffset: 16.64;
}
70% {
stroke-dashoffset: 16.64;
}
74% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 73']{
stroke-dasharray: 17.42;
animation: vector73;
stroke-width: 2px
}
@keyframes vector73 {
0% {
stroke-dashoffset: 17.42;
}
72% {
stroke-dashoffset: 17.42;
}
76% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 74']{
stroke-dasharray: 15.41;
animation: vector74;
stroke-width: 2px
}
@keyframes vector74 {
0% {
stroke-dashoffset: 15.41;
}
75% {
stroke-dashoffset: 15.41;
}
79% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 75']{
stroke-dasharray: 17.96;
animation: vector75;
stroke-width: 1px
}
@keyframes vector75 {
0% {
stroke-dashoffset: 17.96;
}
77% {
stroke-dashoffset: 17.96;
}
82% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 76']{
stroke-dasharray: 16.94;
animation: vector76;
stroke-width: 1px
}
@keyframes vector76 {
0% {
stroke-dashoffset: 16.94;
}
81% {
stroke-dashoffset: 16.94;
}
85% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 77']{
stroke-dasharray: 12.92;
animation: vector77;
stroke-width: 1px
}
@keyframes vector77 {
0% {
stroke-dashoffset: 12.92;
}
84% {
stroke-dashoffset: 12.92;
}
87% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 78']{
stroke-dasharray: 9.84;
animation: vector78;
stroke-width: 1px
}
@keyframes vector78 {
0% {
stroke-dashoffset: 9.84;
}
87% {
stroke-dashoffset: 9.84;
}
90% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 79']{
stroke-dasharray: 8.54;
animation: vector79;
stroke-width: 2px
}
@keyframes vector79 {
0% {
stroke-dashoffset: 8.54;
}
90% {
stroke-dashoffset: 8.54;
}
92% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 8']{
stroke-dasharray: 145.77;
animation: vector8;
stroke-width: 1px
}
@keyframes vector8 {
0% {
stroke-dashoffset: 145.77;
}
65% {
stroke-dashoffset: 145.77;
}
102% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 80']{
stroke-dasharray: 13.63;
animation: vector80;
stroke-width: 1px
}
@keyframes vector80 {
0% {
stroke-dashoffset: 13.63;
}
62% {
stroke-dashoffset: 13.63;
}
65% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 81']{
stroke-dasharray: 30.47;
animation: vector81;
stroke-width: 1px
}
@keyframes vector81 {
0% {
stroke-dashoffset: 30.47;
}
60% {
stroke-dashoffset: 30.47;
}
67% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 82']{
stroke-dasharray: 24.4;
animation: vector82;
stroke-width: 1px
}
@keyframes vector82 {
0% {
stroke-dashoffset: 24.4;
}
41% {
stroke-dashoffset: 24.4;
}
47% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 83']{
stroke-dasharray: 16.53;
animation: vector83;
stroke-width: 1px
}
@keyframes vector83 {
0% {
stroke-dashoffset: 16.53;
}
47% {
stroke-dashoffset: 16.53;
}
51% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 84']{
stroke-dasharray: 13.92;
animation: vector84;
stroke-width: 2px
}
@keyframes vector84 {
0% {
stroke-dashoffset: 13.92;
}
51% {
stroke-dashoffset: 13.92;
}
54% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 85']{
stroke-dasharray: 19.64;
animation: vector85;
stroke-width: 2px
}
@keyframes vector85 {
0% {
stroke-dashoffset: 19.64;
}
46% {
stroke-dashoffset: 19.64;
}
50% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 86']{
stroke-dasharray: 18.67;
animation: vector86;
stroke-width: 1px
}
@keyframes vector86 {
0% {
stroke-dashoffset: 18.67;
}
49% {
stroke-dashoffset: 18.67;
}
54% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 87']{
stroke-dasharray: 20.46;
animation: vector87;
stroke-width: 1px
}
@keyframes vector87 {
0% {
stroke-dashoffset: 20.46;
}
52% {
stroke-dashoffset: 20.46;
}
58% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 88']{
stroke-dasharray: 22.27;
animation: vector88;
stroke-width: 1px
}
@keyframes vector88 {
0% {
stroke-dashoffset: 22.27;
}
53% {
stroke-dashoffset: 22.27;
}
58% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 89']{
stroke-dasharray: 22.07;
animation: vector89;
stroke-width: 2px
}
@keyframes vector89 {
0% {
stroke-dashoffset: 22.07;
}
49% {
stroke-dashoffset: 22.07;
}
55% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 9']{
stroke-dasharray: 130.99;
animation: vector9;
stroke-width: 1px
}
@keyframes vector9 {
0% {
stroke-dashoffset: 130.99;
}
66% {
stroke-dashoffset: 130.99;
}
100% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 90']{
stroke-dasharray: 31.41;
animation: vector90;
stroke-width: 1px
}
@keyframes vector90 {
0% {
stroke-dashoffset: 31.41;
}
44% {
stroke-dashoffset: 31.41;
}
52% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 91']{
stroke-dasharray: 51.01;
animation: vector91;
stroke-width: 1px
}
@keyframes vector91 {
0% {
stroke-dashoffset: 51.01;
}
57% {
stroke-dashoffset: 51.01;
}
70% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 92']{
stroke-dasharray: 79.57;
animation: vector92;
stroke-width: 2px
}
@keyframes vector92 {
0% {
stroke-dashoffset: 79.57;
}
54% {
stroke-dashoffset: 79.57;
}
74% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 93']{
stroke-dasharray: 60.85;
animation: vector93;
stroke-width: 1px
}
@keyframes vector93 {
0% {
stroke-dashoffset: 60.85;
}
75% {
stroke-dashoffset: 60.85;
}
90% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 94']{
stroke-dasharray: 191.99;
animation: vector94;
stroke-width: 1px
}
@keyframes vector94 {
0% {
stroke-dashoffset: 191.99;
}
14% {
stroke-dashoffset: 191.99;
}
62% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 95']{
stroke-dasharray: 203.5;
animation: vector95;
stroke-width: 1px
}
@keyframes vector95 {
0% {
stroke-dashoffset: 203.5;
}
17% {
stroke-dashoffset: 203.5;
}
69% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 96']{
stroke-dasharray: 166.39;
animation: vector96;
stroke-width: 2px
}
@keyframes vector96 {
0% {
stroke-dashoffset: 166.39;
}
17% {
stroke-dashoffset: 166.39;
}
59% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 97']{
stroke-dasharray: 76.93;
animation: vector97;
stroke-width: 1px
}
@keyframes vector97 {
0% {
stroke-dashoffset: 76.93;
}
37% {
stroke-dashoffset: 76.93;
}
56% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 98']{
stroke-dasharray: 63.12;
animation: vector98;
stroke-width: 2px
}
@keyframes vector98 {
0% {
stroke-dashoffset: 63.12;
}
51% {
stroke-dashoffset: 63.12;
}
66% {
stroke-dashoffset: 0;
}
}
#mask > path[id='Vector 99']{
stroke-dasharray: 35.14;
animation: vector99;
stroke-width: 2px
}
@keyframes vector99 {
0% {
stroke-dashoffset: 35.14;
}
55% {
stroke-dashoffset: 35.14;
}
64% {
stroke-dashoffset: 0;
}
}