/* Addboards standard: light passes across six fixed boards; only opacity moves.
   .ab-loader holds the logo inline (Add button); .ab-loader.big is the logo alone while the app opens.
   Still when motion is reduced. */
.ab-loader {
  display: inline-block;
  width: 29.866667px;
  height: 16px;
  vertical-align: middle;
  color: inherit;
}
.ab-loader.big {
  width: 74.666667px;
  height: 40px;
}
.ab-loader svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.ab-loader rect,
.ab-add-logo rect {
  opacity: 0.3;
  animation: ab-shimmer 0.8s ease-in-out infinite;
  animation-delay: calc(var(--i, 0) * 0.1s);
}
.ab-add-logo rect {
  animation-iteration-count: 2;
}
@keyframes ab-shimmer {
  50% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ab-loader rect,
  .ab-add-logo rect {
    animation: none;
    opacity: 1;
    transform: none;
  }
}