/**
 * These styles are used to display a loading image while the app is loading.
 * They are loaded directly in the index.html file to ensure they are displayed
 * as soon as possible.
 */
.app-loader {
  background: no-repeat white;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.app-loader__icon {
  height: 180px;
  left: 50%;
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
}

.app-loader__wordmark {
  bottom: 72px;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  width: 110px;
}