/* stylelint-disable property-disallowed-list */
.launch-indicator-center {
  position: absolute;
  left: calc((100% - 254px) * .5);
  top: 45%;
}

.launch-error {
  padding-top: 50px;
  font-size: medium;
}

.launch-error .error-id {
  font-size: small;
}

.launch-indicator-microcat-logo {
  position: absolute;
  left: 35px;
  top: -14px;
  width: 250px;
  height: 25px;

  img:after {
    position: absolute;
    left: 0px;
    top: -10px;
    content: attr(alt);
    width: 100%;
    background: #ffffff;
    font-size: 34px;
    font-weight: 520;
    color: #005ea7;
  }
}

.launch-indicator-ifm-outer-logo {
  position: absolute;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  overflow: visible;

  &:before {
    position: absolute;
    left: -13px;
    top: 6px;
    padding-left: 6px;
    margin-top: -6px;
    content: attr(alt);
    width: 100px;
    height: 100px;
    background: #ffffff;
    font-size: 32px;
    font-weight: 520;
    color: #005ea7;
  }
}

.launch-indicator-ifm-inner-logo {
  position: absolute;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;

  &:before {
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 7px;
    margin-top: -7px;
    content: attr(alt);
    width: 100%;
    height: 100%;
    background: #ffffff;
    font-size: 32px;
    font-weight: 520;
    color: #005ea7;
  }
}

.launch-indicator-image-clockwise {
  -webkit-animation: spin-clockwise 2s linear infinite;
  -moz-animation: spin-clockwise 2s linear infinite;
  animation: spin-clockwise 2s linear infinite;
}

.launch-indicator-image-anti-clockwise {
  -webkit-animation: spin-anti-clockwise 3s linear infinite;
  -moz-animation: spin-anti-clockwise 3s linear infinite;
  animation: spin-anti-clockwise 3s linear infinite;
}

@-moz-keyframes spin-clockwise {
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin-clockwise {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-ms-keyframes spin-clockwise {
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin-clockwise {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin-anti-clockwise {
  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes spin-anti-clockwise {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@-ms-keyframes spin-anti-clockwise {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes spin-anti-clockwise {
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}