@use "sass:map";
@use "sass:list";

$animSelector: ".animate__animated";
$animCommonSelector: "[data-anim-id='flex-animation-element']";

@mixin FlexAnimationModuleStyles() {
  @media (prefers-reduced-motion: reduce) {
    #{$animSelector} {
      animation: none !important;
    }
  }
  #{$animCommonSelector} {
    &:not(#{$animSelector}) {
      opacity: 0;
    }

    &#{$animSelector} {
      animation-fill-mode: backwards;
      animation-delay: calc(1ms * var(--_ctm-flex-anim-delay, 1));
    }
  }
}