// Animate
// Modify element with animate functionality
//

// stylelint-disable selector-class-pattern

[data-animate]:not(.animate__animated) {
  visibility: hidden;

  .carousel .carousel-item.active {
    transform: translateX(100%);
  }
  .carousel--vertical .carousel-item.active {
    transform: translateY(100%);
  }
}

[data-animate].animate__onqueue {

  .dropdown-menu {
    display: none;
  }
}