.app__loading-container {
  background-color: #fafafa;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 700 !important;
}

.pf-l-bullseye {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
  margin: 0;
}

.pf-l-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}

.pf-l-flex.pf-m-column {
  flex-direction: column;
  align-items: normal;
}

.pf-l-flex > .pf-m-align-self-center {
  align-self: center;
}

.pf-l-flex > .pf-m-spacer-xl {
  margin-bottom: 32px;
}

.pf-c-title {
  word-break: break-word;
}

.pf-c-title.pf-m-xl {
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
}

/* Spinner component */
.pf-c-spinner {
  --pf-c-spinner--AnimationDuration: 1.5s;
  --pf-c-spinner--AnimationTimingFunction: cubic-bezier(.77, .005, .315, 1);
  --pf-c-spinner--diameter: 54px;
  --pf-c-spinner--stroke-width-multiplier: .1;
  --pf-c-spinner--stroke-width: calc(54px * .1);
  --pf-c-spinner--Width: var(--pf-c-spinner--diameter);
  --pf-c-spinner--Height: var(--pf-c-spinner--diameter);
  --pf-c-spinner--Color: #06c;
  --pf-c-spinner--m-xl--diameter: 54px;
  --pf-c-spinner__clipper--Width: 54px;
  --pf-c-spinner__clipper--Height: 54px;
  --pf-c-spinner__clipper--after--BoxShadowColor: var(--pf-c-spinner--Color);
  --pf-c-spinner__clipper--after--Width: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--after--Height: var(--pf-c-spinner--diameter);
  --pf-c-spinner__clipper--after--BoxShadowSpreadRadius: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__lead-ball--after--BackgroundColor: var(--pf-c-spinner--Color);
  --pf-c-spinner__ball--after--Width: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__ball--after--Height: var(--pf-c-spinner--stroke-width);
  --pf-c-spinner__tail-ball--after--BackgroundColor: var(--pf-c-spinner--Color);

  position: relative;
  display: inline-block;
  width: var(--pf-c-spinner--Width);
  height: var(--pf-c-spinner--Height);
  text-align: left;
  animation: pf-animation-spinner-parent calc(var(--pf-c-spinner--AnimationDuration) * 2) var(--pf-c-spinner--AnimationTimingFunction) infinite;
}

.pf-c-spinner.pf-m-xl {
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-xl--diameter);
}

@keyframes pf-animation-spinner-parent {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(-540deg);
  }

  100% {
    transform: rotate(-1080deg);
  }
}

.pf-c-spinner__clipper {
  position: absolute;
  width: var(--pf-c-spinner__clipper--Width);
  height: var(--pf-c-spinner__clipper--Height);
  clip-path: inset(0 0 50% 50%);
  animation: pf-animation-spinner__clipper var(--pf-c-spinner--AnimationDuration) linear infinite;
}

@keyframes pf-animation-spinner__clipper {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-270deg);
  }
}

.pf-c-spinner__clipper::after {
  position: absolute;
  width: var(--pf-c-spinner__clipper--after--Width);
  height: var(--pf-c-spinner__clipper--after--Height);
  clip-path: inset(0 0 0 50%);
  content: "";
  border-radius: 50%;
  box-shadow: inset 0 0 0 var(--pf-c-spinner__clipper--after--BoxShadowSpreadRadius) var(--pf-c-spinner__clipper--after--BoxShadowColor);
  animation: pf-animation-spinner__clipper-after var(--pf-c-spinner--AnimationDuration) linear infinite;
}

@keyframes pf-animation-spinner__clipper-after {
  0% {
    transform: rotate(90deg);
  }

  100% {
    transform: rotate(-180deg);
  }
}

.pf-c-spinner__lead-ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: pf-animation-spinner__lead-ball var(--pf-c-spinner--AnimationDuration) linear infinite;
}

.pf-c-spinner__lead-ball::after {
  position: absolute;
  top: calc(50% - (var(--pf-c-spinner__ball--after--Height) / 2));
  right: 0;
  width: var(--pf-c-spinner__ball--after--Width);
  height: var(--pf-c-spinner__ball--after--Height);
  content: "";
  background-color: var(--pf-c-spinner__lead-ball--after--BackgroundColor);
  border-radius: 50%;
  transform-origin: top right;
}

@keyframes pf-animation-spinner__lead-ball {
  0% {
    transform: rotate(0deg);
  }

  34% {
    transform: rotate(-180deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.pf-c-spinner__tail-ball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: pf-animation-spinner__tail-ball var(--pf-c-spinner--AnimationDuration) linear infinite;
}

.pf-c-spinner__tail-ball::after {
  position: absolute;
  top: calc(50% - (var(--pf-c-spinner__ball--after--Height) / 2));
  right: 0;
  width: var(--pf-c-spinner__ball--after--Width);
  height: var(--pf-c-spinner__ball--after--Height);
  content: "";
  background-color: var(--pf-c-spinner__tail-ball--after--BackgroundColor);
  border-radius: 50%;
  transform-origin: top right;
}

@keyframes pf-animation-spinner__tail-ball {
  0% {
    transform: rotate(0deg);
  }

  67.5% {
    transform: rotate(-180deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}