/* [project]/apps/storefront/src/modules/layout/components/bird-logomotion/bird-logomotion.module.css [app-client] (css) */
.bird-logomotion-module__8oRL4q__mark {
  flex: none;
  width: 1.5rem;
  height: auto;
  display: block;
  overflow: visible;
}

.bird-logomotion-module__8oRL4q__lift, .bird-logomotion-module__8oRL4q__piece, .bird-logomotion-module__8oRL4q__wing {
  animation-play-state: running;
  animation-fill-mode: both;
}

.bird-logomotion-module__8oRL4q__piece {
  animation-name: bird-logomotion-module__8oRL4q__assemble;
  animation-duration: .62s;
  animation-timing-function: cubic-bezier(.22, .61, .3, 1);
}

.bird-logomotion-module__8oRL4q__e1 {
  --dx: 96px;
  --dy: -80px;
  animation-delay: .36s;
}

.bird-logomotion-module__8oRL4q__e2 {
  --dx: -96px;
  --dy: -64px;
  animation-delay: .36s;
}

.bird-logomotion-module__8oRL4q__e3 {
  --dx: 80px;
  --dy: -32px;
  animation-delay: .3s;
}

.bird-logomotion-module__8oRL4q__e4 {
  --dx: 64px;
  --dy: -24px;
  animation-delay: 0s;
}

.bird-logomotion-module__8oRL4q__e5 {
  --dx: 64px;
  --dy: -24px;
  animation-delay: 50ms;
}

.bird-logomotion-module__8oRL4q__e6 {
  --dx: 80px;
  --dy: 64px;
  animation-delay: .15s;
}

.bird-logomotion-module__8oRL4q__e7 {
  --dx: -80px;
  --dy: -64px;
  animation-delay: .3s;
}

.bird-logomotion-module__8oRL4q__e8 {
  --dx: -112px;
  --dy: -88px;
  animation-delay: .42s;
}

.bird-logomotion-module__8oRL4q__e9 {
  --dx: 0px;
  --dy: 72px;
  animation-delay: .1s;
}

.bird-logomotion-module__8oRL4q__e10 {
  --dx: -48px;
  --dy: 72px;
  animation-delay: .15s;
}

.bird-logomotion-module__8oRL4q__e11 {
  --dx: 48px;
  --dy: 72px;
  animation-delay: .2s;
}

.bird-logomotion-module__8oRL4q__e12 {
  --dx: -64px;
  --dy: 56px;
  animation-delay: .25s;
}

.bird-logomotion-module__8oRL4q__wing, .bird-logomotion-module__8oRL4q__lift {
  animation-duration: 1.35s;
  animation-timing-function: cubic-bezier(.37, 0, .32, 1);
  animation-delay: 1.15s;
}

.bird-logomotion-module__8oRL4q__rightWing {
  animation-name: bird-logomotion-module__8oRL4q__beatRight;
}

.bird-logomotion-module__8oRL4q__leftWing {
  animation-name: bird-logomotion-module__8oRL4q__beatLeft;
}

.bird-logomotion-module__8oRL4q__lift {
  animation-name: bird-logomotion-module__8oRL4q__lift;
}

@media (min-width: 375px) {
  .bird-logomotion-module__8oRL4q__mark {
    width: 1.75rem;
  }
}

@media (min-width: 1024px) {
  .bird-logomotion-module__8oRL4q__mark {
    width: 2.25rem;
  }
}

@keyframes bird-logomotion-module__8oRL4q__assemble {
  from {
    opacity: 0;
    transform: translate(var(--dx), var(--dy));
  }

  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes bird-logomotion-module__8oRL4q__beatRight {
  0% {
    transform: rotate(0);
  }

  22% {
    transform: rotate(-6deg);
  }

  46% {
    transform: rotate(1.8deg);
  }

  70% {
    transform: rotate(-2.8deg);
  }

  88% {
    transform: rotate(.7deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes bird-logomotion-module__8oRL4q__beatLeft {
  0% {
    transform: rotate(0);
  }

  22% {
    transform: rotate(6deg);
  }

  46% {
    transform: rotate(-1.8deg);
  }

  70% {
    transform: rotate(2.8deg);
  }

  88% {
    transform: rotate(-.7deg);
  }

  100% {
    transform: rotate(0);
  }
}

@keyframes bird-logomotion-module__8oRL4q__lift {
  0% {
    transform: translateY(0);
  }

  22% {
    transform: translateY(-32px);
  }

  46% {
    transform: translateY(-4px);
  }

  70% {
    transform: translateY(-16px);
  }

  100% {
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bird-logomotion-module__8oRL4q__lift, .bird-logomotion-module__8oRL4q__piece, .bird-logomotion-module__8oRL4q__wing {
    opacity: 1;
    animation: none;
    transform: none;
  }
}

/*# sourceMappingURL=3cd3d_src_modules_layout_components_bird-logomotion_bird-logomotion_module_2d8fc18c.css.map*/