// ============================================================================
// Poster
// ============================================================================

////
/// 
/// Rotate Animations Mixin Module
/// ===========================================================================
/// 
/// This module ...
/// 
/// 
/// @group Animations
/// @author Scape Agency
/// @link https://move.gl
/// @since 0.1.0 initial release
/// @todo None
/// @access public
/// 
////


// ============================================================================
// Use
// ============================================================================

@use "../dev" as *;
@use "../variables" as *;
@use "../keyframes" as *;
@use "base" as *;


// ============================================================================
// Mixins
// ============================================================================




// @-webkit-keyframes rotateIn {
//     from {
//       -webkit-transform-origin: center;
//       transform-origin: center;
//       -webkit-transform: rotate3d(0, 0, 1, -200deg);
//       transform: rotate3d(0, 0, 1, -200deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: center;
//       transform-origin: center;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   @keyframes rotateIn {
//     from {
//       -webkit-transform-origin: center;
//       transform-origin: center;
//       -webkit-transform: rotate3d(0, 0, 1, -200deg);
//       transform: rotate3d(0, 0, 1, -200deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: center;
//       transform-origin: center;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   .rotateIn {
//     -webkit-animation-name: rotateIn;
//     animation-name: rotateIn;
//   }
  
//   @-webkit-keyframes rotateInDownLeft {
//     from {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: rotate3d(0, 0, 1, -45deg);
//       transform: rotate3d(0, 0, 1, -45deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   @keyframes rotateInDownLeft {
//     from {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: rotate3d(0, 0, 1, -45deg);
//       transform: rotate3d(0, 0, 1, -45deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   .rotateInDownLeft {
//     -webkit-animation-name: rotateInDownLeft;
//     animation-name: rotateInDownLeft;
//   }
  
//   @-webkit-keyframes rotateInDownRight {
//     from {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: rotate3d(0, 0, 1, 45deg);
//       transform: rotate3d(0, 0, 1, 45deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   @keyframes rotateInDownRight {
//     from {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: rotate3d(0, 0, 1, 45deg);
//       transform: rotate3d(0, 0, 1, 45deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   .rotateInDownRight {
//     -webkit-animation-name: rotateInDownRight;
//     animation-name: rotateInDownRight;
//   }
  
//   @-webkit-keyframes rotateInUpLeft {
//     from {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: rotate3d(0, 0, 1, 45deg);
//       transform: rotate3d(0, 0, 1, 45deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   @keyframes rotateInUpLeft {
//     from {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: rotate3d(0, 0, 1, 45deg);
//       transform: rotate3d(0, 0, 1, 45deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   .rotateInUpLeft {
//     -webkit-animation-name: rotateInUpLeft;
//     animation-name: rotateInUpLeft;
//   }
  
//   @-webkit-keyframes rotateInUpRight {
//     from {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: rotate3d(0, 0, 1, -90deg);
//       transform: rotate3d(0, 0, 1, -90deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   @keyframes rotateInUpRight {
//     from {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: rotate3d(0, 0, 1, -90deg);
//       transform: rotate3d(0, 0, 1, -90deg);
//       opacity: 0;
//     }
  
//     100% {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: none;
//       transform: none;
//       opacity: 1;
//     }
//   }
  
//   .rotateInUpRight {
//     -webkit-animation-name: rotateInUpRight;
//     animation-name: rotateInUpRight;
//   }
  
//   @-webkit-keyframes rotateOut {
//     from {
//       -webkit-transform-origin: center;
//       transform-origin: center;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: center;
//       transform-origin: center;
//       -webkit-transform: rotate3d(0, 0, 1, 200deg);
//       transform: rotate3d(0, 0, 1, 200deg);
//       opacity: 0;
//     }
//   }
  
//   @keyframes rotateOut {
//     from {
//       -webkit-transform-origin: center;
//       transform-origin: center;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: center;
//       transform-origin: center;
//       -webkit-transform: rotate3d(0, 0, 1, 200deg);
//       transform: rotate3d(0, 0, 1, 200deg);
//       opacity: 0;
//     }
//   }
  
//   .rotateOut {
//     -webkit-animation-name: rotateOut;
//     animation-name: rotateOut;
//   }
  
//   @-webkit-keyframes rotateOutDownLeft {
//     from {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: rotate3d(0, 0, 1, 45deg);
//       transform: rotate3d(0, 0, 1, 45deg);
//       opacity: 0;
//     }
//   }
  
//   @keyframes rotateOutDownLeft {
//     from {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: rotate3d(0, 0, 1, 45deg);
//       transform: rotate3d(0, 0, 1, 45deg);
//       opacity: 0;
//     }
//   }
  
//   .rotateOutDownLeft {
//     -webkit-animation-name: rotateOutDownLeft;
//     animation-name: rotateOutDownLeft;
//   }
  
//   @-webkit-keyframes rotateOutDownRight {
//     from {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: rotate3d(0, 0, 1, -45deg);
//       transform: rotate3d(0, 0, 1, -45deg);
//       opacity: 0;
//     }
//   }
  
//   @keyframes rotateOutDownRight {
//     from {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: rotate3d(0, 0, 1, -45deg);
//       transform: rotate3d(0, 0, 1, -45deg);
//       opacity: 0;
//     }
//   }
  
//   .rotateOutDownRight {
//     -webkit-animation-name: rotateOutDownRight;
//     animation-name: rotateOutDownRight;
//   }
  
//   @-webkit-keyframes rotateOutUpLeft {
//     from {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: rotate3d(0, 0, 1, -45deg);
//       transform: rotate3d(0, 0, 1, -45deg);
//       opacity: 0;
//     }
//   }
  
//   @keyframes rotateOutUpLeft {
//     from {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: left bottom;
//       transform-origin: left bottom;
//       -webkit-transform: rotate3d(0, 0, 1, -45deg);
//       transform: rotate3d(0, 0, 1, -45deg);
//       opacity: 0;
//     }
//   }
  
//   .rotateOutUpLeft {
//     -webkit-animation-name: rotateOutUpLeft;
//     animation-name: rotateOutUpLeft;
//   }
  
//   @-webkit-keyframes rotateOutUpRight {
//     from {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: rotate3d(0, 0, 1, 90deg);
//       transform: rotate3d(0, 0, 1, 90deg);
//       opacity: 0;
//     }
//   }
  
//   @keyframes rotateOutUpRight {
//     from {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       opacity: 1;
//     }
  
//     100% {
//       -webkit-transform-origin: right bottom;
//       transform-origin: right bottom;
//       -webkit-transform: rotate3d(0, 0, 1, 90deg);
//       transform: rotate3d(0, 0, 1, 90deg);
//       opacity: 0;
//     }
//   }
  
//   .rotateOutUpRight {
//     -webkit-animation-name: rotateOutUpRight;
//     animation-name: rotateOutUpRight;
//   }