@charset "UTF-8";

html {
  background-color: #999;
}
html.theme-dark {
  background-color: #212121;
}
html.theme-light {
  background-color: #efefef;
}

#root {
  opacity: 0;
  -webkit-transition: opacity 250ms ease;
     -moz-transition: opacity 250ms ease;
      -ms-transition: opacity 250ms ease;
       -o-transition: opacity 250ms ease;
          transition: opacity 250ms ease;
}

body > div:not(#root),
noscript {
  position: fixed;
  top: 45%;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: rgba(255,255,255,0.5);
  text-align: center;
}

body > div:not(#root)::before,
noscript::before {
  content: '';
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: auto 50px;
  background-position: center;
  background-image: url('neustar.svg');
}