/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.95.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.47_webpack@5.95.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.80.3_webpack@5.95.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/animate-block/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (min-width: 600px) {
  .gsap-animation-enter.gsap-animation-enter-only-desktop[data-animation-enter=bottom-to-top] {
    opacity: 0;
    transition: all ease 0.8s;
    transform: translateY(100px);
  }
  .gsap-animation-enter.gsap-animation-enter-only-desktop[data-animation-enter=bottom-to-top].active {
    transform: translateY(0);
  }
  .gsap-animation-enter.gsap-animation-enter-only-desktop[data-animation-enter=from-right] {
    opacity: 0;
    transform: translateX(250px);
  }
  .gsap-animation-enter.gsap-animation-enter-only-desktop[data-animation-enter=from-right].active {
    transform: translateX(0);
  }
  .gsap-animation-enter.gsap-animation-enter-only-desktop[data-animation-enter=from-left] {
    opacity: 0;
    transform: translateX(-250px);
  }
  .gsap-animation-enter.gsap-animation-enter-only-desktop[data-animation-enter=from-left].active {
    transform: translateX(0);
  }
  .gsap-animation-enter.gsap-animation-enter-only-desktop[data-animation-enter=alpha] {
    opacity: 0;
  }
  .gsap-animation-enter.gsap-animation-enter-only-desktop.active {
    opacity: 1;
    transition: all ease 0.8s;
  }
}
@media (min-width: 300px) {
  .gsap-animation-enter:not(.gsap-animation-enter-only-desktop)[data-animation-enter=bottom-to-top] {
    opacity: 0;
    transition: all ease 0.8s;
    transform: translateY(100px);
  }
  .gsap-animation-enter:not(.gsap-animation-enter-only-desktop)[data-animation-enter=bottom-to-top].active {
    transform: translateY(0);
  }
  .gsap-animation-enter:not(.gsap-animation-enter-only-desktop)[data-animation-enter=from-right] {
    opacity: 0;
    transform: translateX(250px);
  }
  .gsap-animation-enter:not(.gsap-animation-enter-only-desktop)[data-animation-enter=from-right].active {
    transform: translateX(0);
  }
  .gsap-animation-enter:not(.gsap-animation-enter-only-desktop)[data-animation-enter=from-left] {
    opacity: 0;
    transform: translateX(-250px);
  }
  .gsap-animation-enter:not(.gsap-animation-enter-only-desktop)[data-animation-enter=from-left].active {
    transform: translateX(0);
  }
  .gsap-animation-enter:not(.gsap-animation-enter-only-desktop)[data-animation-enter=alpha] {
    opacity: 0;
  }
  .gsap-animation-enter:not(.gsap-animation-enter-only-desktop).active {
    opacity: 1;
    transition: all ease 0.8s;
  }
}

/*# sourceMappingURL=style-index.css.map*/