/* Keyframe Animations & Micro-interactions */

@keyframes cnuiFadeInLeft{0%{transform:translate3d(-7vh,0,0)}to{transform:translateZ(0)}}

@keyframes rotateInUpRight{0%{opacity:0;transform:translateY(7vh) rotate(-8deg) rotateX(65deg);transform-origin:right bottom}to{opacity:1;transform:none;transform-origin:right bottom}}

@keyframes zoomInLeft{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}

@keyframes rotateIn{0%{opacity:0;transform:rotate(-12deg);transform-origin:center}to{opacity:1;transform:none;transform-origin:center}}

@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}

@keyframes rotateInDownRight{0%{opacity:0;transform:translateY(-7vh) rotate(-8deg) rotateX(65deg);transform-origin:right bottom}to{opacity:1;transform:none;transform-origin:right bottom}}

@keyframes cnuiFadeInRight{0%{transform:translate3d(7vh,0,0)}to{transform:translateZ(0)}}

@keyframes cnuiZoomOutDown{0%{transform:matrix3d(1.2,0,0,0,0,1.03,.34,.0003,0,-.34,.94,0,0,-60,0,1)}to{transform:matrix(1,0,0,1,0,0)}}

@keyframes cnAnimationsHamReveal{0%{transform:scaleX(0);transform-origin:left center}60%{transform:scaleX(1);transform-origin:left center}61%{transform:scaleX(1.1);transform-origin:right center}to{transform:scaleX(0);transform-origin:right center}}

@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}

@keyframes cnuiFadeInUp{0%{transform:translate3d(0,7vh,0)}to{transform:translateZ(0)}}

@keyframes cnuiFloatS{0%{transform:translateZ(0)}to{transform:translate3d(0,-3%,0)}}

@keyframes cnuiFadeInDown{0%{transform:translate3d(0,-7vh,0)}to{transform:translateZ(0)}}

@keyframes cnuiFadeIn{0%{opacity:0}to{opacity:1}}

@keyframes cnuiFloat{0%{transform:translateZ(0)}to{transform:translate3d(0,-7%,0)}}

@keyframes cnuiZoomOutUp{0%{transform:matrix3d(1.2,0,0,0,0,1.03,.34,-.0003,0,-.34,.94,0,0,60,0,1)}to{transform:matrix(1,0,0,1,0,0)}}

@keyframes rotateInDownLeft{0%{opacity:0;transform:translateY(-7vh) rotate(8deg) rotateX(65deg);transform-origin:left bottom}to{opacity:1;transform:none;transform-origin:left bottom}}

@keyframes rotateInUpLeft{0%{opacity:0;transform:translateY(7vh) rotate(8deg) rotateX(65deg)}to{opacity:1;transform:none}}

@keyframes zoomInDown{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}

@keyframes blurIn{0%{filter:blur(min(max(5px,1.8cqmin),16px))}to{filter:blur(0)}}

@keyframes cnuiZoomOutRight{0%{transform:matrix3d(1.2,0,0,-.0003,0,1.03,.34,0,0,-.34,.94,0,40,0,0,1)}to{transform:matrix(1,0,0,1,0,0)}}

@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}

@keyframes cnuiFloatL{0%{transform:translateZ(0)}to{transform:translate3d(0,-15%,0)}}

@keyframes cnuiZoomOutLeft{0%{transform:matrix3d(1.2,0,0,.0003,0,1.03,.34,0,0,-.34,.94,0,-40,0,0,1)}to{transform:matrix(1,0,0,1,0,0)}}

@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}

@keyframes zoomInRight{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}

@keyframes cnuiZoomIn{0%{transform:matrix(.85,0,0,.85,0,0)}to{transform:matrix(1,0,0,1,0,0)}}

@keyframes cnuiZoomOut{0%{transform:matrix(1.2,0,0,1.2,0,0)}to{transform:matrix(1,0,0,1,0,0)}}

@keyframes zoomInUp{0%{animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}
.cn-animation-float {
  transition-duration: 0.3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.cn-animation-float:hover,
.cn-animation-float:focus,
.cn-animation-float:active {
  transform: translateY(-8px);
}
.cn-animation-pulse-shrink:hover,
.cn-animation-pulse-shrink:focus,
.cn-animation-pulse-shrink:active {
  animation-name: cn-animation-pulse-shrink;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.ui-e-item-anim-translate {
  will-change: transform;
  transition: transform 0.3s cubic-bezier(0.24, 1, 0.3, 1);
}
.ui-e-animations-wrp:hover.ui-e-item-anim-translate {
  transition: 0.3s cubic-bezier(0.24, 1, 0.3, 1);
  transform: translate3d(0, -8px, 0) !important;
}
.card-glow {
  transition: all 0.3s ease;
}
.card-glow:hover {
  box-shadow: 0 0 30px rgba(109, 56, 255, 0.25);
  border-color: rgba(109, 56, 255, 0.4) !important;
}