/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  z-index: 2000;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  background-color: rgb(37, 37, 37);
  border-radius: 0;
  height: 100%;
  font-family: 'Alegreya Sans SC', sans-serif;
  font-size: 100px;
  font-weight: 300;
}

.pace .pace-progress {
  width: auto;
  height: 30px;
  position: absolute;
  left: 49%;
  top: 40%;
}

.pace .pace-progress:after {
  content: attr(data-progress-text);
  display: block;
  position: absolute;
  width: auto;
  text-align: center;
  color: white;
}
.pace .pace-activity {
  position: absolute;
  width: 50%;
  height: 28px;
  z-index: 2001;
  box-shadow: inset 0 0 0 2px #2299dd, inset 0 0 0 7px #FFF;
  border-radius: 10px;
  display: none;
}

.pace.pace-inactive {
  display: none;
}