@charset "UTF-8";

/*!
    * animate.css -http://daneden.me/animate
    * Version - 3.5.1
    * Licensed under the MIT license - http://opensource.org/licenses/MIT
    * https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css
    * Copyright (c) 2016 Daniel Eden
    */
   .animateme {
   
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
   
     -webkit-animation-name: var(--myanimname);
     animation-name: var(--myanimname);
   
    -webkit-animation-timing-function: var(--myeasing);
       animation-timing-function: var(--myeasing);
   
       -webkit-animation-delay: var(--mydelay);
       animation-delay: var(--mydelay);
   
   
     -webkit-animation-duration: var(--myduration);
     animation-duration: var(--myduration);
   }
   
   .animated {
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
   }
   
   .animated.infinite {
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
   }
   
   .animated.hinge {
     -webkit-animation-duration: 2s;
     animation-duration: 2s;
   }
   
   .animated.flipOutX,
   .animated.flipOutY,
   .animated.bounceIn,
   .animated.bounceOut {
     -webkit-animation-duration: .75s;
     animation-duration: .75s;
   }
   
   @-webkit-keyframes fadeIn {
     from {
     will-change:opacity;
       opacity: 0;
     }
   
     to {
     will-change:unset;
       opacity: var(--zalpha);
     visibility:visible;
     pointer-events: var(--pointer);
     }
   }
   
   @keyframes fadeIn {
     from {
     will-change:opacity;
       opacity: 0;
     }
   
     to {
     will-change:unset;
       opacity: var(--zalpha);
     visibility:visible;
     pointer-events: var(--pointer);
     }
   }
   
   .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
   }
   
   
   @-webkit-keyframes fadeOut {
     from {
     will-change:opacity;
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       opacity: 0;
     }
   }
   
   @keyframes fadeOut {
     from {
     will-change:opacity;
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       opacity: 0;
     }
   }
   
   .fadeOut {
     -webkit-animation-name: fadeOut;
     animation-name: fadeOut;
   }
   
   
   @-webkit-keyframes zoomIn {
     from {
     will-change:opacity,-webkit-transform,transform;
       opacity: 0;
       -webkit-transform: scale3d(.3, .3, .3) var(--myrotate);
       transform: scale3d(.3, .3, .3) var(--myrotate);
     }
   
     50% {
       opacity: var(--zalpha);
     visibility:visible;
     }
    100% {
     will-change:unset;
       opacity: var(--zalpha);
     visibility:visible;
     pointer-events: var(--pointer);
     }
   }
   
   @keyframes zoomIn {
     from {
     will-change:opacity,-webkit-transform,transform;
       opacity: 0;
       -webkit-transform: scale3d(.3, .3, .3) var(--myrotate);
       transform: scale3d(.3, .3, .3) var(--myrotate);
     }
   
     50% {
       opacity: var(--zalpha);
     visibility:visible;
     }
    100% {
     will-change:unset;
       opacity: var(--zalpha);
     visibility:visible;
     pointer-events: var(--pointer);
     }
   }
   
   .zoomIn {
     -webkit-animation-name: zoomIn;
     animation-name: zoomIn;
   }
   
   
   @-webkit-keyframes zoomOut {
     from {
     will-change:opacity,-webkit-transform,transform;
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
     -webkit-transform: scale3d(0.01, .01, .01) var(--myrotate);
     transform: scale3d(.01, .01, .01) var(--myrotate);	
     visibility: hidden;
     }
   }
   
   @keyframes zoomOut {
     from {
     will-change:opacity,-webkit-transform,transform;
       opacity: var(--zalpha);
     }
   
   
     to {	
     will-change:unset;
     -webkit-transform: scale3d(0.01, .01, .01) var(--myrotate);
     transform: scale3d(.01, .01, .01) var(--myrotate);	
     visibility: hidden;
     }
   }
   
   .zoomOut {
     -webkit-animation-name: zoomOut;
     animation-name: zoomOut;
   }
   
   
   @-webkit-keyframes wipeInDown {
     from {
     will-change:-webkit-clip-path,clip-path;
     -webkit-clip-path: inset(0px var(--width) var(--wipeInDown) var(--width) );
     clip-path: inset(0px var(--width) var(--wipeInDown) var(--width));
     opacity: var(--zalpha);
     }
   
     99% {
       -webkit-clip-path: inset(0px var(--width) 0px var(--width));
       clip-path: inset(0px var(--width) 0px var(--width));
     }
   
     to {
     will-change:unset;
     opacity: var(--zalpha);
     }
   }
   
   @keyframes wipeInDown {
     from {
       will-change:-webkit-clip-path,clip-path;
       -webkit-clip-path: inset(0px var(--width) var(--wipeInDown) var(--width) );
       clip-path: inset(0px var(--width) var(--wipeInDown) var(--width));
       opacity: var(--zalpha);
     }
   
     99% {
       -webkit-clip-path: inset(0px var(--width) 0px var(--width));
       clip-path: inset(0px var(--width) 0px var(--width));
     }
   
     to {
       will-change:unset;
       opacity: var(--zalpha);
     }
   }
   
   .wipeInDown {
     -webkit-animation-name: wipeInDown;
     animation-name: wipeInDown;
   }
   
   @-webkit-keyframes wipeOutDown {
    
     from {
     will-change:-webkit-clip-path,clip-path;
       -webkit-clip-path: inset(0px var(--width) 0px var(--width));
       clip-path: inset(0px var(--width) 0px var(--width));
     }
    to {
     will-change:unset;
     -webkit-clip-path: inset(0px var(--width) var(--wipeOutDown) var(--width) );
     clip-path: inset(0px var(--width) var(--wipeOutDown) var(--width));
       visibility: hidden;
     }
   
   }
   
   @keyframes wipeOutDown {
    
   
     from {
     will-change:-webkit-clip-path,clip-path;
       -webkit-clip-path: inset(0px var(--width) 0px var(--width));
       clip-path: inset(0px var(--width) 0px var(--width));
     }
    to {
     will-change:unset;
     -webkit-clip-path: inset(0px var(--width) var(--wipeOutDown) var(--width) );
     clip-path: inset(0px var(--width) var(--wipeOutDown) var(--width));	
       visibility: hidden;
     }
   }
   
   .wipeOutDown {
     -webkit-animation-name: wipeOutDown;
     animation-name: wipeOutDown;
   }
   
   @-webkit-keyframes wipeInLeft {
      from {
     will-change:-webkit-clip-path,clip-path;
     -webkit-clip-path: inset(var(--height) 0px var(--height) var(--wipeInLeft));
      clip-path: inset(var(--height) 0px var(--height) var(--wipeInLeft));
      opacity: var(--zalpha);
     }
   
     99% {
       -webkit-clip-path: inset(var(--height) 0px var(--height) 0px);
        clip-path: inset(var(--height) 0px var(--height) 0px);
     }
   
     to {
     will-change:unset;
     opacity: var(--zalpha);
     }
   }
   
   @keyframes wipeInLeft {
     from {
       will-change:-webkit-clip-path,clip-path;
     -webkit-clip-path: inset(var(--height) 0px var(--height) var(--wipeInLeft));
      clip-path: inset(var(--height) 0px var(--height) var(--wipeInLeft));
      opacity: var(--zalpha);
     }
   
     99% {
       -webkit-clip-path: inset(var(--height) 0px var(--height) 0px);
        clip-path: inset(var(--height) 0px var(--height) 0px);
     }
   
     to {
       will-change:unset;
       opacity: var(--zalpha);
     }
     
   }
   
   .wipeInLeft {
     -webkit-animation-name: wipeInLeft;
     animation-name: wipeInLeft;
   }
   
   @-webkit-keyframes wipeOutLeft {
    
   
     from {	
     will-change:-webkit-clip-path,clip-path;
      -webkit-clip-path: inset(var(--height) 0px var(--height) 0px);
       clip-path: inset(var(--height) 0px var(--height) 0px);
       opacity: var(--zalpha);
     }
     to {
     will-change:unset;
     -webkit-clip-path: inset(var(--height) 0px var(--height) var(--wipeOutLeft));
      clip-path: inset(var(--height) 0px var(--height) var(--wipeOutLeft));
      opacity: var(--zalpha);
     }
   }
   
   @keyframes wipeOutLeft {
   
   
     from {
     will-change:-webkit-clip-path,clip-path;
      -webkit-clip-path: inset(var(--height) 0px var(--height) 0px);
       clip-path: inset(var(--height) 0px var(--height) 0px);
       opacity: var(--zalpha);
     }
     to {
     will-change:unset;
     -webkit-clip-path: inset(var(--height) 0px var(--height) var(--wipeOutLeft));
      clip-path: inset(var(--height) 0px var(--height) var(--wipeOutLeft));
      opacity: var(--zalpha);
     }
     
   }
   
   .wipeOutLeft {
     -webkit-animation-name: wipeOutLeft;
     animation-name: wipeOutLeft;
   }
   
   
   /* values are from-top, from-right, from-bottom, from-left */
   @-webkit-keyframes wipeInRight {
      from {
     will-change:-webkit-clip-path,clip-path;
       -webkit-clip-path: inset(var(--height) var(--wipeInRight) var(--height) 0px);
        clip-path: inset(var(--height) var(--wipeInRight) var(--height) 0px);
        opacity: var(--zalpha);
       }
       99% {
         -webkit-clip-path: inset(var(--height) 0px var(--height) 0px);
         clip-path: inset(var(--height) 0px var(--height) 0px);
       }
       to {
       will-change:unset;
       opacity: var(--zalpha);
       }
   }
   
   @keyframes wipeInRight {
      from {
       will-change:-webkit-clip-path,clip-path;
       -webkit-clip-path: inset(var(--height) var(--wipeInRight) var(--height) 0px);
        clip-path: inset(var(--height) var(--wipeInRight) var(--height) 0px);
        opacity: var(--zalpha);
       }
       99% {
         -webkit-clip-path: inset(var(--height) 0px var(--height) 0px);
         clip-path: inset(var(--height) 0px var(--height) 0px);
       }
   
       to {
       will-change:unset;
       opacity: var(--zalpha);
       }
   }
   
   .wipeInRight {
     -webkit-animation-name: wipeInRight;
     animation-name: wipeInRight;
   }
   
   @-webkit-keyframes wipeOutRight {
    
   
       from {
       will-change:-webkit-clip-path,clip-path;
         -webkit-clip-path: inset(var(--height) 0px var(--height) 0px);
         clip-path: inset(var(--height) 0px var(--height) 0px);
         opacity: var(--zalpha);
       }
     
     to {
       will-change:unset;
       -webkit-clip-path: inset(var(--height) var(--wipeOutRight) var(--height) 0px);
        clip-path: inset(var(--height) var(--wipeOutRight) var(--height) 0px);
        opacity: var(--zalpha);
       }
   }
   
   @keyframes wipeOutRight {
    
   
       from {
       will-change:-webkit-clip-path,clip-path;
         -webkit-clip-path: inset(var(--height) 0px var(--height) 0px);
         clip-path: inset(var(--height) 0px var(--height) 0px);
         opacity: var(--zalpha);
       }
     to {
       will-change:unset;
       -webkit-clip-path: inset(var(--height) var(--wipeOutRight) var(--height) 0px);
        clip-path: inset(var(--height) var(--wipeOutRight) var(--height) 0px);
        opacity: var(--zalpha);
       }
   }
   
   .wipeOutRight {
     -webkit-animation-name: wipeOutRight;
     animation-name: wipeOutRight;
   }
   
   @-webkit-keyframes wipeInUp {
     from {	
       will-change:-webkit-clip-path,clip-path;
     -webkit-clip-path: inset( var(--wipeInUp) var(--width) 0px var(--width) );
      clip-path: inset( var(--wipeInUp) var(--width) 0px var(--width));
      opacity: var(--zalpha);
     }
   
     99% {
       -webkit-clip-path: inset(0px var(--width) 0px var(--width));
        clip-path: inset(0px var(--width) 0px var(--width));
     }
   
     to {	
       will-change:unset;
       opacity: var(--zalpha);
     }
   }
   
   @keyframes wipeInUp {
     from {
     will-change:-webkit-clip-path,clip-path;
     -webkit-clip-path: inset( var(--wipeInUp) var(--width) 0px var(--width) );
      clip-path: inset( var(--wipeInUp) var(--width) 0px var(--width));
      opacity: var(--zalpha);
     }
   
     99% {
       -webkit-clip-path: inset(0px var(--width) 0px var(--width));
        clip-path: inset(0px var(--width) 0px var(--width));
     }
   
     to {
     will-change:unset;
     opacity: var(--zalpha);
     }
   }
   
   .wipeInUp {
     -webkit-animation-name: wipeInUp;
     animation-name: wipeInUp;
   }
   
   @-webkit-keyframes wipeOutUp {
   
     from {
     will-change:-webkit-clip-path,clip-path;
      -webkit-clip-path: inset(0px var(--width) 0px var(--width));
       clip-path: inset(0px var(--width) 0px var(--width));
       opacity: var(--zalpha);
     }
     to {
     will-change:unset;
     -webkit-clip-path: inset( var(--wipeOutUp) var(--width) 0px var(--width) );
      clip-path: inset( var(--wipeOutUp) var(--width) 0px var(--width));
      opacity: var(--zalpha);
     }
   
   }
   
   @keyframes wipeOutUp {
   
   
     from {
     will-change:-webkit-clip-path,clip-path;
     -webkit-clip-path: inset(0px var(--width) 0px var(--width));
       clip-path: inset(0px var(--width) 0px var(--width));
       opacity: var(--zalpha);
     }
     to {
     will-change:unset;
     -webkit-clip-path: inset( var(--wipeOutUp) var(--width) 0px var(--width) );
      clip-path: inset( var(--wipeOutUp) var(--width) 0px var(--width));
      opacity: var(--zalpha);
     }
   }
   
   .wipeOutUp {
     -webkit-animation-name: wipeOutUp;
     animation-name: wipeOutUp;
   }
   
   @-webkit-keyframes slideInDown {
     from {
     will-change:-webkit-transform,transform;
       -webkit-transform: translate3d(0, var(--slideInDown), 0) var(--myrotate);
       transform: translate3d(0, var(--slideInDown), 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   @keyframes slideInDown {
     from {
     will-change:-webkit-transform,transform;
       -webkit-transform: translate3d(0, var(--slideInDown), 0) var(--myrotate);
       transform: translate3d(0, var(--slideInDown), 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   .slideInDown {
     -webkit-animation-name: slideInDown;
     animation-name: slideInDown;
   }
   
   @-webkit-keyframes slideInLeft {
     from {
     will-change:-webkit-transform,transform;
       -webkit-transform: translate3d(var(--slideInLeft), 0, 0) var(--myrotate);
       transform: translate3d(var(--slideInLeft), 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   @keyframes slideInLeft {
     from {
     will-change:-webkit-transform,transform;
       -webkit-transform: translate3d(var(--slideInLeft), 0, 0) var(--myrotate);
       transform: translate3d(var(--slideInLeft), 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   .slideInLeft {
     -webkit-animation-name: slideInLeft;
     animation-name: slideInLeft;
   }
   
   @-webkit-keyframes slideInRight {
     from {
     will-change:-webkit-transform,transform;
       -webkit-transform: translate3d(var(--slideInRight), 0, 0) var(--myrotate);
       transform: translate3d(var(--slideInRight), 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   @keyframes slideInRight {
     from {
     will-change:-webkit-transform,transform;
       -webkit-transform: translate3d(var(--slideInRight), 0, 0) var(--myrotate);
       transform: translate3d(var(--slideInRight), 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   .slideInRight {
     -webkit-animation-name: slideInRight;
     animation-name: slideInRight;
   }
   
   @-webkit-keyframes slideInUp {
     from {
     will-change:-webkit-transform,transform;
       -webkit-transform: translate3d(0, var(--slideInUp), 0) var(--myrotate);
       transform: translate3d(0, var(--slideInUp), 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   @keyframes slideInUp {
     from {
     will-change:-webkit-transform,transform;
       -webkit-transform: translate3d(0, var(--slideInUp), 0) var(--myrotate);
       transform: translate3d(0, var(--slideInUp), 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   .slideInUp {
     -webkit-animation-name: slideInUp;
     animation-name: slideInUp;
   }
   
   
   
   
   @-webkit-keyframes blurIn {
    
     
      from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: blur(20px);
           filter: blur(20px); 
           opacity:0;
       }
   
       to {
       will-change:unset;
          -webkit-filter: blur(0px); 
            filter: blur(0px); 
           opacity:var(--zalpha);
           pointer-events: var(--pointer);
       }
   }
   
   @keyframes blurIn {
      from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: blur(20px); 
           filter: blur(20px);
           opacity:0;
       }
   
       to {
       will-change:unset;
          -webkit-filter: blur(0px); 
            filter: blur(0px); 
           opacity:var(--zalpha);
           pointer-events: var(--pointer);
       }
   }
   
   .blurIn {
     -webkit-animation-name: blurIn;
     animation-name: blurIn;		
   }
   
   @-webkit-keyframes blurHIn {
    
     
      from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: url(#hBlur); 
           filter: url(#hBlur);
           opacity:0;
       }
   
       to {
       will-change:unset;
          -webkit-filter: url(#noBlur); 
            filter: url(#noBlur); 
           opacity:var(--zalpha);
           pointer-events: var(--pointer);
       }
   }
   
   @keyframes blurHIn {
      from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: url(#hBlur); 
           filter: url(#hBlur); 
           opacity:0;
       }
   
       to {
       will-change:unset;
          -webkit-filter: url(#noBlur); 
            filter: url(#noBlur); 
           opacity:var(--zalpha);
           pointer-events: var(--pointer);
       }
   }
   
   .blurHIn {
     -webkit-animation-name: blurHIn;
     animation-name: blurHIn;		
   }
   
   @-webkit-keyframes blurVIn {
    
     
      from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: url(#vBlur); 
           filter: url(#vBlur);
           opacity:0;
       }
   
       to {
       will-change:unset;
          -webkit-filter: url(#noBlur); 
            filter: url(#noBlur);
           opacity:var(--zalpha);
           pointer-events: var(--pointer);
       }
   }
   
   @keyframes blurVIn {
      from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: url(#vBlur); 
           filter: url(#vBlur);
           opacity:0;
       }
   
       to {
         will-change:unset;
          -webkit-filter: url(#noBlur); 
            filter: url(#noBlur); 
           opacity:var(--zalpha);
           pointer-events: var(--pointer);
       }
   }
   
   .blurVIn {
     -webkit-animation-name: blurVIn;
     animation-name: blurVIn;		
   }
   
   @-webkit-keyframes blurOut {
   
       from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: blur(0px); 
            filter: blur(0px); 
       }
          97% {opacity:1;}
   
      to {
         will-change:unset;
          -webkit-filter: blur(100px); 
           filter: blur(100px); 
           opacity:0;
             visibility: hidden;
       }
   }
   
   @keyframes blurOut {
       from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: blur(0px); 
            filter: blur(0px); 
       }
          97% {opacity:1;}
   
     
      to {
         will-change:unset;
          -webkit-filter: blur(100px); 
           filter: blur(100px); 
           opacity:0;
             visibility: hidden;
     pointer-events: var(--pointer);
       }
   
   }
   
   .blurOut {
     -webkit-animation-name: blurOut;
     animation-name: blurOut;		
   }
   
   
   @-webkit-keyframes blurHOut {
   
       from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: url(#noBlur); 
            filter: url(#noBlur); 
       }
          97% {opacity:1;}
   
      to {
         will-change:unset;
          -webkit-filter: url(#hBlurOut); 
           filter: url(#hBlurOut); 
           opacity:0;
             visibility: hidden;
       }
   }
   
   @keyframes blurHOut {
       from {
       will-change:opacity,-webkit-filter,filter;
           -webkit-filter: url(#noBlur); 
              filter: url(#noBlur); 
         }
            97% {opacity:1;}
   
        to {
           will-change:unset;
            -webkit-filter: url(#hBlurOut); 
             filter: url(#hBlurOut);
           opacity:0 ;
             visibility: hidden;
       }
   
   }
   
   .blurHOut {
     -webkit-animation-name: blurHOut;
     animation-name: blurHOut;		
   }
   
   @-webkit-keyframes blurVOut {
   
       from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: url(#noBlur); 
            filter: url(#noBlur); 
       }
       
      97% {opacity:1;}
     
      to {
     will-change:unset;
          -webkit-filter: url(#vBlurOut); 
           filter: url(#vBlurOut); 
           opacity:0;
             visibility: hidden;
       }
   }
   
   @keyframes blurVOut {
       from {
       will-change:opacity,-webkit-filter,filter;
          -webkit-filter: url(#noBlur); 
            filter: url(#noBlur); 
       }	
          97% {opacity:1;}
   
      to {
         will-change:unset;
          -webkit-filter: url(#vBlurOut); 
           filter: url(#vBlurOut);
           opacity:0;
             visibility: hidden;
       }
   
   }
   
   .blurVOut {
     -webkit-animation-name: blurVOut;
     animation-name: blurVOut;		
   }
   
   @-webkit-keyframes slideOutDown {
     from {	
     will-change:opacity,-webkit-transform,transform;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       visibility: hidden;
       -webkit-transform: translate3d(0, var(--slideOutDown), 0) var(--myrotate);
       transform: translate3d(0, var(--slideOutDown), 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   @keyframes slideOutDown {
     from {	
       will-change:opacity,-webkit-transform,transform;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
       will-change:unset;
       visibility: hidden;
       -webkit-transform: translate3d(0, var(--slideOutDown), 0) var(--myrotate);
       transform: translate3d(0, var(--slideOutDown), 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   .slideOutDown {
     -webkit-animation-name: slideOutDown;
     animation-name: slideOutDown;
   }
   
   @-webkit-keyframes slideOutLeft {
     from {	
     will-change:opacity,-webkit-transform,transform;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       visibility: hidden;
       -webkit-transform: translate3d(var(--slideOutLeft), 0, 0) var(--myrotate);
       transform: translate3d(var(--slideOutLeft), 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   @keyframes slideOutLeft {
     from {	
     will-change:opacity,-webkit-transform,transform;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       visibility: hidden;
       -webkit-transform: translate3d(var(--slideOutLeft), 0, 0) var(--myrotate);
       transform: translate3d(var(--slideOutLeft), 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   .slideOutLeft {
     -webkit-animation-name: slideOutLeft;
     animation-name: slideOutLeft;
   }
   
   @-webkit-keyframes slideOutRight {
     from {	
     will-change:opacity,-webkit-transform,transform;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       visibility: hidden;
       -webkit-transform: translate3d(var(--slideOutRight), 0, 0) var(--myrotate);
       transform: translate3d(var(--slideOutRight), 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   @keyframes slideOutRight {
     from {	
     will-change:opacity,-webkit-transform,transform;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       visibility: hidden;
       -webkit-transform: translate3d(var(--slideOutRight), 0, 0) var(--myrotate);
       transform: translate3d(var(--slideOutRight), 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   .slideOutRight {
     -webkit-animation-name: slideOutRight;
     animation-name: slideOutRight;
   }
   
   @-webkit-keyframes slideOutUp {
     from {	
     will-change:opacity,-webkit-transform,transform;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       visibility: hidden;
       -webkit-transform: translate3d(0, var(--slideOutUp), 0) var(--myrotate);
       transform: translate3d(0, var(--slideOutUp), 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   @keyframes slideOutUp {
     from {	
     will-change:opacity,-webkit-transform,transform;
       -webkit-transform: translate3d(0, 0, 0) var(--myrotate);
       transform: translate3d(0, 0, 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   
     to {
     will-change:unset;
       visibility: hidden;
       -webkit-transform: translate3d(0, var(--slideOutUp), 0) var(--myrotate);
       transform: translate3d(0, var(--slideOutUp), 0) var(--myrotate);
       opacity: var(--zalpha);
     }
   }
   
   .slideOutUp {
     -webkit-animation-name: slideOutUp;
     animation-name: slideOutUp;
   }