-
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathspinners-8.json
More file actions
162 lines (162 loc) · 25.7 KB
/
Copy pathspinners-8.json
File metadata and controls
162 lines (162 loc) · 25.7 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
{
"281": {
"h": "<div class=\"s281\"></div>",
"c": ".s281{width:47px;height:47px;position:relative}.s281:after,.s281:before{content:\"\";display:block;border:24px solid;border-color:transparent transparent #fff #fff;position:absolute;left:0;top:0;animation:1.2s ease-in infinite s281-mvx}.s281:before{border-color:#fff #fff transparent transparent;animation-name:mvrx}@keyframes s281-mvx{0%,10%{transform:translate(0 ,0) rotate(0)}30%{transform:translate(-50% ,-50%) rotate(0)}50%{transform:translate(-50% ,-50%) rotate(180deg)}100%,75%{transform:translate(0,0) rotate(180deg)}}@keyframes s281-mvrx{0%,10%{transform:translate(0 ,0) rotate(0)}30%{transform:translate(50% ,50%) rotate(0)}50%{transform:translate(50% ,50%) rotate(180deg)}100%,75%{transform:translate(0,0) rotate(180deg)}}"
},
"282": {
"h": "<div class=\"s282\"></div>",
"c": ".s282{position:relative;border:24px solid;border-color:#fff transparent;animation:2s linear infinite rotate}.s282:after,.s282:before{content:\"\";display:block;border:24px solid transparent;border-left-color:#fff;position:absolute;left:-24px;top:-24px;animation:1s linear infinite s282-mvx}.s282:before{border-color:transparent #fff transparent transparent;animation-name:mvrx;animation-delay:.5s}@keyframes s282-rotate{100%{transform:rotate(360deg)}}@keyframes s282-mvx{20%,80%{transform:translateX(0)}50%{transform:translateX(-50%)}}@keyframes s282-mvrx{20%,80%{transform:translateX(0)}50%{transform:translateX(50%)}}"
},
"283": {
"h": "<div class=\"s283\"></div>",
"c": ".s283{position:relative;border:24px solid;border-color:#fff transparent;animation:2s linear infinite rotate}.s283:after,.s283:before{content:\"\";display:block;border:24px solid transparent;border-left-color:#fff;position:absolute;left:-24px;top:-24px;animation:1s ease-in infinite s283-prix;transform-origin:0% 100%}.s283:before{border-color:transparent #fff transparent transparent;transform-origin:100% 0%;animation-delay:.5s}@keyframes s283-rotate{100%{transform:rotate(360deg)}}@keyframes s283-prix{20%,80%{transform:rotate(0)}50%{transform:rotate(-90deg)}}"
},
"284": {
"h": "<div class=\"s284\"></div>",
"c": ".s284{width:48px;height:48px;position:relative;animation:4s linear infinite rotate}.s284:after,.s284:before{content:\"\";display:block;border:24px solid;border-color:transparent transparent #fff #fff;position:absolute;left:0;top:0;animation:1s ease-in infinite s284-mvx}.s284:before{left:-1px;top:1px;border-color:#ff3d00 #ff3d00 transparent transparent;animation-name:mvrx}@keyframes s284-rotate{100%{transform:rotate(360deg)}}@keyframes s284-mvx{0%,15%{transform:translate(0 ,0) rotate(0)}50%{transform:translate(-50% ,50%) rotate(180deg)}100%{transform:translate(0 ,0) rotate(180deg)}}@keyframes s284-mvrx{0%,15%{transform:translate(0 ,0) rotate(0)}50%{transform:translate(50% ,-50%) rotate(180deg)}100%{transform:translate(0 ,0) rotate(180deg)}}"
},
"285": {
"h": "<div class=\"s285\"></div>",
"c": ".s285{position:relative;width:48px;height:48px}.s285:after,.s285:before{content:\"\";display:block;border:32px solid transparent;border-top-color:#fff;position:absolute;left:0;top:0;animation:2s ease-in infinite s285-weld-rotate}.s285:before{border-color:transparent transparent transparent #ff3d00;animation-delay:.5s}@keyframes s285-weld-rotate{0%,25%{transform:rotate(0)}50%,75%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}"
},
"286": {
"h": "<div class=\"s286\"></div>",
"c": ".s286{position:relative;width:48px;height:48px}.s286:after,.s286:before{content:\"\";display:block;border:32px solid transparent;border-top-color:#fff;position:absolute;left:0;top:0;animation:2s ease-in infinite s286-weld-rotate}.s286:before{border-color:transparent transparent transparent #ff3d00;animation-delay:.5s;animation-direction:reverse}@keyframes s286-weld-rotate{0%,25%{transform:rotate(0)}50%,75%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}"
},
"287": {
"h": "<div class=\"s287\"></div>",
"c": ".s287:after,.s287:before{height:24px;position:absolute}.s287{position:relative;width:48px;height:48px}.s287:before{content:\"\";border-left:24px solid #fff;border-right:24px solid #fff;width:0;left:50%;transform:translateX(-50%);top:0;animation:1s linear infinite alternate s287-splitX}.s287:after{content:\"\";width:48px;background:#fff;left:0;bottom:0;animation:1s linear infinite alternate moveY}@keyframes s287-splitX{0%{width:0;transform:translate(-50% ,0)}33%{width:100%;transform:translate(-50% ,0)}66%{width:100%;transform:translate(-50% ,24px)}100%{width:0;transform:translate(-50% ,24px)}}@keyframes s287-moveY{0%,33%{transform:translateY(0)}100%,66%{transform:translateY(-24px)}}"
},
"288": {
"h": "<div class=\"s288\"></div>",
"c": ".s288:after,.s288:before{content:\"\";position:absolute;left:0}.s288{width:48px;height:48px;margin:auto;position:relative}.s288:before{width:48px;height:5px;background:#000;opacity:.25;top:60px;border-radius:50%;animation:.5s linear infinite s288-shadow}.s288:after{width:100%;height:100%;background:#fff;animation:.5s linear infinite s288-bxSpin;top:0;border-radius:4px}@keyframes s288-bxSpin{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scale(1,.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}100%{transform:translateY(0) rotate(90deg)}}@keyframes s288-shadow{0%,100%{transform:scale(1,1)}50%{transform:scale(1.2,1)}}"
},
"289": {
"h": "<div class=\"s289\"></div>",
"c": ".s289{position:relative;width:48px;height:48px;background:#fff;border-radius:50%;animation:2s linear infinite s289-ellipsis}@keyframes s289-ellipsis{0%{border-radius:50%}12.5%{border-radius:0 50% 50%;transform:rotate(45deg)}25%{border-radius:0 0 50% 50%;transform:rotate(90deg)}37.5%{border-radius:0 0 0 50%;transform:rotate(135deg)}50%{border-radius:0;transform:rotate(180deg)}62.5%{border-radius:50% 0 0;transform:rotate(225deg)}75%{border-radius:50% 50% 0 0;transform:rotate(270deg)}87.5%{border-radius:50% 50% 50% 0;transform:rotate(315deg)}100%{border-radius:50%;transform:rotate(360deg)}}"
},
"290": {
"h": "<div class=\"s290\"></div>",
"c": ".s290{position:relative;width:62px;height:62px;background:linear-gradient(to right,#fff 20%,#0000 21%);background-repeat:repeat-x;background-size:36px 8px;background-position:9px bottom;animation:.5s linear infinite s290-moveX}.s290::before{content:\"\";position:absolute;width:40px;height:40px;border-radius:2px;background-color:#fff;left:50%;top:50%;transform:translate(-50% ,-50%);animation:.5s linear infinite s290-rotate}@keyframes s290-moveX{0%,25%{background-position:10px bottom}100%,75%{background-position:-30px bottom}}@keyframes s290-rotate{0%,25%{transform:translate(-50% ,-50%) rotate(0)}100%,75%{transform:translate(-55% ,-55%) rotate(90deg)}}"
},
"291": {
"h": "<div class=\"s291\"></div>",
"c": ".s291::after,.s291::before{content:\"\";position:absolute}.s291{width:50px;height:165px;position:relative}.s291::before{left:50%;top:0;transform:translate(-50% ,0);width:16px;height:16px;background:#ff3d00;border-radius:50%;animation:2s linear infinite s291-bounce}.s291::after{left:0;right:0;bottom:0;margin:auto;height:48px;width:48px;background:#fff;border-radius:4px;animation:2s linear infinite s291-rotate}@keyframes s291-bounce{0%,100%,50%{transform:translate(-50%,0);height:20px}20%{transform:translate(-25%,85px);height:28px}25%{transform:translate(-25%,110px);height:12px}70%{transform:translate(-75%,85px);height:28px}75%{transform:translate(-75%,108px);height:12px}}@keyframes s291-rotate{0%,100%,50%{transform:rotate(0)}25%{transform:rotate(90deg)}75%{transform:rotate(-90deg)}}"
},
"292": {
"h": "<div class=\"s292\"></div>",
"c": ".s292{width:56px;height:56px;position:relative;background:#fff;border-radius:4px;perspective:500px}.s292:before{content:\"\";position:absolute;left:2px;top:2px;width:24px;height:24px;background:#ff3d00;border-radius:50%;transform-origin:100% 100%;animation:2s linear infinite s292-flip}@keyframes s292-flip{0%,100%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(0) rotateY(-180deg)}50%{transform:rotateX(-180deg) rotateY(-180deg)}75%{transform:rotateX(-180deg) rotateY(0)}}"
},
"293": {
"h": "<div class=\"s293\"></div>",
"c": ".s293{width:54px;height:54px;position:relative;background:#fff;border-radius:4px}.s293:before{content:\"\";position:absolute;left:3px;top:3px;width:24px;height:24px;background:#ff3d00;border-radius:50%;transform-origin:100% 100%;animation:1s linear infinite s293-move}@keyframes s293-move{0%,100%{transform:translate(0 ,0)}25%{transform:translate(100% ,0)}50%{transform:translate(100% ,100%)}75%{transform:translate(0 ,100%)}}"
},
"294": {
"h": "<div class=\"s294\"></div>",
"c": ".s294{width:54px;height:54px;position:relative;border-radius:4px;background-color:#fff;background-image:radial-gradient(circle 5px ,#ff3d00 100%,transparent 0),radial-gradient(circle 5px ,#ff3d00 100%,transparent 0),radial-gradient(circle 5px ,#ff3d00 100%,transparent 0),radial-gradient(circle 5px ,#ff3d00 100%,transparent 0),radial-gradient(circle 5px ,#ff3d00 100%,transparent 0),radial-gradient(circle 5px ,#ff3d00 100%,transparent 0);background-repeat:no-repeat;animation:4s linear infinite s294-move,2s linear infinite rotate}@keyframes s294-rotate{0%,20%{transform:rotate(0)}30%,40%{transform:rotate(90deg)}50%,60%{transform:rotate(180deg)}70%,80%{transform:rotate(270deg)}100%,90%{transform:rotate(360deg)}}@keyframes s294-move{0%,9%{background-position:-12px -15px,-12px 0,-12px 15px,12px -15px,12px 0,12px 15px}10%,25%{background-position:0 -15px,-12px 0,-12px 15px,34px -15px,12px 0,12px 15px}30%,45%{background-position:0 -34px,-12px -10px,-12px 12px,34px -15px,12px -10px,12px 12px}50%,65%{background-position:0 -34px,-12px -34px,-12px 12px,34px -12px,0 -10px,12px 12px}70%,85%{background-position:0 -34px,-12px -34px,0 12px,34px -12px,0 -10px,34px 12px}100%,90%{background-position:0 -34px,-12px -34px,0 0,34px -12px,0 0,34px 12px}}"
},
"295": {
"h": "<div class=\"s295\"></div>",
"c": ".s295,.s295::after,.s295::before{box-sizing:border-box;width:16px;height:16px;box-shadow:0 30px,0 -30px;border-radius:4px;background:currentColor;color:#fff}.s295{display:block;margin:-50px auto 0;position:relative;transform:translateY(30px);animation:2s infinite s295-anims295}.s295::after,.s295::before{content:\"\";position:absolute;left:30px;top:0;animation:2s .2s infinite s295-anims295}.s295::before{animation-delay:.4s;left:60px}@keyframes s295-anims295{0%,100%{top:0;color:#fff}50%{top:30px;color:rgba(255,255,255,.2)}}"
},
"296": {
"h": "<div class=\"s296\">Loading</div>",
"c": ".s296,.s296::after{box-sizing:border-box}.s296{font-size:48px;font-family:Arial,Helvetica,sans-serif;font-weight:700;display:inline-block;color:#ff3d00;letter-spacing:2px;position:relative}.s296::after{content:\"Loading\";position:absolute;left:0;top:0;color:#fff;width:100%;height:100%;overflow:hidden;animation:6s linear infinite s296-anims296}@keyframes s296-anims296{0%{height:100%}100%{height:0%}}"
},
"297": {
"h": "<div class=\"s297\">Loading</div>",
"c": ".s297,.s297::after{box-sizing:border-box}.s297{font-size:48px;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#fff;letter-spacing:2px;position:relative}.s297::after{content:\"Loading\";position:absolute;left:0;top:0;color:#263238;text-shadow:0 0 2px #fff,0 0 1px #fff,0 0 1px #fff;width:100%;height:100%;overflow:hidden;animation:6s linear infinite s297-anims297}@keyframes s297-anims297{0%{height:100%}100%{height:0%}}"
},
"298": {
"h": "<div class=\"s298\">Loading</div>",
"c": ".s298,.s298::after{box-sizing:border-box}.s298{font-size:48px;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#263238;text-shadow:0 0 2px #fff,0 0 1px #fff,0 0 1px #fff;letter-spacing:2px;position:relative}.s298::after{content:\"Loading\";position:absolute;left:0;top:0;color:#fff;width:100%;height:100%;overflow:hidden;animation:6s linear infinite s298-anims298}@keyframes s298-anims298{0%{width:0%}100%{width:100%}}"
},
"299": {
"h": "<div class=\"s299\">L ading</div>",
"c": ".s299{display:inline-block;font-size:48px;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#fff;position:relative}.s299::before{content:\"\";position:absolute;left:34px;bottom:8px;width:30px;height:30px;border-radius:50%;border:5px solid #fff;border-bottom-color:#ff3d00;box-sizing:border-box;animation:.6s linear infinite s299-rotation}@keyframes s299-rotation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}"
},
"300": {
"h": "<div class=\"s300\">Load ng</div>",
"c": ".s300::after,.s300::before{content:\"\";position:absolute;box-sizing:border-box}.s300,.s300::after,.s300::before{box-sizing:border-box}.s300{color:#fff;position:relative;display:inline-block;margin-top:40px;font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:4px}.s300::before{right:70px;bottom:10px;height:28px;width:5.15px;background:currentColor;animation:1s linear infinite alternate s300-anims3001}.s300::after{width:10px;height:10px;left:125px;top:2px;border-radius:50%;background:red;animation:1s linear infinite alternate s300-anims300}@keyframes s300-anims300{0%{transform:translate(0,0) scaleX(1)}14%{transform:translate(-12px,-16px) scaleX(1.05)}28%{transform:translate(-27px,-28px) scaleX(1.07)}42%{transform:translate(-46px,-35px) scaleX(1.1)}57%{transform:translate(-70px,-37px) scaleX(1.1)}71%{transform:translate(-94px,-32px) scaleX(1.07)}85%{transform:translate(-111px,-22px) scaleX(1.05)}100%{transform:translate(-125px,-9px) scaleX(1)}}@keyframes s300-anims3001{0%{box-shadow:0 -6px,-122.9px -8px}25%,75%{box-shadow:0 0,-122.9px -8px}100%{box-shadow:0 0,-122.9px -16px}}"
},
"301": {
"h": "<div class=\"s301\">Load ng</div>",
"c": ".s301{font-size:48px;color:transparent;overflow:hidden;display:inline-block;font-family:Arial,Helvetica,sans-serif;text-shadow:0 0 #fff,13.3rem 0 #fff;animation:2s infinite s301-marquee}.s301:before{content:\"Loading...\"}@keyframes s301-marquee{to{text-shadow:-13.3rem 0 #fff,0 0 #fff}}"
},
"302": {
"h": "<div class=\"s302\">Load ng</div>",
"c": ".s302::after,.s302::before{content:\"\";position:absolute;box-sizing:border-box}.s302,.s302::after,.s302::before{box-sizing:border-box}.s302{color:#fff;position:relative;display:inline-block;margin-top:20px;font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:4px}.s302::before{right:70px;bottom:10px;height:24px;width:5.15px;background:currentColor}.s302::after{width:8px;height:8px;left:125px;top:2px;border-radius:50%;background:red;animation:1s ease-in infinite s302-anims302}@keyframes s302-anims302{0%{transform:translateY(8px) scaleY(1) scaleX(1.25)}25%,75%{transform:translateY(-5px) scaleY(1.2) scaleX(1)}50%{transform:translateY(-10px) scaleY(1) scaleX(1)}100%{transform:translateY(8px) scaleY(.8) scaleX(.8)}}"
},
"303": {
"h": "<div class=\"s303\">Loading</div>",
"c": ".s303,.s303::after{box-sizing:border-box}.s303{color:#fff;display:inline-block;position:relative;font-size:48px;font-family:Arial,Helvetica,sans-serif}.s303::after{content:\"\";width:5px;height:5px;background:currentColor;position:absolute;bottom:10px;right:-5px;animation:1s linear infinite s303-anims303}@keyframes s303-anims303{0%{box-shadow:10px 0 rgba(255,255,255,0),20px 0 rgba(255,255,255,0)}50%{box-shadow:10px 0 #fff,20px 0 rgba(255,255,255,0)}100%{box-shadow:10px 0 #fff,20px 0 #fff}}"
},
"304": {
"h": "<div class=\"s304\">Loading</div>",
"c": ".s304{font-size:48px;font-weight:600;display:inline-block;letter-spacing:2px;font-family:Arial,Helvetica,sans-serif;color:#fff;box-sizing:border-box;animation:2s linear infinite alternate s304-spotlight}@keyframes s304-spotlight{0%,20%{opacity:1;letter-spacing:2px}100%,80%{opacity:0;letter-spacing:32px}}"
},
"305": {
"h": "<div class=\"s305\">Load ng</div>",
"c": ".s305::after,.s305::before{content:\"\";background:currentColor;position:absolute;right:70px;box-sizing:border-box}.s305,.s305::after,.s305::before{box-sizing:border-box}.s305{color:#fff;display:inline-block;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:4px}.s305::before{bottom:10px;height:24px;width:5px}.s305::after{width:4px;height:4px;top:8px;animation:.6s ease-out infinite alternate s305-anims305}@keyframes s305-anims305{0%{top:8px;transform:rotate(0) scale(1)}100%{top:0;transform:rotate(180deg) scale(1.5)}}"
},
"306": {
"h": "<div class=\"s306\">Load ng</div>",
"c": ".s306::after,.s306::before{content:\"\";position:absolute;box-sizing:border-box}.s306,.s306::after,.s306::before{box-sizing:border-box}.s306{color:#fff;display:inline-block;position:relative;font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:4px}.s306::before{right:68px;bottom:10px;height:24px;width:7px;outline:#FFF solid 1px;color:#ff3d00;animation:1s linear infinite alternate s306-anims3061}.s306::after{width:4px;height:4px;background:#ff3d00;right:70px;top:8px;animation:1s ease-out infinite alternate s306-anims306}@keyframes s306-anims306{0%{top:8px;transform:rotate(0) scale(1)}100%{top:0;transform:rotate(180deg) scale(1.5)}}@keyframes s306-anims3061{0%{box-shadow:0 0 inset}100%{box-shadow:0 -28px inset}}"
},
"307": {
"h": "<div class=\"s307\"></div>",
"c": ".s307,.s307::before{display:inline-block}.s307{position:relative}.s307::before{content:\"Loading\";color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:48px;letter-spacing:2px;box-sizing:border-box;animation:1s ease-out infinite alternate s307-floating}.s307::after{content:\"\";width:100%;height:10px;background:rgba(0,0,0,.15);position:absolute;left:0;top:100%;filter:blur(4px);border-radius:50%;box-sizing:border-box;animation:1s ease-out infinite alternate s307-anims307}@keyframes s307-floating{0%{transform:translateY(0)}100%{transform:translateY(-25px)}}@keyframes s307-anims307{0%{transform:scale(.8)}100%{transform:scale(1.2)}}"
},
"308": {
"h": "<div class=\"s308\">Loading</div>",
"c": ".s308{font-size:48px;display:inline-block;letter-spacing:2px;font-family:Arial,Helvetica,sans-serif;color:#fff;box-sizing:border-box;animation:1s ease-in infinite alternate s308-anims308}@keyframes s308-anims308{0%{filter:blur(0px);transform:skew(0)}100%{filter:blur(3px);transform:skew(-4deg)}}"
},
"309": {
"h": "<div class=\"s309\">Loading</div>",
"c": ".s309{font-size:48px;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:700;color:#ff3d00;letter-spacing:2px;position:relative}.s309::after{content:\"Loading\";position:absolute;left:0;top:0;color:#fff;width:100%;height:100%;overflow:hidden;box-sizing:border-box;animation:10s ease-in infinite s309-anims309}@keyframes s309-anims309{0%{width:0%}100%{width:100%}}"
},
"310": {
"h": "<div class=\"s310\">Loading</div>",
"c": ".s310{font-size:48px;color:#fff;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:400;position:relative}.s310:after{content:\"\";height:4px;width:0%;display:block;background:#ff3d00}@keyframes s310-lineGrow{to{width:100%}}"
},
"311": {
"h": "<div class=\"s311\">Loading</div>",
"c": ".s311{display:inline-block;line-height:86px;text-align:center;position:relative;padding:0 48px;font-size:48px;font-family:Arial,Helvetica,sans-serif;color:#fff}.s311:after,.s311:before{content:\"\";display:block;width:15px;height:15px;background:currentColor;position:absolute;animation:.7s ease-in-out infinite alternate s311-load;top:0}.s311:after{top:auto;bottom:0}@keyframes s311-load{0%{left:0;height:43px;width:15px;transform:translateX(0)}50%{height:10px;width:40px}100%{left:100%;height:43px;width:15px;transform:translateX(-100%)}}"
},
"312": {
"h": "<div class=\"s312\"></div>",
"c": ".s312,.s312:after{position:relative}.s312{font-size:48px;color:#fff;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:400}.s312:after{content:\"Loading\";z-index:5}.s312:before{content:\"\";height:6px;border:1px solid;border-radius:10px;width:100%;position:absolute;bottom:0;background:linear-gradient(#ff3d00 100%,transparent 0) no-repeat;background-size:0 auto;animation:10s linear infinite s312-grow}@keyframes s312-grow{to{background-size:100% auto}}"
},
"313": {
"h": "<div class=\"s313\"></div>",
"c": ".s313{font-size:48px;color:#fff;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-weight:400;position:relative}.s313:before{content:\"\";animation:5s linear infinite alternate s313-print}.s313:after{content:\"\";position:absolute;right:-4px;top:50%;transform:translatey(-45%);width:2px;height:1.3em;background:currentColor;opacity:.8;animation:1s steps(2) infinite s313-blink}@keyframes s313-blink{0%{visibility:hidden}100%{visibility:visible}}@keyframes s313-print{0%{content:\"L\"}10%{content:\"Lo\"}20%{content:\"Loa\"}30%{content:\"Load\"}40%{content:\"Loadi\"}50%{content:\"Loadin\"}60%{content:\"Loading\"}70%{content:\"Loading.\"}80%{content:\"Loading..\"}100%,90%{content:\"Loading...\"}}"
},
"314": {
"h": "<div class=\"s314\"></div>",
"c": ".s314{position:relative;font-size:48px;letter-spacing:2px}.s314:before{content:\"Loading\";color:#fff}.s314:after{content:\"\";width:20px;height:20px;background-color:#ff3d00;border-radius:50%;position:absolute;inset:0;margin:auto;top:-70px;animation:3s ease-in-out infinite s314-motion}@keyframes s314-motion{0%,100%,50%{transform:translateX(0) scale(1)}25%{transform:translateX(-100px) scale(.3)}75%{transform:translateX(100px) scale(.3)}}"
},
"315": {
"h": "<div class=\"s315\"></div>",
"c": ".s315{position:relative;font-size:48px;letter-spacing:6px}.s315:before{content:\"Loading\";color:#fff}.s315:after{content:\"\";width:20px;height:20px;background-color:#ff3d00;background-image:radial-gradient(circle 2px,#fff4 100%,transparent 0),radial-gradient(circle 1px,#fff3 100%,transparent 0);background-position:14px -4px,12px -1px;border-radius:50%;position:absolute;margin:auto;top:-5px;right:66px;transform-origin:center bottom;animation:1s ease-in-out infinite alternate s315-fillBaloon}@keyframes s315-fillBaloon{0%{transform:scale(1)}100%{transform:scale(3)}}"
},
"316": {
"h": "<div class=\"s316\"></div>",
"c": ".s316{font-size:48px;font-weight:700;letter-spacing:2px;font-family:Arial,Helvetica,sans-serif;color:#fff;animation:1s ease-in-out infinite alternate s316-smokeOut;text-shadow:0 0 1px #fff}.s316:before{content:\"Loading\"}@keyframes s316-smokeOut{100%{opacity:.08;filter:blur(5px);letter-spacing:4px}}"
},
"317": {
"h": "<div class=\"s317\"></div>",
"c": ".s317{width:360px;height:100px;display:block;background-image:linear-gradient(100deg,transparent,rgba(38,50,56,.5) 50%,transparent 80%),radial-gradient(circle 50px at 50px 50px,#fff 99%,transparent 0),linear-gradient(#fff 20px,transparent 0),linear-gradient(#fff 20px,transparent 0),linear-gradient(#fff 20px,transparent 0);background-repeat:no-repeat;background-size:75px 100px,100px 100px,125px 20px,260px 20px,260px 20px;background-position:-50% 0,0 0,120px 0,120px 40px,120px 80px,120px 120px;box-sizing:border-box;animation:1s linear infinite s317-anims317}@keyframes s317-anims317{0%{background-position:0 0,0 0,120px 0,120px 40px,120px 80px,120px 120px}100%{background-position:100% 0,0 0,120px 0,120px 40px,120px 80px,120px 120px}}"
},
"318": {
"h": "<div class=\"s318\"></div>",
"c": ".s318{width:360px;height:100px;display:block;background-image:linear-gradient(100deg,transparent,rgba(38,50,56,.5) 50%,transparent 80%),linear-gradient(#fff 100px,transparent 0),linear-gradient(#fff 20px,transparent 0),linear-gradient(#fff 20px,transparent 0),linear-gradient(#fff 20px,transparent 0);background-repeat:no-repeat;background-size:75px 100px,100px 100px,125px 20px,260px 20px,260px 20px;background-position:-50% 0,0 0,120px 0,120px 40px,120px 80px,120px 120px;box-sizing:border-box;animation:1s linear infinite s318-anims318}@keyframes s318-anims318{0%{background-position:0 0,0 0,120px 0,120px 40px,120px 80px,120px 120px}100%{background-position:100% 0,0 0,120px 0,120px 40px,120px 80px,120px 120px}}"
},
"319": {
"h": "<div class=\"s319\"></div>",
"c": ".s319,.s319::after{box-sizing:border-box;height:100px}.s319{width:360px;display:block;position:relative;background-image:linear-gradient(100deg,transparent,rgba(38,50,56,.5) 50%,transparent 80%),linear-gradient(#fff 20px,transparent 0),linear-gradient(#fff 20px,transparent 0),linear-gradient(#fff 20px,transparent 0);background-repeat:no-repeat;background-size:75px 100px,125px 20px,260px 20px,260px 20px;background-position:0 0,120px 0,120px 40px,120px 80px;animation:1s linear infinite s319-anims319}.s319::after{content:\"\";width:100px;border-radius:8px;background:#fff;position:absolute;top:0;left:0}@keyframes s319-anims319{0%{background-position:0 0,120px 0,120px 40px,120px 80px}100%{background-position:100% 0,120px 0,120px 40px,120px 80px}}"
},
"320": {
"h": "<div class=\"s320\"></div>",
"c": ".s320,.s320::after{box-sizing:border-box}.s320{width:320px;height:150px;margin:auto;display:block;position:relative;background:#fff}.s320::after{content:\"\";width:calc(100% - 30px);height:calc(100% - 30px);top:15px;left:15px;position:absolute;background-image:linear-gradient(100deg,transparent,rgba(255,255,255,.5) 50%,transparent 80%),linear-gradient(#ddd 56px,transparent 0),linear-gradient(#ddd 24px,transparent 0),linear-gradient(#ddd 18px,transparent 0),linear-gradient(#ddd 66px,transparent 0);background-repeat:no-repeat;background-size:75px 130px,55px 56px,160px 30px,260px 20px,290px 56px;background-position:0 0,0 0,70px 5px,70px 38px,0 66px;animation:1s linear infinite s320-anims320}@keyframes s320-anims320{0%{background-position:0 0,0 0,70px 5px,70px 38px,0 66px}100%{background-position:150% 0,0 0,70px 5px,70px 38px,0 66px}}"
}
}