-
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathspinners-6.json
More file actions
162 lines (162 loc) · 34 KB
/
Copy pathspinners-6.json
File metadata and controls
162 lines (162 loc) · 34 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
{
"201": {
"h": "<div class=\"s201\"></div>",
"c": ".s201,.s201::before{width:48px;height:48px;background:#ff3d00}.s201::after,.s201::before{content:\"\";box-sizing:border-box;position:absolute;box-shadow:0 0 5px rgba(0,0,0,.15)}.s201{display:block;margin:20px auto;position:relative;box-sizing:border-box;animation:1s ease-in-out infinite reverse s201-rotationBack}.s201::before{left:0;top:0;transform:rotate(45deg)}.s201::after{width:32px;height:32px;border-radius:50%;left:50%;top:50%;background:#fff;transform:translate(-50%,-50%)}@keyframes s201-rotationBack{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}"
},
"202": {
"h": "<div class=\"s202\"></div>",
"c": ".s202,.s202::after,.s202::before{box-sizing:border-box;height:60px;background:radial-gradient(ellipse at center,#fff 69%,rgba(0,0,0,0) 70%),linear-gradient(to right,rgba(0,0,0,0) 47%,#fff 48%,#fff 52%,rgba(0,0,0,0) 53%)}.s202{width:60px;display:block;margin:20px auto;position:relative;background-size:20px 20px,20px auto;background-repeat:repeat-x;background-position:center bottom,center -5px}.s202::after,.s202::before{content:\"\";position:absolute;left:-20px;top:0;width:20px;background-size:20px 20px,20px auto;background-repeat:no-repeat;background-position:center bottom,center -5px;transform:rotate(0);transform-origin:50% 0%;animation:1s linear infinite alternate s202-animPend}.s202::after{animation:1s linear infinite alternate s202-animPend2;left:100%}@keyframes s202-animPend{0%{transform:rotate(22deg)}50%{transform:rotate(0)}}@keyframes s202-animPend2{0%,55%{transform:rotate(0)}100%{transform:rotate(-22deg)}}"
},
"203": {
"h": "<div class=\"s203\"></div>",
"c": ".s203::after,.s203::before{content:\"\";left:50%;position:absolute;transform:translateX(-50%)}.s203{width:4px;height:86px;background:#fff;margin:auto;position:relative;animation:1s linear infinite alternate s203-shake,1s linear infinite lightup;transform-origin:0 0}.s203::before{top:100%;width:32px;height:16px;box-sizing:border-box;border:5px solid #ff3d00;border-top:none;border-radius:0 0 20px 20px}.s203::after{bottom:0;width:64px;height:32px;border-radius:50px 50px 0 0;background:#fff}@keyframes s203-shake{0%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}@keyframes s203-lightup{0%,20%,40%{opacity:0}10%,100%,30%,50%{opacity:1}}"
},
"204": {
"h": "<div class=\"s204\"></div>",
"c": ".s204::after,.s204::before{content:\"\";box-sizing:border-box;position:absolute;height:6px}.s204{width:24px;height:80px;display:block;margin:35px auto 0;border:1px solid #fff;border-radius:0 0 50px 50px;position:relative;box-shadow:0 0 #ff3d00 inset;background-image:linear-gradient(#ff3d00 100px,transparent 0);background-position:0 0;background-size:22px 80px;background-repeat:no-repeat;box-sizing:border-box;animation:6s linear infinite s204-anims204}.s204::after{top:-6px;left:50%;transform:translateX(-50%);border:1px solid #fff;border-radius:50%;width:28px}.s204::before{left:0;bottom:-4px;border-radius:50%;width:6px;animation:6s linear infinite s204-anims2041}@keyframes s204-anims204{0%{background-position:0 80px}100%{background-position:0 0}}@keyframes s204-anims2041{0%{box-shadow:4px -10px rgba(255,255,255,0),6px 0 rgba(255,255,255,0),8px -15px rgba(255,255,255,0),12px 0 rgba(255,255,255,0)}20%{box-shadow:4px -20px rgba(255,255,255,0),8px -10px rgba(255,255,255,0),10px -30px rgba(255,255,255,.5),15px -5px rgba(255,255,255,0)}40%{box-shadow:2px -40px rgba(255,255,255,.5),8px -30px rgba(255,255,255,.4),8px -60px rgba(255,255,255,.5),12px -15px rgba(255,255,255,.5)}60%{box-shadow:4px -60px rgba(255,255,255,.5),6px -50px rgba(255,255,255,.4),10px -90px rgba(255,255,255,.5),15px -25px rgba(255,255,255,.5)}80%{box-shadow:2px -80px rgba(255,255,255,.5),4px -70px rgba(255,255,255,.4),8px -120px rgba(255,255,255,0),12px -35px rgba(255,255,255,.5)}100%{box-shadow:4px -100px rgba(255,255,255,0),8px -90px rgba(255,255,255,0),10px -120px rgba(255,255,255,0),15px -45px rgba(255,255,255,0)}}"
},
"205": {
"h": "<div class=\"s205\"></div>",
"c": ".s205::after,.s205::before{content:\"\";box-sizing:border-box;left:50%;position:absolute}.s205{width:64px;height:64px;display:block;border:1px solid #fff;border-radius:50px;position:relative;box-shadow:0 0 #ff3d00 inset;background-color:#fff;background-image:linear-gradient(#ff3d00 100px,transparent 0);background-position:0 20px;background-size:100% auto;background-repeat:no-repeat;box-sizing:border-box}.s205::after{top:0;transform:translate(-50% ,-95%);border:2px solid #fff;border-bottom:none;background:#fff;width:15px;height:35px}.s205::before{transform:translateX(-125%);bottom:-4px;border-radius:50%;width:6px;height:6px;z-index:10;animation:6s linear infinite s205-bubbles}@keyframes s205-bubbles{0%{box-shadow:4px -10px rgba(255,0,0,0),6px 0 rgba(255,0,0,0),8px -15px rgba(255,0,0,0),12px 0 rgba(255,0,0,0)}20%{box-shadow:4px -20px rgba(255,0,0,0),8px -10px rgba(255,0,0,0),10px -30px rgba(255,255,255,.5),15px -5px rgba(255,0,0,0)}40%{box-shadow:2px -40px rgba(255,255,255,.5),8px -30px rgba(255,0,0,.4),8px -60px rgba(255,255,255,.5),12px -15px rgba(255,255,255,.5)}60%{box-shadow:4px -60px rgba(255,255,255,.5),6px -50px rgba(255,0,0,.4),10px -90px rgba(255,255,255,.5),15px -25px rgba(255,255,255,.5)}80%{box-shadow:2px -80px rgba(255,0,0,.5),4px -70px rgba(255,0,0,.4),8px -120px rgba(255,0,0,0),12px -35px rgba(255,0,0,.5)}100%{box-shadow:4px -100px rgba(255,0,0,0),8px -90px rgba(255,0,0,0),10px -120px rgba(255,0,0,0),15px -45px rgba(255,0,0,0)}}"
},
"206": {
"h": "<div class=\"s206\"></div>",
"c": ".s206{position:relative;width:120px;height:120px;border-radius:50%;box-shadow:inset 0 0 20px -5px rgba(255,255,255,.5),inset 0 -40px 40px -20px rgba(255,255,255,.5);background:linear-gradient(#ff3d00 120px,transparent 0) no-repeat;background-position:0 120px;animation:10s linear infinite alternate s206-fillLq}.s206:before{position:absolute;content:\"\";width:40%;height:25%;top:20px;left:10px;background:rgba(255,255,255,.1);border-radius:50%;transform:rotate(-45deg)}@keyframes s206-fillLq{0%,10%{background-position:0 120px}100%,90%{background-position:0 0}}"
},
"207": {
"h": "<div class=\"s207\"></div>",
"c": ".s207,.s207::before{box-sizing:border-box}.s207{width:20px;height:20px;display:block;margin:80px auto 20px;border-radius:50%;background:#ff3d00;border:5px solid #fff;position:relative}.s207::before{content:\"\";position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:8px;height:80px;border:2px solid #fff;border-bottom:none;background:#fff;color:#ff3d00;border-radius:50px 50px 0 0;box-shadow:0 0 inset;animation:6s linear infinite s207-anims207}@keyframes s207-anims207{0%{box-shadow:0 0 inset}100%{box-shadow:0 -80px inset}}"
},
"208": {
"h": "<div class=\"s208\"></div>",
"c": ".s208:after,.s208:before{animation:5s linear infinite s208-wave}.s208{width:150px;height:150px;background-color:#ff3d00;border-radius:50%;position:relative;box-shadow:0 0 30px 4px rgba(0,0,0,.5) inset,0 5px 12px rgba(0,0,0,.15);overflow:hidden}.s208:after,.s208:before{content:\"\";position:absolute;width:100%;height:100%;border-radius:45%;top:-40%;background-color:#fff}.s208:before{border-radius:30%;background:rgba(255,255,255,.4)}@keyframes s208-wave{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"
},
"209": {
"h": "<div class=\"s209\"></div>",
"c": ".s209:after,.s209:before{content:\"\";position:absolute;top:50%;width:12px;height:12px;box-sizing:content-box}.s209,.s209:after,.s209:before{box-sizing:content-box}.s209{width:96px;height:48px;background:#fff;border-color:#de3500;border-style:solid;border-width:2px 2px 50px;border-radius:100%;position:relative}.s209:before{left:0;background:#fff;border:18px solid #de3500;border-radius:100%}.s209:after{left:50%;background:#de3500;border:18px solid #fff;border-radius:100%}@keyframes s209-yinYang{100%{transform:rotate(360deg)}}"
},
"210": {
"h": "<div class=\"s210\"></div>",
"c": ".s210{width:48px;height:78px;box-sizing:border-box;border:2px solid #fff;position:relative;border-radius:50%/25%}.s210::before{content:\"\";position:absolute;left:50%;top:0;transform:translate(-50% ,50%);width:10px;height:10px;background:#fff;border-radius:50%;animation:1s ease-out infinite s210-fadeDown}@keyframes s210-fadeDown{0%{top:0;opacity:1}100%{top:60%;opacity:0}}"
},
"211": {
"h": "<div class=\"s211\"></div>",
"c": ".s211{width:48px;height:78px;position:relative;box-sizing:border-box;border:2px solid #fff;margin:auto;border-radius:50%/25%}.s211::before{content:\"\";position:absolute;left:50%;top:20px;transform:translateX(-50%);width:4px;height:4px;background:#fff;border-radius:10px;animation:1.5s linear infinite s211-scrollDown}@keyframes s211-scrollDown{0%{top:15px;height:4px;opacity:1}33%{top:15px;height:40px}66%{top:50px;height:10px;opacity:1}100%{top:56px;height:4px;opacity:0}}"
},
"212": {
"h": "<div class=\"s212\"></div>",
"c": ".s212::after,.s212::before{content:\"\";top:0;position:absolute}.s212{width:48px;height:86px;position:relative}.s212::before{left:50%;transform:translate(-50% ,50%);width:10px;height:10px;background:#fff;border-radius:50%;animation:1s ease-in infinite alternate s212-bounce}.s212::after{left:0;width:48px;height:86px;box-sizing:border-box;border:2px solid #fff;border-radius:50%/25%;animation:1s ease-in infinite alternate s212-kick}@keyframes s212-bounce{0%{top:0;opacity:1}100%{top:75%;opacity:.2}}@keyframes s212-kick{0%,75%{height:86px}100%{height:78px}}"
},
"213": {
"h": "<div class=\"s213\"></div>",
"c": ".s213,.s213::after{box-sizing:border-box}.s213{width:180px;height:140px;display:block;margin:0 auto 20px;background-image:radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),radial-gradient(circle 50px at 50px 50px,#fff 100%,transparent 0),radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),radial-gradient(circle 15px at 15px 15px,#fff 100%,transparent 0),linear-gradient(#fff 50px,transparent 0);background-size:50px 50px,100px 75px,50px 50px,30px 32px,136px 20px;background-repeat:no-repeat;background-position:0 30px,30px 0,113px 29px,147px 50px,23px 60px;position:relative}.s213::after{content:\"\";position:absolute;left:2px;top:65px;width:2px;height:6px;color:#fff;animation:.6s linear infinite s213-anims213}@keyframes s213-anims213{0%{box-shadow:25px 0 #fff,50px 0 #fff,75px 0 #fff,100px 0 #fff,125px 0 #fff,150px 0 #fff,25px 0 #fff,50px 0 #fff,75px 0 #fff,100px 0 #fff,125px 0 #fff,150px 0 #fff}50%{box-shadow:25px 20px #fff,50px 60px rgba(255,255,255,0),75px 30px rgba(255,255,255,0),100px 70px rgba(255,255,255,0),125px 40px #fff,150px 60px rgba(255,255,255,0),25px 20px #fff,50px 30px #fff,75px 10px #fff,100px 30px #fff,125px 30px rgba(255,255,255,0),150px 30px rgba(255,255,255,0)}100%{box-shadow:25px 60px rgba(255,255,255,0),50px 60px rgba(255,255,255,0),75px 50px rgba(255,255,255,0),100px 70px rgba(255,255,255,0),125px 70px rgba(255,255,255,0),150px 60px rgba(255,255,255,0),25px 80px rgba(255,255,255,0),50px 80px rgba(255,255,255,0),75px 70px rgba(255,255,255,0),100px 60px rgba(255,255,255,0),125px 30px rgba(255,255,255,0),150px 30px rgba(255,255,255,0)}}"
},
"214": {
"h": "<div class=\"s214\"></div>",
"c": ".s214::after,.s214::before{content:\"\";left:50%;transform:translate(-50%,0);position:absolute;box-sizing:border-box;animation:1s linear infinite s214-fadePush}.s214{width:175px;height:80px;display:block;margin:auto;background-image:radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),radial-gradient(circle 50px at 50px 50px,#fff 100%,transparent 0),radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),linear-gradient(#fff 50px,transparent 0);background-size:50px 50px,100px 76px,50px 50px,120px 40px;background-position:0 30px,37px 0,122px 30px,25px 40px;background-repeat:no-repeat;position:relative;box-sizing:border-box}.s214::after{bottom:0;border:15px solid transparent;border-top-color:#ff3d00}.s214::before{bottom:30px;width:15px;height:15px;background:#ff3d00}@keyframes s214-fadePush{0%{transform:translate(-50%,-15px);opacity:0}50%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,15px);opacity:0}}"
},
"215": {
"h": "<div class=\"s215\"></div>",
"c": ".s215::after,.s215::before{content:\"\";left:50%;transform:translate(-50%,0);position:absolute;box-sizing:border-box;animation:1s linear infinite s215-fadePull}.s215{width:175px;height:80px;display:block;margin:auto;background-image:radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),radial-gradient(circle 50px at 50px 50px,#fff 100%,transparent 0),radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),linear-gradient(#fff 50px,transparent 0);background-size:50px 50px,100px 76px,50px 50px,120px 40px;background-position:0 30px,37px 0,122px 30px,25px 40px;background-repeat:no-repeat;position:relative;box-sizing:border-box}.s215::after{bottom:30px;border:15px solid transparent;border-bottom-color:#ff3d00}.s215::before{bottom:15px;width:15px;height:15px;background:#ff3d00}@keyframes s215-fadePull{0%{transform:translate(-50%,15px);opacity:0}50%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,-15px);opacity:0}}"
},
"216": {
"h": "<div class=\"s216\"></div>",
"c": ".s216,.s216::after{margin:auto;box-sizing:border-box}.s216{width:175px;height:80px;display:block;background-image:radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),radial-gradient(circle 50px at 50px 50px,#fff 100%,transparent 0),radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),linear-gradient(#fff 50px,transparent 0);background-size:50px 50px,100px 76px,50px 50px,120px 40px;background-position:0 30px,37px 0,122px 30px,25px 40px;background-repeat:no-repeat;position:relative}.s216::after{content:\"\";left:0;right:0;bottom:20px;position:absolute;width:36px;height:36px;border-radius:50%;border:5px solid transparent;border-color:#ff3d00 transparent;animation:1s linear infinite s216-rotation}@keyframes s216-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"
},
"217": {
"h": "<div class=\"s217\"></div>",
"c": ".s217::after,.s217::before{content:\"\";position:absolute;border-radius:50%;background-color:#ff3d00}.s217,.s217::after,.s217::before{background-repeat:no-repeat;box-sizing:border-box}.s217{width:175px;height:80px;display:block;margin:auto;background-image:radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),radial-gradient(circle 50px at 50px 50px,#fff 100%,transparent 0),radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),linear-gradient(#fff 50px,transparent 0);background-size:50px 50px,100px 76px,50px 50px,120px 40px;background-position:0 30px,37px 0,122px 30px,25px 40px;position:relative}.s217::before{left:60px;bottom:18px;width:36px;height:36px;background-image:radial-gradient(circle 8px at 18px 18px,#fff 100%,transparent 0),radial-gradient(circle 4px at 18px 0,#fff 100%,transparent 0),radial-gradient(circle 4px at 0 18px,#fff 100%,transparent 0),radial-gradient(circle 4px at 36px 18px,#fff 100%,transparent 0),radial-gradient(circle 4px at 18px 36px,#fff 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,#fff 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,#fff 100%,transparent 0),radial-gradient(circle 4px at 30px 30px,#fff 100%,transparent 0),radial-gradient(circle 4px at 5px 30px,#fff 100%,transparent 0),radial-gradient(circle 4px at 5px 5px,#fff 100%,transparent 0);animation:3s linear infinite s217-rotationBack}.s217::after{left:94px;bottom:15px;width:24px;height:24px;background-image:radial-gradient(circle 5px at 12px 12px,#fff 100%,transparent 0),radial-gradient(circle 2.5px at 12px 0,#fff 100%,transparent 0),radial-gradient(circle 2.5px at 0 12px,#fff 100%,transparent 0),radial-gradient(circle 2.5px at 24px 12px,#fff 100%,transparent 0),radial-gradient(circle 2.5px at 12px 24px,#fff 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,#fff 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,#fff 100%,transparent 0),radial-gradient(circle 2.5px at 20px 20px,#fff 100%,transparent 0),radial-gradient(circle 2.5px at 3px 20px,#fff 100%,transparent 0),radial-gradient(circle 2.5px at 3px 3px,#fff 100%,transparent 0);animation:4s linear infinite reverse s217-rotationBack}@keyframes s217-rotationBack{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}"
},
"218": {
"h": "<div class=\"s218\"></div>",
"c": ".s218,.s218::after{background-repeat:no-repeat;box-sizing:border-box}.s218{width:175px;height:80px;display:block;margin:auto;background-image:linear-gradient(#263238 50px,transparent 0),radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),radial-gradient(circle 50px at 50px 50px,#fff 100%,transparent 0),radial-gradient(circle 25px at 25px 25px,#fff 100%,transparent 0),linear-gradient(#fff 50px,transparent 0);background-size:64px 6px,50px 50px,100px 76px,50px 50px,120px 40px;background-position:55px 60px,0 30px,37px 0,122px 30px,25px 40px;position:relative}.s218::after{content:\"\";position:absolute;left:50%;transform:translateX(-50%) rotate(-180deg);top:62px;height:64px;width:60px;background-color:#fff;background-image:linear-gradient(#ddd 20px,transparent 0),linear-gradient(#ddd 5px,transparent 0),linear-gradient(#ddd 10px,transparent 0),linear-gradient(#ddd 10px,transparent 0);background-size:50px 20px;background-position:5px 36px,5px 25px,5px 10px;border-radius:2px 2px 4px 4px;z-index:10;box-shadow:0 -4px 7px rgba(0,0,0,.5);animation:4s linear infinite s218-anims218}@keyframes s218-anims218{0%{height:64px}100%,90%{height:0}}"
},
"219": {
"h": "<div class=\"s219\"></div>",
"c": ".s219,.s219::after{background:currentColor;box-sizing:border-box}.s219{width:48px;height:24px;color:#fff;border-radius:50% 50% 0 0;position:relative;display:block;margin:60px auto 0;animation:4s linear infinite s219-anims219}.s219::after{content:\"\";position:absolute;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;top:-34px;animation:4s linear infinite s219-anims2191}@keyframes s219-anims219{0%{box-shadow:0 0 0 -2px,0 0 0 -2px,0 0 0 -5px,0 0 0 -5px}20%{box-shadow:40px -1px 0 -2px,0 0 0 -2px,40px -1px 0 -5px,0 0 0 -5px}40%{box-shadow:40px -1px 0 -2px,-40px -1px 0 -2px,40px -1px 0 -5px,-40px -1px 0 -5px}60%{box-shadow:40px -1px 0 -2px,-40px -1px 0 -2px,23px -29px 0 -5px,-40px -1px 0 -5px}80%,95%{box-shadow:40px -1px 0 -2px,-40px -1px 0 -2px,23px -29px 0 -5px,-23px -29px 0 -5px}100%{box-shadow:40px -1px 0 -2px rgba(255,255,255,0),-40px -1px 0 -2px rgba(255,255,255,0),23px -29px 0 -5px rgba(255,255,255,0),-23px -29px 0 -5px rgba(255,255,255,0)}}@keyframes s219-anims2191{0%{box-shadow:0 0 0 -2px,0 0 0 -2px,0 0 0 -5px,0 0 0 -5px}20%{box-shadow:40px 2px 0 -2px,0 0 0 -2px,40px 2px 0 -5px,0 0 0 -5px}40%{box-shadow:40px 2px 0 -2px,-40px 2px 0 -2px,40px 2px 0 -5px,-40px 2px 0 -5px}60%{box-shadow:40px 2px 0 -2px,-40px 2px 0 -2px,23px -23px 0 -5px,-40px 2px 0 -5px}80%,95%{box-shadow:40px 2px 0 -2px,-40px 2px 0 -2px,23px -23px 0 -5px,-23px -23px 0 -5px}100%{box-shadow:40px 2px 0 -2px rgba(255,255,255,0),-40px 2px 0 -2px rgba(255,255,255,0),23px -23px 0 -5px rgba(255,255,255,0),-23px -23px 0 -5px rgba(255,255,255,0)}}"
},
"220": {
"h": "<div class=\"s220\"></div>",
"c": ".s220,.s220::after,.s220::before{height:56px;background-repeat:no-repeat;box-sizing:border-box}.s220{width:106px;display:block;margin:30px auto;background-image:linear-gradient(#fff 50px,transparent 0),linear-gradient(#fff 50px,transparent 0),linear-gradient(#fff 50px,transparent 0),linear-gradient(#fff 50px,transparent 0),radial-gradient(circle 14px,#fff 100%,transparent 0);background-size:48px 15px,15px 35px,15px 35px,25px 15px,28px 28px;background-position:25px 5px,58px 20px,25px 17px,2px 37px,76px 0;position:relative;transform:rotate(-45deg)}.s220::after,.s220::before{content:\"\";position:absolute;width:56px;border:6px solid #fff;border-radius:50%;left:-45px;top:-10px;background-image:linear-gradient(#fff 64px,transparent 0),linear-gradient(#fff 66px,transparent 0),radial-gradient(circle 4px,#fff 100%,transparent 0);background-size:40px 1px,1px 40px,8px 8px;background-position:center center;animation:.3s linear infinite s220-rotation}.s220::before{left:25px;top:60px}@keyframes s220-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"
},
"221": {
"h": "<div class=\"s221\"></div>",
"c": ".s221::after,.s221::before{content:\"\";position:absolute}.s221{position:relative;width:164px;height:164px;border-radius:50%;animation:.75s linear infinite s221-rotate}.s221::before{width:20px;height:40px;border:1px solid #ff3d00;border-width:12px 2px 7px;border-radius:2px 2px 1px 1px;box-sizing:border-box;transform:rotate(45deg) translate(24px,-10px);background-image:linear-gradient(#ff3d00 20px,transparent 0),linear-gradient(#ff3d00 30px,transparent 0),linear-gradient(#ff3d00 30px,transparent 0);background-size:10px 12px,1px 30px,1px 30px;background-repeat:no-repeat;background-position:center,12px 0,3px 0}.s221::after{height:4px;width:4px;left:20px;top:47px;border-radius:50%;color:#fff;box-shadow:-4px 7px 2px,-7px 16px 3px 1px,-11px 24px 4px 1px,-6px 24px 4px 1px,-14px 35px 6px 2px,-5px 36px 8px 2px,-5px 45px 8px 2px,-14px 49px 8px 2px,6px 60px 11px 1px,-11px 66px 11px 1px,11px 75px 13px,-1px 82px 15px}@keyframes s221-rotate{to{transform:rotate(360deg)}}"
},
"222": {
"h": "<div class=\"s222\"></div>",
"c": ".s222{position:relative;animation:3s ease-in infinite alternate s222-flix}.s222:before{content:\"\";display:block;font-size:0;width:48px;height:48px;background-color:#fff;background-image:radial-gradient(circle 12px at 22px 22px,#ff3d00 100%,transparent 0),radial-gradient(circle 10px at 6px 40px,#ff3d00 100%,transparent 0),radial-gradient(circle 14px at 31px -6px,#ff3d00 100%,transparent 0),radial-gradient(circle 5px at 40px 30px,#ff3d00 100%,transparent 0);border-radius:50%;animation:1s linear infinite s222-rotate}.s222:after{content:\"\";position:absolute;top:0;transform:translate(-50% ,-100%);left:50%;width:24px;height:12px;background:#fff;border-radius:50px 50px 0 0}@keyframes s222-flix{0%,60%{transform:rotate(-10deg)}100%,30%,80%{transform:rotate(5deg)}}@keyframes s222-rotate{100%{transform:rotate(360deg)}}"
},
"223": {
"h": "<div class=\"s223\"></div>",
"c": ".s223::after,.s223::before{content:\"\";position:absolute;left:50%;box-sizing:border-box}.s223,.s223::after,.s223::before{box-sizing:border-box}.s223{width:32px;height:90px;display:block;margin:20px auto;position:relative;border-radius:50% 50% 0 0;border-bottom:10px solid #ff3d00;background-color:#fff;background-image:radial-gradient(ellipse at center,#fff 34%,#ff3d00 35%,#ff3d00 54%,#fff 55%),linear-gradient(#ff3d00 10px,transparent 0);background-size:28px 28px;background-position:center 20px,center 2px;background-repeat:no-repeat;animation:1s linear infinite alternate s223-anims223Back}.s223::before{transform:translateX(-50%);width:64px;height:44px;border-radius:50%;box-shadow:0 15px #ff3d00 inset;top:67px}.s223::after{transform:translateX(-50%) rotate(45deg);width:34px;height:34px;top:112%;background:radial-gradient(ellipse at center,#ffdf00 8%,rgba(249,62,0,.6) 24%,rgba(0,0,0,0) 100%);border-radius:50% 50% 0;background-repeat:no-repeat;background-position:-44px -44px;background-size:100px 100px;box-shadow:4px 4px 12px 0 rgba(255,61,0,.5);animation:1s linear infinite alternate s223-anims223}@keyframes s223-anims223Back{0%,30%,70%{transform:translateY(0)}100%,20%,40%{transform:translateY(-5px)}}@keyframes s223-anims223{0%{box-shadow:4px 4px 12px 2px rgba(255,61,0,.75);width:34px;height:34px;background-position:-44px -44px;background-size:100px 100px}100%{box-shadow:2px 2px 8px 0 rgba(255,61,0,.5);width:30px;height:28px;background-position:-36px -36px;background-size:80px 80px}}"
},
"224": {
"h": "<div class=\"s224\"></div>",
"c": ".s224:after,.s224:before{content:\"\";position:absolute}.s224{position:relative;width:130px;height:100px;background-repeat:no-repeat;background-image:linear-gradient(#0277bd,#0277bd),linear-gradient(#29b6f6,#4fc3f7),linear-gradient(#29b6f6,#4fc3f7);background-size:80px 70px,30px 50px,30px 30px;background-position:0 0,80px 20px,100px 40px}.s224:after{bottom:10px;left:12px;width:10px;height:10px;background:#fff;border-radius:50%;box-sizing:content-box;border:10px solid #000;box-shadow:78px 0 0 -10px #fff,78px 0 #000;animation:.75s ease-in infinite alternate s224-wheelSk}.s224:before{right:100%;top:0;height:70px;width:70px;background-image:linear-gradient(#fff 45px,transparent 0),linear-gradient(#fff 45px,transparent 0),linear-gradient(#fff 45px,transparent 0);background-repeat:no-repeat;background-size:30px 4px;background-position:0 11px,8px 35px,0 60px;animation:.75s linear infinite s224-lineDropping}@keyframes s224-wheelSk{0%,100%,50%{transform:translatey(0)}30%,90%{transform:translatey(-3px)}}@keyframes s224-lineDropping{0%{background-position:100px 11px,115px 35px,105px 60px;opacity:1}50%{background-position:0 11px,20px 35px,5px 60px}60%{background-position:-30px 11px,0 35px,-10px 60px}100%,75%{background-position:-30px 11px,-30px 35px,-30px 60px;opacity:0}}"
},
"225": {
"h": "<div class=\"s225\"></div>",
"c": ".s225{width:100px;height:4.8px;display:inline-block;position:relative;background:rgba(255,255,255,.15);overflow:hidden}.s225::after{content:\"\";width:30px;height:4.8px;background:#fff;position:absolute;top:0;left:0;box-sizing:border-box;animation:1s linear infinite alternate s225-hitZak}@keyframes s225-hitZak{0%{left:0;transform:translateX(-1%)}100%{left:100%;transform:translateX(-99%)}}"
},
"226": {
"h": "<div class=\"s226\"></div>",
"c": ".s226{width:100px;height:4.8px;display:inline-block;position:relative;background:rgba(255,255,255,.15);overflow:hidden}.s226::after{content:\"\";width:192px;height:4.8px;background:#fff;position:absolute;top:0;left:0;box-sizing:border-box;animation:2s linear infinite s226-anims226}@keyframes s226-anims226{0%{left:0;transform:translateX(-100%)}100%{left:100%;transform:translateX(0)}}"
},
"227": {
"h": "<div class=\"s227\"></div>",
"c": ".s227{width:100px;height:4.8px;display:inline-block;position:relative;background:rgba(255,255,255,.15);overflow:hidden}.s227::after{content:\"\";box-sizing:border-box;width:0;height:4.8px;background:#fff;position:absolute;top:0;left:0;animation:10s linear infinite s227-animFw}@keyframes s227-animFw{0%{width:0}100%{width:100%}}"
},
"228": {
"h": "<div class=\"s228\"></div>",
"c": ".s228,.s228::after,.s228::before{background:#fff;box-sizing:border-box}.s228{width:0;height:4.8px;display:inline-block;position:relative;box-shadow:0 0 10px rgba(255,255,255,.5);animation:8s linear infinite s228-fw}.s228::after,.s228::before{content:\"\";width:10px;height:1px;position:absolute;top:9px;right:-2px;opacity:0;transform:rotate(-45deg) translateX(0);animation:.3s linear infinite s228-c1}.s228::before{top:-4px;transform:rotate(45deg);animation:.3s linear infinite s228-c2}@keyframes s228-fw{0%{width:0}100%{width:100px}}@keyframes s228-c1{0%{transform:rotate(-45deg) translateX(0);opacity:.7}100%{transform:rotate(-45deg) translateX(-45px);opacity:0}}@keyframes s228-c2{0%{transform:rotate(45deg) translateX(0);opacity:1}100%{transform:rotate(45deg) translateX(-45px);opacity:.7}}"
},
"229": {
"h": "<div class=\"s229\"></div>",
"c": ".s229{width:100px;height:4.8px;display:inline-block;position:relative;overflow:hidden}.s229::after{content:\"\";width:30px;height:4.8px;background:#fff;position:absolute;top:0;left:0;box-sizing:border-box;animation:.6s ease-in-out infinite alternate s229-hitZak}@keyframes s229-hitZak{0%{left:0;transform:translateX(-1%)}100%{left:100%;transform:translateX(-99%)}}"
},
"230": {
"h": "<div class=\"s230\"></div>",
"c": ".s230{width:100px;height:4.8px;display:inline-block;background:rgba(255,255,255,.15);position:relative;overflow:hidden}.s230::after{content:\"\";width:0%;height:4.8px;background-color:#fff;background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);background-size:15px 15px;position:absolute;top:0;left:0;box-sizing:border-box;animation:6s ease-in infinite s230-animFw}@keyframes s230-animFw{0%{width:0}100%{width:100%}}"
},
"231": {
"h": "<div class=\"s231\"></div>",
"c": ".s231{width:100px;height:4.8px;display:inline-block;background:rgba(255,255,255,.15);position:relative;overflow:hidden}.s231::after{content:\"\";width:0%;height:4.8px;background-color:#fff;font-size:15px;background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);background-size:1em 1em;position:absolute;top:0;left:0;box-sizing:border-box;animation:10s ease-in infinite s231-animFw,1s linear infinite barStripe}@keyframes s231-barStripe{0%{background-position:1em 0}100%{background-position:0 0}}@keyframes s231-animFw{0%{width:0}100%{width:100%}}"
},
"232": {
"h": "<div class=\"s232\"></div>",
"c": ".s232::after,.s232::before{content:\"\";box-sizing:border-box;height:100%;position:absolute;top:0;left:0}.s232{width:100px;height:8px;display:inline-block;position:relative;overflow:hidden}.s232::before{width:100%;background-color:rgba(255,255,255,.15);background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);background-size:15px 15px;z-index:10}.s232::after{width:0%;background-color:#fff;border-radius:0 4px 4px 0;animation:10s ease-in infinite s232-animFw}@keyframes s232-animFw{0%{width:0}100%{width:100%}}"
},
"233": {
"h": "<div class=\"s233\"></div>",
"c": ".s233{width:100px;height:12px;display:inline-block;background-color:#fff;background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);font-size:30px;background-size:1em 1em;box-sizing:border-box;animation:1s linear infinite s233-barStripe}@keyframes s233-barStripe{0%{background-position:1em 0}100%{background-position:0 0}}"
},
"234": {
"h": "<div class=\"s234\"></div>",
"c": ".s234{width:96px;height:16px;display:inline-block;background-color:#fff;border:1px solid #fff;border-radius:4px;background-image:linear-gradient(45deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);font-size:30px;background-size:1em 1em;box-sizing:border-box;animation:1s linear infinite s234-barStripe}@keyframes s234-barStripe{0%{background-position:1em 0}100%{background-position:0 0}}"
},
"235": {
"h": "<div class=\"s235\"></div>",
"c": ".s235{display:block;position:relative;height:12px;width:80px;border:1px solid #fff;border-radius:10px;overflow:hidden}.s235:after{content:\"\";position:absolute;left:0;top:0;height:100%;width:0;background:#ff3d00;animation:6s ease-in infinite s235-grow}@keyframes s235-grow{to{width:100%}}"
},
"236": {
"h": "<div class=\"s236\"></div>",
"c": ".s236{display:block;position:relative;height:12px;width:80px;border:1px solid #fff;border-radius:10px;overflow:hidden}.s236::after{content:\"\";width:40%;height:100%;background:#ff3d00;position:absolute;top:0;left:0;box-sizing:border-box;animation:2s linear infinite s236-load}@keyframes s236-load{0%{left:0;transform:translateX(-100%)}100%{left:100%;transform:translateX(0)}}"
},
"237": {
"h": "<div class=\"s237\"></div>",
"c": ".s237{display:block;position:relative;height:25px;width:200px;background:#fff;overflow:hidden}.s237:after{content:\"\";position:absolute;left:0;top:0;height:100%;width:0;background:#ff3d00;animation:6s ease-in infinite s237-grow}@keyframes s237-grow{to{width:100%}}"
},
"238": {
"h": "<div class=\"s238\"></div>",
"c": ".s238::before,.s238:after{content:\"\";position:absolute;left:0;top:0;height:100%}.s238{display:block;position:relative;height:32px;width:200px;background:#fff;border:2px solid #fff;color:red;overflow:hidden}.s238::before{background:red;width:0;animation:10s linear infinite s238-loading}.s238:after{width:100%;text-align:center;font-size:24px;line-height:32px;color:#0ff;mix-blend-mode:difference;animation:10s linear infinite s238-percentage}@keyframes s238-loading{0%{width:0}100%{width:100%}}@keyframes s238-percentage{0%{content:\"0%\"}5%{content:\"5%\"}10%{content:\"10%\"}20%{content:\"20%\"}30%{content:\"30%\"}40%{content:\"40%\"}50%{content:\"50%\"}60%{content:\"60%\"}70%{content:\"70%\"}80%{content:\"80%\"}90%{content:\"90%\"}95%{content:\"95%\"}96%{content:\"96%\"}97%{content:\"97%\"}98%{content:\"98%\"}99%{content:\"99%\"}100%{content:\"100%\"}}"
},
"239": {
"h": "<div class=\"s239\"></div>",
"c": ".s239{display:block;position:relative;height:32px;width:140px;border:3px solid #fff;border-radius:20px;box-sizing:border-box}.s239:before{content:\"\";position:absolute;left:0;bottom:0;width:26px;height:26px;border-radius:50%;background:#ff3d00;animation:2s ease-in-out infinite alternate s239-ballbns}@keyframes s239-ballbns{0%{left:0;transform:translateX(0)}100%{left:100%;transform:translateX(-100%)}}"
},
"240": {
"h": "<div class=\"s240\"></div>",
"c": ".s240{display:block;position:relative;height:32px;width:150px;box-sizing:border-box;overflow:hidden;border:2px solid #fff;border-radius:20px}.s240:before{content:\"\";position:absolute;left:0;bottom:2px;width:24px;height:24px;border-radius:50%;background:#ff3d00;animation:3s ease-in-out infinite s240-ballbns}@keyframes s240-ballbns{0%{left:0;transform:translateX(0);box-shadow:-5px 0 0 -1px rgba(255,61,0,.9),-10px 0 0 -2px rgba(255,61,0,.8),-15px 0 0 -4px rgba(255,61,0,.6),-20px 0 0 -6px rgba(255,61,0,.4),-25px 0 0 -8px rgba(255,61,0,.2)}49%{left:100%;transform:translateX(-100%);box-shadow:-5px 0 0 -1px rgba(255,61,0,.9),-10px 0 0 -2px rgba(255,61,0,.8),-15px 0 0 -4px rgba(255,61,0,.6),-20px 0 0 -6px rgba(255,61,0,.4),-25px 0 0 -8px rgba(255,61,0,.2)}51%{left:100%;transform:translateX(-100%);box-shadow:5px 0 0 -1px rgba(255,61,0,.9),10px 0 0 -2px rgba(255,61,0,.8),15px 0 0 -4px rgba(255,61,0,.6),20px 0 0 -6px rgba(255,61,0,.4),25px 0 0 -8px rgba(255,61,0,.2)}100%{left:0;transform:translateX(0);box-shadow:5px 0 0 -1px rgba(255,61,0,.9),10px 0 0 -2px rgba(255,61,0,.8),15px 0 0 -4px rgba(255,61,0,.6),20px 0 0 -6px rgba(255,61,0,.4),25px 0 0 -8px rgba(255,61,0,.2)}}"
}
}