@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  font-size: 16px;
}
ol,
ul {
  list-style: disc;
  list-style-position: inside;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
[role="button"] {
  cursor: pointer;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
} /*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*="Out"] {
    opacity: 0;
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  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);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  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);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
}
.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(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 shakeX {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(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);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translate(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translate(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translate(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translate(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translate(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translate(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translate(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translate(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translate(0);
  }
}
.animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scaleZ(1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  0%,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skew(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skew(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skew(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skew(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skew(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skew(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skew(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  0%,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skew(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skew(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skew(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skew(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skew(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skew(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skew(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translate(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translate(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translate(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translate(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translate(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translate(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translate(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translate(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translate(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
@-webkit-keyframes bounceIn {
  0%,
  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: scaleZ(1);
  }
}
@keyframes bounceIn {
  0%,
  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: scaleZ(1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  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: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  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: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  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: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  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: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  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: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  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: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  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: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  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: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-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);
  }
}
.animate__bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1)
      translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95)
      translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotateY(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) rotateY(-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) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotateY(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) rotateY(-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) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skew(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skew(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skew(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skew(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skew(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skew(-5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skew(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skew(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skew(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skew(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skew(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skew(5deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skew(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skew(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skew(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skew(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  0% {
    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 {
  0% {
    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);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
[id^="page-"] h2 {
  --shadow: calc($size/1.2) calc($size/1.2) $color;
  position: relative;
  padding: var(--stroke-size);
  -webkit-text-stroke: var(--stroke-size) var(--stroke-color);
  text-shadow: var(--shadow);
}
[id^="page-"] h2:before {
  content: attr(data-text);
  position: absolute;
  left: var(--stroke-size);
  top: var(--stroke-size);
  right: var(--stroke-size);
  bottom: var(--stroke-size);
  z-index: 1;
  text-shadow: none;
  -webkit-text-stroke: 0;
  color: inherit;
}
[id^="page-"] h2 {
  font-family: mainTitle;
}
@font-face {
  font-family: mainFont;
  src: url(/assets/BRLNSR-CkuEe7zr.TTF);
  font-weight: 400;
}
@font-face {
  font-family: mainTitle;
  src: url(/assets/GROBOLD-1-DHbbh6VB.ttf);
  font-weight: 700;
}
:root {
  --bg-color: #434b58;
  --text-color: #fff;
  --color-highlight: #5bd021;
  --color-highlight-dark: #b50000;
  --color-text-highlight: #5bd021;
  --color-gray: #939393;
  --color-grayer: #ededed;
  --color-dark: #696a74;
  --color-darker: #292725;
  --color-success: #6cb43f;
  --color-fail: #fb4b35;
  --border-color: #000;
  --border-radius: 1em;
  --border-width: 0.1em;
  --border: var(--border-width) solid var(--border-color);
  --space-page-body: 2vw;
  --box-padding: 1em;
  --box-shadow: 0.15em 0.2em rgba(0, 0, 0, 0.8);
  --stroke-size: 0.2em;
  --stroke-color: #000;
  --font-size: 22px;
}
html,
body {
  scroll-behavior: smooth;
}
html {
  font-size: clamp(16px, 0.9375vw, 26px);
}
body {
  margin: 0;
  background-color: var(--bg-color);
  font-family: mainFont;
  font-size: var(--font-size);
  color: var(--text-color);
}
body.noscroll {
  height: 100vh;
  overflow: hidden;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  color: var(--color-text-highlight);
  text-decoration: underline;
}
h1,
h2,
h3 {
  font-family: mainTitle;
}
p {
  line-height: 1.5;
}
button,
input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
table {
  border-collapse: collapse;
}
svg {
  width: 1em;
  height: 1em;
  fill: currentColor;
}
details {
  list-style: none;
}
details summary {
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}
iframe[style*="2147483647"] {
  display: none;
}
w3m-modal {
  z-index: 1000;
  position: absolute;
}
.mt-1 {
  margin-top: 0.5em;
}
.gap-1 {
  gap: 0.5em;
}
.mt-2 {
  margin-top: 1em;
}
.gap-2 {
  gap: 1em;
}
.mt-3 {
  margin-top: 1.5em;
}
.gap-3 {
  gap: 1.5em;
}
.mt-4 {
  margin-top: 2em;
}
.gap-4 {
  gap: 2em;
}
.mt-5 {
  margin-top: 2.5em;
}
.gap-5 {
  gap: 2.5em;
}
.text-center {
  text-align: center;
}
.text-highlight {
  color: var(--color-text-highlight);
}
.tips {
  color: var(--color-gray);
}
.tips p {
  margin: var(--space-base) 0 0;
}
.svg-stroke {
  stroke: #000;
  stroke-width: 0.1em;
  paint-order: stroke;
  text-shadow: 0.1em 0.1em rgb(0, 0, 0);
  fill: #fff;
  height: 1.2em;
}
.txt-stroke-s {
  padding: 0.1em;
  text-shadow: 0.1em 0 var(--text-color), -0.1em 0 var(--text-color),
    0 0.1em var(--text-color), 0 -0.1em var(--text-color),
    0.1em 0.1em var(--text-color), -0.1em -0.1em var(--text-color),
    0.1em -0.1em var(--text-color), -0.1em 0.1em var(--text-color),
    0.1em 0.1em var(--text-color);
}
.txt-stroke {
  --shadow: calc($size/1.2) calc($size/1.2) $color;
  position: relative;
  padding: var(--stroke-size);
  -webkit-text-stroke: var(--stroke-size) var(--stroke-color);
  text-shadow: var(--shadow);
}
.txt-stroke:before {
  content: attr(data-text);
  position: absolute;
  left: var(--stroke-size);
  top: var(--stroke-size);
  right: var(--stroke-size);
  bottom: var(--stroke-size);
  z-index: 1;
  text-shadow: none;
  -webkit-text-stroke: 0;
  color: inherit;
}
.btn {
  --bg-color: #fff;
  --border-radius: 0.5em;
  --padding: 0 2em;
  --stroke-color: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn {
  display: inline-flex;
  z-index: 0;
  position: relative;
  height: 2.5em;
  border-radius: var(--border-radius);
  padding: var(--padding);
  border: var(--border-width) solid var(--border-color);
  background-color: var(--bg-color);
  color: #000;
  line-height: 1.2;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.btn span {
  --shadow: calc($size/1.2) calc($size/1.2) $color;
  position: relative;
  padding: var(--stroke-size);
  -webkit-text-stroke: var(--stroke-size) var(--stroke-color);
  text-shadow: var(--shadow);
}
.btn span:before {
  content: attr(data-text);
  position: absolute;
  left: var(--stroke-size);
  top: var(--stroke-size);
  right: var(--stroke-size);
  bottom: var(--stroke-size);
  z-index: 1;
  text-shadow: none;
  -webkit-text-stroke: 0;
  color: inherit;
}
.btn:has(img),
.btn:has(svg),
.btn:has(div) {
  gap: 0.5em;
}
.btn img,
.btn svg {
  flex-shrink: 0;
  font-size: 1.1em;
}
.btn:hover,
.btn:active {
  --stroke-color: #000;
  --bg-color: var(--color-highlight);
}
.btn:hover a,
.btn:hover:is(a),
.btn:active a,
.btn:active:is(a) {
  color: inherit;
  text-decoration: none;
}
.btn.btn-block {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.btn .pulse-bubble {
  background-color: #000;
}
.btn.btn-small {
  --border-radius: 0.5em;
  --padding: 0.2em;
  font-size: 0.8em;
}
.btn.btn-big {
  --padding: 1em;
}
.btn.disabled,
.btn:disabled {
  border-color: transparent !important;
  background: #dfdfdf !important;
  color: var(--color-gray) !important;
  cursor: not-allowed;
}
.btns {
  gap: 1em;
  display: flex;
  align-items: center;
}
.icon {
  --size: 2.2em;
  --border-radius: 0.6em;
  --bg-color: var(--color-highlight);
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon {
  display: inline-flex;
}
.icon {
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  cursor: pointer;
  transition: all 0.5s;
}
.icon svg,
.icon img {
  width: calc(var(--size) * 0.9);
  height: calc(var(--size) * 0.9);
  transition: transform 0.2s;
}
.icon.icon-big {
  width: calc(var(--size) * 1.2);
  height: calc(var(--size) * 1.2);
}
.icon.icon-bigger {
  width: calc(var(--size) * 2);
  height: calc(var(--size) * 2);
}
.icon:hover svg,
.icon:hover img {
  transform: scale(1.1);
}
.icon:hover a,
.icon:hover:is(a) {
  color: inherit;
  text-decoration: none;
}
.icon.badge {
  position: relative;
}
.icon.badge:before {
  content: "";
  z-index: 1;
  position: absolute;
  right: 0.1em;
  top: 0.1em;
  width: 0.4em;
  height: 0.4em;
  border-radius: 50%;
  background-color: #d60000;
}
.icon:has(img) {
  padding: 0;
}
.icon:has(img) img {
  width: 100%;
  height: 100%;
}
.icons {
  gap: 0.5em;
  display: flex;
  align-items: center;
}
.icon-copy {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 1.5em;
  cursor: pointer;
}
.icon-copy svg {
  width: 1em;
  height: 1em;
}
.icon-copy svg use {
  position: absolute;
  left: 0;
  top: 0;
}
.icon-copy svg use:first-child ~ use {
  opacity: 0;
  visibility: hidden;
}
.icon-copy.icon-tips {
  --top: 300%;
  --opacity: 0;
  --visibility: hidden;
  --bg-color: rgba(255, 255, 255, 0.3);
}
.icon-copy.icon-tips:after {
  content: "Copy";
  position: absolute;
  left: 50%;
  top: var(--top);
  transform: translate(-50%);
  padding: 0.5em;
  border-radius: 0.5em;
  background-color: var(--bg-color);
  white-space: nowrap;
  font-size: 0.6em;
  transition: all 0.5s;
  opacity: var(--opacity);
  visibility: var(--visibility);
}
.icon-copy.icon-tips:before {
  content: "";
  position: absolute;
  left: 50%;
  top: calc(var(--top) - 0.55em);
  transform: translate(-50%);
  width: 0;
  height: 0;
  overflow: hidden;
  border: 0.3em solid transparent;
  border-bottom-color: var(--bg-color);
  transition: all 0.5s;
  opacity: var(--opacity);
  visibility: var(--visibility);
}
.icon-copy:hover svg use:nth-child(2):not(:last-child) {
  opacity: 1;
  visibility: visible;
}
.icon-copy:hover.icon-tips {
  --top: 150%;
  --opacity: 1;
  --visibility: visible;
}
.icon-copy.copyed svg {
  color: var(--color-success);
}
.icon-copy.copyed svg use:not(:last-child) {
  opacity: 0 !important;
  visibility: hidden !important;
}
.icon-copy.copyed svg use:last-child {
  opacity: 1;
  visibility: visible;
}
.icon-copy.copyed.icon-tips {
  --bg-color: rgb(31, 217, 76, 0.3);
}
.icon-copy.copyed.icon-tips:after {
  content: "Copy Success";
}
.icon-copy:has(.btn) {
  font-size: 1em;
}
.icon-copy:has(.btn) .btn {
  padding: 0.2em 0.4em;
  font-size: 0.8em;
}
.icon-copy:has(.btn) .btn svg {
  display: none;
}
.icon-copy:has(.btn).copyed .btn:has(span) {
  padding: 0;
  background-color: transparent !important;
}
.icon-copy:has(.btn).copyed .btn:has(span) span {
  display: none;
}
.icon-copy:has(.btn).copyed .btn:has(span) svg {
  font-size: 1.5em;
}
.icon-copy:has(.btn).copyed svg {
  display: block;
}
.icon-success {
  z-index: -1;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  opacity: 0;
  color: var(--color-success);
  transition: all 0.5s ease-in;
}
.icon-success svg {
  width: 100%;
  height: 100%;
}
.icon-success.copyed {
  opacity: 1;
  z-index: 1;
}
.flex {
  display: flex;
}
.flex.flex-column {
  flex-direction: column;
}
.flex.flex-center {
  justify-content: center;
  align-items: center;
}
.flex.flex-center-x {
  justify-content: center;
}
.flex.flex-center-y {
  align-items: center;
}
.flex.flex-between {
  justify-content: space-between;
}
.box {
  padding: var(--box-padding);
  border-radius: var(--border-radius);
  border: var(--border-width) var(--border-style, solid) var(--border-color);
  background: var(--box-bg-color, var(--bg-color));
  box-shadow: var(--box-shadow);
}
.tooltip {
  --arrow-left: 50%;
  --left: 0;
  --top: 100%;
  --width: max-content;
  --height: fit-content;
  visibility: hidden;
  z-index: -1;
  position: fixed;
  left: var(--left);
  padding: 0.5em 1em 0.6em;
  width: max-content;
  max-width: 30em;
  border-radius: 0.5em;
  background-color: #8f9998f2;
  color: #485957;
  opacity: 0;
  transition: opacity 0.5s;
  font-size: 0.66em;
}
.tooltip:after {
  content: "";
  position: absolute;
  left: calc(var(--arrow-left) + 0.3em);
  width: 0;
  height: 0;
  border: 1em solid transparent;
  border-left-width: 0.6em;
  border-right-width: 0.6em;
}
.tooltip.top {
  top: calc(var(--top) - var(--height) - 1em);
}
.tooltip.top:after {
  top: calc(100% - 2px);
  border-top-color: var(--color-gray);
}
.tooltip.bottom {
  top: calc(var(--top) + 3em);
}
.tooltip.bottom:after {
  top: auto;
  bottom: calc(100% - 2px);
  border-bottom-color: var(--color-gray);
}
.blink {
  --color: #000;
}
.blink:after {
  content: "";
  display: inline-block;
  margin-left: 0.1em;
  width: 0.1em;
  height: 0.8em;
  background: var(--color);
  animation: blink 0.5s infinite;
}
.datalist {
  gap: 0.2em;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.datalist .row {
  padding: 0.5em 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.datalist .row > div {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.datalist .row .index {
  flex: 0 0 4em;
  text-align: center;
}
.datalist .row .amount {
  flex: 0 0 6em;
  text-align: right;
}
.datalist .body {
  flex: 1;
}
.datalist .body .row:hover {
  background-color: #ffffff1a;
}
.datalist .avatar {
  width: 2em;
  height: 2em;
}
.datalist header {
  font-weight: 700;
}
.detail-list {
  line-height: 1.5;
}
.detail-list summary {
  gap: 1em;
  min-height: 4em;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-list summary > svg,
.detail-list summary > img,
.detail-list summary:after {
  flex-shrink: 0;
  padding: 0.2em;
  font-size: 2em;
  transition: transform 0.1s;
}
.detail-list .content {
  padding-bottom: 1em;
  overflow: hidden;
  line-height: 1.5;
}
.detail-list .content p {
  margin-top: 1em;
}
.detail-list .content p:first-child {
  margin-top: 0;
}
.detail-list details[open] summary {
  margin-bottom: 1em;
}
.detail-list details[open] summary > svg,
.detail-list details[open] summary > img,
.detail-list details[open] summary:after {
  transform: rotate(90deg);
}
.detail-list details[open] .content {
  margin-top: -1em;
}
.community-links {
  --icon-size: 1.7em;
  --border-radius: 0.5em;
  --bg-color: #fff;
  gap: 1em;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.community-links li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.community-links li a {
  height: 100%;
  width: 100%;
  border: var(--border);
  border-radius: 50%;
  background-color: var(--bg-color);
  overflow: hidden;
  color: #000;
  transition: all 0.2s ease-out;
}
.community-links li svg {
  flex-shrink: 0;
  font-size: var(--icon-size);
}
.community-links li img {
  width: var(--icon-size);
  height: var(--icon-size);
  object-fit: contain;
}
.community-links li.twitter svg {
  font-size: calc(var(--icon-size) * 0.8);
}
.community-links li.telegram svg {
  @namespace xlink "http://www.w3.org/1999/xlink";
  font-size: calc(var(--icon-size) * 0.9);
}
.community-links li.telegram svg:has(use[xlink|href$="telegram"]) {
  stroke-width: 0.1em;
  stroke: var(--stroke-color);
}
.community-links li.medium svg {
  font-size: calc(var(--icon-size) * 0.9);
}
.community-links li:hover a {
  transform: scale(0.95);
}
.community-links.type-icon a {
  width: calc(var(--icon-size) * 1.5);
  height: calc(var(--icon-size) * 1.5);
}
.community-links.type-both li a {
  flex-direction: column;
}
.countdown {
  padding: 0.5em 0;
  gap: 0.5em;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.countdown h3 {
  font-size: 1.67em;
  color: #5373c1;
}
.countdown h4 {
  margin: 0;
  font-weight: 400;
  font-size: 1em;
}
.countdown .time {
  margin-top: 0.4em;
  display: flex;
  align-items: center;
}
.countdown .time > div {
  font-family: mainTitle;
  font-size: 1.6em;
  display: flex;
  align-items: flex-end;
}
.countdown .time > div > span {
  width: auto;
  text-align: center;
  margin: 0 0.1em;
}
.countdown .time > div .time-bg {
  background-color: #c7e4f8;
  border-radius: 0.3em;
  width: 1.57em;
  margin: 0;
}
.countdown .time sub {
  margin-left: 0.2em;
  color: var(--color-dark);
  font-size: 0.625em;
  color: #959595;
}
.countdown.horizontal {
  flex-direction: row;
  justify-content: space-between;
}
.img img {
  display: block;
  width: 100%;
  object-fit: scale-down;
}
.img video {
  width: 100%;
}
.comingsoon {
  --posy: 200%;
  --posx: 20%;
  position: relative;
}
.comingsoon:after {
  content: "Coming Soon";
  position: absolute;
  left: var(--posx);
  top: var(--posy);
  border-radius: 0.5em;
  padding: 0.5em 1em;
  background: #555;
  visibility: hidden;
  opacity: 0;
  font-size: 0.7em;
  white-space: nowrap;
  transition: all 0.5s;
}
.comingsoon:before {
  content: "";
  position: absolute;
  left: calc(var(--posx) + 0.8em);
  top: calc(var(--posy) - 0.8em);
  width: 0;
  height: 0;
  border: 0.4em solid transparent;
  border-bottom-color: #555;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s;
}
.comingsoon:hover {
  --posy: 150%;
  z-index: 10;
}
.comingsoon:hover:after {
  opacity: 1;
  visibility: visible;
}
.comingsoon:hover:before {
  opacity: 1;
  visibility: visible;
}
.animate-start {
  transition: opacity 0.5s;
  opacity: 0;
}
.animate-start.animate {
  opacity: 1;
}
.container {
  position: relative;
}
[id^="page-"] {
  display: flex;
  flex-direction: column;
  min-width: 375px;
  min-height: 100vh;
  height: 100%;
  overflow: hidden;
}
[id^="page-"] h2 {
  margin-bottom: 0.5em;
  font-size: 1.67em;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
[id^="page-"] main {
  flex: 1;
}
[id^="page-"] main > div {
  position: relative;
  padding: 5em 0;
}
[id^="page-"] main > div:target:not(#home, :last-child) {
  padding-top: 15vh;
}
[id^="page-"] main > div:only-child {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
[id^="page-"] main > div.dark {
  background-color: var(--text-color);
  color: #fff;
}
[id^="page-"] main > div.dark h2 {
  color: inherit;
}
[id^="page-"] .page-body {
  z-index: 1;
  position: relative;
  margin: 0 auto;
  padding: 0 var(--space-page-body);
  max-width: calc(
    max(84.1145833333vw, 89.7222222222em) + var(--space-page-body) * 2
  );
  width: 100%;
  height: 100%;
}
[id^="page-"] .page-body > header {
  position: relative;
}
[id^="page-"] .page-body > header h2 {
  margin-bottom: 0;
  text-align: inherit;
}
[id^="page-"] .page-body > header.animate {
  animation: fadeInUp 0.5s ease-in;
}
[id^="page-"] .content-body > header h2 {
  text-align: inherit;
}
@media screen and (min-device-pixel-ratio: 2),
  screen and (-webkit-min-device-pixel-ratio: 2) {
  :root {
    --font-size: 16px;
  }
}
@media screen and (min-device-pixel-ratio: 2.5),
  screen and (-webkit-min-device-pixel-ratio: 2.5) {
  :root {
    --font-size: 15px;
  }
}
@media screen and (min-device-pixel-ratio: 3),
  screen and (-webkit-min-device-pixel-ratio: 3) {
  :root {
    --font-size: 14px;
  }
}
@media screen and (min-device-pixel-ratio: 3.5),
  screen and (-webkit-min-device-pixel-ratio: 3.5) {
  :root {
    --font-size: 13px;
  }
}
@media screen and (min-device-pixel-ratio: 4),
  screen and (-webkit-min-device-pixel-ratio: 4) {
  :root {
    --font-size: 12px;
  }
}
@media screen and (min-width: 3000px) {
  :root {
    --font-size: 34px;
  }
}
@media screen and (max-width: 1280px) {
  :root {
    --font-size: 18px;
  }
}
@media screen and (max-width: 750px) {
  :root {
    --border-width: 0.15em;
  }
  body::-webkit-scrollbar {
    display: none;
  }
  .container h2 {
    font-size: 2em;
  }
}
@media screen and (max-width: 480px) {
  :root {
    --space-page-body: 4vw;
    --font-size: 16px;
    --box-padding: 1em;
  }
}
@media screen and (max-width: 375px) {
  :root {
    --font-size: 14px;
  }
}
.state-btn-bala {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.state-btn-bala.shake {
  animation: shake 0.8s;
}
@keyframes shake {
  10% {
    transform: rotate(5deg);
  }
  20% {
    transform: rotate(-5deg);
  }
  30% {
    transform: rotate(5deg);
  }
  40% {
    transform: rotate(-5deg);
  }
  45% {
    transform: rotate(0);
  }
}
.state-btn-bala .hint-text {
  position: absolute;
  top: -0.4rem;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  height: 0.4rem;
  font-size: 0.3rem;
  white-space: nowrap;
}
.state-btn-bala .error-text {
  color: red;
}
.state-btn-bala .succeed-text {
  color: green;
}
.pulse-container {
  width: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 5px;
}
@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0.25;
    transform: scale(0.75);
  }
}
.pulse-bubble {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #fff;
}
.pulse-bubble-1 {
  animation: pulse 0.4s ease 0s infinite alternate;
}
.pulse-bubble-2 {
  animation: pulse 0.4s ease 0.2s infinite alternate;
}
.pulse-bubble-3 {
  animation: pulse 0.4s ease 0.4s infinite alternate;
}
.page-header .language .list {
  --bg-pos: 30%;
  border: var(--border-width) solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(
      var(--box-bg-color, #070938),
      var(--box-bg-color2, var(--box-bg-color, #070938))
    ),
    var(
      --border-gradient,
      linear-gradient(
        var(--color-highlight) var(--bg-pos),
        var(--color-highlight-dark)
      )
    );
}
.page-header .btn-menu,
.page-header .menu .btn-close {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-header .btn-menu,
.page-header .menu .btn-close {
  --size: 3.3em;
  display: none;
  width: var(--size);
  height: var(--size);
  padding: 0.5em;
  cursor: pointer;
  color: #000;
}
.page-header .btn-menu svg,
.page-header .menu .btn-close svg {
  font-size: 1.8em;
}
.page-header .btn-menu:hover,
.page-header .menu .btn-close:hover {
  color: var(--color-text-highlight);
}
.page-header {
  --gap: max(1em, 2vw);
  z-index: 11;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(#676a6c 1em, #959a9c 1em);
  transition: all 0.5s ease-in;
}
.page-header .page-body {
  display: flex;
  align-items: center;
}
.page-header .page-body {
  gap: var(--gap);
  height: 100%;
  padding-top: 1em;
  padding-bottom: 0.2em;
}
.page-header .logo {
  display: flex;
  align-items: center;
}
.page-header .logo {
  z-index: 1;
  align-items: center;
  gap: 0.5em;
  transition: all 0.2s ease-in;
}
.page-header .logo img,
.page-header .logo svg {
  width: auto;
  height: 4.4em;
  transform: translateY(-0.5em);
  filter: drop-shadow(0 0 1em rgba(91, 208, 33, 0.8));
}
.page-header .logo h2 {
  --stroke-size: 0.15em;
  margin-bottom: 0;
  font-size: 2.77em;
  white-space: nowrap;
  color: var(--color-highlight);
}
.page-header .logo h2:before {
  text-shadow: -0.025em -0.025em #fff;
  transform: translate(0.02em, 0.02em);
}
.page-header .right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page-header .right {
  flex: 1 1 60%;
  gap: var(--gap);
}
.page-header .menu {
  --gap: min(2em, 4vh);
  --text-active-color: var(--color-highlight);
  flex: 1;
}
.page-header .menu > ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.page-header .menu > ul {
  flex: 1;
  gap: min(2em, var(--gap));
  height: 100%;
  font-size: 1.33em;
  white-space: nowrap;
}
.page-header .menu li a:before {
  top: 0.26em;
}
.page-header .menu li.active {
  position: relative;
}
.page-header .menu li.active a {
  color: var(--color-highlight);
}
.page-header .menu li:hover a {
  text-decoration: none;
}
.page-header .menu .btn-close {
  z-index: 2;
  position: absolute;
  right: var(--space-page-body);
  top: 1em;
}
.page-header .menu .btn-close svg {
  font-size: 1.2em;
}
.page-header .btn-menu {
  align-self: center;
}
.page-header .btn {
  white-space: nowrap;
}
.page-header .btn-buy {
  --stroke-color: #000;
  width: 9.8em;
  color: #fff;
  font-size: 1.33em;
}
.page-header .connect-entry {
  display: flex;
  align-items: center;
}
.page-header .connect-entry {
  gap: 0.5em;
}
.page-header .connect-entry .btn {
  min-width: 11.67em;
}
.page-header .connect-entry:empty {
  display: none;
}
.page-header .wallet-info {
  position: relative;
  width: 100%;
}
.page-header .wallet-info > .btn {
  position: relative;
  z-index: 1;
  width: 10em;
}
.page-header .wallet-info .list {
  visibility: hidden;
  z-index: 0;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 100%;
  opacity: 0;
  transition: all 0.5s ease-in;
}
.page-header .wallet-info .list .btn {
  width: 100%;
}
.page-header .wallet-info.active .list,
.page-header .wallet-info:hover .list {
  visibility: visible;
  opacity: 1;
  padding-top: 3em;
}
.page-header .user-info {
  position: relative;
  color: #000;
}
.page-header .user-info dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 0.8em;
  border-radius: 2em;
  border: var(--border-width) var(--border-style, solid) var(--border-color);
  background: var(--box-bg-color, var(--bg-color));
  box-shadow: var(--box-shadow);
}
.page-header .user-info dt {
  z-index: 1;
  position: relative;
  min-width: 12em;
}
.page-header .user-info dt > h4 {
  flex: 1;
  margin-left: 0.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}
.page-header .user-info dt .avatar {
  border: 0.1em solid var(--color-main);
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  background-color: var(--color-text-highlight);
}
.page-header .user-info dt svg {
  width: 0.8em;
  height: 0.8em;
  transform: rotate(90deg);
}
.page-header .user-info dd {
  padding: 0.8em;
  border-radius: var(--border-radius);
  border: var(--border-width) var(--border-style, solid) var(--border-color);
  background: var(--box-bg-color, var(--bg-color));
  box-shadow: var(--box-shadow);
}
.page-header .user-info dd {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  opacity: 0;
  transition: all 0.2s ease-out;
}
.page-header .user-info dd li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-header .user-info dd li {
  cursor: pointer;
  margin-bottom: 0.6em;
  padding-bottom: 0.6em;
  border-bottom: 0.15em solid #000;
}
.page-header .user-info dd li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
.page-header .user-info dd li .title {
  flex: 1;
}
.page-header .user-info dd li svg {
  fill: var(--color-main);
  width: 1.22em;
  height: 1.22em;
}
.page-header .user-info dd li svg:hover {
  fill: var(--color-red);
}
.page-header .user-info dd li.connect {
  justify-content: center;
  padding-top: 0.2em;
  transition: all 0.2s;
}
.page-header .user-info dd li.connect:hover {
  color: var(--color-text-highlight);
  letter-spacing: 0.05em;
}
.page-header .user-info dd .title h5 {
  margin-bottom: 0.2em;
  font-size: 0.83em;
  color: var(--color-gray);
  font-weight: 400;
}
.page-header .user-info dd h4 {
  display: none;
}
.page-header .user-info.active dd {
  z-index: 0;
  opacity: 1;
  top: calc(100% + 0.5em);
}
.page-header .language {
  position: relative;
}
.page-header .language > svg {
  z-index: 1;
  position: relative;
  font-size: 1.6em;
  color: #6d6e84;
  cursor: pointer;
}
.page-header .language > svg:hover {
  color: #fff;
}
.page-header .language .list {
  --box-bg-color: #07093a;
  --box-bg-color2: #2335bc;
}
.page-header .language .list {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 18em;
  padding: 2em;
  border-radius: 1em;
  max-height: 0;
  opacity: 0;
  transition: all 0.3s;
  overflow: hidden;
}
.page-header .language ul {
  margin-top: 1em;
  white-space: nowrap;
}
.page-header .language ul li {
  margin-top: 0.8em;
  padding: 0.3em 0;
  font-size: 0.9em;
  color: #6d6e84;
  cursor: pointer;
}
.page-header .language ul li:hover,
.page-header .language ul li.active {
  color: #fff;
}
.page-header .language .btn-close {
  position: absolute;
  right: 1em;
  top: 1em;
}
.page-header .language .btn-close:hover {
  color: var(--color-fail);
  cursor: pointer;
}
.page-header .language.active > svg {
  color: #fff;
}
.page-header .language.active .list {
  z-index: 0;
  max-height: 20em;
  top: calc(100% + 1em);
  opacity: 1;
}
.page-header:has(.menu.show) .logo {
  z-index: 101;
}
@media screen and (max-width: 1580px) {
  .page-header .menu ul {
    font-size: 1em;
  }
  .page-header .menu li a:before {
    top: 0.2em;
  }
  .page-header .btn-buy {
    font-size: 1em;
  }
}
@media screen and (max-width: 1280px) {
  .page-header .menu {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 2em;
    right: 0;
    bottom: 0;
    height: calc(100vh - 2em);
    flex-direction: column;
    justify-content: stretch;
    background-color: #959a9c;
  }
  .page-header .menu > ul {
    z-index: 1;
    flex-direction: column;
    align-items: center;
    gap: 1.5em;
    height: auto;
    font-size: 1.6em;
  }
  .page-header .menu > ul li.active:before {
    rotate: -20deg;
    top: -0.5em;
    left: 1em;
    width: 3em;
  }
  .page-header .menu.show {
    z-index: 10;
    visibility: visible;
    padding: 30vh 2em 0;
  }
  .page-header .menu.show h2 {
    display: block;
    margin-bottom: 0.5em;
  }
  .page-header .menu.show .btn-close {
    display: flex;
    right: 1em;
    top: -0.6em;
  }
  .page-header .btn-menu {
    display: flex;
  }
  .page-header:has(.menu.show) {
    z-index: 101;
    top: 0;
    transition: none;
  }
  .page-header:has(.menu.show) .page-body {
    align-items: flex-start;
  }
  .page-header:has(.menu.show) .connect-entry {
    display: none;
  }
  .page-header:has(.menu.show) .btn-buy {
    display: none;
  }
  .page-header:has(.menu.show) .btn-menu {
    visibility: hidden;
  }
}
@media screen and (max-width: 1350px) {
  .page-header .community-links {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .page-header .btn-buy {
    display: none;
  }
  .page-header .box {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
@media screen and (max-width: 480px) {
  .page-header .logo {
    gap: 0.5em;
  }
  .page-header .logo h2 {
    font-size: 1.6em;
  }
}
.page-footer {
  padding: 3em 0;
}
.page-footer h2 {
  font-size: 2.77em;
  text-align: left;
}
.page-footer .box {
  --bg-color: #fff;
  margin: 0 5%;
  padding: 2em 50% 2em 2em;
}
.page-footer .box p {
  font-size: 1.2em;
}
.page-footer .community-links {
  justify-content: flex-start;
  margin-top: 2.5em;
}
.page-footer .img {
  position: absolute;
  right: 0;
  bottom: -3em;
  width: 50%;
}
.page-footer.animate .community-links {
  animation: fadeInUp 0.7s;
}
.page-footer.animate .copyright {
  animation: fadeInUp 0.8s;
}
@media screen and (max-width: 1024px) {
  .page-footer .box {
    margin: 0;
  }
}
@media screen and (max-width: 750px) {
  .page-footer {
    padding-bottom: 0;
  }
  .page-footer .box {
    flex-direction: column;
    padding: 2em 2em 50vw;
    margin-bottom: 65vw;
  }
  .page-footer .img {
    width: 100%;
    bottom: -65vw;
  }
}
.address {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  width: fit-content;
}
.address h4 {
  font-weight: 400;
}
.address .content {
  align-items: center;
  gap: 0.5em;
  width: 100%;
  padding: 1em;
  border-radius: 0.5em;
  background-color: #fff3;
}
.address .val {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.address .icon-copy {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-container {
  width: 100%;
}
.swiper-container .btn-prev,
.swiper-container .btn-next {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-container .btn-prev,
.swiper-container .btn-next {
  z-index: 1;
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  width: 4em;
  height: 4em;
  cursor: pointer;
}
.swiper-container .btn-prev:hover,
.swiper-container .btn-next:hover {
  color: var(--color-highlight);
}
.swiper-container .btn-prev.disabled,
.swiper-container .btn-next.disabled {
  mix-blend-mode: luminosity;
  cursor: not-allowed;
  color: #999;
}
.swiper-container .btn-prev svg,
.swiper-container .btn-next svg {
  width: 3em;
  height: 3em;
}
.swiper-container .btn-next {
  left: auto;
  right: 5%;
}
.swiper-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: clip;
}
.swiper-content {
  display: flex;
  align-items: center;
}
.swiper-content {
  width: fit-content;
  height: 100%;
}
.swiper-content > div {
  flex-shrink: 0;
  height: 100%;
  width: 100%;
}
.swiper-page {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-page {
  gap: 1em;
  position: absolute;
  left: 50%;
  bottom: 2em;
}
.swiper-page li {
  width: 0.6em;
  height: 0.6em;
  border: var(--border);
  border-radius: 50%;
  overflow: hidden;
  text-indent: -5em;
  background-color: var(--color-gray);
  cursor: pointer;
}
.swiper-page li.active {
  background-color: var(--color-highlight);
}
.swiper-page li:hover {
  border-color: #fff3;
  transform: scale(1.5);
}
@keyframes oneline-typing {
  0% {
    width: 0;
  }
}
@keyframes blink {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes runx {
  80% {
    transform: rotate(0);
  }
  83% {
    transform: rotate(-2deg);
  }
  85% {
    transform: rotate(0);
  }
  88% {
    transform: rotate(2deg);
  }
  90% {
    transform: rotate(0);
  }
  93% {
    transform: rotate(-2deg);
  }
  95% {
    transform: rotate(0);
  }
  98% {
    transform: rotate(2deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes loadingbar {
  0% {
    --percent: 0%;
  }
  10% {
    --percent: 10%;
  }
  20% {
    --percent: 20%;
  }
  30% {
    --percent: 30%;
  }
  40% {
    --percent: 40%;
  }
  50% {
    --percent: 50%;
  }
  60% {
    --percent: 60%;
  }
  70% {
    --percent: 70%;
  }
  80% {
    --percent: 80%;
  }
  90% {
    --percent: 90%;
  }
  to {
    --percent: 100%;
  }
}
@keyframes text-jump {
  0%,
  to {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.2em);
  }
}
@keyframes rotating {
  0% {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}
@keyframes move-x {
  0% {
    transform: translate(-10%);
  }
  to {
    transform: translate(10%);
  }
}
@keyframes move-lr {
  0% {
    transform: translate(-10%) rotateY(0);
  }
  50% {
    transform: translate(10%);
  }
  50.01% {
    transform: translate(10%) rotateY(180deg);
  }
  to {
    transform: translate(-10%) rotateY(180deg);
  }
}
@keyframes move-lr2 {
  0% {
    transform: translate(-10%);
  }
  50% {
    transform: translate(10%);
  }
  to {
    transform: translate(-10%);
  }
}
@keyframes scroll-to-right {
  0% {
    translate: 0 0;
  }
  to {
    translate: 50% 0;
  }
}
@keyframes scroll-to-left {
  0% {
    translate: 0 0;
  }
  to {
    translate: -20% 0;
  }
}
@keyframes flicker {
  0%,
  to {
    box-shadow: none;
  }
  50% {
    box-shadow: 0 0 8em 3em #1de751, 0 0 15em 5em #1de751cc;
  }
}
@keyframes sway {
  0%,
  50%,
  to {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(5deg);
  }
}
@keyframes sway2 {
  0%,
  50%,
  to {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(1deg);
  }
}
@keyframes sway3 {
  0%,
  50%,
  to {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-1deg);
  }
  75% {
    transform: rotate(5deg);
  }
}
@property --border-pos {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@keyframes border-rotate {
  0% {
    --border-pos: 0deg;
  }
  to {
    --border-pos: 360deg;
  }
}
@property --bg-pos {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
@keyframes bgRun {
  0%,
  to {
    --bg-pos: 30%;
  }
  50% {
    --bg-pos: 60%;
  }
}
@keyframes flicker2 {
  0%,
  to {
    box-shadow: 0 0 0.5em var(--color-highlight);
  }
  50% {
    box-shadow: 0 0 0.5em 0.2em var(--color-highlight),
      0 0 2em var(--color-highlight);
  }
}
.page-home {
  --info-size: 45%;
  --header-height: 8em;
}
.page-home [data-text] {
  --shadow: calc($size/1.2) calc($size/1.2) $color;
  position: relative;
  padding: var(--stroke-size);
  -webkit-text-stroke: var(--stroke-size) var(--stroke-color);
  text-shadow: var(--shadow);
}
.page-home [data-text]:before {
  content: attr(data-text);
  position: absolute;
  left: var(--stroke-size);
  top: var(--stroke-size);
  right: var(--stroke-size);
  bottom: var(--stroke-size);
  z-index: 1;
  text-shadow: none;
  -webkit-text-stroke: 0;
  color: inherit;
}
.page-home [data-text] {
  text-shadow: none;
}
.page-home .txtbar-wrap {
  z-index: 10;
  position: relative;
  align-items: center;
  margin-left: -1%;
  margin-right: -1%;
  border: var(--border);
  background-color: var(--color-highlight-dark);
}
.page-home .txtbar-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 5%;
  background: linear-gradient(
    to left,
    var(--color-highlight-dark) 50%,
    transparent
  );
}
.page-home .txtbar-wrap .txtbar {
  display: flex;
  align-items: center;
}
.page-home .txtbar-wrap .txtbar {
  height: 2.2em;
  padding: 0.5em 0;
  overflow: hidden;
  white-space: nowrap;
}
.page-home .txtbar-wrap .txtbar .txtbar-content {
  padding: 0;
  line-height: 1;
  font-size: 0.8em;
  animation: scroll-to-left 15s linear infinite;
}
.page-home .txtbar-wrap .txtbar .txtbar-content span {
  margin: 0 1em;
}
.page-home .txtbar-wrap .txtbar:hover .txtbar-content {
  animation-play-state: paused;
}
.page-home .txtbar-wrap .icon-sound {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-home .txtbar-wrap .icon-sound {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 8%;
  min-width: 5em;
  padding: 0 1em;
  background: linear-gradient(
    to right,
    var(--color-highlight-dark) 50%,
    transparent
  );
  color: #fff;
  font-size: 1.2em;
}
.page-home .info {
  position: absolute;
  right: 10%;
  top: calc(50% - 21em);
  pointer-events: all;
  aspect-ratio: 797/1153;
  height: 32em;
  padding: 5em 3em;
  background: url(/assets/home_image2-ZBBGGYex.webp) no-repeat center/contain;
  color: #000;
  text-align: center;
}
.page-home .info h1 {
  --shadow: calc($size/1.2) calc($size/1.2) $color;
  position: relative;
  padding: var(--stroke-size);
  -webkit-text-stroke: var(--stroke-size) var(--stroke-color);
  text-shadow: var(--shadow);
}
.page-home .info h1:before {
  content: attr(data-text);
  position: absolute;
  left: var(--stroke-size);
  top: var(--stroke-size);
  right: var(--stroke-size);
  bottom: var(--stroke-size);
  z-index: 1;
  text-shadow: none;
  -webkit-text-stroke: 0;
  color: inherit;
}
.page-home .info h1 {
  --stroke-size: 0.1em;
  font-size: 2.3em;
  white-space: nowrap;
  color: var(--color-highlight);
}
.page-home .info h1:before {
  text-shadow: -0.025em -0.025em #fff;
  transform: translate(0.02em, 0.02em);
}
.page-home .info p {
  margin-top: 0.6em;
  line-height: 1;
}
.page-home .info .tools {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page-home .info .tools {
  gap: 0.5em;
  position: absolute;
  left: 35%;
  top: 0;
  right: 24%;
  height: 3em;
}
.page-home .info .tools:before,
.page-home .info .tools:after {
  content: "";
  width: 1em;
  height: 1em;
  border: var(--border);
  border-radius: 50%;
  background-color: var(--color-highlight);
}
.page-home .info .tools:before {
  animation: flicker2 2s infinite;
}
.page-home .info .tools.after:before {
  animation: none;
}
.page-home .info .tools.after:after {
  animation: flicker2 2s infinite;
}
.page-home .info.left {
  right: calc(95% - 32em);
}
.page-home .info .address {
  max-width: 17em;
  width: 100%;
  color: #fff;
}
.page-home .info .address .content {
  height: 2.25em;
  padding: 0 0.5em;
  border: var(--border);
  border-radius: 0.3em;
  background-color: #484b55;
}
.page-home .info .address .val {
  font-size: 0.83em;
  text-align: left;
}
.page-home .info .address .icon-copy {
  width: 1.6em;
  height: 1.6em;
  border: var(--border);
  border-radius: 0.2em;
  background-color: #fff;
  color: #000;
  font-size: 1em;
}
.page-home .info .btns {
  flex-direction: column;
  gap: 0.5em;
}
.page-home .info .btns .btn {
  width: 100%;
}
.page-home .info .btns .btn:hover {
  color: #fff;
}
.page-home .info .community-links {
  gap: 0.5em;
  margin-top: 0.8em;
}
.page-home .info .community-links img {
  width: calc(var(--icon-size) * 1.5);
  height: calc(var(--icon-size) * 1.5);
}
.page-home .info .community-links .cmc a {
  background: linear-gradient(-45deg, #3861fb, #0f38fe);
  color: #fff;
}
.page-home .info .community-links .telegram a {
  background: #28a7e7;
  color: #fff;
}
.page-home .about {
  --left: 10%;
  background: url(/assets/bg-DPi3019y.webp) no-repeat center/cover;
}
.page-home .about header {
  position: relative;
  margin-bottom: 1em;
  margin-left: var(--left);
}
.page-home .about h2 {
  color: var(--color-highlight);
  font-size: 1.33em;
}
.page-home .about .line {
  position: absolute;
  left: -1em;
  top: 60%;
  height: 2em;
  width: 0.1em;
  background-color: var(--color-gray);
}
.page-home .about .line:before,
.page-home .about .line:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-0.35em, -0.7em);
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background-color: var(--color-highlight);
}
.page-home .about .line:after {
  top: auto;
  bottom: 0;
  transform: translate(-0.35em, 0.7em);
  background-color: transparent;
  border: 0.15em solid var(--color-gray);
}
.page-home .about .content-body {
  padding: 1em 2em;
  border-radius: 0.5em;
  border: var(--border-width) var(--border-style, solid) var(--border-color);
  background: #ffffffb3;
  box-shadow: 0.25em 0.25em var(--color-highlight);
}
.page-home .about .content-body {
  margin-right: var(--info-size);
  margin-left: var(--left);
  color: #000;
}
.page-home .about .content-body p {
  line-height: 1.2;
}
.page-home .about .img {
  z-index: -1;
  position: absolute;
  left: var(--left);
  bottom: 0;
  max-width: 35em;
}
.page-home .about .img img {
  height: 100%;
}
.page-home .tokenomics {
  --left: 10%;
  background: url(/assets/tokenmics_image1-DDE5z9SH.webp) no-repeat top
      left/15vw,
    url(/assets/tokenmics_image2-CvCQp34G.webp) no-repeat top right 40%/10vw,
    url(/assets/tokenmics_image3-BB1COSps.webp) no-repeat top right/15vw,
    url(/assets/tokenmics_image4-CN8tsSaP.webp) no-repeat bottom right 50%/10vw,
    url(/assets/tokenomics-tires-CbfBLOY1.gif) no-repeat center/25em,
    url(/assets/bg2-DW3ODHXs.webp) no-repeat center/cover;
}
.page-home .tokenomics .page-body > header {
  display: flex;
  align-items: center;
}
.page-home .tokenomics .page-body > header {
  justify-content: space-between;
  height: 4.8em;
  margin-left: var(--left);
  padding: 0.8em 2em;
  background: url(/assets/tokenmics_image5-CUcK62PL.webp) no-repeat left
    center/contain;
}
.page-home .tokenomics .content-body {
  margin-left: var(--left);
  margin-right: var(--info-size);
}
.page-home .tokenomics .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
  margin-top: 3em;
}
.page-home .tokenomics .list header {
  position: absolute;
  left: 10%;
  top: -1em;
  width: 100%;
  height: 2.14em;
  padding: 0 1em 0 2em;
  background: url(data:image/webp;base64,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)
    no-repeat left center/contain;
  white-space: nowrap;
}
.page-home .tokenomics .list .value,
.page-home .tokenomics .list .percent {
  font-size: 1.33em;
}
.page-home .tokenomics .list li {
  position: relative;
  width: 100%;
  max-width: 15em;
  padding: 1.5em 1em 1em;
  border: var(--border);
  border-radius: 0.5em;
  background-color: #0009;
}
.page-home .tokenomics .list li:first-child {
  grid-column: span 2;
  margin: 0 auto;
}
.page-home .tokenomics .list li:nth-child(2) header {
  background-image: url(data:image/webp;base64,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);
}
.page-home .tokenomics .list li:nth-child(3) header {
  background-image: url(data:image/webp;base64,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);
}
.page-home .tokenomics .list li:nth-child(4) header {
  background-image: url(data:image/webp;base64,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);
}
.page-home .tokenomics .list li:nth-child(5) header {
  background-image: url(data:image/webp;base64,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);
}
.page-home .tokenomics .list li:last-child {
  grid-column: span 2;
  width: 15em;
  margin: 0 auto;
}
.page-home .tokenomics .list li:last-child header {
  background-image: url(data:image/webp;base64,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);
}
.page-home div.htbuy {
  background: url(/assets/bg2-DW3ODHXs.webp) no-repeat center/cover;
}
.page-home div.htbuy .list li:before,
.page-home div.htbuy .content-body header:before {
  position: absolute;
  left: -2.4em;
  top: 0;
  width: 1em;
  height: 1em;
  border: var(--border);
  border-radius: 50%;
  background-color: var(--color-highlight);
}
.page-home div.htbuy .page-body {
  align-items: center;
}
.page-home div.htbuy h2 {
  margin-bottom: 0.2em;
  margin-left: -0.2em;
  color: var(--color-highlight);
  font-size: 1.33em;
}
.page-home div.htbuy .content-body {
  margin-top: -5em;
  margin-left: var(--info-size);
  position: relative;
}
.page-home div.htbuy .content-body strong {
  font-weight: 400;
  color: var(--color-highlight);
}
.page-home div.htbuy .content-body:before {
  content: "";
  position: absolute;
  left: -2em;
  top: 5%;
  width: 0.15em;
  height: 85%;
  background-color: var(--color-gray);
}
.page-home div.htbuy .content-body header:before {
  content: "";
  top: 0.5em;
  animation: flicker2 2s infinite forwards;
}
.page-home div.htbuy .list {
  gap: 1.5em;
  margin-top: 2em;
  list-style: decimal;
  list-style-position: inside;
}
.page-home div.htbuy .list li {
  position: relative;
}
.page-home div.htbuy .list li:before {
  content: "";
}
.page-home div.htbuy .list li:hover:before {
  box-shadow: 0 0 0.6em 0.05em var(--color-highlight);
}
.page-home div.htbuy .img {
  align-self: flex-end;
  max-height: 100%;
}
.page-home div.htbuy .info {
  right: auto;
  left: 10%;
}
.page-home .faq {
  background: url(/assets/faq_bg-BZQ_4AEK.webp) no-repeat center/cover;
}
.page-home .faq .img {
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 30em;
}
.page-home .faq .page-body > header {
  display: flex;
  align-items: center;
}
.page-home .faq .page-body > header {
  justify-content: space-between;
  height: 4.8em;
  padding: 0.8em 2em;
  background: url(/assets/tokenmics_image5-CUcK62PL.webp) no-repeat left
    center/contain;
}
.page-home .faq .content-body {
  margin-right: var(--info-size);
}
.page-home .faq .list {
  align-items: flex-end;
  gap: 2em;
  margin-top: 3em;
}
.page-home .faq .list summary {
  display: flex;
  align-items: center;
}
.page-home .faq .list summary {
  position: absolute;
  left: 5%;
  top: -1em;
  aspect-ratio: 561/81;
  height: 2.2em;
  padding: 0 1em 0 2em;
  background: url(data:image/webp;base64,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)
      no-repeat left center/contain,
    url(data:image/webp;base64,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)
      no-repeat right center/contain;
  white-space: nowrap;
}
.page-home .faq .list details {
  position: relative;
  width: 14em;
  padding: 2em 1em 1em;
  border: var(--border);
  border-radius: 0.5em;
  background-color: #0009;
}
.page-home .faq .list details .content {
  line-height: 1.2;
}
.page-home .faq .list details:first-child {
  transform: translate(-40%);
}
.page-home .faq .list details:last-child {
  width: 19.5em;
}
.page-home .swiper-container {
  padding: var(--header-height) 0 0;
  height: 100vh !important;
}
.page-home .swiper-container .btn-prev img,
.page-home .swiper-container .btn-next img {
  width: 100%;
}
.page-home .swiper-container .btn-prev:hover img,
.page-home .swiper-container .btn-next:hover img {
  transform: scale(1.1);
}
.page-home .swiper-content > div {
  width: 100vw;
  padding: 5em 0 0;
}
.popup.toast {
  --border-color: #000;
  max-width: 18em;
  padding: 2em 3em;
  border-radius: 1em;
  border: var(--border-width) var(--border-style, solid) var(--border-color);
  background: #fff;
  box-shadow: var(--box-shadow);
}
.popup.toast .popup-content {
  gap: 2em;
  line-height: 1.5;
}
.popup.toast .popup-content h2 {
  color: #000;
  font-size: 1.2em;
}
.popup.toast .popup-content .img {
  width: 5em;
}
@media screen and (max-width: 1580px) {
  .page-home div.htbuy .page-body {
    flex-direction: column;
  }
  .page-home div.htbuy .img {
    max-width: 30em;
  }
}
@media screen and (max-width: 1440px) {
  .page-home .banner {
    height: auto;
  }
  .page-home .banner .page-body {
    justify-content: center;
  }
  .page-home .banner .info {
    position: relative;
    left: 0;
    right: 0;
    margin: 0;
  }
  .page-home .swiper-container {
    position: static;
    height: auto !important;
  }
  .page-home .swiper {
    flex-direction: column;
    --info-size: 0;
  }
  .page-home .swiper > div {
    padding: 5em 0;
  }
  .page-home .swiper .info,
  .page-home .swiper-page,
  .page-home .btn-prev,
  .page-home .btn-next {
    display: none;
  }
  .page-home div.about {
    padding-bottom: 0;
    background: url(/assets/bg-DPi3019y.webp) no-repeat center/cover;
  }
  .page-home div.about .page-body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page-home div.about header {
    align-self: stretch;
  }
  .page-home div.about .content-body {
    margin-right: var(--left);
  }
  .page-home div.about .img {
    position: static;
    margin: 0 auto;
  }
  .page-home div.about .info {
    display: flex;
    order: -1;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-bottom: 5em;
  }
  .page-home div.htbuy {
    padding-bottom: 0;
  }
  .page-home div.htbuy .img {
    align-self: center;
  }
  .page-home div.htbuy .content-body {
    margin-left: 10vw;
  }
  .page-home div.faq {
    margin-top: -2.3em;
    padding-bottom: 0;
  }
  .page-home div.faq .list {
    margin-right: 5%;
  }
  .page-home div.faq .img {
    max-height: 100%;
  }
  .page-home div.faq .content-body {
    padding-bottom: 5em;
  }
}
@media screen and (max-width: 1024px) {
  .page-home div.faq .img {
    position: static;
  }
  .page-home div.faq .list details {
    width: 18em;
  }
  .page-home div.faq .content-body {
    font-size: 1em;
    padding-right: 5vw;
  }
}
@media screen and (max-width: 750px) {
  .page-home div.tokenomics {
    background: url(/assets/m_tokenmics_bg-F5-SSvn2.webp) no-repeat center/100%;
  }
  .page-home div.tokenomics .list {
    display: flex;
    flex-direction: column;
  }
  .page-home div.tokenomics .list li:first-child,
  .page-home div.tokenomics .list li:last-child {
    margin: 0;
  }
  .page-home div.tokenomics .list li:nth-child(2n) {
    transform: translate(20%);
  }
  .page-home div.faq {
    margin-top: 0;
    background: url(/assets/m_faq_bg-I1zgAKNI.webp) no-repeat center/100%;
  }
  .page-home div.faq .content-body {
    padding-right: 0;
  }
  .page-home div.faq .list {
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .page-home div.tokenomics {
    --left: 0;
  }
  .page-home div.faq .list details {
    width: 90%;
  }
  .page-home div.faq .list details:first-child {
    transform: none;
    align-self: flex-start;
  }
  .page-home div.faq .list details:last-child {
    align-self: flex-start;
  }
}