.offline-ui,.offline-ui *,.offline-ui:before,.offline-ui:after,.offline-ui :before,.offline-ui :after{box-sizing:border-box}.offline-ui{z-index:6;background:#fff;margin:auto;display:none;position:fixed;top:56.5px;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;-ms-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}@keyframes offline-dropin{0%{opacity:0;transform:translateY(0)}1%{opacity:0;transform:translateY(-800px)}2%{opacity:1;transform:translateY(-800px)}to{opacity:1;transform:translateY(0)}}@keyframes offline-dropout{0%{transform:translateY(0)}to{transform:translateY(-800px)}}@keyframes offline-rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.offline-ui{color:#444;background:#f6f6f6;width:38em;max-width:100%;padding:1em;font-family:Lucida Grande,sans-serif;font-size:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.15),0 0 1em rgba(0,0,0,.3)}.offline-ui .offline-ui-content{padding-left:2em}.offline-ui .offline-ui-content:before{line-height:1.25em}.offline-ui .offline-ui-content:after{-ms-border-radius:50%;-o-border-radius:50%;content:" ";border-radius:50%;width:1em;height:1em;margin:auto;display:block;position:absolute;top:0;bottom:0;left:1em}.offline-ui .offline-ui-retry{-ms-border-radius:2px;-o-border-radius:2px;text-shadow:0 1px #f0f0f0;height:1.7em;color:inherit;background-image:linear-gradient(#ededed,#ededed 38%,#dedede);border:1px solid #e4e5e6;border-radius:2px;margin:auto;padding:0 1em;font-size:12px;line-height:1.6em;text-decoration:none;position:absolute;top:1em;bottom:1em;right:4em;box-shadow:0 1px rgba(0,0,0,.08),inset 0 1px 2px rgba(255,255,255,.75)}.offline-ui.offline-ui-up{-ms-animation:offline-dropout forwards .5s 2s;-webkit-backface-visibility:hidden;animation:.5s 2s forwards offline-dropout}.offline-ui.offline-ui-up .offline-ui-content:after{background:#80d580}.offline-ui.offline-ui-down{-ms-animation:offline-dropin .5s;-webkit-backface-visibility:hidden;animation:.5s offline-dropin}.offline-ui.offline-ui-down .offline-ui-content:after{background:#ec8787}.offline-ui.offline-ui-down.offline-ui-connecting,.offline-ui.offline-ui-down.offline-ui-waiting{padding-right:3em}.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after,.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after{background:#ec8787}.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 transparent;border-color:rgba(0,0,0,.5) transparent transparent rgba(0,0,0,.5);border-radius:50%;width:1em;height:1em;margin:auto;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}.offline-ui .offline-ui-retry:before{content:"Reconnect"}.offline-ui.offline-ui-up .offline-ui-content:before{content:"Your computer is connected to the internet."}@media (max-width:1024px){.offline-ui.offline-ui-up .offline-ui-content:before{content:"Your device is connected to the internet."}}@media (max-width:568px){.offline-ui.offline-ui-up .offline-ui-content:before{content:"Your device is connected."}}.offline-ui.offline-ui-down .offline-ui-content:before{content:"Your computer lost its internet connection."}@media (max-width:1024px){.offline-ui.offline-ui-down .offline-ui-content:before{content:"Your device lost its internet connection."}}@media (max-width:568px){.offline-ui.offline-ui-down .offline-ui-content:before{content:"Your device isn't connected."}}.offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before,.offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before{content:"Attempting to reconnect..."}.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=second]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value)" seconds..."}@media (max-width:568px){.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=second]:before{content:"Reconnecting in " attr(data-retry-in-value)"s..."}}.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=second][data-retry-in-value="1"]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value)" second..."}@media (max-width:568px){.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=second][data-retry-in-value="1"]:before{content:"Reconnecting in " attr(data-retry-in-value)"s..."}}.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=minute]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value)" minutes..."}@media (max-width:568px){.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=minute]:before{content:"Reconnecting in " attr(data-retry-in-value)"m..."}}.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=minute][data-retry-in-value="1"]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value)" minute..."}@media (max-width:568px){.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=minute][data-retry-in-value="1"]:before{content:"Reconnecting in " attr(data-retry-in-value)"m..."}}.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=hour]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value)" hours..."}@media (max-width:568px){.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=hour]:before{content:"Reconnecting in " attr(data-retry-in-value)"h..."}}.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=hour][data-retry-in-value="1"]:before{content:"Connection lost. Reconnecting in " attr(data-retry-in-value)" hour..."}@media (max-width:568px){.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit=hour][data-retry-in-value="1"]:before{content:"Reconnecting in " attr(data-retry-in-value)"h..."}}.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry{display:none}.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before{content:"Connection attempt failed."}