@import '../layout.css';
@import '../variables.css';

.loader {
  text-align: center;
}

.icon {
  position: relative;
  margin: 0 auto;
  width: 1.5em;
  height: 1.5em;
}

.top {
  -webkit-animation: fadein 2s -0.5s infinite ease-in-out;
          animation: fadein 2s -0.5s infinite ease-in-out;
}

.middle {
  -webkit-animation: fadein 2s -0.25s infinite ease-in-out;
          animation: fadein 2s -0.25s infinite ease-in-out;
}

.bottom {
  -webkit-animation: fadein 2s infinite ease-in-out;
          animation: fadein 2s infinite ease-in-out;
}

@-webkit-keyframes fadein {
  0%   { opacity: 0; }
  50%  { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadein {
  0%   { opacity: 0; }
  50%  { opacity: 1; }
  100% { opacity: 0; }
}

.top,
.middle,
.bottom {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5em;
}

.content {
  margin-top: 1em;
  width: 100%;
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: var(--shuttle-gray);
}

@import '../layout.css';
@import '../variables.css';

.loader {
  text-align: center;
}

.icon {
  position: relative;
  margin: 0 auto 1em auto;
  width: 1.5em;
  height: 1.5em;
}

.top {
  -webkit-animation: fadein 2s -0.5s infinite ease-in-out;
          animation: fadein 2s -0.5s infinite ease-in-out;
}

.middle {
  -webkit-animation: fadein 2s -0.25s infinite ease-in-out;
          animation: fadein 2s -0.25s infinite ease-in-out;
}

.bottom {
  -webkit-animation: fadein 2s infinite ease-in-out;
          animation: fadein 2s infinite ease-in-out;
}

@-webkit-keyframes fadein {
  0%   { opacity: 0; }
  50%  { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadein {
  0%   { opacity: 0; }
  50%  { opacity: 1; }
  100% { opacity: 0; }
}

.top,
.middle,
.bottom {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5em;
}
Remove .content and apply margin to .icon
Remove .content and apply margin to .icon
