/******* Do not edit this file *******
Code Snippets Manager
Saved: Sep 15 2026 | 09:16:25 */
.custom-animation--fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.custom-animation--slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--slideFromLeft {
  -webkit-animation-name: slideFromLeft;
  animation-name: slideFromLeft;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--slideFromRight {
  -webkit-animation-name: slideFromRight;
  animation-name: slideFromRight;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--curtainUp {
  -webkit-animation-name: curtainUp;
  animation-name: curtainUp;
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.custom-animation--curtainDown {
  -webkit-animation-name: curtainDown;
  animation-name: curtainDown;
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.custom-animation--curtainFromLeft {
  -webkit-animation-name: curtainFromLeft;
  animation-name: curtainFromLeft;
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.custom-animation--curtainFromRight {
  -webkit-animation-name: curtainFromRight;
  animation-name: curtainFromRight;
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.custom-animation--specialOne {
  -webkit-animation-name: specialOne;
  animation-name: specialOne;
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-animation-duration: 700ms;
  animation-duration: 700ms;
  -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.custom-animation--tiltUp {
  -webkit-animation-name: tiltUp;
  animation-name: tiltUp;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--tiltDown {
  -webkit-animation-name: tiltDown;
  animation-name: tiltDown;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--clipFromRight {
  -webkit-animation-name: clipFromRight;
  animation-name: clipFromRight;
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--clipFromLeft {
  -webkit-animation-name: clipFromLeft;
  animation-name: clipFromLeft;
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--clipUp {
  -webkit-animation-name: clipUp;
  animation-name: clipUp;
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--clipBottom {
  -webkit-animation-name: clipBottom;
  animation-name: clipBottom;
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-animation--reverse {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-direction: reverse;
}
.zoomIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 32);
    transform: matrix(1, 0, 0, 1, 0, 32);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 32);
    transform: matrix(1, 0, 0, 1, 0, 32);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -20);
    transform: matrix(1, 0, 0, 1, 0, -20);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@keyframes slideDown {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, -20);
    transform: matrix(1, 0, 0, 1, 0, -20);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slideFromLeft {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, -20, 0);
    transform: matrix(1, 0, 0, 1, -20, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@keyframes slideFromLeft {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, -20, 0);
    transform: matrix(1, 0, 0, 1, -20, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes slideFromRight {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, 20, 0);
    transform: matrix(1, 0, 0, 1, 20, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@keyframes slideFromRight {
  0% {
    -webkit-transform: matrix(1, 0, 0, 1, 20, 0);
    transform: matrix(1, 0, 0, 1, 20, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes scaleIn {
  0% {
    -webkit-transform: matrix(0.92, 0, 0, 0.92, 0, 0);
    transform: matrix(0.92, 0, 0, 0.92, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@keyframes scaleIn {
  0% {
    -webkit-transform: matrix(0.92, 0, 0, 0.92, 0, 0);
    transform: matrix(0.92, 0, 0, 0.92, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes curtainUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes curtainUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes curtainDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes curtainDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes curtainFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes curtainFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes curtainFromRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes curtainFromRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes clipUp {
  0% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes clipUp {
  0% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@-webkit-keyframes clipBottom {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes clipBottom {
  0% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@-webkit-keyframes clipFromLeft {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes clipFromLeft {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0% 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@-webkit-keyframes clipFromRight {
  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@keyframes clipFromRight {
  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
@-webkit-keyframes tiltUp {
  0% {
    -webkit-transform: matrix(0.92, 0.03, 0, 0.92, 0, 20);
    transform: matrix(0.92, 0.03, 0, 0.92, 0, 20);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@keyframes tiltUp {
  0% {
    -webkit-transform: matrix(0.92, 0.03, 0, 0.92, 0, 20);
    transform: matrix(0.92, 0.03, 0, 0.92, 0, 20);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes tiltDown {
  0% {
    -webkit-transform: matrix(0.92, -0.03, 0, 0.92, 0, 20);
    transform: matrix(0.92, -0.03, 0, 0.92, 0, 20);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@keyframes tiltDown {
  0% {
    -webkit-transform: matrix(0.92, -0.03, 0, 0.92, 0, 20);
    transform: matrix(0.92, -0.03, 0, 0.92, 0, 20);
    opacity: 0;
  }
  100% {
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes specialOne {
  0% {
    -webkit-transform: rotateX(75deg) rotateY(10deg) rotateZ(-9deg);
    transform: rotateX(75deg) rotateY(10deg) rotateZ(-9deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    opacity: 1;
  }
}
@keyframes specialOne {
  0% {
    -webkit-transform: rotateX(75deg) rotateY(10deg) rotateZ(-9deg);
    transform: rotateX(75deg) rotateY(10deg) rotateZ(-9deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}