/* [project]/apps/web/src/components/ui/album-loader.module.css [app-client] (css) */
.album-loader-module__fyYnAq__loader {
  --loader-forest: #243c35;
  --loader-sage: #b9c9b6;
  --loader-coral: #da6449;
  --loader-peach: #f4c5a5;
  --loader-paper: #fffdf9;
  --loader-edge: #ded8cd;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 24px;
  display: flex;
}

.album-loader-module__fyYnAq__art {
  flex: none;
  display: block;
  overflow: visible;
}

.album-loader-module__fyYnAq__label {
  color: var(--color-ink-2);
  text-wrap: balance;
  max-inline-size: 28ch;
  font-size: .875rem;
  line-height: 1.7;
}

.album-loader-module__fyYnAq__loader[data-size="compact"] {
  gap: 8px;
  padding: 12px;
}

.album-loader-module__fyYnAq__loader[data-size="compact"] .album-loader-module__fyYnAq__art {
  width: 104px;
  height: 94px;
}

.album-loader-module__fyYnAq__back, .album-loader-module__fyYnAq__middle, .album-loader-module__fyYnAq__front {
  transform-origin: 80px 104px;
  animation-duration: 3.2s;
  animation-timing-function: cubic-bezier(.45, 0, .25, 1);
  animation-iteration-count: infinite;
}

.album-loader-module__fyYnAq__back {
  animation-name: album-loader-module__fyYnAq__fan-back;
  transform: translate(-13px, -4px)rotate(-17deg);
}

.album-loader-module__fyYnAq__middle {
  animation-name: album-loader-module__fyYnAq__fan-middle;
  transform: translate(13px, -7px)rotate(14deg);
}

.album-loader-module__fyYnAq__front {
  animation-name: album-loader-module__fyYnAq__float-front;
  transform: translateY(-2px)rotate(-3deg);
}

.album-loader-module__fyYnAq__shadow {
  fill: var(--color-ink);
  opacity: .08;
  transform-origin: 80px 126px;
  animation: 3.2s ease-in-out infinite album-loader-module__fyYnAq__breathe-shadow;
}

@keyframes album-loader-module__fyYnAq__fan-back {
  0%, 100% {
    transform: translate(-13px, -4px)rotate(-17deg);
  }

  42%, 58% {
    transform: translate(-3px)rotate(-5deg);
  }
}

@keyframes album-loader-module__fyYnAq__fan-middle {
  0%, 100% {
    transform: translate(13px, -7px)rotate(14deg);
  }

  38%, 54% {
    transform: translate(3px, -2px)rotate(5deg);
  }
}

@keyframes album-loader-module__fyYnAq__float-front {
  0%, 100% {
    transform: translateY(-2px)rotate(-3deg);
  }

  46%, 62% {
    transform: translateY(-9px)rotate(2deg);
  }
}

@keyframes album-loader-module__fyYnAq__breathe-shadow {
  0%, 100% {
    opacity: .08;
    transform: scaleX(1);
  }

  46%, 62% {
    opacity: .05;
    transform: scaleX(.8);
  }
}

@media (prefers-reduced-motion: reduce) {
  .album-loader-module__fyYnAq__back, .album-loader-module__fyYnAq__middle, .album-loader-module__fyYnAq__front, .album-loader-module__fyYnAq__shadow {
    animation: none;
  }
}

@media (forced-colors: active) {
  .album-loader-module__fyYnAq__back > rect, .album-loader-module__fyYnAq__middle > rect, .album-loader-module__fyYnAq__front > rect {
    stroke: canvastext;
  }
}

/*# sourceMappingURL=apps_web_src_components_ui_album-loader_module_1h6l7ww.css.map*/