/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/components/poster-editor/components/poster-editing-side-panel/components/intro-animation-list-item/intro-animation-list-item.scss ***!
  \********************************************************************************************************************************************************************************************************************************/
/**
 * Please use only these colours in our style sheets. Do NOT add more colours here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * Please use these percentages of color alphas for the existing colors in our style sheets. Do NOT add more alphas here, unless approved by the
 * design team.
 * @url https://www.figma.com/file/czOHWM3ykDD7XQPpwIBINf/Colors?node-id=0%3A1
 */
/**
 * https://www.figma.com/file/MzIAjkeTlL4K5ogldAAz9M/Borders?node-id=1%3A2
 */
/* Border strokes */
/* Border Radii */
/* Border styles */
/*
 Adds the given gradient as the border of the element, this is done by making the elements background as the provided linear gradient, then some boxshadow magic
 to fill the element background - hence the backgroundColor param is necessary if you want to change the bg of this element.

 Takes another optional param backgroundColor - which defaults to white.
 */
/**
 * @see https://www.figma.com/file/UXVmv6ZHvQVcRo9InK8aE7/Icon?node-id=308%3A363
 */
/**
 * https://www.figma.com/file/nx75ykPwbtybUL1s6fzA5o/Spacing?node-id=0%3A1
 * Use the following classes to add uniform margins/paddings:
 * Padding: .spacing-p-1, .spacing-p-2, ... .spacing-p-20
 * Margin: .spacing-m-1, .spacing-m-2, ... .spacing-m-20
 */
/*
Defines our default font.
$style can either be 'regular' or 'light' or 'bold'.
*/
/*
Gives the block level container of text the ability to truncate it with ellipsis.
*/
p.-large {
  font-size: 18px;
}

/**
 Design System - Typography
 @link https://www.figma.com/file/4DEA9D0uwSWSXosbK0bZ0Z/Typography?node-id=686%3A113
 */
/**
 * Note: Added !important in all of these classes since we're moving towards strict typography rules, where we don't
 * ID's or more specific selectors to take precedence
 */
/* Google */
/* Facebook */
/* Instagram */
/* Pinterest */
/* Twitter */
/* Youtube */
/* Component border */
/* Typography */
/* Color Theme */
/* Navigation */
/* Search bar */
/* Editor view colors */
/* Poster Maker Contextual Sidebar (right sidebar) styles  */
/* Modal dialog styles */
/* Panel styles */
/* Facebook media modal styles */
/** Media grid item styles */
/* Poster Maker Toolbar (left sidebar) styles */
/* Text link styles */
/* Grid item (posters, folders etc) styles */
/* Popups and thumbnail options */
/* Error, Warning colors */
/* z-index */
/* Various dimensions */
/* Media Query Dimensions */
/* Buttons */
/* Form Elements - Poster Maker*/
/* Form Elements - Website */
/* Designer Themes */
/* Accent colours */
/* Tooltip */
/* Social icons */
/* Animations */
/* Custom Shadows */
/* clears the default 'X' from Chrome */
/* Nicolas Gallagher's micro clearfix */
/**
  Makes an element with the provided selector visible only when its parent element is hovered on.
  The element is visible by default on touch devices
  $parent-selector: the selector of the parent to attach the hover on
  $selector-for-item-to-show: the selector of the item whose visibility is getting toggled
  $visible-on-classes: any extra classes (space separated) which, when applied to either the parent or the child item (that needs to be shown) should also show the item getting toggled. This param is optional
                        sample usage: '.-selected', or '.-selected' '.open'
  $hide-on-class: any extra class which, when applied should also hide the item getting toggled. This param is optional
  $display-property-value: the value to give for the display property when showing the item. Default is flex
 */
/**
 Helper mixin to give a 'display' property to a selector.
 $item-to-show: the selector for the item to show
 $display-property-value: the value to give to the display property. default: flex
 */
/**
 $item: selector of the item to hide
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a row
  (top-right, bottom-right for first child , bottom-left, top-left for second child etc)
 */
/*
  for the given selector, remove the border-radius from the sides of the element as if it was placed in a column
  (bottom-left, bottom-right for first child , top-left, top-right for second child etc)
 */
/*
 adds the given box-shadow only at the top of the container using clip-path.
  The clip-path makes space only at the top of the container according to the blur-radius of the shadow
 */
/*
 adds the given box-shadow only at the bottom of the container using clip-path.
  The clip-path makes space only at the bottom of the container according to the blur-radius of the shadow
 */
/* Width constants for media queries */
/* Wizard Specific Variables */
/*
Animation styles and keyframes
*/
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.-fill-mode-backwards {
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
}
.animated.-fill-mode-forwards {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.animated.v-fast {
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
}

.animated.fast {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}

.animated.medium-pace {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}

.animated.slow {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.animated.v-slow {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
}

.animated.v-v-slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.v-v-v-slow {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
}

.ease-in-out {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

.ease-in {
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

.ease-out {
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.publish-icon-hover-animation .pmw-icon, .publish-icon-hover-animation .icon {
  overflow: hidden;
}
.publish-icon-hover-animation:hover .pmw-icon::before, .publish-icon-hover-animation:hover .icon::before, .publish-icon-hover-animation:focus .pmw-icon::before, .publish-icon-hover-animation:focus .icon::before, .publish-icon-hover-animation:focus-within .pmw-icon::before, .publish-icon-hover-animation:focus-within .icon::before {
  animation: publishIconArrowAnimation 1800ms cubic-bezier(0.68, -0.6, 0.32, 1.6) 1;
  display: block;
  transform-box: fill-box;
  transform-origin: center;
}

.publish-icon-looped-animation .pmw-icon {
  overflow: hidden;
}
.publish-icon-looped-animation .pmw-icon::before {
  animation: publishIconArrowAnimationLooped 2500ms cubic-bezier(0.68, -0.6, 0.32, 1.6) infinite;
  display: block;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes publishIconArrowAnimation {
  0% {
    transform: rotate(0deg) translateX(0);
  }
  30% {
    transform: rotate(-56deg) translateX(0);
  }
  34% {
    transform: rotate(-38deg) translateX(0);
  }
  38% {
    transform: rotate(-50deg) translateX(0);
  }
  42% {
    transform: rotate(-45deg) translateX(0);
  }
  47% {
    transform: rotate(-45deg) translateX(0);
  }
  57% {
    opacity: 1;
    transform: rotate(-45deg) translateX(20px);
  }
  58% {
    opacity: 0;
    transform: rotate(-45deg) translateX(20px);
  }
  59% {
    opacity: 0;
    transform: rotate(-45deg) translateX(-20px);
  }
  60% {
    opacity: 1;
    transform: rotate(-45deg) translateX(-20px);
  }
  73% {
    transform: rotate(-45deg) translateX(0);
  }
  78% {
    transform: rotate(-45deg) translateX(0);
  }
  88% {
    transform: rotate(12deg) translateX(0);
  }
  93% {
    transform: rotate(-8deg) translateX(0);
  }
  96% {
    transform: rotate(3deg) translateX(0);
  }
  100% {
    transform: rotate(0) translateX(0);
  }
}
@keyframes publishIconArrowAnimationLooped {
  0% {
    transform: rotate(0deg) translateX(0);
  }
  30% {
    transform: rotate(-56deg) translateX(0);
  }
  34% {
    transform: rotate(-38deg) translateX(0);
  }
  38% {
    transform: rotate(-50deg) translateX(0);
  }
  42% {
    transform: rotate(-45deg) translateX(0);
  }
  47% {
    transform: rotate(-45deg) translateX(0);
  }
  57% {
    opacity: 1;
    transform: rotate(-45deg) translateX(50px);
  }
  58% {
    opacity: 0;
    transform: rotate(-45deg) translateX(50px);
  }
  59% {
    opacity: 0;
    transform: rotate(-45deg) translateX(-50px);
  }
  60% {
    opacity: 1;
    transform: rotate(-45deg) translateX(-50px);
  }
  73% {
    transform: rotate(-45deg) translateX(0);
  }
  78% {
    transform: rotate(-45deg) translateX(0);
  }
  88% {
    transform: rotate(12deg) translateX(0);
  }
  93% {
    transform: rotate(-8deg) translateX(0);
  }
  96% {
    transform: rotate(3deg) translateX(0);
  }
  100% {
    transform: rotate(0) translateX(0);
  }
}
.-origin-left {
  -webkit-transform-origin: left; /* Chrome, Safari, Opera */
  transform-origin: left;
}

.-origin-right {
  -webkit-transform-origin: right; /* Chrome, Safari, Opera */
  transform-origin: right;
}

.onHoverRotate90 {
  -webkit-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
}
.onHoverRotate90:hover {
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
}

.onHoverScaleUp {
  -webkit-transition: transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
}
.onHoverScaleUp:hover, .onHoverScaleUp:focus, .onHoverScaleUp:focus-within {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Chrome, Safari, Opera */
  transform: scale(1.05);
}

.onHoverElevate {
  -webkit-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.onHoverElevate.-fast {
  transition-duration: 100ms;
}
.onHoverElevate:hover, .onHoverElevate:focus, .onHoverElevate:focus-within {
  -ms-transform: translate(0, -2%); /* IE 9 */
  -webkit-transform: translate(0, -2%); /* Chrome, Safari, Opera */
  transform: translate(0, -2%);
}

.onHoverOpacity {
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 1;
}
.onHoverOpacity:hover {
  opacity: 0.8;
}

.onHoverEnlarge {
  opacity: 1;
  -webkit-transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.onHoverEnlarge:hover {
  -ms-transform: scale3d(1.15, 1.15, 1.15); /* IE 9 */
  -webkit-transform: scale3d(1.15, 1.15, 1.15); /* Chrome, Safari, Opera */
  transform: scale3d(1.15, 1.15, 1.15);
}

.hover-transition-all {
  -webkit-transition: all 0.2s ease-in-out, width 0ms, margin 0ms;
  transition: all 0.2s ease-in-out, width 0ms, margin 0ms;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes fadeInAnimation {
  0%, 100% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}
@keyframes fadeInAnimation {
  0%, 100% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}
@-webkit-keyframes jelloAnimation {
  11.1% {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    transform: none;
  }
}
@keyframes jelloAnimation {
  11.1% {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    transform: none;
  }
}
@-webkit-keyframes rotateAnimation {
  0% {
    transform: rotate(180deg);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rotateAnimation {
  0% {
    transform: rotate(180deg);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes shrinkAnimation {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  100% {
    transform: scale(0.6);
    opacity: 1;
  }
}
@keyframes shrinkAnimation {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  100% {
    transform: scale(0.6);
    opacity: 1;
  }
}
@-webkit-keyframes panRightAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    transform: translateX(25px);
    opacity: 1;
  }
}
@keyframes panRightAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    transform: translateX(25px);
    opacity: 1;
  }
}
@-webkit-keyframes panLeftAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    transform: translateX(-25px);
    opacity: 1;
  }
}
@keyframes panLeftAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    transform: translateX(-25px);
    opacity: 1;
  }
}
@-webkit-keyframes panUpAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    transform: translateY(-25px);
    opacity: 1;
  }
}
@keyframes panUpAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    transform: translateY(-25px);
    opacity: 1;
  }
}
@-webkit-keyframes panDownAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    transform: translateY(25px);
    opacity: 1;
  }
}
@keyframes panDownAnimation {
  0% {
    opacity: 0.4;
  }
  100% {
    transform: translateY(25px);
    opacity: 1;
  }
}
@-webkit-keyframes peekDownAnimation {
  0% {
    transform: translateY(-60px);
    opacity: 0.4;
  }
  100% {
    transform: translateY(40px);
    opacity: 1;
  }
}
@keyframes peekDownAnimation {
  0% {
    transform: translateY(-60px);
    opacity: 0.4;
  }
  100% {
    transform: translateY(40px);
    opacity: 1;
  }
}
@-webkit-keyframes peekUpAnimation {
  0% {
    transform: translateY(60px);
    opacity: 0.4;
  }
  100% {
    transform: translateY(-40px);
    opacity: 1;
  }
}
@keyframes peekUpAnimation {
  0% {
    transform: translateY(60px);
    opacity: 0.4;
  }
  100% {
    transform: translateY(-40px);
    opacity: 1;
  }
}
@-webkit-keyframes peekLeftAnimation {
  0% {
    transform: translateX(60px);
    opacity: 0.4;
  }
  100% {
    transform: translateX(-40px);
    opacity: 1;
  }
}
@keyframes peekLeftAnimation {
  0% {
    transform: translateX(60px);
    opacity: 0.4;
  }
  100% {
    transform: translateX(-40px);
    opacity: 1;
  }
}
@-webkit-keyframes peekRightAnimation {
  0% {
    transform: translateX(-60px);
    opacity: 0.4;
  }
  100% {
    transform: translateX(40px);
    opacity: 1;
  }
}
@keyframes peekRightAnimation {
  0% {
    transform: translateX(-60px);
    opacity: 0.4;
  }
  100% {
    transform: translateX(40px);
    opacity: 1;
  }
}
@-webkit-keyframes popAnimation {
  0% {
    transform: scale(0.3);
    opacity: 0.4;
  }
  25% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(0.7);
    opacity: 0.6;
  }
  75% {
    transform: scale(1);
    opacity: 0.8;
  }
  90%, 100% {
    transform: scale(0.8);
    opacity: 1;
  }
}
@keyframes popAnimation {
  0% {
    transform: scale(0.3);
    opacity: 0.4;
  }
  25% {
    transform: scale(1);
    opacity: 0.5;
  }
  50% {
    transform: scale(0.7);
    opacity: 0.6;
  }
  75% {
    transform: scale(1);
    opacity: 0.8;
  }
  90%, 100% {
    transform: scale(0.8);
    opacity: 1;
  }
}
@-webkit-keyframes tumbleAnimation {
  0% {
    opacity: 1;
    transform: scale(1.5) translateX(40px) translateY(15px);
  }
  60%, 100% {
    transform: scale(1.5) translateX(-30px) translateY(30px) rotate(90deg);
    opacity: 1;
  }
}
@keyframes tumbleAnimation {
  0% {
    opacity: 1;
    transform: scale(1.5) translateX(40px) translateY(15px);
  }
  60%, 100% {
    transform: scale(1.5) translateX(-30px) translateY(30px) rotate(90deg);
    opacity: 1;
  }
}
@-webkit-keyframes wipeDownAnimation {
  0% {
    clip-path: inset(-3px -3px 100% -3px);
  }
  100% {
    clip-path: inset(-3px -3px -3px -3px);
  }
}
@keyframes wipeDownAnimation {
  0% {
    clip-path: inset(-3px -3px 100% -3px);
  }
  100% {
    clip-path: inset(-3px -3px -3px -3px);
  }
}
@-webkit-keyframes wipeUpAnimation {
  0% {
    clip-path: inset(100% -3px -3px -3px);
  }
  100% {
    clip-path: inset(-3px -3px -3px -3px);
  }
}
@keyframes wipeUpAnimation {
  0% {
    clip-path: inset(100% -3px -3px -3px);
  }
  100% {
    clip-path: inset(-3px -3px -3px -3px);
  }
}
@-webkit-keyframes wipeLeftAnimation {
  0% {
    clip-path: inset(-3px -3px -3px 100%);
  }
  100% {
    clip-path: inset(-3px -3px -3px -3px);
  }
}
@keyframes wipeLeftAnimation {
  0% {
    clip-path: inset(-3px -3px -3px 100%);
  }
  100% {
    clip-path: inset(-3px -3px -3px -3px);
  }
}
@-webkit-keyframes wipeRightAnimation {
  0% {
    clip-path: inset(-3px 100% -3px -3px);
  }
  100% {
    clip-path: inset(-3px -3px -3px -3px);
  }
}
@keyframes wipeRightAnimation {
  0% {
    clip-path: inset(-3px 100% -3px -3px);
  }
  100% {
    clip-path: inset(-3px -3px -3px -3px);
  }
}
@-webkit-keyframes blockAnimation {
  0% {
    transform: translateX(-85px);
  }
  100% {
    transform: translateX(85px);
  }
}
@keyframes blockAnimation {
  0% {
    transform: translateX(-85px);
  }
  100% {
    transform: translateX(85px);
  }
}
@-webkit-keyframes bounceInDownAnimation {
  0% {
    transform: translateY(-20px);
  }
  70% {
    transform: translate(10px, 16px);
    opacity: 0.7;
  }
  100% {
    transform: translate(20px, 0);
    opacity: 1;
  }
}
@keyframes bounceInDownAnimation {
  0% {
    transform: translateY(-20px);
  }
  70% {
    transform: translate(10px, 16px);
    opacity: 0.7;
  }
  100% {
    transform: translate(20px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInTop {
  0% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes fadeInTop {
  0% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
.fadeInTop {
  -webkit-animation-name: fadeInTop;
  animation-name: fadeInTop;
}

@keyframes backdropFadeIn {
  0% {
    backdrop-filter: blur(4px) opacity(0);
    -webkit-backdrop-filter: blur(4px) opacity(0);
  }
  100% {
    backdrop-filter: blur(4px) opacity(1);
    -webkit-backdrop-filter: blur(4px) opacity(1);
  }
}
@-webkit-keyframes backdropFadeIn {
  0% {
    backdrop-filter: blur(4px) opacity(0);
    -webkit-backdrop-filter: blur(4px) opacity(0);
  }
  100% {
    backdrop-filter: blur(4px) opacity(1);
    -webkit-backdrop-filter: blur(4px) opacity(1);
  }
}
@keyframes backdropFadeOut {
  0% {
    backdrop-filter: blur(4px) opacity(1);
    -webkit-backdrop-filter: blur(4px) opacity(1);
  }
  100% {
    backdrop-filter: blur(4px) opacity(0);
    -webkit-backdrop-filter: blur(4px) opacity(0);
  }
}
@-webkit-keyframes backdropFadeOut {
  0% {
    backdrop-filter: blur(4px) opacity(1);
    -webkit-backdrop-filter: blur(4px) opacity(1);
  }
  100% {
    backdrop-filter: blur(4px) opacity(0);
    -webkit-backdrop-filter: blur(4px) opacity(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.background-transition {
  -webkit-transition: background 200ms ease-in-out;
  transition: background 200ms ease-in-out;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.fade-in-hover {
  opacity: 0;
  overflow-y: hidden;
  transition-duration: 1s;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.fade-in-hover:hover {
  opacity: 1;
}

.slide-down-250 {
  max-height: 250px;
  overflow-y: hidden;
  transition-property: all;
  transition-timing-function: ease-out;
}
.slide-down-250.-closed {
  max-height: 0;
}

.slide-down-200 {
  max-height: 200px;
  overflow-y: hidden;
  transition-property: all;
  transition-timing-function: ease-out;
}
.slide-down-200.-closed {
  max-height: 0;
}

.slide-down-400 {
  max-height: 400px;
  overflow-y: hidden;
  transition-property: all;
  transition-timing-function: ease-out;
}
.slide-down-400.-closed {
  max-height: 0;
}

.slide-down-150 {
  max-height: 150px;
  overflow-y: hidden;
  transition-property: all;
  transition-timing-function: ease-out;
}
.slide-down-150.-closed {
  max-height: 0;
}

.slide-down-40 {
  max-height: 40px;
  overflow-y: hidden;
  transition-property: all;
  transition-timing-function: ease-out;
}
.slide-down-40.-closed {
  max-height: 0;
}

.fast-transition {
  transition-duration: 0.4s;
}

.very-fast-transition {
  transition-duration: 0.2s;
}

.super-fast-transition {
  transition-duration: 0.1s;
}

@-webkit-keyframes outRight {
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes outRight {
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.outRight {
  -webkit-animation-name: outRight;
  animation-name: outRight;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    -ms-transform: scale3d(1, 1, 1); /* IE 9 */
    -webkit-transform: scale3d(1, 1, 1); /* Chrome, Safari, Opera */
    transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 0;
    -ms-transform: scale3d(0.5, 0.5, 0.5); /* IE 9 */
    -webkit-transform: scale3d(0.5, 0.5, 0.5); /* Chrome, Safari, Opera */
    transform: scale3d(0.5, 0.5, 0.5);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes zoomOut {
  0% {
    opacity: 1;
    -ms-transform: scale3d(1, 1, 1); /* IE 9 */
    -webkit-transform: scale3d(1, 1, 1); /* Chrome, Safari, Opera */
    transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 0;
    -ms-transform: scale3d(0.5, 0.5, 0.5); /* IE 9 */
    -webkit-transform: scale3d(0.5, 0.5, 0.5); /* Chrome, Safari, Opera */
    transform: scale3d(0.5, 0.5, 0.5);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    -ms-transform: scale3d(1, 1, 1); /* IE 9 */
    -webkit-transform: scale3d(1, 1, 1); /* Chrome, Safari, Opera */
    transform: scale3d(1, 1, 1);
  }
  50% {
    opacity: 0;
    -ms-transform: scale3d(0.5, 0.5, 0.5); /* IE 9 */
    -webkit-transform: scale3d(0.5, 0.5, 0.5); /* Chrome, Safari, Opera */
    transform: scale3d(0.5, 0.5, 0.5);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Chrome, Safari, Opera */
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Chrome, Safari, Opera */
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Chrome, Safari, Opera */
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Chrome, Safari, Opera */
    transform: scale(1);
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

.animateTLaptop {
  -webkit-animation-name: animateTLaptop;
  animation-name: animateTLaptop;
  animation-timing-function: ease-in-out;
}

@keyframes animateTLaptop {
  0% {
    top: -30px;
  }
  100% {
    top: 0;
  }
}
.animateTPhone {
  -webkit-animation-name: animateTPhone;
  animation-name: animateTPhone;
  animation-timing-function: ease-in-out;
}

@keyframes animateTPhone {
  0% {
    bottom: -60px;
    left: 0;
  }
  100% {
    bottom: -30px;
    left: 30px;
  }
}
.animateTTablet {
  -webkit-animation-name: animateTTablet;
  animation-name: animateTTablet;
  animation-timing-function: ease-in-out;
}

@keyframes animateTTablet {
  0% {
    bottom: -60px;
    right: -30px;
  }
  100% {
    bottom: -30px;
    right: 0;
  }
}
/* Bouncing Loading Box */
@keyframes bouncing-box {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@-webkit-keyframes bouncing-box {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 39px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(90deg);
  }
}
@keyframes shadow {
  0%, 100% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1);
  }
}
@-webkit-keyframes shadow {
  0%, 100% {
    -webkit-transform: scale(1, 1);
  }
  50% {
    -webkit-transform: scale(1.2, 1);
  }
}
.box-loading {
  bottom: 0;
  height: 75px;
  left: 0;
  margin: auto;
  position: relative;
  right: 0;
  top: 0;
  width: 49px;
}

.box-loading:before {
  -webkit-animation: shadow 0.58s linear infinite;
  animation: shadow 0.58s linear infinite;
  background: rgb(0, 0, 0);
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 58px;
  width: 49px;
}

.box-loading:after {
  -webkit-animation: bouncing-box 0.58s linear infinite;
  animation: bouncing-box 0.58s linear infinite;
  background: rgb(63, 189, 231);
  border-radius: 3px;
  content: "";
  height: 49px;
  left: 0;
  position: absolute;
  top: 0;
  width: 49px;
}

.box-loading.-white:after {
  background: #fff;
}

/* End of Bouncing Loading Box */
@-webkit-keyframes gradient-change {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@-moz-keyframes gradient-change {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes gradient-change {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 50%, 90% {
    -webkit-transform: translate3d(-2px, 0, 0);
    transform: translate3d(-2px, 0, 0);
  }
  30%, 70% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

.loading-gear-svg {
  -webkit-transform-box: fill-box;
  transform-box: fill-box;
  transform-origin: center;
}

.gear-clockwise-animation {
  -webkit-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
}

.gear-c-clockwise-animation {
  -webkit-animation: spin-negative 2.5s linear infinite;
  animation: spin-negative 2.5s linear infinite;
}

.gear-c-clockwise-fast-animation {
  -webkit-animation: spin-negative 2s linear infinite;
  animation: spin-negative 2s linear infinite;
}

.infinite-spin-with-centering {
  -webkit-animation: spinWithCenter 1.5s linear infinite;
  animation: spinWithCenter 1.5s linear infinite;
}

@keyframes spinWithCenter {
  0% {
    -ms-transform: translate(-50%, -50%) rotate(0); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) rotate(0); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -ms-transform: translate(-50%, -50%) rotate(360deg); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) rotate(360deg); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes spinWithCenter {
  0% {
    -ms-transform: translate(-50%, -50%) rotate(0); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) rotate(0); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    -ms-transform: translate(-50%, -50%) rotate(360deg); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) rotate(360deg); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
  }
  100% {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
  }
  100% {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
  }
  100% {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
  }
}
@keyframes spin-negative {
  0% {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
  }
  100% {
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
  }
}
@-webkit-keyframes spin-negative {
  0% {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
  }
  100% {
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
  }
}
@-moz-keyframes spin-negative {
  0% {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
  }
  100% {
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
    transform: rotate(0);
  }
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1;
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1;
  }
}
.flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes doubleBlinkEyes {
  from {
    -ms-transform: scaleY(1); /* IE 9 */
    -webkit-transform: scaleY(1); /* Chrome, Safari, Opera */
    transform: scaleY(1);
  }
  43% {
    -ms-transform: scaleY(1); /* IE 9 */
    -webkit-transform: scaleY(1); /* Chrome, Safari, Opera */
    transform: scaleY(1);
  }
  45% {
    -ms-transform: scaleY(0); /* IE 9 */
    -webkit-transform: scaleY(0); /* Chrome, Safari, Opera */
    transform: scaleY(0);
  }
  47% {
    -ms-transform: scaleY(1); /* IE 9 */
    -webkit-transform: scaleY(1); /* Chrome, Safari, Opera */
    transform: scaleY(1);
  }
  55% {
    -ms-transform: scaleY(1); /* IE 9 */
    -webkit-transform: scaleY(1); /* Chrome, Safari, Opera */
    transform: scaleY(1);
  }
  57% {
    -ms-transform: scaleY(0); /* IE 9 */
    -webkit-transform: scaleY(0); /* Chrome, Safari, Opera */
    transform: scaleY(0);
  }
  59% {
    -ms-transform: scaleY(1); /* IE 9 */
    -webkit-transform: scaleY(1); /* Chrome, Safari, Opera */
    transform: scaleY(1);
  }
  to {
    -ms-transform: scaleY(1); /* IE 9 */
    -webkit-transform: scaleY(1); /* Chrome, Safari, Opera */
    transform: scaleY(1);
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes shrinkOut {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(0);
  }
}
.shrinkOut {
  -webkit-animation-name: shrinkOut;
  animation-name: shrinkOut;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes shrinkOut {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(0);
  }
}
.footJitter {
  -webkit-transform-box: fill-box; /* Chrome, Safari, Opera */
  transform-box: fill-box;
  animation: footJitter 3s ease-in-out infinite;
  -webkit-animation: footJitter 3s ease-in-out infinite; /* Chrome, Safari, Opera */
}

@-webkit-keyframes footJitter {
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: skewY(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: skewY(8deg);
  }
}
@keyframes footJitter {
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: skewY(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: skewY(8deg);
  }
}
.handTyping {
  -webkit-transform-box: fill-box; /* Chrome, Safari, Opera */
  transform-box: fill-box;
  animation: handTyping 2s ease-in-out infinite;
  -webkit-animation: handTyping 2s ease-in-out infinite; /* Chrome, Safari, Opera */
}

.fastHandTyping {
  -webkit-transform-box: fill-box; /* Chrome, Safari, Opera */
  transform-box: fill-box;
  animation: fastHandTyping 2s ease-in-out infinite;
  -webkit-animation: fastHandTyping 2s ease-in-out infinite; /* Chrome, Safari, Opera */
}

@-webkit-keyframes handTyping {
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: skewX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: skewX(35deg);
  }
}
@keyframes handTyping {
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: skewX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: skewX(35deg);
  }
}
@-webkit-keyframes fastHandTyping {
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: skewY(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: skewY(2deg);
  }
}
@keyframes fastHandTyping {
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: skewY(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: skewY(2deg);
  }
}
.armSway {
  -webkit-transform-box: fill-box; /* Chrome, Safari, Opera */
  transform-box: fill-box;
  animation: armWay 20s ease-in-out infinite;
  -webkit-animation: armWay 20s ease-in-out infinite; /* Chrome, Safari, Opera */
}

@-webkit-keyframes armWay {
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: skewX(0deg);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: skewX(3deg);
  }
}
@keyframes armWay {
  0%, 20%, 40%, 60%, 80%, 100% {
    transform: skewX(0deg);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: skewX(3deg);
  }
}
.headBob {
  -webkit-transform-box: fill-box; /* Chrome, Safari, Opera */
  transform-box: fill-box;
  animation: bob 5s ease-in-out infinite;
  -webkit-animation: bob 5s ease-in-out infinite; /* Chrome, Safari, Opera */
}

.headBobSlow {
  -webkit-transform-box: fill-box; /* Chrome, Safari, Opera */
  transform-box: fill-box;
  animation: reverseBob 20s linear infinite;
  -webkit-animation: reverseBob 20s linear infinite; /* Chrome, Safari, Opera */
}

.oscilate {
  -webkit-transform-box: fill-box; /* Chrome, Safari, Opera */
  transform-box: fill-box;
  animation: reverseBob 5s linear infinite;
  -webkit-animation: reverseBob 5s linear infinite; /* Chrome, Safari, Opera */
}

.slideIn.-from-left {
  animation: slideInFromLeft 0.25s linear;
  -webkit-animation: slideInFromLeft 0.25s linear; /* Chrome, Safari, Opera */
}
.slideIn.-from-right {
  animation: slideInFromRight 0.25s linear;
  -webkit-animation: slideInFromRight 0.25s linear; /* Chrome, Safari, Opera */
}
.slideIn.-from-top {
  animation: slideInFromTop 0.15s linear;
  -webkit-animation: slideInFromTop 0.15s linear; /* Chrome, Safari, Opera */
}
.slideIn.-from-bottom {
  animation: slideInFromBottom 0.15s linear;
  -webkit-animation: slideInFromBottom 0.15s linear; /* Chrome, Safari, Opera */
}
.slideIn.-from-left-slow {
  animation: slideInFromLeft 0.4s linear;
  -webkit-animation: slideInFromLeft 0.4s linear; /* Chrome, Safari, Opera */
}
.slideIn.-from-right-slow {
  animation: slideInFromRight 0.4s linear;
  -webkit-animation: slideInFromRight 0.4s linear; /* Chrome, Safari, Opera */
}

.slideOut.-to-left {
  animation: slideOutToLeft 0.25s linear;
  -webkit-animation: slideOutToLeft 0.25s linear; /* Chrome, Safari, Opera */
}
.slideOut.-to-right {
  animation: slideOutToRight 0.25s linear;
  -webkit-animation: slideOutToRight 0.25s linear; /* Chrome, Safari, Opera */
}
.slideOut.-to-bottom {
  animation: slideOutToBottom 0.15s linear;
  -webkit-animation: slideOutToBottom 0.15s linear; /* Chrome, Safari, Opera */
}
.slideOut.-to-top {
  animation: slideOutToTop 0.15s linear;
  -webkit-animation: slideOutToTop 0.15s linear; /* Chrome, Safari, Opera */
}
.slideOut.-to-left-slow {
  animation: slideOutToLeft 0.4s linear;
  -webkit-animation: slideOutToLeft 0.4s linear; /* Chrome, Safari, Opera */
}
.slideOut.-to-right-slow {
  animation: slideOutToRight 0.4s linear;
  -webkit-animation: slideOutToRight 0.4s linear; /* Chrome, Safari, Opera */
}

@-webkit-keyframes bob {
  0%, 50%, 100% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(3deg);
  }
  75% {
    transform: rotate(-3deg);
  }
}
@keyframes bob {
  0%, 50%, 100% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(3deg);
  }
  75% {
    transform: rotate(3deg);
  }
}
@-webkit-keyframes reverseBob {
  0%, 50%, 100% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-3deg);
  }
  75% {
    transform: rotate(3deg);
  }
}
@keyframes reverseBob {
  0%, 50%, 100% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-3deg);
  }
  75% {
    transform: rotate(3deg);
  }
}
@keyframes slideInFromRight {
  0% {
    transform: translateX(150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes slideInFromLeft {
  0% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slideInFromLeft {
  0% {
    transform: translateX(-150%);
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes slideInFromTop {
  0% {
    transform: translateY(-150%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideInFromTop {
  0% {
    transform: translateY(-150%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(150%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideInFromBottom {
  0% {
    transform: translateY(150%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes slideOutToRight {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(150%);
    opacity: 0;
  }
}
@-webkit-keyframes slideOutToRight {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(150%);
    opacity: 0;
  }
}
@keyframes slideOutToLeft {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(-150%);
    opacity: 0;
  }
}
@-webkit-keyframes slideOutToLeft {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(-150%);
    opacity: 0;
  }
}
@keyframes slideOutToBottom {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(150%);
  }
}
@-webkit-keyframes slideOutToBottom {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(150%);
  }
}
@keyframes slideOutToTop {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-150%);
  }
}
@-webkit-keyframes slideOutToTop {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-150%);
  }
}
@keyframes semiSpin {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(50deg);
  }
}
@-webkit-keyframes semiSpin {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(50deg);
  }
}
@keyframes semi-fade {
  0%, 19%, 100% {
    opacity: 1;
  }
  20%, 40%, 60%, 80% {
    opacity: 0.5;
  }
}
@keyframes fade-1 {
  0%, 19%, 100% {
    opacity: 1;
  }
  20%, 40%, 60%, 80% {
    opacity: 0;
  }
}
@keyframes fade-2 {
  0%, 19%, 40%, 60%, 80%, 100% {
    opacity: 0;
  }
  20%, 39% {
    opacity: 1;
  }
}
@keyframes fade-3 {
  0%, 20%, 39%, 60%, 80%, 100% {
    opacity: 0;
  }
  40%, 59% {
    opacity: 1;
  }
}
@keyframes fade-4 {
  0%, 20%, 40%, 59%, 80%, 100% {
    opacity: 0;
  }
  60%, 79% {
    opacity: 1;
  }
}
@keyframes fade-5 {
  0%, 20%, 40%, 60%, 79%, 100% {
    opacity: 0;
  }
  80%, 99% {
    opacity: 1;
  }
}
@keyframes flash-opacity {
  0% {
    visibility: visible;
  }
  1% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    visibility: hidden;
  }
}
@-webkit-keyframes flash-opacity {
  0% {
    visibility: visible;
  }
  1% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  99% {
    opacity: 0;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes scaleIn {
  0% {
    -ms-transform: scale(0, 0); /* IE 9 */
    -webkit-transform: scale(0, 0); /* Chrome, Safari, Opera */
    transform: scale(0, 0);
  }
  100% {
    -ms-transform: scale(1, 1); /* IE 9 */
    -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
    transform: scale(1, 1);
  }
}
@-webkit-keyframes scaleIn {
  0% {
    -ms-transform: scale(0, 0); /* IE 9 */
    -webkit-transform: scale(0, 0); /* Chrome, Safari, Opera */
    transform: scale(0, 0);
  }
  100% {
    -ms-transform: scale(1, 1); /* IE 9 */
    -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
    transform: scale(1, 1);
  }
}
@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes breathing {
  0% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  25% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes expand-down-up {
  0% {
    transform: scaleY(0.2);
  }
  4% {
    transform: scaleY(0.77);
  }
  5% {
    transform: scaleY(0.84);
  }
  6% {
    transform: scaleY(0.81);
  }
  7% {
    transform: scaleY(0.84);
  }
  8% {
    transform: scaleY(0.82);
  }
  9% {
    transform: scaleY(0.84);
  }
  10% {
    transform: scaleY(0.83);
  }
  11% {
    transform: scaleY(0.84);
  }
  40% {
    transform: scaleY(0.84);
  }
  41% {
    transform: scaleY(0.84);
  }
  45% {
    transform: scaleY(0.13);
  }
  49% {
    transform: scaleY(0.18);
  }
  100% {
    transform: scaleY(0.18);
  }
}
@keyframes move-down-up-bounce {
  0% {
    transform: translateY(-124px);
  }
  5% {
    transform: translateY(-24px);
  }
  6% {
    transform: translateY(-36px);
  }
  7% {
    transform: translateY(-24px);
  }
  8% {
    transform: translateY(-32px);
  }
  9% {
    transform: translateY(-24px);
  }
  10% {
    transform: translateY(-28px);
  }
  11% {
    transform: translateY(-24px);
  }
  40% {
    transform: translateY(-24px);
  }
  41% {
    transform: translateY(-24px);
  }
  45% {
    transform: translateY(-136px);
  }
  46% {
    transform: translateY(-124px);
  }
  47% {
    transform: translateY(-132px);
  }
  48% {
    transform: translateY(-124px);
  }
  49% {
    transform: translateY(-128px);
  }
  50% {
    transform: translateY(-124px);
  }
  100% {
    transform: translateY(-124px);
  }
}
.intro-animation-svg-container .transform-origin-center {
  transform-box: fill-box;
  transform-origin: center;
}
.intro-animation-svg-container .origin-center {
  transform-origin: center;
}
.intro-animation-svg-container.-disabled .block-animation {
  fill: #CBCBD0;
}
.intro-animation-svg-container.-disabled .intro-animation-svg {
  stroke: #CBCBD0;
}
.intro-animation-svg-container:not(.-disabled).-selected .block-animation {
  -webkit-animation: blockAnimation 1s linear infinite;
  animation: blockAnimation 1s linear infinite;
  fill: #00688C;
}
.intro-animation-svg-container:not(.-disabled).-selected .bounce-in-down-animation {
  -webkit-animation: bounceInDownAnimation 1s linear infinite;
  animation: bounceInDownAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .fade-animation {
  -webkit-animation: fadeInAnimation 1s linear infinite;
  animation: fadeInAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .jello-animation {
  -webkit-animation: jelloAnimation 1s linear infinite;
  animation: jelloAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .pan-animation {
  -webkit-animation: panRightAnimation 1s linear infinite;
  animation: panRightAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .pop-animation {
  -webkit-animation: popAnimation 1s linear infinite;
  animation: popAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .rise-animation {
  -webkit-animation: panUpAnimation 1s linear infinite;
  animation: panUpAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .rotate-animation {
  -webkit-animation: rotateAnimation 1s linear infinite;
  animation: rotateAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .slide-animation {
  -webkit-animation: peekRightAnimation 1s linear infinite;
  animation: peekRightAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .tumble-animation {
  -webkit-animation: tumbleAnimation 1s linear infinite;
  animation: tumbleAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .shrink-animation {
  -webkit-animation: shrinkAnimation 1s linear infinite;
  animation: shrinkAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .peek-down-animation {
  -webkit-animation: peekDownAnimation 1s linear infinite;
  animation: peekDownAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .peek-up-animation {
  -webkit-animation: peekUpAnimation 1s linear infinite;
  animation: peekUpAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .peek-left-animation {
  -webkit-animation: peekLeftAnimation 1s linear infinite;
  animation: peekLeftAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .peek-right-animation {
  -webkit-animation: peekRightAnimation 1s linear infinite;
  animation: peekRightAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .wipe-down-animation {
  -webkit-animation: wipeDownAnimation 1s linear infinite;
  animation: wipeDownAnimation 1s linear infinite;
  transform: translateY(-10px);
}
.intro-animation-svg-container:not(.-disabled).-selected .wipe-up-animation {
  -webkit-animation: wipeUpAnimation 1s linear infinite;
  animation: wipeUpAnimation 1s linear infinite;
  transform: translateY(10px);
}
.intro-animation-svg-container:not(.-disabled).-selected .wipe-left-animation {
  -webkit-animation: wipeLeftAnimation 1s linear infinite;
  animation: wipeLeftAnimation 1s linear infinite;
  transform: translateX(10px);
}
.intro-animation-svg-container:not(.-disabled).-selected .wipe-right-animation {
  -webkit-animation: wipeRightAnimation 1s linear infinite;
  animation: wipeRightAnimation 1s linear infinite;
  transform: translateX(-10px);
}
.intro-animation-svg-container:not(.-disabled).-selected .pan-down-animation {
  -webkit-animation: panDownAnimation 1s linear infinite;
  animation: panDownAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .pan-left-animation {
  -webkit-animation: panLeftAnimation 1s linear infinite;
  animation: panLeftAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled).-selected .hide-on-animation-start {
  opacity: 0;
}
.intro-animation-svg-container:not(.-disabled).-selected .intro-animation-svg {
  stroke: #00688C;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .block-animation {
  -webkit-animation: blockAnimation 1s linear infinite;
  animation: blockAnimation 1s linear infinite;
  fill: #403F5D;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .bounce-in-down-animation {
  -webkit-animation: bounceInDownAnimation 1s linear infinite;
  animation: bounceInDownAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .fade-animation {
  -webkit-animation: fadeInAnimation 1s linear infinite;
  animation: fadeInAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .jello-animation {
  -webkit-animation: jelloAnimation 1s linear infinite;
  animation: jelloAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .pan-animation {
  -webkit-animation: panRightAnimation 1s linear infinite;
  animation: panRightAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .pop-animation {
  -webkit-animation: popAnimation 1s linear infinite;
  animation: popAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .rise-animation {
  -webkit-animation: panUpAnimation 1s linear infinite;
  animation: panUpAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .rotate-animation {
  -webkit-animation: rotateAnimation 1s linear infinite;
  animation: rotateAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .slide-animation {
  -webkit-animation: peekRightAnimation 1s linear infinite;
  animation: peekRightAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .tumble-animation {
  -webkit-animation: tumbleAnimation 1s linear infinite;
  animation: tumbleAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .shrink-animation {
  -webkit-animation: shrinkAnimation 1s linear infinite;
  animation: shrinkAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .peek-down-animation {
  -webkit-animation: peekDownAnimation 1s linear infinite;
  animation: peekDownAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .peek-up-animation {
  -webkit-animation: peekUpAnimation 1s linear infinite;
  animation: peekUpAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .peek-left-animation {
  -webkit-animation: peekLeftAnimation 1s linear infinite;
  animation: peekLeftAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .peek-right-animation {
  -webkit-animation: peekRightAnimation 1s linear infinite;
  animation: peekRightAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .wipe-down-animation {
  -webkit-animation: wipeDownAnimation 1s linear infinite;
  animation: wipeDownAnimation 1s linear infinite;
  transform: translateY(-10px);
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .wipe-up-animation {
  -webkit-animation: wipeUpAnimation 1s linear infinite;
  animation: wipeUpAnimation 1s linear infinite;
  transform: translateY(10px);
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .wipe-left-animation {
  -webkit-animation: wipeLeftAnimation 1s linear infinite;
  animation: wipeLeftAnimation 1s linear infinite;
  transform: translateX(10px);
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .wipe-right-animation {
  -webkit-animation: wipeRightAnimation 1s linear infinite;
  animation: wipeRightAnimation 1s linear infinite;
  transform: translateX(-10px);
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .pan-down-animation {
  -webkit-animation: panDownAnimation 1s linear infinite;
  animation: panDownAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .pan-left-animation {
  -webkit-animation: panLeftAnimation 1s linear infinite;
  animation: panLeftAnimation 1s linear infinite;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .hide-on-animation-start {
  opacity: 0;
}
.intro-animation-svg-container:not(.-disabled):not(.-selected):hover .intro-animation-svg {
  stroke: #403F5D;
}

/*# sourceMappingURL=src_components_poster-editor_components_poster-editing-side-panel_components_intro-animation--ee7c07.bbdb7f40d84ae0355bd8.bundle.css.map*/