1/* line 4, ../sass/_offline-theme-base.sass */
2.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
3  -webkit-box-sizing: border-box;
4  -moz-box-sizing: border-box;
5  box-sizing: border-box;
6}
7
8/* line 7, ../sass/_offline-theme-base.sass */
9.offline-ui {
10  display: none;
11  position: fixed;
12  background: white;
13  z-index: 100000;
14  margin: auto;
15  top: 0;
16  left: 0;
17  right: 0;
18}
19/* line 17, ../sass/_offline-theme-base.sass */
20.offline-ui .offline-ui-content:before {
21  display: inline;
22}
23/* line 20, ../sass/_offline-theme-base.sass */
24.offline-ui .offline-ui-retry {
25  -webkit-user-select: none;
26  -moz-user-select: none;
27  user-select: none;
28  display: none;
29}
30/* line 24, ../sass/_offline-theme-base.sass */
31.offline-ui .offline-ui-retry:before {
32  display: inline;
33}
34/* line 29, ../sass/_offline-theme-base.sass */
35.offline-ui.offline-ui-up.offline-ui-up-5s {
36  display: block;
37}
38/* line 32, ../sass/_offline-theme-base.sass */
39.offline-ui.offline-ui-down {
40  display: block;
41}
42/* line 37, ../sass/_offline-theme-base.sass */
43.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
44  display: block;
45}
46/* line 42, ../sass/_offline-theme-base.sass */
47.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
48  display: none;
49}
50
51@-webkit-keyframes offline-fadein {
52  /* line 6, ../sass/_keyframes.sass */
53  0% {
54    opacity: 0;
55  }
56
57  /* line 8, ../sass/_keyframes.sass */
58  100% {
59    opacity: 1;
60  }
61}
62
63@-moz-keyframes offline-fadein {
64  /* line 6, ../sass/_keyframes.sass */
65  0% {
66    opacity: 0;
67  }
68
69  /* line 8, ../sass/_keyframes.sass */
70  100% {
71    opacity: 1;
72  }
73}
74
75@-ms-keyframes offline-fadein {
76  /* line 6, ../sass/_keyframes.sass */
77  0% {
78    opacity: 0;
79  }
80
81  /* line 8, ../sass/_keyframes.sass */
82  100% {
83    opacity: 1;
84  }
85}
86
87@-o-keyframes offline-fadein {
88  /* line 6, ../sass/_keyframes.sass */
89  0% {
90    opacity: 0;
91  }
92
93  /* line 8, ../sass/_keyframes.sass */
94  100% {
95    opacity: 1;
96  }
97}
98
99@keyframes offline-fadein {
100  /* line 6, ../sass/_keyframes.sass */
101  0% {
102    opacity: 0;
103  }
104
105  /* line 8, ../sass/_keyframes.sass */
106  100% {
107    opacity: 1;
108  }
109}
110
111@-webkit-keyframes offline-fadeout-and-hide {
112  /* line 20, ../sass/_keyframes.sass */
113  0% {
114    opacity: 1;
115    display: block;
116  }
117
118  /* line 23, ../sass/_keyframes.sass */
119  99% {
120    opacity: 0;
121    display: block;
122  }
123
124  /* line 26, ../sass/_keyframes.sass */
125  100% {
126    opacity: 0;
127    display: none;
128  }
129}
130
131@-moz-keyframes offline-fadeout-and-hide {
132  /* line 20, ../sass/_keyframes.sass */
133  0% {
134    opacity: 1;
135    display: block;
136  }
137
138  /* line 23, ../sass/_keyframes.sass */
139  99% {
140    opacity: 0;
141    display: block;
142  }
143
144  /* line 26, ../sass/_keyframes.sass */
145  100% {
146    opacity: 0;
147    display: none;
148  }
149}
150
151@-ms-keyframes offline-fadeout-and-hide {
152  /* line 20, ../sass/_keyframes.sass */
153  0% {
154    opacity: 1;
155    display: block;
156  }
157
158  /* line 23, ../sass/_keyframes.sass */
159  99% {
160    opacity: 0;
161    display: block;
162  }
163
164  /* line 26, ../sass/_keyframes.sass */
165  100% {
166    opacity: 0;
167    display: none;
168  }
169}
170
171@-o-keyframes offline-fadeout-and-hide {
172  /* line 20, ../sass/_keyframes.sass */
173  0% {
174    opacity: 1;
175    display: block;
176  }
177
178  /* line 23, ../sass/_keyframes.sass */
179  99% {
180    opacity: 0;
181    display: block;
182  }
183
184  /* line 26, ../sass/_keyframes.sass */
185  100% {
186    opacity: 0;
187    display: none;
188  }
189}
190
191@keyframes offline-fadeout-and-hide {
192  /* line 20, ../sass/_keyframes.sass */
193  0% {
194    opacity: 1;
195    display: block;
196  }
197
198  /* line 23, ../sass/_keyframes.sass */
199  99% {
200    opacity: 0;
201    display: block;
202  }
203
204  /* line 26, ../sass/_keyframes.sass */
205  100% {
206    opacity: 0;
207    display: none;
208  }
209}
210
211@-webkit-keyframes offline-rotation {
212  /* line 64, ../sass/_keyframes.sass */
213  0% {
214    transform: rotate(0deg);
215    -webkit-transform: rotate(0deg);
216    -moz-transform: rotate(0deg);
217    -ms-transform: rotate(0deg);
218    -o-transform: rotate(0deg);
219  }
220
221  /* line 66, ../sass/_keyframes.sass */
222  100% {
223    transform: rotate(359deg);
224    -webkit-transform: rotate(359deg);
225    -moz-transform: rotate(359deg);
226    -ms-transform: rotate(359deg);
227    -o-transform: rotate(359deg);
228  }
229}
230
231@-moz-keyframes offline-rotation {
232  /* line 64, ../sass/_keyframes.sass */
233  0% {
234    transform: rotate(0deg);
235    -webkit-transform: rotate(0deg);
236    -moz-transform: rotate(0deg);
237    -ms-transform: rotate(0deg);
238    -o-transform: rotate(0deg);
239  }
240
241  /* line 66, ../sass/_keyframes.sass */
242  100% {
243    transform: rotate(359deg);
244    -webkit-transform: rotate(359deg);
245    -moz-transform: rotate(359deg);
246    -ms-transform: rotate(359deg);
247    -o-transform: rotate(359deg);
248  }
249}
250
251@-ms-keyframes offline-rotation {
252  /* line 64, ../sass/_keyframes.sass */
253  0% {
254    transform: rotate(0deg);
255    -webkit-transform: rotate(0deg);
256    -moz-transform: rotate(0deg);
257    -ms-transform: rotate(0deg);
258    -o-transform: rotate(0deg);
259  }
260
261  /* line 66, ../sass/_keyframes.sass */
262  100% {
263    transform: rotate(359deg);
264    -webkit-transform: rotate(359deg);
265    -moz-transform: rotate(359deg);
266    -ms-transform: rotate(359deg);
267    -o-transform: rotate(359deg);
268  }
269}
270
271@-o-keyframes offline-rotation {
272  /* line 64, ../sass/_keyframes.sass */
273  0% {
274    transform: rotate(0deg);
275    -webkit-transform: rotate(0deg);
276    -moz-transform: rotate(0deg);
277    -ms-transform: rotate(0deg);
278    -o-transform: rotate(0deg);
279  }
280
281  /* line 66, ../sass/_keyframes.sass */
282  100% {
283    transform: rotate(359deg);
284    -webkit-transform: rotate(359deg);
285    -moz-transform: rotate(359deg);
286    -ms-transform: rotate(359deg);
287    -o-transform: rotate(359deg);
288  }
289}
290
291@keyframes offline-rotation {
292  /* line 64, ../sass/_keyframes.sass */
293  0% {
294    transform: rotate(0deg);
295    -webkit-transform: rotate(0deg);
296    -moz-transform: rotate(0deg);
297    -ms-transform: rotate(0deg);
298    -o-transform: rotate(0deg);
299  }
300
301  /* line 66, ../sass/_keyframes.sass */
302  100% {
303    transform: rotate(359deg);
304    -webkit-transform: rotate(359deg);
305    -moz-transform: rotate(359deg);
306    -ms-transform: rotate(359deg);
307    -o-transform: rotate(359deg);
308  }
309}
310
311/* line 21, ../sass/offline-theme-default.sass */
312.offline-ui {
313  -webkit-border-radius: 4px;
314  -moz-border-radius: 4px;
315  -ms-border-radius: 4px;
316  -o-border-radius: 4px;
317  border-radius: 4px;
318  font-family: "Helvetica Neue", sans-serif;
319  padding: 1em;
320  top: 1em;
321  width: 38em;
322  max-width: 100%;
323  overflow: hidden;
324}
325@media (max-width: 38em) {
326  /* line 21, ../sass/offline-theme-default.sass */
327  .offline-ui {
328    -webkit-border-radius: 0;
329    -moz-border-radius: 0;
330    -ms-border-radius: 0;
331    -o-border-radius: 0;
332    border-radius: 0;
333    top: 0;
334  }
335}
336/* line 34, ../sass/offline-theme-default.sass */
337.offline-ui .offline-ui-content:before {
338  line-height: 1.25em;
339}
340/* line 37, ../sass/offline-theme-default.sass */
341.offline-ui .offline-ui-retry {
342  position: absolute;
343  right: 3em;
344  top: 0;
345  bottom: 0;
346  background: rgba(0, 0, 0, 0.1);
347  text-decoration: none;
348  color: inherit;
349  line-height: 3.5em;
350  height: 3.5em;
351  margin: auto;
352  padding: 0 1em;
353}
354/* line 50, ../sass/offline-theme-default.sass */
355.offline-ui.offline-ui-up {
356  -webkit-animation: offline-fadeout-and-hide forwards 0.5s 2s;
357  -moz-animation: offline-fadeout-and-hide forwards 0.5s 2s;
358  -ms-animation: offline-fadeout-and-hide forwards 0.5s 2s;
359  -o-animation: offline-fadeout-and-hide forwards 0.5s 2s;
360  animation: offline-fadeout-and-hide forwards 0.5s 2s;
361  -webkit-backface-visibility: hidden;
362  background: #d6e9c6;
363  color: #468847;
364}
365/* line 55, ../sass/offline-theme-default.sass */
366.offline-ui.offline-ui-down {
367  -webkit-animation: offline-fadein 0.5s;
368  -moz-animation: offline-fadein 0.5s;
369  -ms-animation: offline-fadein 0.5s;
370  -o-animation: offline-fadein 0.5s;
371  animation: offline-fadein 0.5s;
372  -webkit-backface-visibility: hidden;
373  background: #ec8787;
374  color: #551313;
375}
376/* line 60, ../sass/offline-theme-default.sass */
377.offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting {
378  background: #f8ecad;
379  color: #7c6d1f;
380  padding-right: 3em;
381}
382/* line 65, ../sass/offline-theme-default.sass */
383.offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after {
384  -webkit-animation: offline-rotation 0.7s linear infinite;
385  -moz-animation: offline-rotation 0.7s linear infinite;
386  -ms-animation: offline-rotation 0.7s linear infinite;
387  -o-animation: offline-rotation 0.7s linear infinite;
388  animation: offline-rotation 0.7s linear infinite;
389  -webkit-backface-visibility: hidden;
390  -webkit-border-radius: 50%;
391  -moz-border-radius: 50%;
392  -ms-border-radius: 50%;
393  -o-border-radius: 50%;
394  border-radius: 50%;
395  content: " ";
396  display: block;
397  position: absolute;
398  right: 1em;
399  top: 0;
400  bottom: 0;
401  margin: auto;
402  height: 1em;
403  width: 1em;
404  border: 2px solid rgba(0, 0, 0, 0);
405  border-top-color: #7c6d1f;
406  border-left-color: #7c6d1f;
407  opacity: 0.7;
408}
409/* line 82, ../sass/offline-theme-default.sass */
410.offline-ui.offline-ui-down.offline-ui-waiting {
411  padding-right: 11em;
412}
413/* line 85, ../sass/offline-theme-default.sass */
414.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
415  padding-right: 0;
416}
417