svg#freepik_stories-multi-device-targeting:not(.animated) .animable {
  opacity: 0;
}

svg#freepik_stories-multi-device-targeting.animated #freepik--device-2--inject-7 {
  animation: 0.8s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideDown, 6s Infinite linear floating;
  animation-delay: 0s, 0.8s;
}

svg#freepik_stories-multi-device-targeting.animated #freepik--device-3--inject-7 {
  animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) zoomIn, 3s Infinite linear floating;
  animation-delay: 0s, 1s;
}

svg#freepik_stories-multi-device-targeting.animated #freepik--device-4--inject-7 {
  animation: 1.3s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) lightSpeedRight, 6s Infinite linear floating;
  animation-delay: 0s, 1.3s;
}

svg#freepik_stories-multi-device-targeting.animated #freepik--device-1--inject-7 {
  animation: 1.3s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) lightSpeedLeft, 3s Infinite linear floating;
  animation-delay: 0s, 1.3s;
}

svg#freepik_stories-multi-device-targeting.animated #freepik--Character--inject-7 {
  animation: 1s 1 forwards cubic-bezier(.36, -0.01, .5, 1.38) slideUp;
  animation-delay: 0s;
}

@keyframes slideDown {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes floating {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes lightSpeedRight {
  from {
    transform: translate3d(50%, 0, 0) skewX(-20deg);
    opacity: 0;
  }
  60% {
    transform: skewX(10deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-2deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedLeft {
  from {
    transform: translate3d(-50%, 0, 0) skewX(20deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-10deg);
    opacity: 1;
  }
  80% {
    transform: skewX(2deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: inherit;
  }
}

.animator-hidden {
  display: none;
}