/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/animation.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
:root {
  --skeletor-animation--duration: 0.2s;
  --skeletor-animation--timing: ease-in-out;
  --skeletor-animation--delay: 0.2s;
  --skeletor-animation--fill-mode: forwards;
}

.has-animation {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-duration: var(--skeletor-animation--duration, 0.2s);
          animation-duration: var(--skeletor-animation--duration, 0.2s);
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: var(--skeletor-animation--timing, ease-in-out);
          animation-timing-function: var(--skeletor-animation--timing, ease-in-out);
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-delay: var(--skeletor-animation--delay, 0.2s);
          animation-delay: var(--skeletor-animation--delay, 0.2s);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-fill-mode: var(--skeletor-animation--fill-mode, forwards);
          animation-fill-mode: var(--skeletor-animation--fill-mode, forwards);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slideRight {
  from {
    -webkit-transform: translate(-100px, 0);
            transform: translate(-100px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes slideRight {
  from {
    -webkit-transform: translate(-100px, 0);
            transform: translate(-100px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slideLeft {
  from {
    -webkit-transform: translate(100px, 0);
            transform: translate(100px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes slideLeft {
  from {
    -webkit-transform: translate(100px, 0);
            transform: translate(100px, 0);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}
@media screen and (min-width: 800px) {
  .has-animation:not(.block-editor .has-animation).animation-fade-in {
    opacity: 0;
  }
  .has-animation:not(.block-editor .has-animation).animation-slide-up {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
  }
  .has-animation:not(.block-editor .has-animation).animation-slide-right {
    -webkit-transform: translate(-100px, 0);
            transform: translate(-100px, 0);
    opacity: 0;
  }
  .has-animation:not(.block-editor .has-animation).animation-slide-left {
    -webkit-transform: translate(100px, 0);
            transform: translate(100px, 0);
    opacity: 0;
  }
  .has-animation.visible.animation-fade-in {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
  }
  .has-animation.visible.animation-slide-up {
    -webkit-animation-name: slideUp;
            animation-name: slideUp;
  }
  .has-animation.visible.animation-slide-right {
    -webkit-animation-name: slideRight;
            animation-name: slideRight;
  }
  .has-animation.visible.animation-slide-left {
    -webkit-animation-name: slideLeft;
            animation-name: slideLeft;
  }
}

/*# sourceMappingURL=animation.scss.css.map*/