.offline-ui,.offline-ui *,.offline-ui:before,.offline-ui:after,.offline-ui :before,.offline-ui :after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.offline-ui{z-index:2000;background:#fff;margin:auto;display:none;position:fixed;top:0;left:0;right:0}.offline-ui .offline-ui-content:before{display:inline}.offline-ui .offline-ui-retry{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:none}.offline-ui .offline-ui-retry:before{display:inline}.offline-ui.offline-ui-up.offline-ui-up-5s,.offline-ui.offline-ui-down,.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry{display:block}.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry{display:none}@-webkit-keyframes offline-fadein{0%{opacity:0}to{opacity:1}}@-moz-keyframes offline-fadein{0%{opacity:0}to{opacity:1}}@-o-keyframes offline-fadein{0%{opacity:0}to{opacity:1}}@keyframes offline-fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes offline-fadeout-and-hide{0%{opacity:1;display:block}99%{opacity:0;display:block}to{opacity:0;display:none}}@-moz-keyframes offline-fadeout-and-hide{0%{opacity:1;display:block}99%{opacity:0;display:block}to{opacity:0;display:none}}@-o-keyframes offline-fadeout-and-hide{0%{opacity:1;display:block}99%{opacity:0;display:block}to{opacity:0;display:none}}@keyframes offline-fadeout-and-hide{0%{opacity:1;display:block}99%{opacity:0;display:block}to{opacity:0;display:none}}@-webkit-keyframes offline-rotation{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@-moz-keyframes offline-rotation{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes offline-rotation{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes offline-rotation{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);-moz-transform:rotate(359deg);-ms-transform:rotate(359deg);-o-transform:rotate(359deg);transform:rotate(359deg)}}.offline-ui{-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:38em;max-width:100%;padding:1em;font-family:Helvetica Neue,sans-serif;top:1em;overflow:hidden}@media (width<=38em){.offline-ui{-ms-border-radius:0;-o-border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:0}}.offline-ui .offline-ui-content:before{line-height:1.25em}.offline-ui .offline-ui-retry{color:inherit;background:#0000001a;height:3.5em;margin:auto;padding:0 1em;line-height:3.5em;text-decoration:none;position:absolute;top:0;bottom:0;right:3em}.offline-ui.offline-ui-up{-ms-animation:offline-fadeout-and-hide forwards .5s 2s;-webkit-backface-visibility:hidden;color:#468847;background:#d6e9c6;-webkit-animation:.5s 2s forwards offline-fadeout-and-hide;-moz-animation:.5s 2s forwards offline-fadeout-and-hide;-o-animation:.5s 2s forwards offline-fadeout-and-hide;animation:.5s 2s forwards offline-fadeout-and-hide}.offline-ui.offline-ui-down{-ms-animation:offline-fadein .5s;-webkit-backface-visibility:hidden;color:#551313;background:#ec8787;-webkit-animation:.5s offline-fadein;-moz-animation:.5s offline-fadein;-o-animation:.5s offline-fadein;animation:.5s offline-fadein}.offline-ui.offline-ui-down.offline-ui-connecting,.offline-ui.offline-ui-down.offline-ui-waiting{color:#7c6d1f;background:#f8ecad;padding-right:3em}.offline-ui.offline-ui-down.offline-ui-connecting:after,.offline-ui.offline-ui-down.offline-ui-waiting:after{-ms-animation:offline-rotation .7s linear infinite;-webkit-backface-visibility:hidden;-ms-border-radius:50%;-o-border-radius:50%;content:" ";opacity:.7;border:2px solid #0000;border-color:#7c6d1f #0000 #0000 #7c6d1f;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:1em;height:1em;margin:auto;-webkit-animation:.7s linear infinite offline-rotation;-moz-animation:.7s linear infinite offline-rotation;-o-animation:.7s linear infinite offline-rotation;animation:.7s linear infinite offline-rotation;display:block;position:absolute;top:0;bottom:0;right:1em}.offline-ui.offline-ui-down.offline-ui-waiting{padding-right:11em}.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s{padding-right:0}