/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/design/core-group-animation/animation/index.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.ani-separator {
  transform-origin: left;
}

@media (min-width: 782px) {
  body .ani.anishow {
    transition: transform 0.6s ease, opacity 0.6s ease;
  }
  body .ani.anishow.ani-scroll-left {
    animation: slideToLeft 30s linear infinite;
    display: inline-flex;
    flex-wrap: nowrap;
  }
  body .ani.anishow.ani-scroll-left:hover {
    animation-play-state: paused;
  }
  body .ani.anishow.ani-separator {
    transform-origin: left;
    animation: ani-separator 0.6s ease forwards;
  }
  body .ani.anishow.ani-left, body .ani.anishow.ani-right, body .ani.anishow.ani-bottom, body .ani.anishow.ani-top {
    opacity: 0;
  }
  body .ani.anishow.ani-left {
    animation: ani-left 0.6s ease forwards;
  }
  body .ani.anishow.ani-right {
    animation: ani-right 0.6s ease forwards;
  }
  body .ani.anishow.ani-top {
    animation: ani-top 0.6s ease forwards;
  }
  body .ani.anishow.ani-bottom {
    animation: ani-bottom 0.6s ease forwards;
  }
  body .ani.anishow.fade-effect {
    animation: fade-effect 0.6s ease forwards;
  }
  body .ani.anishow.fade-slide {
    animation: fade-slide 0.6s ease forwards 0s;
  }
  body .ani.anishow.grow-shrink {
    animation: grow-shrink 0.6s ease forwards 0s;
  }
  body .ani.anishow.rotate360 {
    animation: rotate360 3s linear forwards infinite;
  }
  body .ani.anishow.ani-pulse {
    animation: ani-pulse 1s infinite ease-in-out alternate;
  }
  body .ani.anishow.hinge {
    animation: hinge 2s ease infinite;
  }
  body .ani.anishow.bounce {
    animation: bounce 2s ease infinite;
  }
  body .ani.anishow.shake {
    animation: shake 2s ease infinite;
  }
  body .ani.anishow.wobble {
    animation: wobble 2s ease infinite;
  }
  body .ani.anishow.swing {
    transform-origin: top center;
    animation: swing 2s ease infinite;
  }
  body .ani.anishow.roll-in {
    animation: roll-in 2s ease infinite;
  }
  body .ani.anishow.roll-out {
    animation: roll-out 2s ease infinite;
  }
  body .ani.anishow.gelatine {
    animation: gelatine 0.5s infinite;
  }
  body .ani.anishow.elastic-spin {
    animation: elastic-spin 1s infinite ease;
  }
  body .ani.anishow.flash {
    animation: flash 500ms ease infinite alternate;
  }
  body .ani.anishow.hithere {
    animation: hithere 1s ease infinite;
  }
  body .ani.anishow.grow {
    animation: grow 2s ease infinite;
  }
  body .ani.anishow.fade-in {
    animation: fade-in 2s linear infinite;
  }
  body .ani.anishow.fade-out {
    animation: fade-out 2s linear infinite;
  }
  body .ani.anishow.bounce2 {
    animation: bounce2 2s ease infinite;
  }
  body .ani.anishow.flip {
    backface-visibility: visible !important;
    animation: flip 2s ease infinite;
  }
  body .ani.anishow.fade-in-down {
    animation: fade-in-down 2s ease infinite;
  }
  body .ani.anishow.fade-in-left {
    animation: fade-in-left 2s ease infinite;
  }
  body .ani.anishow.fade-out-down {
    animation: fade-out-down 2s ease infinite;
  }
  body .ani.anishow.fade-out-right {
    animation: fade-out-right 2s ease infinite;
  }
  body .ani.anishow.bounce-in {
    animation: bounce-in 2s ease infinite;
  }
  body .ani.anishow.bounce-in-right {
    animation: bounce-in-right 2s ease infinite;
  }
  body .ani.anishow.bounce-out {
    animation: bounce-out 2s ease infinite;
  }
  body .ani.anishow.bounce-out-down {
    animation: bounce-out-down 2s ease infinite;
  }
  body .ani.anishow.rotate-in-down-left {
    animation: rotate-in-down-left 2s ease infinite;
  }
  body .ani.anishow.rotate-in-up-left {
    animation: rotate-in-up-left 2s ease infinite;
  }
  @keyframes ani-pulse {
    from {
      transform: scale(0.8);
    }
    to {
      transform: scale(1.2);
    }
  }
  @keyframes rotate360 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes slideToLeft {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(-100%);
    }
  }
  @keyframes ani-left {
    0% {
      opacity: 0;
      transform: translateX(-100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes ani-leftRev {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(-100%);
    }
  }
  @keyframes ani-right {
    0% {
      opacity: 0;
      transform: translateX(100%);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes ani-rightRev {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(100%);
    }
  }
  @keyframes ani-top {
    0% {
      opacity: 0;
      transform: translateY(-100px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes ani-bottom {
    0% {
      opacity: 0;
      transform: translateY(100px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes fade-effect {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes grow-shrink {
    0% {
      opacity: 0;
      transform: scale(1);
    }
    50% {
      opacity: 0.5;
      transform: scale(1.1);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes fade-slide {
    0% {
      opacity: 0;
      transform: translate(0px) scale(1);
    }
    70% {
      opacity: 0.7;
      transform: translate(-4px, -4px) scale(1.1);
    }
    100% {
      opacity: 1;
      transform: translate(0px, 0px) scale(1);
    }
  }
  @keyframes fade {
    0% {
      opacity: 0;
      transform: translate(10px);
    }
    50% {
      opacity: 0.5;
      transform: translate(0px);
    }
    100% {
      opacity: 1;
      transform: translate(0px);
    }
  }
  @keyframes fadescale {
    from {
      opacity: 0.8;
      transform: scale(1.01);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 100;
    }
  }
  @keyframes ani-separator {
    from {
      transform: scaleX(0);
    }
    to {
      transform: scaleX(1);
    }
  }
  @keyframes roll-out {
    0% {
      opacity: 1;
      transform: translateX(0px) rotate(0deg);
    }
    100% {
      opacity: 0;
      transform: translateX(100%) rotate(120deg);
    }
  }
  @keyframes roll-in {
    0% {
      opacity: 0;
      transform: translateX(-100%) rotate(-120deg);
    }
    100% {
      opacity: 1;
      transform: translateX(0px) rotate(0deg);
    }
  }
  @keyframes hinge {
    0% {
      transform: rotate(0);
      transform-origin: top left;
      animation-timing-function: ease-in-out;
    }
    20%, 60% {
      transform: rotate(80deg);
      transform-origin: top left;
      animation-timing-function: ease-in-out;
    }
    40% {
      transform: rotate(60deg);
      transform-origin: top left;
      animation-timing-function: ease-in-out;
    }
    80% {
      transform: rotate(60deg) translateY(0);
      opacity: 1;
      transform-origin: top left;
      animation-timing-function: ease-in-out;
    }
    100% {
      transform: translateY(700px);
      opacity: 0;
    }
  }
  @keyframes rotate-in-up-left {
    0% {
      transform-origin: left bottom;
      transform: rotate(90deg);
      opacity: 0;
    }
    100% {
      transform-origin: left bottom;
      transform: rotate(0);
      opacity: 1;
    }
  }
  @keyframes rotate-in-down-left {
    0% {
      transform-origin: left bottom;
      transform: rotate(-90deg);
      opacity: 0;
    }
    100% {
      transform-origin: left bottom;
      transform: rotate(0);
      opacity: 1;
    }
  }
  @keyframes bounce-out-down {
    0% {
      transform: translateY(0);
    }
    20% {
      opacity: 1;
      transform: translateY(-20px);
    }
    100% {
      opacity: 0;
      transform: translateY(20px);
    }
  }
  @keyframes gelatine {
    from, to {
      transform: scale(1, 1);
    }
    25% {
      transform: scale(0.9, 1.1);
    }
    50% {
      transform: scale(1.1, 0.9);
    }
    75% {
      transform: scale(0.95, 1.05);
    }
  }
  @keyframes elastic-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(720deg);
    }
  }
  @keyframes flash {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes hithere {
    30% {
      transform: scale(1.2);
    }
    40%, 60% {
      transform: rotate(-20deg) scale(1.2);
    }
    50% {
      transform: rotate(20deg) scale(1.2);
    }
    70% {
      transform: rotate(0deg) scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes grow {
    from {
      transform: scale(0);
    }
    to {
      transform: scale(1);
    }
  }
  @keyframes fade-in {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-out {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes bounce {
    70% {
      transform: translateY(0%);
    }
    80% {
      transform: translateY(-15%);
    }
    90% {
      transform: translateY(0%);
    }
    95% {
      transform: translateY(-7%);
    }
    97% {
      transform: translateY(0%);
    }
    99% {
      transform: translateY(-3%);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
    }
    40% {
      transform: translateY(-30px);
    }
    60% {
      transform: translateY(-15px);
    }
  }
  @keyframes shake {
    0%, 100% {
      transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
      transform: translateX(-10px);
    }
    20%, 40%, 60%, 80% {
      transform: translateX(10px);
    }
  }
  @keyframes flip {
    0% {
      transform: perspective(400px) rotateY(0);
      animation-timing-function: ease-out;
    }
    40% {
      transform: perspective(400px) translateZ(150px) rotateY(170deg);
      animation-timing-function: ease-out;
    }
    50% {
      transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
      animation-timing-function: ease-in;
    }
    80% {
      transform: perspective(400px) rotateY(360deg) scale(0.95);
      animation-timing-function: ease-in;
    }
    100% {
      transform: perspective(400px) scale(1);
      animation-timing-function: ease-in;
    }
  }
  @keyframes swing {
    20% {
      transform: rotate(15deg);
    }
    40% {
      transform: rotate(-10deg);
    }
    60% {
      transform: rotate(5deg);
    }
    80% {
      transform: rotate(-5deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  @keyframes wobble {
    0% {
      transform: translateX(0%);
    }
    15% {
      transform: translateX(-25%) rotate(-5deg);
    }
    30% {
      transform: translateX(20%) rotate(3deg);
    }
    45% {
      transform: translateX(-15%) rotate(-3deg);
    }
    60% {
      transform: translateX(10%) rotate(2deg);
    }
    75% {
      transform: translateX(-5%) rotate(-1deg);
    }
    100% {
      transform: translateX(0%);
    }
  }
  @keyframes fade-in-down {
    0% {
      opacity: 0;
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes fade-in-left {
    0% {
      opacity: 0;
      transform: translateX(-20px);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
  }
  @keyframes fade-out-down {
    0% {
      opacity: 1;
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      transform: translateY(20px);
    }
  }
  @keyframes fade-out-right {
    0% {
      opacity: 1;
      transform: translateX(0);
    }
    100% {
      opacity: 0;
      transform: translateX(20px);
    }
  }
  @keyframes bounce-in {
    0% {
      opacity: 0;
      transform: scale(0.3);
    }
    50% {
      opacity: 1;
      transform: scale(1.05);
    }
    70% {
      transform: scale(0.9);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes bounce-in-right {
    0% {
      opacity: 0;
      transform: translateX(2000px);
    }
    60% {
      opacity: 1;
      transform: translateX(-30px);
    }
    80% {
      transform: translateX(10px);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes bounce-out {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(0.95);
    }
    50% {
      opacity: 1;
      transform: scale(1.1);
    }
    100% {
      opacity: 0;
      transform: scale(0.3);
    }
  }
}

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