/*!
 * 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 (prefers-reduced-motion: reduce), print {
  .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: translateZ(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, -0.3rem, 0) scaleY(1.1);
    transform: translate3d(0, -0.3rem, 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, -0.15rem, 0) scaleY(1.05);
    transform: translate3d(0, -0.15rem, 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: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -0.04rem, 0) scaleY(1.02);
    transform: translate3d(0, -0.04rem, 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: translateZ(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, -0.3rem, 0) scaleY(1.1);
    transform: translate3d(0, -0.3rem, 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, -0.15rem, 0) scaleY(1.05);
    transform: translate3d(0, -0.15rem, 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: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -0.04rem, 0) scaleY(1.02);
    transform: translate3d(0, -0.04rem, 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: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(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: scaleX(1);
    transform: scaleX(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: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(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: scaleX(1);
    transform: scaleX(1);
  }
}

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shakeX {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-0.1rem, 0, 0);
    transform: translate3d(-0.1rem, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0.1rem, 0, 0);
    transform: translate3d(0.1rem, 0, 0);
  }
}

@keyframes shakeX {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-0.1rem, 0, 0);
    transform: translate3d(-0.1rem, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0.1rem, 0, 0);
    transform: translate3d(0.1rem, 0, 0);
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}

@-webkit-keyframes shakeY {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -0.1rem, 0);
    transform: translate3d(0, -0.1rem, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 0.1rem, 0);
    transform: translate3d(0, 0.1rem, 0);
  }
}

@keyframes shakeY {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -0.1rem, 0);
    transform: translate3d(0, -0.1rem, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 0.1rem, 0);
    transform: translate3d(0, 0.1rem, 0);
  }
}

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-0.06rem) rotateY(-9deg);
    transform: translateX(-0.06rem) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(0.05rem) rotateY(7deg);
    transform: translateX(0.05rem) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-0.03rem) rotateY(-5deg);
    transform: translateX(-0.03rem) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(0.02rem) rotateY(3deg);
    transform: translateX(0.02rem) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-0.06rem) rotateY(-9deg);
    transform: translateX(-0.06rem) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(0.05rem) rotateY(7deg);
    transform: translateX(0.05rem) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-0.03rem) rotateY(-5deg);
    transform: translateX(-0.03rem) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(0.02rem) rotateY(3deg);
    transform: translateX(0.02rem) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(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: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  0%,
  11.1%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-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(-12rem) scale(0.7);
    transform: translateY(-12rem) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) 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(-12rem) scale(0.7);
    transform: translateY(-12rem) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) 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(-20rem) scale(0.7);
    transform: translateX(-20rem) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-20rem) scale(0.7);
    transform: translateX(-20rem) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(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(20rem) scale(0.7);
    transform: translateX(20rem) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes backInRight {
  0% {
    -webkit-transform: translateX(20rem) scale(0.7);
    transform: translateX(20rem) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(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(12rem) scale(0.7);
    transform: translateY(12rem) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) 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(12rem) scale(0.7);
    transform: translateY(12rem) scale(0.7);
    opacity: 0.7;
  }
  80% {
    -webkit-transform: translateY(0) 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(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(7rem) scale(0.7);
    transform: translateY(7rem) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(7rem) scale(0.7);
    transform: translateY(7rem) 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(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-20rem) scale(0.7);
    transform: translateX(-20rem) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(-20rem) scale(0.7);
    transform: translateX(-20rem) 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(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(20rem) scale(0.7);
    transform: translateX(20rem) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateX(20rem) scale(0.7);
    transform: translateX(20rem) 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(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-7rem) scale(0.7);
    transform: translateY(-7rem) scale(0.7);
    opacity: 0.7;
  }
}

@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  20% {
    -webkit-transform: translateY(0) scale(0.7);
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
  }
  to {
    -webkit-transform: translateY(-7rem) scale(0.7);
    transform: translateY(-7rem) 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: scaleX(1);
    transform: scaleX(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: scaleX(1);
    transform: scaleX(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, -30rem, 0) scaleY(3);
    transform: translate3d(0, -30rem, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.25rem, 0) scaleY(0.9);
    transform: translate3d(0, 0.25rem, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -0.1rem, 0) scaleY(0.95);
    transform: translate3d(0, -0.1rem, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 0.05rem, 0) scaleY(0.985);
    transform: translate3d(0, 0.05rem, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(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, -30rem, 0) scaleY(3);
    transform: translate3d(0, -30rem, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.25rem, 0) scaleY(0.9);
    transform: translate3d(0, 0.25rem, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, -0.1rem, 0) scaleY(0.95);
    transform: translate3d(0, -0.1rem, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, 0.05rem, 0) scaleY(0.985);
    transform: translate3d(0, 0.05rem, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(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(-30rem, 0, 0) scaleX(3);
    transform: translate3d(-30rem, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0.25rem, 0, 0) scaleX(1);
    transform: translate3d(0.25rem, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-0.1rem, 0, 0) scaleX(0.98);
    transform: translate3d(-0.1rem, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(0.05rem, 0, 0) scaleX(0.995);
    transform: translate3d(0.05rem, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(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(-30rem, 0, 0) scaleX(3);
    transform: translate3d(-30rem, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0.25rem, 0, 0) scaleX(1);
    transform: translate3d(0.25rem, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(-0.1rem, 0, 0) scaleX(0.98);
    transform: translate3d(-0.1rem, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(0.05rem, 0, 0) scaleX(0.995);
    transform: translate3d(0.05rem, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(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(30rem, 0, 0) scaleX(3);
    transform: translate3d(30rem, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-0.25rem, 0, 0) scaleX(1);
    transform: translate3d(-0.25rem, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(0.1rem, 0, 0) scaleX(0.98);
    transform: translate3d(0.1rem, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-0.05rem, 0, 0) scaleX(0.995);
    transform: translate3d(-0.05rem, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(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(30rem, 0, 0) scaleX(3);
    transform: translate3d(30rem, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-0.25rem, 0, 0) scaleX(1);
    transform: translate3d(-0.25rem, 0, 0) scaleX(1);
  }
  75% {
    -webkit-transform: translate3d(0.1rem, 0, 0) scaleX(0.98);
    transform: translate3d(0.1rem, 0, 0) scaleX(0.98);
  }
  90% {
    -webkit-transform: translate3d(-0.05rem, 0, 0) scaleX(0.995);
    transform: translate3d(-0.05rem, 0, 0) scaleX(0.995);
  }
  to {
    -webkit-transform: translateZ(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, 30rem, 0) scaleY(5);
    transform: translate3d(0, 30rem, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -0.2rem, 0) scaleY(0.9);
    transform: translate3d(0, -0.2rem, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 0.1rem, 0) scaleY(0.95);
    transform: translate3d(0, 0.1rem, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -0.05rem, 0) scaleY(0.985);
    transform: translate3d(0, -0.05rem, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(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, 30rem, 0) scaleY(5);
    transform: translate3d(0, 30rem, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -0.2rem, 0) scaleY(0.9);
    transform: translate3d(0, -0.2rem, 0) scaleY(0.9);
  }
  75% {
    -webkit-transform: translate3d(0, 0.1rem, 0) scaleY(0.95);
    transform: translate3d(0, 0.1rem, 0) scaleY(0.95);
  }
  90% {
    -webkit-transform: translate3d(0, -0.05rem, 0) scaleY(0.985);
    transform: translate3d(0, -0.05rem, 0) scaleY(0.985);
  }
  to {
    -webkit-transform: translateZ(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, 0.1rem, 0) scaleY(0.985);
    transform: translate3d(0, 0.1rem, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -0.2rem, 0) scaleY(0.9);
    transform: translate3d(0, -0.2rem, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0) scaleY(3);
    transform: translate3d(0, 20rem, 0) scaleY(3);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 0.1rem, 0) scaleY(0.985);
    transform: translate3d(0, 0.1rem, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -0.2rem, 0) scaleY(0.9);
    transform: translate3d(0, -0.2rem, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0) scaleY(3);
    transform: translate3d(0, 20rem, 0) scaleY(3);
  }
}

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0.2rem, 0, 0) scaleX(0.9);
    transform: translate3d(0.2rem, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0) scaleX(2);
    transform: translate3d(-20rem, 0, 0) scaleX(2);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0.2rem, 0, 0) scaleX(0.9);
    transform: translate3d(0.2rem, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0) scaleX(2);
    transform: translate3d(-20rem, 0, 0) scaleX(2);
  }
}

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-0.2rem, 0, 0) scaleX(0.9);
    transform: translate3d(-0.2rem, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0) scaleX(2);
    transform: translate3d(20rem, 0, 0) scaleX(2);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-0.2rem, 0, 0) scaleX(0.9);
    transform: translate3d(-0.2rem, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0) scaleX(2);
    transform: translate3d(20rem, 0, 0) scaleX(2);
  }
}

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -0.1rem, 0) scaleY(0.985);
    transform: translate3d(0, -0.1rem, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.2rem, 0) scaleY(0.9);
    transform: translate3d(0, 0.2rem, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0) scaleY(3);
    transform: translate3d(0, -20rem, 0) scaleY(3);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -0.1rem, 0) scaleY(0.985);
    transform: translate3d(0, -0.1rem, 0) scaleY(0.985);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0.2rem, 0) scaleY(0.9);
    transform: translate3d(0, 0.2rem, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0) scaleY(3);
    transform: translate3d(0, -20rem, 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: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0);
    transform: translate3d(0, -20rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0);
    transform: translate3d(0, -20rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(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: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0);
    transform: translate3d(-20rem, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0);
    transform: translate3d(-20rem, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(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: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0);
    transform: translate3d(20rem, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0);
    transform: translate3d(20rem, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(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: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0);
    transform: translate3d(0, 20rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0);
    transform: translate3d(0, 20rem, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(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: translateZ(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: translateZ(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: translateZ(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: translateZ(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: translateZ(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: translateZ(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: translateZ(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: translateZ(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, 20rem, 0);
    transform: translate3d(0, 20rem, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 20rem, 0);
    transform: translate3d(0, 20rem, 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(-20rem, 0, 0);
    transform: translate3d(-20rem, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-20rem, 0, 0);
    transform: translate3d(-20rem, 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(20rem, 0, 0);
    transform: translate3d(20rem, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(20rem, 0, 0);
    transform: translate3d(20rem, 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, -20rem, 0);
    transform: translate3d(0, -20rem, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -20rem, 0);
    transform: translate3d(0, -20rem, 0);
  }
}

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(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: translateZ(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: translateZ(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: translateZ(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: translateZ(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: translateZ(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: translateZ(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: translateZ(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(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem)
      rotateY(-190deg);
    transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem)
      rotateY(-170deg);
    transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(4rem) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0deg);
    transform: perspective(4rem) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem)
      rotateY(-190deg);
    transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(1.5rem)
      rotateY(-170deg);
    transform: perspective(4rem) scaleX(1) translateZ(1.5rem) rotateY(-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(4rem) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0deg);
    transform: perspective(4rem) scale3d(0.95, 0.95, 0.95) translateZ(0)
      rotateY(0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(4rem) scaleX(1) translateZ(0) rotateY(0deg);
    -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(4rem) rotateX(90deg);
    transform: perspective(4rem) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(4rem) rotateX(-20deg);
    transform: perspective(4rem) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(4rem) rotateX(10deg);
    transform: perspective(4rem) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(4rem) rotateX(-5deg);
    transform: perspective(4rem) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(4rem) rotateX(90deg);
    transform: perspective(4rem) rotateX(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(4rem) rotateX(-20deg);
    transform: perspective(4rem) rotateX(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(4rem) rotateX(10deg);
    transform: perspective(4rem) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(4rem) rotateX(-5deg);
    transform: perspective(4rem) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
}

.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(4rem) rotateY(90deg);
    transform: perspective(4rem) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(4rem) rotateY(-20deg);
    transform: perspective(4rem) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(4rem) rotateY(10deg);
    transform: perspective(4rem) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(4rem) rotateY(-5deg);
    transform: perspective(4rem) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(4rem) rotateY(90deg);
    transform: perspective(4rem) rotateY(90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(4rem) rotateY(-20deg);
    transform: perspective(4rem) rotateY(-20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(4rem) rotateY(10deg);
    transform: perspective(4rem) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(4rem) rotateY(-5deg);
    transform: perspective(4rem) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
}

.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(4rem);
    transform: perspective(4rem);
  }
  30% {
    -webkit-transform: perspective(4rem) rotateX(-20deg);
    transform: perspective(4rem) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(4rem) rotateX(90deg);
    transform: perspective(4rem) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
  30% {
    -webkit-transform: perspective(4rem) rotateX(-20deg);
    transform: perspective(4rem) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(4rem) rotateX(90deg);
    transform: perspective(4rem) 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(4rem);
    transform: perspective(4rem);
  }
  30% {
    -webkit-transform: perspective(4rem) rotateY(-15deg);
    transform: perspective(4rem) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(4rem) rotateY(90deg);
    transform: perspective(4rem) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(4rem);
    transform: perspective(4rem);
  }
  30% {
    -webkit-transform: perspective(4rem) rotateY(-15deg);
    transform: perspective(4rem) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(4rem) rotateY(90deg);
    transform: perspective(4rem) 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) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes lightSpeedInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }
  to {
    -webkit-transform: translateZ(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) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes lightSpeedInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }
  to {
    -webkit-transform: translateZ(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) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(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) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-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: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(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: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(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: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(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: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: translateZ(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: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(200deg);
    transform: rotate(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: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(45deg);
    transform: rotate(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: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-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: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
  }
  to {
    -webkit-transform: rotate(90deg);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 7rem, 0);
    transform: translate3d(0, 7rem, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 7rem, 0);
    transform: translate3d(0, 7rem, 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) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(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) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(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, -10rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 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, 0.6rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 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, -10rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -10rem, 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, 0.6rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 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(-10rem, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 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(0.1rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 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(-10rem, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-10rem, 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(0.1rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0.1rem, 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(10rem, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 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(-0.1rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 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(10rem, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(10rem, 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(-0.1rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.1rem, 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, 10rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 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, -0.6rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 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, 10rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 10rem, 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, -0.6rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 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, -0.6rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 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, 20rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 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, -0.6rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -0.6rem, 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, 20rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 20rem, 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(0.42rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-20rem, 0, 0);
    transform: scale(0.1) translate3d(-20rem, 0, 0);
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0.42rem, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-20rem, 0, 0);
    transform: scale(0.1) translate3d(-20rem, 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(-0.42rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(20rem, 0, 0);
    transform: scale(0.1) translate3d(20rem, 0, 0);
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-0.42rem, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(20rem, 0, 0);
    transform: scale(0.1) translate3d(20rem, 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, 0.6rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 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, -20rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 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, 0.6rem, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 0.6rem, 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, -20rem, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -20rem, 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: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
}

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

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(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: translateZ(0);
    transform: translateZ(0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(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;
}

.download-image-modal1,
.download-image-modal2 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.download-image-modal1 .am-modal-content,
.download-image-modal2 .am-modal-content {
  width: auto;
  max-width: 6.8rem;
  height: auto;
  background-color: var(--download-image-banner1-bg);
}

.download-image-modal1 .am-modal-body,
.download-image-modal2 .am-modal-body {
  padding: 0.65rem 0.35rem 0.35rem;
}

.download-image-modal1 .download-image-desc,
.download-image-modal2 .download-image-desc {
  margin-bottom: 0.3rem;
  font-weight: 700;
  text-align: left;
}

.download-image-modal1 .icon__close-button-wrap,
.download-image-modal2 .icon__close-button-wrap {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--s-download-image-modal-close-bg-color, #868686);
  border-radius: 50%;
}

.download-image-modal1 .icon__close-button,
.download-image-modal2 .icon__close-button {
  width: 50%;
  height: 50%;
  fill: var(--s-download-image-modal-close-color, #fff);
}

.download-image-modal1 .save-btn,
.download-image-modal2 .save-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.14rem 0;
  margin: 0 auto;
  font-size: 0.28rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--s-download-image-modal-btn-font-color, #fff);
  background: linear-gradient(
    180deg,
    var(--s-download-image-modal-btn-bg-color1, #278e47),
    var(--s-download-image-modal-btn-bg-color2, #64d23e)
  );
  border-radius: 0.02rem;
}

.download-image-modal1 .save-btn + .save-btn,
.download-image-modal2 .save-btn + .save-btn {
  margin-top: 0.1rem;
}

.download-image-modal1 .am-modal-body {
  position: relative;
  padding: 0 0 0.4rem;
  line-height: 0;
  background-color: var(--download-image-banner1-bg);
}

.download-image-modal1 .am-modal-body:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.2rem;
  content: "";
  background-position: bottom;
  background-size: 200%;
  -webkit-filter: blur(7px);
  filter: blur(7px);
}

.download-image-modal1 .download-image {
  width: 100%;
}

.download-image-modal1 .save-btn {
  position: relative;
  z-index: 1;
  width: 85%;
}

.float-random-link-wrap {
  position: fixed;
  bottom: 15%;
  left: 0.2rem;
  z-index: 2000;
}

.float-random-link-wrap .float-close {
  position: absolute;
  top: -0.15rem;
  right: -0.1rem;
  z-index: 2;
  width: 0.4rem;
  height: 0.4rem;
}

.float-random-link-wrap .float-close svg {
  fill: #868686;
}

.float-random-link-wrap .swiper-container {
  width: 1.5rem;
}

.float-random-link-wrap .swiper-container .swiper-inner,
.float-random-link-wrap .swiper-container .swiper-slide,
.float-random-link-wrap .swiper-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bottom-modal.a2hs .bottom-btn-tips {
  position: absolute;
  top: -0.26rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.04rem 0.2rem;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  background: #ea4e3d;
  border-radius: 0.125rem 0.125rem 0.125rem 0;
}

.bottom-modal.a2hs .continue-use {
  margin-bottom: 0.25rem;
  font-size: 0.32rem;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.bottom-modal.a2hs {
  background: unset;
}

.bottom-modal.a2hs .bottom-modal--content-main {
  grid-template-columns: 1.2rem 1fr;
}

.bottom-modal.a2hs .bottom-modal--content-main.one {
  grid-template-columns: 1fr;
}

.bottom-modal.a2hs.dark .bottom-modal--content {
  background: unset;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 -0.04rem 0.1rem 0 hsla(0, 0%, 100%, 0.25);
  -webkit-backdrop-filter: blur(0.05rem);
  backdrop-filter: blur(0.05rem);
}

.bottom-modal.a2hs.dark .continue-use {
  color: #fff60a;
}

.bottom-modal.a2hs.dark .bottom-btn--primary {
  background-color: #16b9ff;
  border: 0.02rem solid #16b9ff;
}

.bottom-modal.a2hs.dark .bottom-btn--secondary {
  color: #16b9ff;
  border: 0.02rem solid #16b9ff;
}

.bottom-modal.a2hs.dark .bottom-modal--desc {
  color: #999;
}

.bottom-modal.a2hs.light .bottom-modal--content {
  background: unset;
  background: hsla(0, 0%, 100%, 0.8);
  box-shadow: 0 -0.04rem 0.1rem 0 rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(0.05rem);
  backdrop-filter: blur(0.05rem);
}

.bottom-modal.a2hs.light .continue-use {
  color: #16b9ff;
}

.bottom-modal.a2hs.light .bottom-modal--desc {
  color: #323232;
}

.bottom-modal.a2hs.light .bottom-modal--content-main {
  border-bottom: 0.02rem solid #cbcbcb;
}

.bottom-modal.a2hs .a2hs-close--wrap {
  position: absolute;
  top: 0.3rem;
  right: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #868686;
  border-radius: 50%;
}

.bottom-modal.a2hs .a2hs-close {
  width: 50%;
  height: 50%;
  fill: #fff;
}

.bottom-modal.a2hs .bottom-modal--content {
  padding: 0.14rem 0.3rem 0.32rem;
  border-radius: 0.15rem 0.15rem 0 0;
}

.bottom-modal.a2hs .bottom-modal--desc {
  width: 94%;
  font-size: 0.3rem;
  font-weight: 700;
  line-height: 1.4;
}

.bottom-modal.a2hs .bottom-modal--icon {
  width: 1.2rem;
  height: 1.2rem;
  object-fit: contain;
}

.bottom-modal.a2hs .bottom-modal--content-main {
  align-items: center;
  padding: 0.09rem 0.14rem;
  border-bottom: 0.02rem solid #999;
}

.bottom-modal.a2hs .bottom-btn {
  position: relative;
  width: 2.96rem;
  height: 0.7rem;
  padding: 0;
  font-size: 0.24rem;
  line-height: 0;
  border: 0.02rem solid #1678ff;
  border-radius: 0.14rem;
}

.bottom-modal.a2hs .bottom-btn + .bottom-btn {
  margin-left: 0.15rem;
}

.bottom-modal.a2hs .bottom-btn--primary {
  color: #fff;
  background-color: #1678ff;
}

.bottom-modal.a2hs .bottom-btn--primary:after {
  position: absolute;
  inset: -0.1rem -0.05rem -0.3rem -0.4rem;
  content: "";
}

.bottom-modal.a2hs .bottom-btn--secondary {
  color: #1678ff;
  background: hsla(0, 0%, 100%, 0);
  box-shadow: 0 0.04rem 0 0 rgba(0, 0, 0, 0.02);
}

.bottom-modal.a2hs .bottom-btn--secondary:after {
  position: absolute;
  inset: -0.1rem -0.4rem -0.3rem -0.05rem;
  content: "";
}

.bottom-modal.a2hs .bottom-btn-group {
  display: flex;
  justify-content: center;
}

.bottom-modal.a2hs .bottom-btn-icon {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.12rem;
}

.bottom-modal-v1-app.bottom-modal-v1-app {
  color: #111;
}

.bottom-modal-v1-app.bottom-modal-v1-app .bottom-modal-v1-app--content {
  background-color: #fff;
}

.download-container-v2 {
  background: #fff;
  border-radius: 0.44rem 0.44rem 0 0;
}

.download-container-v2.bottom-modal-v1-app--content {
  padding: 0.2rem 0.2rem calc(0.2rem + var(--safe-area-inset-bottom));
}

.download-container-v2 .v1-app-content {
  max-height: max(4.6rem, 40dvh);
  overflow: hidden auto;
}

.download-container-v2 .float-tips {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.16rem;
}

.download-container-v2 .float-tips img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.download-container-v2 .close-btn {
  position: absolute;
  top: -0.58rem;
  right: 0.1rem;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
}

.download-container-v2 .close-btn:after {
  position: absolute;
  inset: -0.1rem;
  content: "";
}

.download-container-v2 .close-btn svg {
  fill: none;
}

.download-container-v2 .bg-img {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  height: 5rem;
  overflow: hidden;
  pointer-events: none;
}

.download-container-v2 .bg-img .bg-img-mask {
  position: absolute;
  bottom: -1rem;
  left: 50%;
  width: 7.5rem;
  height: 6.23rem;
  -webkit-mask-size: 7.5rem 6.23rem;
  mask-size: 7.5rem 6.23rem;
  transform: translateX(-50%);
}

.download-container-v2 .bg-img .bg-img-mask img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}

.download-container-v2 .download-banner {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  margin-bottom: 0.2rem;
  overflow: hidden;
  border-radius: 0.32rem;
}

.download-container-v2 .download-banner img {
  display: block;
  width: 100%;
  max-height: 2.7rem;
  object-fit: cover;
}

@media screen and (height <=620px) {
  .download-container-v2 .download-banner {
    display: none;
  }
}

.download-container-v2 .top-texts {
  position: relative;
  gap: 0.1rem;
  margin-bottom: 0.2rem;
  text-align: center;
}

.download-container-v2 .top-texts,
.download-container-v2 .top-texts .top-title {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.download-container-v2 .top-texts .top-title {
  font-size: 0.5rem;
  font-weight: 700;
  color: #121212;
  flex-direction: row;
  line-height: 1.2;
}

.download-container-v2 .top-texts .top-title p {
  line-height: normal;
  font-size: 0.4rem;
  font-weight: 700;
}

.download-container-v2 .top-texts .top-subtitle {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  font-size: 0.24rem;
  color: #4b4b4b;
  position: relative !important;
  top: auto !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  line-height: 1.4;
  text-align: center;
  transform: none !important;
}

.download-container-v2 .top-texts .top-subtitle p {
  line-height: normal;
  font-size: 0.24rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  line-height: 1.3;
  word-break: break-word;
  -webkit-box-orient: vertical;
  max-height: 3.9em;
}

.download-container-v2 .tab-bar {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: stretch;
  width: 100%;
}

.download-container-v2 .tab-bar .tab-item {
  display: flex;
  flex: 1 1 0%;
  flex-shrink: 0;
  gap: 0.1rem;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 1px;
  padding: 0.2rem;
  overflow: hidden;
  font-weight: 700;
  text-align: center;
  border-radius: 0.32rem 0.32rem 0 0;
}

.download-container-v2 .tab-bar .tab-item.tab-bar-active {
  background: #fff;
  box-shadow: 0 -0.1rem 0.2rem 0 rgba(0, 0, 0, 0.1);
}

.download-container-v2 .tab-bar .tab-item.tab-bar-inactive {
  background: #ddd;
}

.download-container-v2 .tab-bar .tab-item .tab-text {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  font-size: 0.27rem;
  font-weight: 700;
  color: #4b4b4b;
  text-align: center;
  white-space: pre;
  line-height: 0;
}

.download-container-v2 .tab-bar .tab-item .tab-text p {
  line-height: normal;
}

.download-container-v2 .app-info-bar {
  position: relative;
  display: flex;
  flex-shrink: 0;
  gap: 0.1rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0.2rem 0;
}

.download-container-v2 .app-info-bar .app-card {
  display: flex;
  flex: 1 1 0%;
  flex-shrink: 0;
  gap: 0.2rem;
  align-items: center;
  min-width: 0;
  min-height: 1px;
  padding: 0.1rem 0.2rem;
  background: #f5f5f5;
  border-radius: 0.32rem;
  isolation: isolate;
}

.download-container-v2 .app-info-bar .app-card .app-icon {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  width: 0.7rem;
  height: 0.7rem;
  overflow: hidden;
}

.download-container-v2 .app-info-bar .app-card .app-icon img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
}

.download-container-v2 .app-info-bar .app-card .icon-border {
  position: absolute;
  top: 0.0246rem;
  left: 0.0383rem;
  width: 0.62891rem;
  height: 0.63984rem;
  border: 1.367px solid #fff;
  border-radius: 1rem;
}

.download-container-v2 .app-info-bar .app-card .icon-inner {
  position: relative;
  width: 0.62891rem;
  height: 0.63984rem;
  overflow: hidden;
  border-radius: inherit;
}

.download-container-v2 .app-info-bar .app-card .shadow-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 -0.02871rem 0.02297rem 0 #3ffdff;
}

.download-container-v2 .app-info-bar .app-card .v1-app-name {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  font-size: 0.3rem;
  font-weight: 700;
  color: #000;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.3;
  word-break: break-word;
  -webkit-box-orient: vertical;
  max-height: 2.6em;
  z-index: 1;
  flex: 1 1 0%;
}

.download-container-v2 .app-info-bar .app-card .v1-app-name p {
  line-height: normal;
}

.download-container-v2 .app-info-bar .service-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.download-container-v2 .app-info-bar .service-btn .service-bg {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 100%;
  padding: 0.15385rem;
  background: #8ec7ff;
  border-radius: 0.32rem;
}

.download-container-v2 .app-info-bar .service-btn .service-bg .service-icon {
  position: relative;
  flex-shrink: 0;
  width: 0.53rem;
  height: 0.52rem;
}

.download-container-v2
  .app-info-bar
  .service-btn
  .service-bg
  .service-icon
  img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
}

.download-container-v2 .gradient-bg {
  position: absolute;
  top: calc(50% + 0.479px);
  left: calc(50% - 0.226px);
  width: 5.14688rem;
  height: 9.15rem;
  overflow: hidden;
  background: linear-gradient(180deg, #001c43, #3ffeff 76.5%, #001819);
  transform: translate(-50%, -50%);
}

.download-container-v2 .gradient-bg img {
  position: absolute;
  max-width: none;
  pointer-events: none;
  object-fit: cover;
  object-position: 50% 50%;
}

.download-container-v2 .gradient-bg .img-59 {
  top: calc(50% - 0.1062rem);
  left: 0;
  width: 0.70367rem;
  height: 0.62288rem;
  transform: translateY(-50%);
}

.download-container-v2 .gradient-bg .img-60 {
  top: -0.1499rem;
  left: 50%;
  width: 0.84441rem;
  height: 0.74798rem;
  transform: translateX(-50%);
}

.download-container-v2 .gradient-bg .img-58 {
  top: 0.3662rem;
  left: 50%;
  width: 0.94605rem;
  height: 0.9454rem;
  mix-blend-mode: lighten;
  -webkit-filter: blur(0.326px);
  filter: blur(0.326px);
  transform: translateX(-50%);
}

.download-container-v2 .bitmap-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.63438rem;
  height: 0.62891rem;
}

.download-container-v2 .bitmap-2 {
  position: absolute;
  top: 0.1928rem;
  right: 0.02px;
  width: 0.19807rem;
  height: 0.19414rem;
}

.download-container-v2 .bitmap-3 {
  position: absolute;
  top: 0;
  right: -1.09px;
  width: 0.6207rem;
  height: 0.7rem;
}

.download-container-v2 .logo {
  position: absolute;
  top: 0.406rem;
  left: 50%;
  width: 2.88027rem;
  height: 1.28281rem;
  overflow: hidden;
  transform: translateX(-50%);
}

.download-container-v2 .logo .logo-img {
  position: absolute;
  top: calc(50% - 0.288px);
  left: 50%;
  width: 0.83411rem;
  height: 0.39117rem;
  transform: translate(-50%, -50%);
}

.download-container-v2 .install-btn-wrapper {
  position: relative;
  display: flex;
  flex-shrink: 0;
  gap: 0.2rem;
  align-items: center;
  width: 100%;
}

.download-container-v2 .install-btn-wrapper .install-btn-inner {
  display: flex;
  flex: 1 1 0%;
  flex-shrink: 0;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  height: 0.661rem;
  min-height: 0.72rem;
}

.download-container-v2 .install-btn-wrapper .install-btn-inner .install-btn {
  display: flex;
  flex: 1 1 0%;
  flex-shrink: 0;
  gap: 0.2rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 1px;
  padding: 0.16rem 0.3rem;
  overflow: hidden;
  background: #3a67ff;
  border-radius: 0.32rem;
}

.download-container-v2
  .install-btn-wrapper
  .install-btn-inner
  .install-btn
  .btn-icon {
  position: relative;
  flex-shrink: 0;
  width: 0.46141rem;
  height: 0.46141rem;
}

.download-container-v2
  .install-btn-wrapper
  .install-btn-inner
  .install-btn
  .icon-clip {
  position: absolute;
  inset: 2%;
  display: contents;
}

.download-container-v2
  .install-btn-wrapper
  .install-btn-inner
  .install-btn
  .icon-group {
  position: absolute;
}

.download-container-v2
  .install-btn-wrapper
  .install-btn-inner
  .install-btn
  .btn-text {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  font-size: 0.27rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: pre;
  line-height: 0;
}

.download-container-v2
  .install-btn-wrapper
  .install-btn-inner
  .install-btn
  .btn-text
  p {
  line-height: normal;
}

.download-container-v2 .instructions {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 0.08rem;
  align-items: flex-start;
  width: 100%;
  padding: 0.3rem;
}

.download-container-v2 .instructions .instruction-title {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  font-size: 0.28rem;
  font-weight: 700;
  color: #000;
  width: 100%;
  line-height: normal;
}

.download-container-v2 .instructions .instruction-title p {
  line-height: normal;
}

.download-container-v2 .instructions .instruction-item {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  font-size: 0.24rem;
  color: #4b4b4b;
  width: 100%;
}

.download-container-v2 .instructions .instruction-item p {
  line-height: normal;
  line-height: 1.5;
}

.download-container-v2 .instructions .instruction-item.multi-line p {
  margin-bottom: 0;
}

.download-container-v2 .security-badge {
  position: relative;
  display: flex;
  flex-shrink: 0;
  gap: 0.1rem;
  align-items: center;
  width: 100%;
  padding: 0.1rem;
  background: #fff;
  border-radius: 0.2rem;
}

.download-container-v2 .security-badge .security-icon {
  position: relative;
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
}

.download-container-v2 .security-badge .security-icon img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
}

.download-container-v2 .security-badge .security-text {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  font-size: 0.2rem;
  font-weight: 700;
  color: #666;
  flex: 1 1 0%;
  min-width: 0;
  min-height: 1px;
  line-height: 0;
}

.download-container-v2 .security-badge .security-text p {
  line-height: normal;
}

.bottom-modal-v1-app.dark .download-container-v2 {
  background: linear-gradient(180deg, #666 0, #272727 29.808%);
}

.bottom-modal-v1-app.dark
  .download-container-v2
  .install-btn-wrapper
  .install-btn-inner
  .install-btn {
  background: #547cff;
}

.bottom-modal-v1-app.dark .download-container-v2 .bg-img .bg-img-mask img {
  opacity: 1;
}

.bottom-modal-v1-app.dark .download-container-v2 .top-texts .top-title {
  color: #fff;
}

.bottom-modal-v1-app.dark .download-container-v2 .top-texts .top-subtitle {
  color: #ccc;
}

.bottom-modal-v1-app.dark
  .download-container-v2
  .tab-bar
  .tab-item.tab-bar-active {
  color: #fff;
  background: linear-gradient(180deg, #666 0, #272727 68.27%);
}

.bottom-modal-v1-app.dark
  .download-container-v2
  .tab-bar
  .tab-item.tab-bar-inactive {
  color: #ccc;
  background: #4c4c4c;
}

.bottom-modal-v1-app.dark .download-container-v2 .app-info-bar .app-card {
  background: #353535;
}

.bottom-modal-v1-app.dark
  .download-container-v2
  .app-info-bar
  .app-card
  .v1-app-name,
.bottom-modal-v1-app.dark
  .download-container-v2
  .app-info-bar
  .app-card
  .v1-app-name
  p,
.bottom-modal-v1-app.dark
  .download-container-v2
  .instructions
  .instruction-title,
.bottom-modal-v1-app.dark
  .download-container-v2
  .instructions
  .instruction-title
  p {
  color: #fff;
}

.bottom-modal-v1-app.dark
  .download-container-v2
  .instructions
  .instruction-item,
.bottom-modal-v1-app.dark
  .download-container-v2
  .instructions
  .instruction-item
  p {
  color: #999;
}

.bottom-modal-v1-app.dark .download-container-v2 .security-badge {
  background: #222;
}

.bottom-modal-v1-app.dark .download-container-v2 .security-badge .security-text,
.bottom-modal-v1-app.dark
  .download-container-v2
  .security-badge
  .security-text
  p {
  color: #ddd;
}

.float-ad {
  --float-ad-width: 1rem;
  --float-ad-close-top: -0.4rem;
  --float-ad-close-right: auto;
  --float-ad-close-bottom: auto;
  --float-ad-close-left: -0.2rem;
  --float-ad-drag-top: -0.4rem;
  --float-ad-drag-right: 0;
  --float-ad-drag-bottom: auto;
  --float-ad-drag-left: auto;
  --float-ad-close-icon-size: 0.4rem;
  --float-ad-close-icon-color: #868686;
  --float-ad-drag-icon-size: 0.3rem;
  width: var(--float-ad-width);
  overflow: visible;
}

.float-ad__inner {
  position: relative;
  width: 100%;
}

.float-ad__close {
  position: absolute;
  inset: var(--float-ad-close-top) var(--float-ad-close-right)
    var(--float-ad-close-bottom) var(--float-ad-close-left);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.float-ad__close-icon {
  display: block;
  width: var(--float-ad-close-icon-size);
  height: var(--float-ad-close-icon-size);
  color: var(--float-ad-close-icon-color);
  fill: none;
}

.float-ad__drag-handle {
  position: absolute;
  inset: var(--float-ad-drag-top) var(--float-ad-drag-right)
    var(--float-ad-drag-bottom) var(--float-ad-drag-left);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: move;
}

.float-ad__drag-icon {
  display: block;
  width: var(--float-ad-drag-icon-size);
  height: var(--float-ad-drag-icon-size);
  object-fit: contain;
}

.float-ad--draggable .float-ad__single {
  cursor: move;
}

.float-ad__single {
  width: 100%;
  cursor: pointer;
}

.float-ad__single img {
  display: block;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
  object-fit: contain;
  -webkit-user-drag: none;
}

.float-ad__single img.hide {
  display: none;
}

.float-ad__swiper {
  position: relative;
  width: 100%;
}

.float-ad__swiper .swiper-slide,
.float-ad__swiper .swiper-wrapper {
  width: 100%;
}

.float-ad__slide-content {
  width: 100%;
  cursor: pointer;
}

.float-ad__slide-content img {
  display: block;
  width: 100%;
  object-fit: contain;
}

.float-ad__slide-content img.hide {
  display: none;
}

.ios-guide--modal .bottom-popup-slide-enter {
  opacity: 0;
  transform: translateY(100%);
}

.ios-guide--modal .bottom-popup-slide-enter-active,
.ios-guide--modal .bottom-popup-slide-exit {
  opacity: 1;
  transform: translateY(0);
}

.ios-guide--modal .bottom-popup-slide-exit-active {
  opacity: 0;
  transform: translateY(100%);
}

.ios-guide--modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483641;
  display: none;
  width: 100%;
  height: 100%;
  font-size: 0.20769rem;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(0.05rem);
  backdrop-filter: blur(0.05rem);
}

.ios-guide--modal.light .ios-guide--content {
  color: #1f1f1f;
  background-color: #dfdfdf;
}

.ios-guide--modal.on {
  display: block;
}

.ios-guide--content {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0.4385rem 0 calc(0.16rem + var(--safe-area-inset-bottom));
  color: #dfdfdf;
  background-color: #151d29;
  border-radius: 0.15rem 0.15rem 0 0;
  transition: all 0.25s;
}

.ios-guide--content .bold {
  font-weight: 700;
}

.ios-guide--content .guide-popup-title {
  padding-bottom: 0.04rem;
  font-size: 0.32rem;
  font-weight: 500;
  text-align: center;
}

.ios-guide--content .guide-step-text {
  padding: 0.215rem 0 0.2538rem;
  font-size: 0.27692rem;
  font-weight: 500;
  color: #16aaff;
  text-align: center;
}

.ios-guide--content .guide-step-text-group1 {
  position: absolute;
  top: 0.04rem;
  left: 1.62rem;
  display: flex;
  flex-direction: column;
  text-align: left;
}

.ios-guide--content .guide-step-text-group1--footer {
  position: absolute;
  bottom: 0.25rem;
  left: 1.27rem;
  font-size: 0.27692rem;
}

.ios-guide--content .guide-step-image-wrap {
  position: relative;
  text-align: center;
}

.ios-guide--content .guide-step-image {
  width: 6.87692rem;
  height: auto;
}

.ios-guide--content .guide-step-text-group2 {
  position: absolute;
  top: 0.48rem;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ios-guide--content .guide-step-text-group2--footer {
  position: absolute;
  bottom: 0.2rem;
  left: 0.59rem;
  display: flex;
  align-items: center;
  width: 80%;
  height: 0.72rem;
  color: #929292;
  text-align: left;
}

.ios-guide--content .guide-step-text-group2--footer .guide-img-text {
  height: auto;
  line-height: 1.2;
  color: inherit;
}

.ios-guide--content .guide-step-text-group2--header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 78%;
  margin: 0 auto;
  font-size: 0.27692rem;
}

.ios-guide--content .guide-step-text-group2--header .guide-img-text {
  display: grid;
  place-content: center;
  line-height: 1.2;
  color: #16aaff;
}

.ios-guide--content
  .guide-step-text-group2--header
  .guide-img-text:first-of-type {
  justify-self: self-start;
}

.ios-guide--content
  .guide-step-text-group2--header
  .guide-img-text:nth-of-type(3) {
  justify-self: self-end;
}

.ios-guide--content .guide-step-text-group2--header .guide-img-text--title {
  justify-self: center;
  font-size: 0.27692rem;
  font-weight: 500;
  color: #000;
}

.ios-guide--content .guide-step-text-group2--content {
  display: flex;
  flex-direction: row;
  margin-top: 0.3rem;
  margin-left: 0.57rem;
}

.ios-guide--content .guide-step-text-group2--content .guide-img-text {
  display: flex;
  align-items: center;
  max-width: 4.2rem;
}

.ios-guide--content .guide-img-text {
  height: 0.68rem;
  line-height: 0.72rem;
  color: #1f1f1f;
}

.ios-guide--content .guide-img-text--title {
  flex: 1 1 0%;
  max-width: 4.2rem;
  height: auto;
  font-weight: 500;
  line-height: normal;
}

.ios-guide--content .guide-img-text--url {
  flex: 1 1 0%;
  height: auto;
  font-size: 0.18rem;
  line-height: normal;
  color: #a6a6a6;
}

.ios-guide--content .guide-img-text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ios-guide--content .guide-img-text--app-icon {
  width: 1.155rem;
  height: 1.155rem;
  aspect-ratio: 1;
  margin-right: 0.3rem;
  border-radius: 0.2rem;
}

.ios-guide--content .guide-step-text-group2--text-group {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  height: 1.17rem;
}

.ios-guide--content .ios-guide--close {
  position: absolute;
  top: 0.4rem;
  right: 0.3rem;
  width: 0.3rem;
  height: 0.3rem;
}

.ios-guide--content .ios-guide--close:after {
  position: absolute;
  inset: -0.1rem;
  content: "";
}

.ios-guide--content .down-pointer {
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 0.8rem;
  height: auto;
  transform: rotate(180deg) translateX(50%);
  animation: downSwing 0.9s ease-in-out infinite;
}

@keyframes downSwing {
  0% {
    bottom: 0;
  }
  50% {
    bottom: 0.3rem;
  }
  to {
    bottom: 0;
  }
}

.ios-guide--content .guide-popup-content {
  max-height: calc(var(--vh, 1vh) * 85);
  max-height: 85dvh;
  overflow: hidden auto;
}

.flag-icon {
  width: 0.4rem;
  height: auto;
  object-fit: cover;
}

.form-banner {
  position: relative;
  z-index: 2;
  width: 100%;
}

.form-banner img {
  display: block;
  width: 100%;
  height: auto;
  transition: opacity 0.3s ease;
}

.common-vendor-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.app-win {
  position: fixed;
  z-index: 1;
  width: 100%;
  padding: 0.2rem 0;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.5);
}

.app-win-hide {
  display: none;
}

.app-win.center {
  text-align: center;
}

.app-win.center a {
  width: 50%;
}

.app-win.close {
  display: none;
}

.app-win a {
  display: inline-block;
  width: 36%;
  height: 0.69rem;
  margin-right: 0.1rem;
  margin-left: 0.36rem;
  font-size: 0.28rem;
  line-height: 0.65rem;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 0.1rem;
}

.app-win a svg {
  position: relative;
  top: 0.1rem;
  margin-right: 0.05rem;
}

.app-win .app-close {
  position: relative;
  top: 0.15rem;
  right: 0.4rem;
  float: right;
  width: 0.4rem;
  height: 0.4rem;
  font-size: 0.32rem;
  border: 0.02rem solid #fff;
  border-radius: 50%;
}

.app-win .app-close b {
  position: absolute;
  top: 0.08rem;
  left: 0.17rem;
  width: 0.02rem;
  height: 0.2rem;
  background: #fff;
}

.app-win .app-close .clear-left {
  transform: rotate(45deg);
}

.app-win .app-close .clear-right {
  transform: rotate(-45deg);
}

.app-win .icon {
  width: 0.44rem;
  height: 0.44rem;
  fill: #fff;
}

.app-win .icon__share {
  width: 0.6rem;
  height: 0.6rem;
  margin-bottom: -0.45em;
}

.app-win .icon__close-button {
  position: absolute;
  top: 0.45em;
  right: 0.45em;
  width: 0.875em;
  height: 0.875em;
}

.app-win .center {
  text-align: center;
}

.error-restrict {
  position: fixed;
  width: 100%;
  height: 100%;
  padding: 0.3rem;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.error-restrict--ip {
  background: url(/m/ip.5664e0fc.jpg) no-repeat 50% fixed;
  background-size: cover;
}

.error-restrict--service {
  background: url(/m/service.4a82f900.jpg) no-repeat 50% fixed;
  background-size: cover;
}

.error-restrict .error-logo {
  width: 2rem;
  height: auto;
}

.error-restrict .ip-address {
  margin-bottom: 0.12rem;
  font-size: 0.3rem;
  font-weight: 700;
  text-align: center;
}

.error-restrict .ip-address .ip {
  margin-left: 0.16rem;
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
  word-break: break-word;
}

.error-restrict .error-footer {
  flex: 0 1 0%;
  margin: 0.4rem auto;
}

.error-restrict .contact-us {
  display: flex;
  align-items: center;
  width: auto;
  padding: 0 3em;
  font-size: 0.3rem;
  color: #fff;
  text-align: center;
  background: linear-gradient(90deg, #fe6e74, #f3077f);
  border: none;
  border-radius: 0.5rem;
}

.error-restrict .error-icon {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.14rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAb1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8v0wLRAAAAJHRSTlMAEt36xNtGz2Yi1od/b1E1TRrIsJWPXj0J8uG9p4swBet6dSp1S2HyAAABFklEQVQ4y43T2ZKCMBCF4YMgkBBZBNkU0LHf/xlnaEyGxaD/RVeK+gooEqB7XoL2sKo9RwKmmN7nVlokZC3DlGcnBTjHtRPJT3EcstcCyCnDDjkCVyJnn8Q0I5cwGGcp/2Y0rpncZiQCcKQHMEhSvGZynhEBoKAagKKM1xvyAyCgkOeJJxPPEH7+led4UfF6RTZ9Sw5Mss8khbSTG5McsZ0kTKhHZxMP8Heh+4A4eAe81BwmmQC188p39ZYJjBX6raoBuoqmSnA9mdyppkJI3AlTita5AmpBEB42SCD/J1wS0Svlj5VPwNNk9Rt1MNV3PhymdBI5ZolmcRefRYBFme+s79LUsMfE7fcEb7SPT6TEfkJ2sPYL9UVePVejJ3IAAAAASUVORK5CYII=)
    no-repeat;
  background-size: 100% 100%;
}

.error-restrict__text {
  position: absolute;
  top: 45%;
  left: 50%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 55%;
  padding: 0 5%;
  line-height: 1.5;
  color: #fff;
  transform: translateX(-50%);
}

.error-restrict__text > * {
  padding: 0 5%;
}

.error-restrict__text h2 {
  margin-bottom: 0.5em;
  font-size: 0.48rem;
  line-height: 1.4;
  text-align: center;
}

.error-restrict__text .detail {
  flex: 1 1 0%;
  overflow: auto;
  font-size: 85%;
  -webkit-overflow-scrolling: touch;
}

.error-restrict__text .detail:lang(CN),
.error-restrict__text .detail:lang(EN) {
  font-size: 90%;
}

.error-restrict__text .detail:lang(EN) {
  margin-top: 2em;
}

.error-restrict__text .detail:lang(VI) {
  white-space: break-spaces;
}

.error-restrict__text .detail p {
  text-align: center;
}

.error-restrict__text p {
  margin-bottom: 1em;
}

.error-restrict__text p:last-of-type {
  margin-bottom: 0;
}

.error-restrict .maintenance-end-time {
  margin-bottom: 0.12rem;
  font-size: 85%;
  font-weight: 700;
  text-align: center;
}

.country-code-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1.3rem;
  padding-left: 0.1rem;
  color: inherit;
}

.country-code-input span.country-code {
  font-size: 0.25rem;
  font-weight: 400;
}

.country-code-input img {
  position: relative;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
}

.country-code-input i {
  position: relative;
  top: 0.07rem;
  width: 0;
  height: 0;
  border: 0.08rem solid transparent;
  border-top: 0.08rem solid red;
}

.s-country-list-container {
  max-height: 6rem;
  overflow-y: scroll;
}

.s-country-list-container .am-list-item .am-list-line .am-list-content {
  display: flex;
  align-items: center;
  font-size: 0.28rem;
  font-weight: 700;
}

.s-country-list-container .header-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.s-country-list-container .header-wrap .close-btn {
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 0;
  transform: translateY(-50%);
}

.s-country-list-container .am-list-header {
  height: 0.8rem;
}

.s-country-list-container .am-list-body {
  height: 4.6rem;
  overflow-y: scroll;
}

.s-country-list-container img {
  position: relative;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
}

.activity-goto-btn {
  display: grid !important;
  place-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 0.6rem;
  padding: 0 0.2rem;
  margin: 0 auto;
  color: var(--goto-color);
  background-color: var(--goto-bg-color);
  background-image: var(--goto-bg-img);
  border-radius: 0.3rem;
}

@media (orientation: portrait) {
  .trial-game-wrap .hide-btn.landscape {
    display: none;
  }
}

@media (orientation: landscape) {
  #root.trial-game-wrap .mc-navbar-blue,
  #root.trial-game-wrap .mc-navbar-blue .return-icon {
    height: 0.5rem !important;
  }
  .trial-game-wrap .hide-btn {
    display: none;
  }
  .trial-game-wrap .records {
    font-size: 0.14rem !important;
  }
  .trial-game-wrap #mc-header.anim-show .am-icon-lg {
    width: 0.34rem !important;
    height: 0.34rem !important;
  }
  .trial-game-wrap .hide-btn.landscape {
    position: absolute;
    top: 0 !important;
    left: 50%;
    z-index: 10;
    display: block;
    width: 3.5em;
    height: 0.8em;
    font-size: 0.24rem;
    background-color: hsla(0, 0%, 44%, 0.9);
    border-bottom-right-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
    transform: translate3d(-50%, 0, 0);
  }
  .trial-game-wrap .hide-btn.landscape svg {
    display: block;
    margin: 0 auto;
    color: #fff;
  }
}

.popup-game-common .am-popup {
  bottom: 0;
}

.am-fade-leave + .popup-game-common,
.am-popup-mask-hidden + .popup-game-common {
  display: none;
}

#root.trial-game-wrap .mc-navbar-blue.hide-no-anim {
  height: 0 !important;
}

.trial-game-wrap {
  z-index: 5;
  overflow: hidden;
}

.trial-game-wrap .shell-header {
  display: contents;
}

.trial-game-wrap .hide-no-anim .am-navbar-left,
.trial-game-wrap .hide-no-anim .am-navbar-right {
  visibility: hidden;
}

.trial-game-wrap .records {
  display: flex;
  align-items: center;
  height: 100% !important;
}

.trial-game-wrap .anim-hide .return-icon {
  display: none !important;
  font-size: 0;
}

.trial-game-wrap .anim-hide .records {
  display: none !important;
}

.trial-game-wrap .anim-show .return-icon {
  display: flex;
  font-size: 0.36rem;
}

.trial-game-wrap .anim-show .hide-btn {
  display: none !important;
}

.trial-game-wrap .anim-show .records {
  font-size: inherit;
}

.trial-game-wrap .anim-show .records svg {
  width: 0.3rem;
  height: 0.3rem;
}

.trial-game-wrap .hide-btn {
  position: absolute;
  top: 0;
  width: 1.2rem;
  height: 0.3rem;
  text-align: center;
  background-color: hsla(0, 0%, 44%, 0.9);
  border-bottom-right-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
}

.trial-game-wrap .hide-btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.3rem;
  height: 0.3rem;
  transform: translate(-50%, -50%);
}

.trial-game-wrap .iframe-container {
  display: flex;
  width: min(100vw, 530px);
  height: 100%;
  height: calc(var(--vh, 1vh) * 100);
  height: 100dvh;
}

@supports (-webkit-touch-callout: none) {
  .trial-game-wrap .iframe-container {
    height: -webkit-fill-available;
    height: stretch;
  }
}

.trial-game-wrap .iframe-container iframe#third-game {
  flex-grow: 1;
  width: 100%;
  background: hsla(0, 0%, 44%, 0.9);
  -webkit-overflow-scrolling: touch;
}

.trial-game-wrap #mc-header {
  height: 1rem;
}

.trial-game-wrap #mc-header.hide-no-anim {
  height: 0 !important;
}

.trial-game-wrap #mc-header.hide-no-anim .hide-btn {
  top: 0;
}

.trial-game-wrap #mc-header.hide-no-anim .return-icon {
  display: none !important;
  font-size: 0;
}

.trial-game-wrap #mc-header.hide-no-anim .records {
  font-size: 0;
}

.trial-game-wrap #mc-header.anim-hide {
  height: 0 !important;
  transition: all 0.25s ease;
}

.trial-game-wrap #mc-header.anim-hide .hide-btn {
  animation: hide-btn-show 0.25s ease forwards;
}

.trial-game-wrap #mc-header.anim-show {
  height: 1rem;
  font-size: 0.44rem;
  animation: header-show 0.25s ease forwards;
}

.trial-game-wrap #mc-header.anim-show .am-icon-lg {
  width: 0.68rem;
  height: 0.68rem;
}

.footer__chat-icon {
  position: relative;
  max-width: 0.6rem;
}

.footer__chat .unread-count {
  position: absolute;
  top: -0.24rem;
  right: -0.4rem;
  min-width: 2em;
  padding: 0 0.5em;
  font-family:
    SF Pro Display,
    SF Pro Icons,
    AOS Icons,
    Helvetica Neue For Number,
    Roboto Mono,
    PingFang SC,
    Arial,
    sans-serif;
  font-size: 0.2rem;
  color: #fff;
  background-color: #fa5151;
  border-radius: 1em;
}

.footer__chat img.chat-icon-img {
  width: 100%;
  height: auto;
}

:root {
  --quick-promo-bg: inherit;
  --quick-promo-color: inherit;
  --quick-promo-margin-top: 0.3rem;
  --quick-promo-margin-bottom: 0.3rem;
}

.quick-list-container {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 0 0.32rem;
  margin-top: var(--quick-promo-margin-top, 30px);
  margin-bottom: var(--quick-promo-margin-bottom, 30px);
  overflow: hidden;
  font-size: 0.18rem;
  font-weight: 700;
  color: var(--quick-promo-color);
}

.quick-list-container:before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
}

.quick-list-container.item-center .swiper-wrapper {
  justify-content: center;
}

.quick-list-container .swiper {
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.quick-list-container .swiper-slide:last-child {
  margin-right: 0 !important;
}

.quick-list-container .card-item-wrap {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  width: auto;
}

.quick-list-container .card-item {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 0.04rem;
  align-items: center;
  height: 100%;
  cursor: pointer;
  transition: transform 0.2s;
}

.quick-list-container .card-item:active {
  transform: scale(0.95);
}

.quick-list-container .card-image {
  width: 100%;
  height: 100%;
}

.quick-list-container .card-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.quick-list-container .card-label-inside,
.quick-list-container .card-label-outside {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  text-align: center;
}

.quick-list-container .card-label-inside span,
.quick-list-container .card-label-outside span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.2;
  word-break: break-word;
  -webkit-box-orient: vertical;
  max-height: 2.4em;
}

.quick-list-container .card-label-inside {
  min-height: 2.4em;
}

.quick-list-container .card-item-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1;
  font-size: 0.12rem;
  color: #999;
  background-color: #555;
  border-radius: 0.12rem;
}

.quick-list-container .nav-left,
.quick-list-container .nav-right {
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.28rem;
  height: 0.28rem;
  transform: translateY(-50%);
}

.quick-list-container .nav-left svg,
.quick-list-container .nav-right svg {
  width: 0.28rem;
  height: 0.28rem;
  object-fit: contain;
}

.quick-list-container .nav-left:active,
.quick-list-container .nav-right:active {
  transform: translateY(-50%) scale(0.8);
  transition: all 0.25s ease;
}

.quick-list-container .nav-left:after,
.quick-list-container .nav-right:after {
  position: absolute;
  inset: -0.05rem;
  content: "";
}

.quick-list-container .nav-left {
  right: unset;
  left: 0;
}

.quick-list-container.style1 {
  font-size: 0.19rem;
  color: #fff;
}

.quick-list-container.style1 .card-item-wrap {
  width: 1.22451rem;
  height: 1.26rem;
}

.quick-list-container.style1 .card-label-outside {
  display: none;
}

.quick-list-container.style1 .card-label-inside {
  position: absolute;
  top: 0.8rem;
  width: 90%;
  height: 0.41718rem;
}

.quick-list-container.style1 .card-label-inside span {
  line-height: 1;
}

.quick-list-container.style2 {
  font-size: 0.2rem;
  color: var(--quick-promo-color, #fff);
}

.quick-list-container.style2 .card-item-wrap {
  width: 1.3rem;
  height: 0.8rem;
}

.quick-list-container.style2 .card-label-outside {
  display: none;
}

.quick-list-container.style2 .card-label-inside {
  position: absolute;
  top: 0.08rem;
  left: 0.08rem;
  width: 88%;
  text-align: start;
}

.quick-list-container.style2 .card-label-inside span {
  line-height: 1.2;
}

.quick-list-container.style3 {
  align-items: center;
  font-size: 0.16rem;
}

.quick-list-container.style3 .card-item-wrap {
  height: 100%;
}

.quick-list-container.style3 .card-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.135rem;
  background: var(--quick-promo-bg);
  border-radius: 50%;
}

.quick-list-container.style3 .card-image {
  width: 0.6rem;
  height: 0.6rem;
}

.quick-list-container.style3 .card-label-inside {
  display: none;
}

.quick-list-container.style4 {
  align-items: center;
  height: 1.16rem;
  font-size: 0.15rem;
}

.quick-list-container.style4 .card-item-wrap {
  height: 100%;
}

.quick-list-container.style4 .card-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.135rem;
}

.quick-list-container.style4 .card-image {
  width: 0.72rem;
  height: 0.72rem;
}

.quick-list-container.style4 .card-label-inside {
  display: none;
}

.quick-list-container.style5 {
  align-items: center;
  font-size: 0.16rem;
}

.quick-list-container.style5 .card-item-wrap {
  height: 100%;
}

.quick-list-container.style5 .card-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.72rem;
  height: 0.72rem;
  margin-bottom: 0.135rem;
  background: linear-gradient(
    180deg,
    #fc9f38,
    #f95a7e 35%,
    #b166ff 70%,
    #5bcaff
  );
  border-radius: 50%;
}

.quick-list-container.style5 .card-image {
  width: 0.5rem;
  height: 0.5rem;
}

.quick-list-container.style5 .card-label-inside {
  display: none;
}

.quick-list-container.style6 {
  font-size: 0.15rem;
}

.quick-list-container.style6 .card-item-wrap {
  width: 1.34rem;
  height: 1.08rem;
}

.quick-list-container.style6 .card-item {
  display: flex;
  align-items: center;
  width: 1.34rem;
  height: 1.08rem;
  background-image: url(/m/style6-bg.a1ab40a1.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.quick-list-container.style6 .card-label-outside {
  display: none;
}

.quick-list-container.style6 .card-label-inside {
  position: absolute;
  top: 0.65rem;
  width: 85%;
  height: 0.33718rem;
}

.quick-list-container.style6 .card-image {
  width: 0.56rem;
  height: 0.56rem;
  margin-top: 0.1rem;
}

.quick-list-container.style7 {
  align-items: center;
  height: 1.18rem;
  font-size: 0.15rem;
}

.quick-list-container.style7 .card-item-wrap {
  width: 1.3rem;
  height: 100%;
}

.quick-list-container.style7 .card-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.3rem;
  height: 0.76rem;
  background-image: url(/m/style7-bg.adc82c9c.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.quick-list-container.style7 .card-image {
  width: 0.56rem;
  height: 0.56rem;
}

.quick-list-container.style7 .card-label-inside {
  display: none;
}

.quick-list-container.style8 {
  font-size: 0.18rem;
}

.quick-list-container.style8 .card-image {
  height: auto;
  aspect-ratio: 1;
}

.quick-list-container.style8 .card-label-outside {
  display: none;
}

.popup_container_v2 {
  --popup-height-pct: 58.02;
  --popup-main-color: #fff;
  --popup-main-active-color: #f6cf50;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100011;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.popup_container_v2 img {
  display: block;
}

.popup_container_v2.show-popup .popup_body {
  animation-name: zoomIn;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.popup_container_v2.hide-popup {
  animation-name: fadeOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.popup_container_v2.hide-popup .popup_body {
  animation-name: zoomOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.popup_container_v2 .popup_main_header {
  border-radius: 0.1rem 0.1rem 0 0;
}

.popup_container_v2 .popup_main_header + .popup_content {
  border-radius: 0 0 0.1rem 0.1rem;
}

.popup_container_v2 .swiper-wrapper {
  flex: 1 1 0%;
  height: unset;
  transition: height 0.1s ease;
}

.popup_container_v2 .popup_body {
  position: relative;
  width: 74.93%;
  padding: 0.1rem;
  border-radius: 0.05rem;
}

.popup_container_v2 .popup_body.hide_btn {
  max-height: calc(var(--popup-height-pct, 58.02) * 1vh);
  max-height: calc(var(--vh, 1vh) * var(--popup-height-pct, 58.02));
  max-height: calc(1dvh * var(--popup-height-pct, 58.02));
}

.popup_container_v2 .popup_body.hide_btn .popup_content {
  height: 100%;
}

.popup_container_v2 .popup_body.hide_btn .active-btn,
.popup_container_v2 .popup_body.hide_btn .disable-btn {
  top: 50%;
}

.popup_container_v2 .popup_body .active-btn,
.popup_container_v2 .popup_body .disable-btn {
  position: absolute;
  top: 45%;
  z-index: 1;
  width: 0.56rem;
  height: 0.56rem;
  border-radius: 50%;
  transform: translateY(-50%);
}

.popup_container_v2 .popup_body .active-btn i,
.popup_container_v2 .popup_body .disable-btn i {
  display: block;
  width: 100%;
  height: 100%;
}

.popup_container_v2 .popup_body .nav-left {
  left: -0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup_container_v2 .popup_body .nav-right {
  right: -0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup_container_v2 .popup_body .disable-btn {
  background-color: #757575;
  box-shadow: 0 0.04rem 0.05rem 0 hsla(0, 0%, 55%, 0.37);
}

.popup_container_v2 .popup_body .active-btn {
  background-image: linear-gradient(180deg, #0cd2af, #07b8c5);
}

.popup_container_v2 .popup_content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: calc(var(--popup-height-pct, 58.02) * 1vh);
  max-height: calc(var(--vh, 1vh) * var(--popup-height-pct, 58.02));
  max-height: calc(1dvh * var(--popup-height-pct, 58.02));
  padding: 0.3rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.1rem;
}

.popup_container_v2 .header {
  position: relative;
  height: auto !important;
}

.popup_container_v2 .close-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10002;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 0 1rem;
}

.popup_container_v2 .close-btn svg {
  position: absolute;
  top: 20%;
  right: 20%;
  width: 40%;
  height: 40%;
  fill: currentcolor;
}

.popup_container_v2 .close-btn-outside {
  position: absolute;
  top: -0.6rem;
  right: 0;
  z-index: 10002;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.5rem;
  height: 0.5rem;
  overflow: hidden;
  color: #fff;
  border-radius: 50%;
}

.popup_container_v2 .close-btn-outside svg {
  width: 50%;
  height: 50%;
  fill: currentcolor;
}

.popup_container_v2 .popup_title {
  width: 88%;
  max-height: 3rem;
  margin-bottom: 0.3rem;
  font-size: 0.32rem;
  font-weight: 800;
  line-height: 1.3;
  color: #007afe;
  text-align: center;
  word-break: break-word;
}

.popup_container_v2 .text {
  box-sizing: border-box;
  display: flex;
  flex: 1 1 0%;
  overflow: hidden;
  font-size: 0.26rem;
  line-height: normal;
  color: #8a8a8a;
  border-radius: 0.1rem;
}

.popup_container_v2 .text img {
  width: 100%;
}

.popup_container_v2 .popup_pagination_footer {
  display: flex;
  gap: 0.2rem;
  justify-content: space-around;
  width: 100%;
  margin-top: 0.4rem;
}

.popup_container_v2 .popup_pagination_footer.hide {
  display: none;
}

.popup_container_v2 .popup_pagination_footer .action {
  display: flex;
  flex: 1 0 0%;
  align-items: center;
  justify-content: center;
  min-height: 0.7rem;
  font-size: 0.3rem;
  color: #fff;
  background: linear-gradient(180deg, #00e1fa, #4aa5fb);
  border-radius: 0.7rem;
}

.popup_container_v2 .popup_pagination_footer .action.disable {
  color: #9d9d9d;
  background: #eaeaea;
}

.popup_container_v2 .popup_pagination_footer .action .icon-right {
  position: absolute;
  right: 0.3rem;
  height: 0.25rem;
}

.popup_container_v2 .popup_pagination_footer .action .icon-left {
  position: absolute;
  left: 0.3rem;
  height: 0.25rem;
}

.popup_container_v2 .popup_pagination_footer .action.active-btn {
  position: relative;
  top: unset;
  margin-top: 0.4rem;
}

.popup_container_v2 .swiper-container-autoheight.text {
  overflow-y: auto;
}

.popup_container_v2 .swiper-container-autoheight,
.popup_container_v2 .swiper-container-autoheight .swiper-slide,
.popup_container_v2 .swiper-container-autoheight .swiper-wrapper {
  height: 0;
}

.popup_container_v2 .swiper-container-autoheight.swiper-slide-active,
.popup_container_v2
  .swiper-container-autoheight
  .swiper-slide.swiper-slide-active {
  height: auto;
}

.popup_container_v2 .swiper-slide {
  overflow: hidden auto;
  -webkit-overflow-scrolling: touch;
}

.popup_container_v2 .popup_logo img {
  height: 0.94rem;
}

.popup_container_v2 .arrow-icon {
  width: 70%;
  height: 70%;
  fill: #fff;
}

.popup_container_v2 .today-bar {
  margin-top: 0.1rem;
  margin-bottom: -0.15rem;
}

.popup_container_v2 .today-bar .am-list-thumb {
  margin-right: 0.08rem;
}

.popup_container_v2 .today-bar .am-checkbox {
  transform: scale(0.8);
}

.popup_container_v2 .today-bar .am-list-item,
.popup_container_v2 .today-bar .am-list-line {
  min-height: unset;
}

.popup_container_v2 .today-bar .am-list-content {
  padding: 0;
  font-size: 0.26rem;
}

.popup_container_v2 .today-bar .am-list-item {
  padding-left: 0;
}

.popup_container_v2 .popup_content .wysiwyg {
  padding-bottom: unset;
}

.popup_container_v2 .popup-page-num-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 0.1rem;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0.3rem;
}

.popup_container_v2 .popup-page-num-footer.outside {
  position: relative;
  bottom: unset;
  left: unset;
}

.popup_container_v2 .popup-page-num-footer .popup-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.06rem;
  font-size: 0.24rem;
  color: var(--popup-main-color);
}

.popup_container_v2 .popup-page-num-footer .popup-dot.on {
  color: var(--popup-main-active-color);
}

.popup_container_v2 .popup-page-num-action-next,
.popup_container_v2 .popup-page-num-action-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.16rem;
  height: 0.28rem;
  color: var(--popup-main-color);
  background: transparent;
  border: none;
}

.popup_container_v2 .popup-page-num-action-next:disabled,
.popup_container_v2 .popup-page-num-action-prev:disabled {
  color: hsla(0, 0%, 100%, 0.3);
}

.popup_container_v2 .popup-page-num-action-next {
  transform: rotate(180deg);
}

.popup_container_v2 .popup-page-num-list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-swiper-pagination {
  width: 100%;
}

.popup-swiper-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0 0.08rem;
}

.popup-swiper-pagination .swiper-pagination-bullet:after {
  position: absolute;
  inset: -0.1rem;
  content: "";
}

.mini-game-container {
  position: fixed;
  bottom: 1.5rem;
  left: 4%;
  width: auto;
  height: auto;
}

.footer-home-screen {
  position: fixed;
  bottom: 0.36rem !important;
  left: 0;
  z-index: 99999;
  width: 100%;
  padding: 0;
  text-align: center;
  background-color: transparent;
  transition: all 0.5s;
}

.footer-home-screen.footer-home-screen-hide {
  bottom: -4rem !important;
}

.footer-home-screen.footer-home-screen-hide .model-mask {
  display: none;
}

.footer-home-screen .model-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.footer-home-screen .icon {
  width: 0.44rem;
  height: 0.44rem;
  fill: #fff;
}

.footer-home-screen .icon__share {
  width: 0.6rem;
  height: 0.6rem;
  margin: 0;
  transform: translateY(10%);
}

.footer-home-screen .icon__close-button {
  position: absolute;
  top: 0.45em;
  right: 0.45em;
  width: 0.875em;
  height: 0.875em;
}

.footer-home-screen svg {
  position: relative;
  top: 0.1rem;
  margin-right: 0.05rem;
}

.footer-home-screen .add-home-screen {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 5.9rem;
  padding: 0.875em;
  margin: 0 auto;
  background-color: hsla(0, 0%, 44%, 0.8);
  border-radius: 0.3em;
}

.footer-home-screen .add-home-screen:after {
  position: absolute;
  bottom: -0.36rem;
  left: calc(50% - 0.18rem);
  width: 0;
  height: 0;
  content: "";
  border-color: hsla(0, 0%, 44%, 0.8) transparent transparent;
  border-style: solid;
  border-width: 0.36rem 0.18rem 0;
}

.footer-home-screen .app-icon {
  flex: 0 0 1.28rem;
  width: 1.28rem;
  height: 1.28rem;
  vertical-align: middle;
  border-radius: 0.8em;
}

.footer-home-screen .home-screen-tips {
  display: flex;
  padding-left: 1em;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}

.footer-home-screen .home-screen-tips .label {
  display: inline-block;
  line-height: normal;
  transform: translateY(8%);
}

.footer-home-screen .add-app-icon {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
}

.footer-home-screen .home-screen-tips-second {
  display: flex;
}

.footer-home-screen .home-screen-tips-first .title {
  display: block;
  padding-bottom: 0.2rem;
  font-size: 0.36rem;
  font-weight: 700;
  color: #fff;
  text-align: left;
}

.footer-home-screen .home-screen-tips-first .content {
  display: block;
  padding-bottom: 1em;
  font-size: 0.24rem;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}

.footer-home-screen .home-screen-tips-first h4,
.footer-home-screen span {
  line-height: 1;
}

.footer-home-screen .btn-primary {
  height: auto;
  padding: 0.14rem;
  margin: 0 auto;
  font-size: 0.3rem;
}

.footer-home-screen .home-screen-tips-profile {
  width: 100%;
}

.popup_container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100011;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup_container.show-popup .popup_body {
  animation-name: zoomIn;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.popup_container.hide-popup {
  animation-name: fadeOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.popup_container.hide-popup .popup_body {
  animation-name: zoomOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.popup_container .popup_body {
  width: 80%;
  height: auto;
  padding: 0.1rem;
  background-color: #999;
  border-radius: 0.05rem;
}

.popup_container ._popup_content {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.popup_container .title {
  max-width: 100% !important;
  height: 0.8rem;
  font-size: 0.36rem;
  font-weight: 600;
  line-height: 0.8rem;
  text-align: center;
}

.popup_container .close-btn {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  width: 0.3rem;
  height: 0.3rem;
  margin: auto;
}

.popup_container .close-btn svg {
  width: 100%;
  height: 100%;
  fill: currentcolor;
}

.popup_container .text {
  box-sizing: border-box;
  max-height: 60vh;
  padding: 0.2rem;
  overflow: auto;
}

.popup_container .text .list {
  padding: 0 1px;
  margin-bottom: 0.2rem;
  border-bottom: 0.02rem solid #ccc;
}

.popup_container .text img {
  width: 100%;
}

.popup_container .text .line {
  height: 0.1rem;
}

.popup_container .footer {
  position: absolute;
  right: 0.08rem;
  bottom: 0.1rem;
}

.popup_container .footer .am-list-item .am-list-thumb:first-child {
  margin-right: 0.1rem;
}

.popup_container .footer .am-checkbox-wrapper {
  display: flex;
}

.popup_container .footer .am-checkbox,
.popup_container .footer .am-checkbox-inner {
  width: 0.35rem;
  height: 0.35rem;
}

.popup_container .footer .am-list-item,
.popup_container .footer .am-list-line {
  min-height: auto;
}

.popup_container .footer .am-list-line {
  padding-right: 0.5em;
}

.popup_container .footer .am-list-item.am-list-item-active {
  background-color: transparent;
}

.popup_container .footer .am-list-content {
  padding: 0;
  font-size: 0.24rem;
}

.popup_container .footer .am-checkbox-inner:after {
  right: 0.08rem;
  z-index: 999;
  width: 0.1rem;
  height: 0.16rem;
}

.popup_container .wysiwyg {
  padding-bottom: 0.08rem !important;
}

.popup_container .list {
  padding: 0 1px;
}

#root .popup_container .header {
  position: relative;
  height: auto !important;
}

.download-bar-model {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  width: 100%;
  height: 100%;
}

.download-bar-model.hide-model {
  display: none;
}

.download-bar-model .bar-header {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.2rem;
  background-color: #e4f3ff;
  border-top-left-radius: 0.14rem;
  border-top-right-radius: 0.14rem;
}

.download-bar-model .bar-header__break {
  flex-basis: 100%;
  height: 0;
}

.download-bar-model .bar-header__footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.download-bar-model .bar-header__btn {
  padding: 0.14rem 0.28rem;
  margin-bottom: 0.24rem;
  font-size: 0.3rem;
  color: #fff;
  background: linear-gradient(-90deg, #428ff2, #37e4f4);
  border-radius: 0.43rem;
}

.download-bar-model .bar-header__icon {
  display: flex;
  align-items: center;
}

.download-bar-model .bar-header__icon i {
  display: block;
  width: 1.83rem;
  height: 1.5rem;
  margin-right: 0.12rem;
  margin-bottom: 0.2rem;
  margin-left: 0.06rem;
  background: url(/m/header-bg.e4809ddf.png) no-repeat;
  background-size: 100% 100%;
}

.download-bar-model .bar-header__content {
  flex: 1 0 0%;
}

.download-bar-model .bar-header__title {
  margin-bottom: 0.08rem;
  font-size: 0.28rem;
  color: #008aff;
}

.download-bar-model .bar-header__list {
  padding-bottom: 0.18rem;
  margin-right: 0.2rem;
  font-size: 0.26rem;
  line-height: 1.4;
  color: #666;
}

.download-bar-model .bar-body {
  padding: 0 0.35rem 0.6rem;
}

.download-bar-model .bar-model-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.download-bar-model .bar-model-close {
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  width: 0.76rem;
  height: 0.76rem;
  margin-left: -0.38rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAMAAADwSaEZAAAAWlBMVEUAAACSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpL///+5ubm2trb29vbU1NTR0dGyfb2lAAAAF3RSTlMA6Tj0z7cgCkExmuDXrpCFflQRncFvZ4QL+n8AAAHaSURBVFjDtdjbboMwEATQtbEx4ZYLTQZI+/+/2apFQk0cdohhXhFHOCZ4d2Uxwd5a7yoDmMr59lYEeTP29IGnfJzseik/1XiR+pSvog4NFtMceMpDjee4Swsq7UW3zgZkzFmhQocV6cLiHjqsilvYV2uwMsa+sooMq5MVmpWu2YhFaZGV5gZvxjztQnB4Oy48YCUS0j2890jK+d//0aRh5qIvkk85WwckZ/4i+XTMyxQLbPdozRZYM737iGS830fEM8Qv5b/YEZHc+74f4tbPlTuec/zFqjg2aRErjlWvf/6xn7SY1Y+IxM6rjN81UNa8TgdFIy04kQAoGmkBQQpoGmuhkCtUjbRwlRK6xlkoxYPQKAteajAaY6EWA0b7JCwYycBojIVMAFYboYXA8LfGL+iYoZ9sgLrMirBIzYijrC9Gq8Uz1oiB0LyUlAVGK+VKWZR2lYKxOK2QQFikFkScapGaE5GjZunafKBYxaI1Ox3CikWdKdVCeTDdE9EWy4P8FTauqjXyqaRSqiDqUrNpsbdlGbppgbxl6b5pU7FXuyPSpVjdTi1ievO6T1ud3vDvPYpIH5Kkj292Hyylj7z2H8bxY0I2Vhtg2t1Hq+lDXz6huLW+Nhk5jv4G/MaWkBvRG94AAAAASUVORK5CYII=)
    no-repeat;
  background-size: 100% 100%;
}

.download-bar-model .bar-model-content {
  position: relative;
  top: 50%;
  margin: 0 0.5rem;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 0.14rem;
  transform: translateY(-60%);
}

.download-bar-model .bar-model-content .item-link {
  display: block;
  height: 0.86rem;
  margin-top: 0.6rem;
  font-size: 0.3rem;
  line-height: 0.86rem;
  color: #fff;
  text-align: center;
  background: linear-gradient(-90deg, #fe766c, #ec1468);
  border-radius: 0.43rem;
}

.download-bar-model .bar-model-content .item-link.iphone-link1 {
  background: linear-gradient(-90deg, #7f55f3, #d89afd);
}

.download-bar-model .bar-model-content .item-link.iphone-link2 {
  background: linear-gradient(-90deg, #3887fe, #2bd5f0);
}

.download-bar-model .bar-model-content .item-link.main-home {
  background: linear-gradient(-90deg, #64c213, #a8eb25);
}

.download-bar-model .bar-model-content .item-link img {
  display: inline-block;
  width: 0.55rem;
  height: 0.55rem;
  margin-top: -0.06rem;
  margin-right: 0.5em;
  vertical-align: middle;
}

.geetest_captcha {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 1rem;
  overflow: hidden;
  font-size: 0.28rem;
  color: #5e5e5e;
  background-color: #fff;
}

.geetest_captcha.success {
  color: #18a452;
  background-color: #eefff5;
}

.geetest_captcha.success .success_area {
  transform: translate3d(0.2rem, 0, 0);
}

.geetest_captcha.success .error_area,
.geetest_captcha.success .waiting_area {
  opacity: 0;
}

.geetest_captcha.waiting .waiting_area {
  cursor: pointer;
  transform: translate3d(0.2rem, 0, 0);
}

.geetest_captcha.waiting .error_area,
.geetest_captcha.waiting .success_area {
  opacity: 0;
}

.geetest_captcha.error {
  color: #721c24;
  background-color: #f8d7da;
}

.geetest_captcha.error .error_area {
  transform: translate3d(0.2rem, 0, 0);
}

.geetest_captcha.error .success_area,
.geetest_captcha.error .waiting_area {
  opacity: 0;
}

.geetest_captcha .loading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.geetest_captcha .loading img {
  width: 0.4rem;
  height: 0.4rem;
  transform: translate(-50%, -50%);
  animation: geetest_rotation 1s linear infinite;
}

.geetest_captcha .error_area,
.geetest_captcha .success_area,
.geetest_captcha .waiting_area {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 1.2;
  transform: translate3d(105%, 0, 0);
  transition: all 1s ease;
}

.geetest_captcha .success_area .icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAA/FBMVEUAAAB+2Z9716OA1quB1quA16uA1qsnwmeB16sow2eG2rKA16sow2cnwmeA16uA1quA1qsnwWmB1aqC1baB16uA16yA1qt/1quA1quA1qt+1ap/1aqA1quB16wnwmeB16yB16onw2iC06wnwmiB16yB1awnw2iC2a4nwmcnwmiA16snwWgmwmeB1ayC2q8mwmeA16x/1amA16uA1akmwWaB1Kl+1KkqxWojvXAnwmcmwWiC16onwmUow2gnwmYnwmcowmmA2Ksmv2Ymw2oow2eL0a4nwmeA16uC2a6E3bGB2K0oxmmH47UnxWgox2qF37MnxGiC264oyWspymv6tjVSAAAARnRSTlMABwRgU/z622syDaMr0cuscS0bEuzhz8awWikl9+jHvndUItTSZ+razaiGWk5D8vHbkY6GSUcuGhDzuGZFIOW8ubVsamYW2URWXQAAAhVJREFUOMuNlWt7mjAYhuUoFQ8UjyhW63RaD11b13Zd153HmwQEdP//v4zAKKDhos+nBG4Id0jelDKp9BW13jLNVl1V+pVSXiZCVyLwP0TqCjoT05UORoCw5wTxaNNRmwxO6OB9gLUby5lhzJaNNkZe788JxmnXmBCpJw6aPO3zzYHYqG9OuModIkge3XOZh09tuFsEeDjmS0XRJNjPxZybL5frx9jDJPjmIYf7WDvY3yJS72A0zHvfWfng79x1KKhgkMd5XM22LP8QgpMpIiMuh3u3syzLXbyEX+iBvGFz5wvK2eUv4RR2EepxbI+yG3D+ohr2+hJgMceDcnbtPOoqBLUH7O+zKXdBORoVcKOZ71Guxhfq4G356NZqzTE84rTAmYWNy69//atPGY9drZoMAeAYYeOza/mUZHjoP+ZqCqRjWQEZe7ivHoaDzNTQHyjpXz2eeswcaFGZJR+R7+l/tb//Lkfz8srxSw/q6elZhaT15B95NBsY1GTCk9FjjziDNiJa9hf+pGTGg0bEIPePFsWvp9gjCddDqFtJL7PYaEc9kmxk8AQ+tXBjI7eW4fgRQdMJYyusLs5K6YxlwArP2lzZVSwOEe7oxdv14QYTUyguAOJ8D5JWWFL48RADuuWKitT9SA4u31WKyl5PIoCvNS6vkG6fDeN5SwspBL4CqzRPj0oznmr624r9hIklx4csM46PfwMZelErvoVgAAAAAElFTkSuQmCC);
}

.geetest_captcha .error_area .icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAqFBMVEUAAADpmErqmUvqmUvqm0vqmUvqmUvqmUvqmUvqmUvqmEvqmUvpmUvqmUvpmUvqmUvqmUvqmUzqmUvpmUvpmUvqmUvpmUvqmUvomkzpmUvpmUvqmUvpmUvpmUvpmkvqmUrpmkvpmUrpmUvnmEnqmEnpmUrpmUv////65tP55dH317fvsnf43sP88ebsoFf+9/DywZHtq2r0zaXwuYP769zzx5vyw5X10q94Ma8LAAAAJnRSTlMAfzUqFrOpkok/vZ1pX1T75kog7slz288M1MTy3nhZRfSigwgQbmMPd4oAAAT5SURBVHja7d3ndtpAEIbhpYpOMJhmg1v8rQ2iu9z/ncXJDzZhhbBWy2SGo+cOvpP6jjYnKpPJZDKZTCYjWD73paqkK5bxR2+qRKtiL6cEK97AyCu56oAxeFJSdfCPiZKqhn90C0qmBg7UlUjFPg7dKYkqsJSUQPk2bE0lTxkRRj+VNC1EelTSjBHpXtpvwdc44kGJcvUDx3SUJAGOqilBqojRUHKUEOO2qKRoIlZFCTEcIFZbSmLlcEJZiVDo4pSWkqCOk3pKgA6+4VrxV8M3/LhS3DXwLYFizvTtCdyPqBVEEle9+TYiiaveMmKJOTy2cJKMq/YYscQcHq8RS8zh0fRtNDGHxwCRxFVvFZHkVW8JifU5Hh6biCXm8DgcwME9v+rNIZaYw+OxvhVXvXU4GitWOnD2rDipIZaYw2MDkcRVb7GPxFi+7agglpjDY1zfzj/DhdaL19kax3F5AhXTtzO998r+8BjTtyv9tw0Mjs9txvE/HsaK9+HxeN/u9IEt59+Cj/ftcqEPzRkfHgMcM9eWD76Hx5i+fdeWT76Hx5i+DbUlxFGjoXJA0rcv2vLK9fA4HPgbclNQ/08OCYcwPTwWui5DGD63qSPpEJ6Hxw4SD+F5eKz5HtL/P9XbgMMQhs9tin2XIQyf21TgMIRh9ebbLkMYHh7LcBnC7/DYgtMQfs9tem5D2D23uYbbEG6Hx6sfjkO4PbcJ4DiE2XObKtIPYXF4LDkP4fXcpolzDKE/PA4H7kNYPbfJIcUQRs9tCjdphjB6blNHiiGMXjx2kGoInxePNYIhFP/Or4G0Q3g8tyn2CYZQ/Du/CtIP4fDcxvSt1yH0h8cyDOchDF48tmB4HEJ/eOzBIBhiPbeh6Fv3IfSHR9O3XofQHx4DGP6G0B8eqzAIhliHx/P0LdWQnjII+tZ9CP3hcTiChWCIOTyS9K37EPLDo923FEPM4ZGsb92H0FZvBzaqIWgqgr6lGDJ4IuhbiiHIEfQtyZBugaBvKYagTtC3JENwR9C3JENqhH1rm2lLCEcNur61rbVlC0f9ImXfnn4uu4arR9q+Pf2A2dV9nq5vT//c2sLdA1nfnv7lHiKNFl3f2j71X2ZIZUzYt7b5/g+T1Q4pPRP2rW25nr1p/Tb72MCBr8NjDqwEKfqWl7xz3zJTdu1bdqaOfctOz61vGZo49S1DDofHClgKHPqWp2rivmWqlLRv2WpS9K1t8xHqL6vZbgk/RkOCvrWEem+xhh+5c/etbbPSvoLE7d/5BfBiqQ2fS+oEfWtEHh928KJD0bdGqC2rDXyoEfStsdERtvCicf6+NbY6whu86BcJ+3ahoyzhRYWwb3WkObxo5wn6lmIIygR9SzIELYK+JRkyJuvbUEdYwZvr2L69hTc7HWGG1Ez1UvXtQtvW8Ceg6tt3bXlbwqMqVd++nuWXulEi61t94B1+Tc/Xt4b9s+tlA88GT2fqW9s83JfuFv5Nzta3tuXHy5dwh3PoFiL7VqB6VN+KdBfRtyKV7L4Vqmn1rVCjn5y/3ybxyPr7bQL3Bc7fb5N4YP39NokO5++3SdRYf79N4nnft8LdFjl/v02iwvr7bQLtPOfvt0mUlcrjIlQv4VfIb4Ea4CIMVBcXoXs5Q3q4CL1L+cVeUQVchILoODRaF/GX3/07m9YYoo2bptmnk5xQkynX//ouk8lkMplM5nL8AsxtFNwXT425AAAAAElFTkSuQmCC);
}

.geetest_captcha .icon {
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.1rem;
  background-repeat: no-repeat;
  background-size: cover;
}

.geetest_captcha .text {
  flex: 0.9 1 0%;
  margin-right: 0.2rem;
  white-space: normal;
}

.geetest_captcha .retry {
  display: inline-block;
  margin-left: 0.12rem;
  color: #005aff;
  text-decoration: underline;
  cursor: pointer;
}

.geetest_captcha .geetest_captcha:hover .geetest_sector {
  opacity: 0 !important;
  animation: unset;
}

.geetest_captcha .geetest_captcha:hover .geetest_ring {
  transform: scale(1);
  animation: geetest_wait_compute 0.8s linear infinite both;
}

.geetest_captcha .geetest_captcha:hover .geetest_dot {
  background: #3873ff;
}

.geetest_captcha .waiting_area .icon {
  position: relative;
  width: 0.3rem;
  height: 0.3rem;
}

.geetest_captcha .geetest_ring {
  background-color: #c6d5f8;
  transform: scale(1);
  transition: all 0.5s ease;
}

.geetest_captcha .geetest_ring,
.geetest_captcha .geetest_sector {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #3873ff;
}

.geetest_captcha .geetest_sector {
  background-color: #80a6fc;
  background-image:
    linear-gradient(115deg, transparent 50%, #c6d5f8 0),
    linear-gradient(65deg, #c6d5f8 50%, transparent 0);
  opacity: 1;
  transition: all ease;
  animation: geetest_rotation 3s linear infinite;
}

.geetest_captcha .geetest_dot {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #3873ff;
  border-radius: 50%;
  transform: scale(0.5);
  transition: all 0.5s ease;
}

@keyframes geetest_wait_compute {
  60% {
    transform: scale(0.75);
  }
}

@keyframes geetest_rotation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

.common-modal-container.dark .common-modal-content {
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 -0.04rem 0.1rem 0 hsla(0, 0%, 100%, 0.25);
  -webkit-backdrop-filter: blur(0.05rem);
  backdrop-filter: blur(0.05rem);
}

.common-modal-container.dark .common-modal-body,
.common-modal-container.dark .common-modal-title {
  color: #fff;
}

.common-modal-container.dark .common-modal-button {
  color: #16b9ff;
}

.common-modal-container.dark .common-modal-button:active {
  background-color: hsla(0, 0%, 100%, 0.25);
}

.common-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483641;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100vw, 530px);
  height: 100%;
}

.common-modal-container .common-modal-wrap {
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.common-modal-container .common-modal-title {
  font-weight: 700;
}

.common-modal-container .common-modal-content {
  position: relative;
  height: auto;
  padding-top: 0.3rem;
  overflow: hidden;
  text-align: center;
  background: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 0.14rem;
  box-shadow: 0 -0.04rem 0.1rem 0 rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(0.05rem);
  backdrop-filter: blur(0.05rem);
}

.common-modal-container .common-modal {
  position: relative;
  width: 5.4rem;
  height: auto;
}

.common-modal-container .common-modal-header {
  padding: 0.12rem 0.3rem 0.3rem;
}

.common-modal-container .common-modal-body {
  height: 100%;
  padding: 0 0.3rem 0.3rem;
  overflow: auto;
  font-size: 0.3rem;
  line-height: 1.5;
  color: #888;
}

.common-modal-container .common-modal-button {
  box-sizing: border-box;
  display: block;
  width: auto;
  height: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.36rem;
  line-height: 1rem;
  color: #108ee9;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  outline: none;
  border-top: 1px solid #ddd;
  transition: all 0.2s;
  -webkit-touch-callout: none;
}

.common-modal-container .common-modal-button:active {
  background-color: #ddd;
}

.force-download-modal .bottom-btn-tips {
  position: absolute;
  top: -0.26rem;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.04rem 0.2rem;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
  background: #ea4e3d;
  border-radius: 0.125rem 0.125rem 0.125rem 0;
}

.force-download-modal .continue-use {
  margin-bottom: 0.25rem;
  font-size: 0.32rem;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.force-download-modal.dark {
  background: rgba(0, 0, 0, 0.7);
}

.force-download-modal.dark .continue-use {
  color: #fff60a;
}

.force-download-modal.dark .force-download-modal__desc {
  color: #fff;
}

.force-download-modal.dark .force-download-modal__download-btn--primary {
  background: #1678ff;
  border: 0.02rem solid #1678ff;
}

.force-download-modal.dark .force-download-modal__download-btn--secondary {
  background: hsla(0, 0%, 100%, 0);
  border: 0.02rem solid #1678ff;
}

.force-download-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483640;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 0.32rem;
  background: hsla(0, 0%, 100%, 0.8);
  -webkit-backdrop-filter: blur(0.1rem);
  backdrop-filter: blur(0.1rem);
}

.force-download-modal.on {
  display: flex;
}

.force-download-modal__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 0.5rem;
}

.force-download-modal__logo {
  margin-bottom: 0.26rem;
}

.force-download-modal__logo img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.1rem;
}

.force-download-modal__desc {
  margin-bottom: 0.7rem;
  line-height: normal;
  color: #323232;
}

.force-download-modal__footer {
  display: flex;
}

.force-download-modal__download-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.96rem;
  height: 0.7rem;
  padding: 0;
  font-size: 0.24rem;
  line-height: 0;
  border: 0.02rem solid #1678ff;
  border-radius: 0.14rem;
}

.force-download-modal__download-btn + .force-download-modal__download-btn {
  margin-left: 0.15rem;
}

.force-download-modal__download-btn--primary {
  color: #fff;
  background-color: #1678ff;
}

.force-download-modal__download-btn--secondary {
  color: #1678ff;
  background: hsla(0, 0%, 100%, 0);
  box-shadow: 0 0.04rem 0 0 rgba(0, 0, 0, 0.02);
}

.force-download-modal .bottom-btn-icon {
  width: 0.4rem;
  height: 0.4rem;
  margin-right: 0.12rem;
}

.force-download-modal .continue-use {
  color: #16b9ff;
}

.force-download-modal .fade-in-enter {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.force-download-modal .fade-in-enter-active {
  opacity: 1;
}

.force-download-modal .fade-in-exit {
  opacity: 1;
  transition: opacity 0.2s ease;
}

.force-download-modal .fade-in-exit-active {
  opacity: 0;
}

.login-2fa-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100012;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #797979;
  background-color: rgba(0, 0, 0, 0.5);
}

.login-2fa-modal.show-modal .login-2fa-body {
  animation-name: zoomIn;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.login-2fa-modal.hide-modal {
  animation-name: fadeOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.login-2fa-modal.hide-modal .login-2fa-body {
  animation-name: zoomOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.login-2fa-modal .login-2fa-header {
  position: relative;
  height: 1.01rem;
  padding-left: 5%;
  font-size: 0.34rem;
  line-height: 1.01rem;
  background-color: #f8f8f8;
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0.15rem 0.15rem 0 0;
}

.login-2fa-modal .login-2fa-header .close-btn {
  position: absolute;
  top: 50%;
  right: 5%;
  width: 0.45rem;
  height: 0.45rem;
  color: #797979;
  fill: #797979;
  transform: translateY(-50%);
}

.login-2fa-modal .login-2fa-body {
  position: relative;
  width: 6.6rem;
  height: auto;
  color: #666;
  background-color: #fff;
  border-radius: 0.15rem;
  box-shadow: 0 0 0.2rem 0;
}

.login-2fa-modal .login-2fa-body .desc {
  padding: 0.3rem 0.3rem 0.78rem;
  font-size: 0.26rem;
  line-height: 1.4;
}

.login-2fa-modal .verify-form {
  padding: 0.41rem 0 0;
}

.login-2fa-modal .verify-form .form-input-group {
  display: flex;
  margin-bottom: 0.31rem;
}

.login-2fa-modal .verify-form .form-input-group.right-side {
  justify-content: flex-end;
}

.login-2fa-modal .verify-form .form-input-group.right-side .submit-verify-btn {
  display: inline-block;
}

.login-2fa-modal .verify-form .form-input-group.left-side {
  justify-content: flex-start;
}

.login-2fa-modal button {
  display: flex;
  align-items: center;
  padding: 0.2rem 0.72rem;
  border: unset;
  border-radius: 0.05rem;
}

.login-2fa-modal button.loading {
  padding: 0.2rem 0.72rem;
  padding-left: 0.38rem;
  background-color: #a2c0d3;
}

.login-2fa-modal .submit-verify-btn {
  display: block;
  font-size: 0.3rem;
  color: #fff;
  background-color: #17a6ff;
}

.login-2fa-modal .submit-sms-btn {
  display: block;
  font-size: 0.3rem;
  color: #fff;
}

.login-2fa-modal .submit-sms-btn,
.login-2fa-modal .submit-sms-btn.loading {
  padding: 0.2rem 0.28rem;
  background-color: #a2c0d3;
}

.login-2fa-modal .submit-sms-btn.countdown {
  min-width: 1.8rem;
}

.login-2fa-modal .spinner-grow {
  display: inline-block;
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.08rem;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}

.login-2fa-modal input[type="text"] {
  height: 0.9rem;
  font-size: 0.28rem;
  color: #919191;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 0.05rem;
  transition: border-color 0.3s ease 0s;
}

.login-2fa-modal input[type="text"]:-webkit-autofill {
  box-shadow: inset 0 0 0 10rem #fff !important;
  -webkit-text-fill-color: #919191 !important;
}

.login-2fa-modal input[type="text"]::-webkit-input-placeholder {
  color: #c9c9c9;
}

.login-2fa-modal input[type="text"]::placeholder {
  color: #c9c9c9;
}

.login-2fa-modal input[type="text"]:focus {
  background-color: #fff;
  border: 1px solid #676767;
  border-radius: 0.05rem;
}

.login-2fa-modal input[type="text"].error-tip {
  border: 1px solid #ef4743;
}

.login-2fa-modal .country-code-select {
  flex: 1 1 0%;
  justify-content: left;
  color: #919191;
  border: 1px solid #dbdbdb;
  border-radius: 0.05rem;
  transition: border-color 0.3s ease 0s;
}

.login-2fa-modal .country-code-select i,
.login-2fa-modal .country-code-select img {
  margin-right: 0.08rem;
}

.login-2fa-modal .country-code-select + input {
  flex: 2 1 0%;
}

.country-code-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1.3rem;
  padding-left: 0.1rem;
  color: inherit;
}

.country-code-select span.country-code {
  font-size: 0.25rem;
  font-weight: 400;
}

.country-code-select img {
  position: relative;
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
}

.country-code-select i {
  position: relative;
  top: 0.07rem;
  width: 0;
  height: 0;
  border: 0.08rem solid transparent;
  border-top: 0.08rem solid red;
}

.popup-country-code-select {
  max-height: 6rem;
  overflow-y: scroll;
}

.popup-country-code-select .am-list-item .am-list-line .am-list-content {
  display: flex;
  align-items: center;
  font-size: 0.28rem;
}

.popup-country-code-select .header-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.popup-country-code-select .header-wrap .close-btn {
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 0;
  transform: translateY(-50%);
}

.popup-country-code-select .am-list-header {
  height: 0.8rem;
}

.popup-country-code-select .am-list-body {
  height: 4.6rem;
  overflow-y: scroll;
}

.popup-country-code-select img {
  position: relative;
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
}

.login-2fa-btn {
  display: flex;
  align-items: center;
  padding: 0.2rem 0.72rem;
  border: unset;
  border-radius: 0.05rem;
}

.login-2fa-btn.loading {
  padding: 0.2rem 0.72rem;
  padding-left: 0.38rem;
  background-color: #a2c0d3;
}

.login-2fa-btn .spinner-grow {
  display: inline-block;
  width: 0.26rem;
  height: 0.26rem;
  margin-right: 0.08rem;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.twofa-tabs {
  padding: 0 0.3rem 0.3rem;
  padding-bottom: 0;
  font-size: 0.28rem;
}

.twofa-tabs .tab-list {
  display: flex;
}

.twofa-tabs .tab-list-item {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  margin-bottom: -1px;
  list-style: none;
  border-bottom: 0.06rem solid #e3e3e3;
}

.twofa-tabs .tab-list-active {
  background-color: #fff;
  border-bottom: 0.06rem solid #17a6ff;
}

.twofa-tabs .tab-list-item-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.twofa-tabs .tab-list-item-wrap .tab-list-icon-wrap {
  display: flex;
  align-items: center;
  height: 0.64rem;
  margin-bottom: 0.31rem;
}

.twofa-tabs .tab-list-item-wrap .tab-list-icon-wrap .tab-list-icon {
  width: auto;
  height: 0.64rem;
}

.twofa-tabs .tab-list-item-wrap .tab-list-icon-wrap .tab-list-icon.email {
  height: 0.43rem;
}

.twofa-tabs .tab-list-item-wrap .desc-text {
  margin-bottom: 0.14rem;
  text-align: center;
}

.ad-popup-wrap.popover-wrap {
  position: fixed;
  inset: 0;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  height: 100dvh;
}

.ad-popup-wrap.popover-wrap .popover-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(0.1rem);
  backdrop-filter: blur(0.1rem);
}

.ad-popup-wrap.popover-wrap .pointer {
  cursor: pointer;
}

.ad-popup-wrap.popover-wrap .popup-msg-wrap {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: calc(var(--vh, 1vh) * 90);
  max-height: 90dvh;
  padding: 0.32rem 0.1rem 0.2rem;
  background: var(--gradient-1);
  border-radius: 0.1rem;
}

.ad-popup-wrap.popover-wrap .popup-msg-wrap.has-img {
  padding: 0;
  background: transparent;
}

.ad-popup-wrap.popover-wrap .popup-msg-wrap .popup-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.ad-popup-wrap.popover-wrap .popup-msg-wrap .popup-close:after {
  position: absolute;
  inset: -0.05rem;
  content: "";
}

.ad-popup-wrap.popover-wrap .popup-msg-wrap .popup-close svg {
  width: 0.32rem;
  height: 0.32rem;
}

.ad-popup-wrap.popover-wrap .popup-msg-wrap .popup-close--top-right {
  top: -0.5rem;
  right: 0.1rem;
}

[dir="rtl"]
  .ad-popup-wrap.popover-wrap
  .popup-msg-wrap
  .popup-close--top-right {
  right: auto;
  left: 0.1rem;
}

.ad-popup-wrap.popover-wrap .popup-msg-wrap .popup-close--bottom {
  bottom: -0.54rem;
  left: 50%;
  transform: translateX(-50%);
}

.ad-popup-wrap.popover-wrap .popup-msg-wrap .popup-close--bottom:hover {
  transform: translateX(-50%) scale(1.1);
}

.ad-popup-wrap.popover-wrap .popup-msg-wrap .popup-msg-img img {
  width: clamp(3.5rem, 88vw, 5.5rem);
  max-height: calc(var(--vh, 1vh) * 85);
  max-height: 85dvh;
  object-fit: contain;
  border-radius: 0.1rem;
}

.ad-popup-wrap.popover-wrap.show-popup .popup-msg-wrap {
  animation: ad-popup-zoom-in 0.25s ease-out both;
}

.ad-popup-wrap.popover-wrap.hide-popup {
  animation: ad-popup-fade-out 0.2s ease-out both;
}

.ad-popup-wrap.popover-wrap.hide-popup .popup-msg-wrap {
  animation: ad-popup-zoom-out 0.2s ease-out both;
}

@keyframes ad-popup-zoom-in {
  0% {
    opacity: 0;
    transform: scale(0.85);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes ad-popup-zoom-out {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.85);
  }
}

@keyframes ad-popup-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.app-upgrade-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100012;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.app-upgrade-modal.show-modal .app-upgrade-body {
  animation-name: zoomIn;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.app-upgrade-modal.hide-modal {
  animation-name: fadeOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.app-upgrade-modal.hide-modal .app-upgrade-body {
  animation-name: zoomOut;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.app-upgrade-modal .app-upgrade-body {
  position: relative;
  width: 6rem;
  height: auto;
  color: #666;
  background-color: #fff;
  border-radius: 0.2rem;
  box-shadow: 0 1px 0.4183rem 0.0517rem rgba(80, 80, 80, 0.65);
}

.app-upgrade-modal .app-upgrade-body .close-btn {
  position: absolute;
  top: -0.87rem;
  right: 0;
  z-index: 100013;
  color: #fff;
}

.app-upgrade-modal .app-upgrade-body .close-btn svg {
  width: 0.55rem;
  height: 0.55rem;
  fill: currentcolor;
}

.app-upgrade-modal .app-upgrade-body .banner-title {
  display: flex;
  align-items: center;
  width: 3.6rem;
  height: 1.04rem;
  padding-left: 0.34rem;
  margin-top: 0.48rem;
  font-size: 0.36rem;
  font-weight: 700;
  line-height: 1;
  color: var(--s-app-modal-color, #fff);
  text-shadow: 0 0.02rem 0.1157rem rgba(0, 0, 0, 0.34);
}

.app-upgrade-modal .app-upgrade-body .app-upgrade-banner-bg {
  width: 100%;
  height: 2.15rem;
  background-color: rgb(var(--s-app-modal-bg-rgb, 183, 153, 128));
  border-radius: 0.2rem 0.2rem 0 0;
}

.app-upgrade-modal .app-upgrade-body .app-upgrade-banner {
  position: absolute;
  top: -0.2rem;
  width: 100%;
  height: 2.49333rem;
  background: url(/m/banner.4ff934c0.png) no-repeat 100%/100%;
}

.app-upgrade-modal .app-upgrade-body .desc-wrap {
  margin-top: 0.56rem;
}

.app-upgrade-modal .app-upgrade-body .desc-wrap .desc-text {
  max-width: 4.2rem;
  margin: 0 auto 0.35rem;
  font-size: 0.32rem;
  line-height: 1.2;
  color: #666;
  text-align: center;
}

.app-upgrade-modal .app-upgrade-body .desc-wrap .download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.07rem;
  height: 0.7rem;
  margin: 0 auto 0.48rem;
  font-size: 0.32rem;
  font-weight: 700;
  color: var(--s-app-modal-color, #fff);
  background-color: rgb(var(--s-app-modal-bg-rgb, 183, 153, 128));
  border-radius: 0.4rem;
  box-shadow: 0 0.04rem 0.0837rem 0.63px
    rgba(var(--s-app-modal-bg-rgb, 183, 153, 128), 0.45);
}

.bottom-modal-v1-app .bottom-popup-slide-enter,
.bottom-modal .bottom-popup-slide-enter {
  opacity: 0;
  transform: translateY(100%);
}

.bottom-modal-v1-app .bottom-popup-slide-enter-active,
.bottom-modal-v1-app .bottom-popup-slide-exit,
.bottom-modal .bottom-popup-slide-enter-active,
.bottom-modal .bottom-popup-slide-exit {
  opacity: 1;
  transform: translateY(0);
}

.bottom-modal-v1-app .bottom-popup-slide-exit-active,
.bottom-modal .bottom-popup-slide-exit-active {
  opacity: 0;
  transform: translateY(100%);
}

.bottom-modal,
.bottom-modal-v1-app {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483640;
  display: none;
  width: 100%;
  height: 100%;
  height: -webkit-fill-available;
  height: stretch;
  font-size: 0.28rem;
  color: var(--a2hs-font-color, #111);
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(0.05rem);
  backdrop-filter: blur(0.05rem);
}

@supports (height: 100dvh) {
  .bottom-modal,
  .bottom-modal-v1-app {
    height: 100dvh;
  }
}

.bottom-modal-v1-app.on,
.bottom-modal.on {
  display: block;
}

.bottom-modal--icon,
.bottom-modal-v1-app--icon {
  flex: 0 0 1.28rem;
  width: 1.28rem;
  height: 1.28rem;
  border-radius: 0.08rem;
}

.bottom-modal--desc,
.bottom-modal-v1-app--desc {
  line-height: 1.4;
}

.bottom-modal--content,
.bottom-modal-v1-app--content {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 0.4rem 0.4rem calc(0.4rem + var(--safe-area-inset-bottom));
  background-color: var(--a2hs-bg-color, #fff);
  transition: all 0.25s;
}

.bottom-modal--content-main,
.bottom-modal-v1-app--content-main {
  display: grid;
  flex-direction: row;
  grid-auto-flow: column;
  grid-column-gap: 0.18rem;
  margin-bottom: 0.188rem;
}

.bottom-modal-v1-app .btn-group,
.bottom-modal .btn-group {
  display: flex;
  justify-content: flex-end;
}

.bottom-modal-v1-app .bottom-btn,
.bottom-modal .bottom-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.2rem 0.5rem;
  font-size: 0.24rem;
  border-radius: 0.08rem;
}

.bottom-modal-v1-app .bottom-btn--cancel,
.bottom-modal .bottom-btn--cancel {
  color: var(--a2hs-btn-cancel-font-color, #111);
}

.bottom-modal-v1-app .bottom-btn--agree,
.bottom-modal .bottom-btn--agree {
  color: var(--a2hs-btn-color, #fff);
  background-color: var(--a2hs-btn-bg-color, #009d81);
}

.download-bar {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10001;
  width: 100%;
  max-width: 530px;
  height: var(--download-bar-height, 1.7rem);
  padding-top: 0.3rem;
  padding-left: 1.8rem;
  color: #fff;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACqBAMAAAAAZdeqAAAAJ1BMVEUil/8rkP80dvQ4h/4wefQqifopjfw0iv4wjf41ffkrhPktgPg3g/y/Ut+fAAAE7ElEQVR42uzVMW4EIRAFUSMCNkWcBP1g5lqIE6C5uANnmzS2G7VWqneESuoLb5Isq/7fF94UWSrdD8gyXHQ/4ZGh0/0EWQbdf3zgVun+h63S/YAmw033E6YMne4/PnGrdH/zkmXR/YAsS6X7AY8MF91PkKXT/YAky6D7AVmWRfcDmiyV7gdMGS66H5Bkuel+QJGl0/2AJsug+wFTlkV3f0mmSnd/RZaL7gc0WW66HzBl6XT3l2QadPdXZFp099dkqnT3N2W56O4vyXTT3V+he4gmU6e7vynToLu7JNuiu7ssW6W7uybTRXd/onuEl2w33d1l2Trd3U3ZBt29JdE9QtGGRXdvTRsq3b2J7hFe2nDR3VvWhpvu3h66R0ja0enurGjHoLuzRvcQ2rLo7utF9xBZWyrdfU3tuOjuK4nuEbK23HT39dA9QtKeTndXhe4hHu0ZdHclukcodA/xaNOiuyfRPULRrkp3R43uIbTrorujQvcQje4htO2mu59C9xAP3UNoX6e7m0L3EA/dIyTRPULWLwy6e5l0j5BE9wiZ7t/s2jFuGzEQhWEbxq6F7QLfYCAVlsptUxGjAwjQEEhcsUgKq/QJgpxCgEv5BtIJ3PpQ2cRBiNiSODQpcZec7wg/HobFbhIP0j2FUevlh3SP40a6J9FK9xSupXsSP6V7CpetdE/hSron8dB6+iTdIxi10j2FG+meRCvdU7iW7kk8SPcURq10T+FGuifRSvcUrqQ7U/JXVbqHG7XSnSv+q/r5Zd2Bv27X6xfpflKXbdslB7Bs/Mdn6X4i9RfbfG/7F+keXX2HCE7d7KV7PPVX7CjocNLLd48ovm3xD7Bc6aV7jPvySoGH9bN0D1Bt8B/wc/so3YMOjO3uXV66B1e3Z8bv3Ej3kOp27v7lpTtfZas75u62lv+wmeoNvgMfN/8u3Tnu8D0V0p3ISHeXe9wHwrqTNtKdfdgtFdi9o6U797BbEGJCr4x0Z50YS0XpTlq6u8cev3vHSPe3VngYBJmSpaW7a+yWCu9uGelu3eMxEGZG/9HSnTH2jorbnbSR7r81eBwEGtNbRrpfXCzxOBW/O+niu1dbdIB43S1dePcVuigIRvuYkrtv0AnC0V6m2O7VFp0UhHs6EL7Q7vfIABHsaD9dZPclMqhTdiddXvd6ixwQw5wO0aV1r5BFnbg76bK6r5AHopjQYbqk7ks859xhSkfoYrrXW2SCM3QnXUj3CrkUxDGjo3QR3ZuzZ4cxHacL6L5CNjhXd9LZd18im4JoyEVn3n2DfBDPkzt8zt3rLSaZO+zIaZFv9wp9QERzcjO5dm/Qhzp3dzJ5dm/QC8Q0IQ6TY/cVpps7TIklw+7LlNlhRiw6u+5L9ANxjYlHZ9Z9g35Uou60yKr7Bj1BbMRl8ulebzHR3K0n4sqme5c9+dxhR1w6k+419iA7zIltkUX3CjH9lQGYEJ/JoHuFvZg7TMnD8LtX2I+5w4w86KF3b/qSHcbkYzHs7g325Mp0yIsZcvcGezN3gB350APu3mCP5g5z8rIYbPd+ZYcJ+TED7f6r2jI0AgCGQaCqYS4WiInv/ktUYqmDH+EvRx5MWhmFpMt2egezzl0h6TKN3sGwc1dI2tw+73naFZI2W+cdTFsZheQHU+YdDDx3haRPl/dM7QpJn23yfpi4MkZIuq/1ASOZz07D7jXaAAAAAElFTkSuQmCC)
    no-repeat;
  background-size: 100% 100%;
  transition: all 0.5s;
}

.download-bar.show-bar + .this-mc-header {
  top: var(--download-bar-height, 1.7rem) !important;
}

.download-bar.show-bar + .this-mc-header + div {
  margin-top: 2.7rem !important;
}

.download-bar.show-bar + .this-mc-header + div .banners {
  margin-top: 0;
}

.download-bar.show-bar + div + form {
  background-position: 100% 1.7rem;
}

.download-bar.dark {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAACqBAMAAAAAZdeqAAAAFVBMVEUyMjI3NzcrKyshISEuLi49PT0lJSV/zlfcAAAEsklEQVR42uzVwamlQBSE4XdV3HcI0gmoJe7FSMT8cxiY5d2cM0w1zYP/C+FfVP3gy6DIUv7fD77MihS6N3ArsNO9harASvcWFHno3sCgyEX3BkZFCt3/+o23SvdvrwIr3RuYFFno3sCsyEX3Bm5FCt0bqArsdG9BkZXuDQyKPHRvYFTkonsDVZFC9wYU2enewKDIQfcGZkU2ujdwK7LQvYFXkQ/d/SaFCt39ZkV2ujdwK3LQvYFXkY3ufpNCC939ZoUuuvvdChW6+72KnHT3GxQ66O43KrTS3a8qtNHdT7GF7naDYhfd7UbFCt3tqkIn3f0U2+luNyi20t3uVmyju92r2EN3t0kJC93dZiVcdHerSih0d1PCSXe3QQk73d1uJRx0d3uVsNLdbFLGRnezURkP3c2qMha695gZXXT3mpXyobvXrZRCd69XGSfdvQal7HTvMjMH3b1euvcwKWelu9WonI3uVlU5D917zIwWujvNdO+iKumie4+Z0YfuPWZGhe5Gle5O/pk56W40072Lqqyd7j6T6N7DrLSD7j5VaSvdbSbRvYdReRvdbSrde5hE9x5GKe+hu8tL9x4G/YuF7iY33f+wa8c4bsNAFIaRLO0+hXv72dYFBKQPM07PYi4QAbr/EbIuNgQS2xya46VEzneEHw+UQLCK0brXsB2z/LDuOo7WvQY3Wvcatta9iuOY54t11/l5t+41/LTuVUzWvYbtmOubdVdwtO41uNG61/Bm3auYrHsNX0frXsPRutfgRutew5t1r2Ky7jVsR+supv9V/T7Pv/HXME/W/aXcNTlummfr/jK/8NA8WXd1joiQNMx2D6yJrjxEZuuuN/UrSA2zdS9GHzwyDJN1V5h67C432TuOguoRss3Wvbg6eTxhtu7PVY/wnMG6l1Qnj2cN1j27eoTnbYJ1l6AbfEl3ZuueNfYIBS78zrrLq0e+uDsH634f3YHS7lfBuifGrtv9zB+s+y10l1fqzsG6p8ceociBo2DdU2OPfHn3yLonxh5BszsH654Yu87csed/WPfk2K+g3Z2DdU+MXWHuOPF/QvfdHaVAsXvUefd0do9ifEvX3SkNut2jfrs7SvMot+ObQqfdHQlAvXsUuuxOEh4KNnxH6LA7ieCl3Tn01t2RiIeGC9/XV3dHMlBx5gd66k5C/hO6cz/dSQo6DvxQJ90dSfnP6c5ddHckBiV7Tuige4XsOHFCaL47yXmo4ZTQeHfKAD27dPimu1MGr9o9KbTb3VEOKNpwWmi1u6Nac8eFBUKb3R1lgaYzSzTZ3VG9uePAIg12p0yo0Z2b6143O/YsExrrTpk8dJ1YKDTVnXJBG0u11J1qzT3asVQ73an+3LFhqdBId0cLmDsuLBaa6L6M7DizXAvdHS3hlAEOnGH93R0tY+7Yc4aw9u6OFjJ3nDhHWHf35WQHOMuquztayinzbsdZVtzd0YLmjg1nCavt7mhJc8eF86y1+59q6qAGYCAIoehlKqEClrROxsAc8G+ltcBmD/AlvBDM2LEolulebfUyG+6T6F5tNnc8VAt092MHKBfnXu32Mn831SbMvdpw7rgol+XuyY6XcpPkXu34MsDiocF/EDKYTlhwgcgAAAAASUVORK5CYII=)
    no-repeat;
  background-size: 100% 100%;
}

.download-bar.dark .download-bar-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAARVBMVEUAAABtbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW3y8vKEhIT////q6ura2tqbm5u8f1auAAAAEHRSTlMA7Zjjs6yHWDccE9PSeXgKqj4VcgAAAO1JREFUOMuNlUuWgzAMBKUQGwOBNOFz/6MOi4yN08mja8WingSW3FhNmsLDAX+EKdlPutjgRBO7r1p/A3Hr2WsdX/D208vlqGilPe/4yf1phbPHJvW97N7igvZ9Ln4lel8aC807CHSHGJHZ5hcKr3nLz/EQT/Odl8Ms3rKWuZulc423WZ4zyUawyR4mC2CTPQQbwCZ7GMzB5k4e3AA2F/IAFrEf4g4SXavoNmjvOFjQvjrYqJ3jZEmbTDJrlFk3ec0utifWi7ut1T6uW1lc9SrIl0u+rnoA6JGih5Qee3qQ6tGsh30hjf+/jzFZxR+Ckk6I2sO5RAAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 0.42rem 0.42rem;
}

.download-bar.dark .download-bar-btn {
  background: linear-gradient(180deg, #fe303c, #f8717a);
}

.download-bar.dark .download-bar-gift {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABFCAMAAADEkbAlAAAAV1BMVEUAAABhQtVrSN+ZZ/5+Vu+PYPpkRNhyTuZrSd+YZv6SY/uMX/eAV/B6U+yGW/RhQtVsSuBiQ9ZlRdlyTeZoR9x3Uep8Ve6BWPGMX/eHXPSGXPSQYfqVZf2S29mRAAAAEHRSTlMAiB8fHx/f39/f39/f399ozQBaKAAAAQZJREFUWMOtzlmSwjAMRdFuupknY2dwiPa/TkxBQQgeJOvdJ/+e8g+gP4SxRRiEMAhhEMIghEEIg1TGjh4hDEIYhDCo3hjfIYxRYSiR5X78qNbw01UZfhbC8AjDIwwvN4b7Pk9onIZYCGNAGIPIuCbiG//B6OOTGMnYxqFPJzKuibGNXAij5xldPqbRZ8c1spWNY1eMabTZxzHarlDJaDkVjY5xJUP7k0UwtMhi3XLLGo65tOH4IQyHMBzCcCnDSBY1jLCIsTFG9A/jooYzsiKGvJjRhIlK/qMR3Mxoqvo2jPxmRl0TY9XUNjFsdQjDIgyLMOzTuKh6GVaxh6FMb4QARkDOv/puKYaxAB8Y6XYAAAAASUVORK5CYII=)
    no-repeat;
  background-size: 100% 100%;
}

.download-bar.hide-bar {
  top: -1.7rem;
}

.download-bar.hide-bar + .this-mc-header {
  top: 0 !important;
  transition: all 0.5s;
}

.download-bar.hide-bar + .this-mc-header + div {
  transition: all 0.5s;
}

.download-bar.hide-bar + div + form {
  padding-top: 0 !important;
  margin-top: 0 !important;
  transition: all 0.5s;
}

.download-bar.hide-bar .download-bar-gift {
  display: none;
}

.download-bar + div + form {
  padding-top: 1.7rem !important;
  transition: all 0.5s;
}

.download-bar .download-bar-icon {
  position: absolute;
  top: 0.16rem;
  left: 0.2rem;
  width: 1.4rem;
  height: 1.4rem;
  overflow: hidden;
  border-radius: 0.32rem;
}

.download-bar .download-bar-icon img {
  width: 1.4rem;
  height: 1.4rem;
}

.download-bar .download-app-name {
  font-size: 0.32rem;
}

.download-bar .official-logo {
  display: inline-block;
  min-width: 0.68rem;
  height: 0.38rem;
  padding: 0 1em;
  margin-left: 0.13rem;
  font-size: 0.2rem;
  line-height: 0.38rem;
  vertical-align: middle;
  color: #34bff9;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAmCAMAAABK8c3RAAAAmVBMVEUAAABe4oxO1Lpj5YA1wPdl53o2wfVk5nxm53c8xeVg44dm53c0v/o7xOk2wfVl5nth5IM0v/o5w+w5w+zu8/hm53g0wPnM6/c/yNxCy9VJ0MRP1bNV2qJY3Zpb35Pq8/Y2wfU3wvA8xuOB1vQ6xOvW8ePS8OBFzM9GzspL0r5N07lS161T2Khg5IXl8fhSyPOZ6rKc661455DHd3IrAAAAFHRSTlMA/gb+lJMrKvj219fW1ry8j/SQj40QoG8AAAECSURBVEjHrdbXdcMwEETRZVaWbBMGMwIpZlqh/+JMSR1g8Aq4Z89+Db2Kgv2GGbTZBxF9cgMGFLhv48zYoxWxQaJ9MHZ+KYH3vMbGXZ9eQBR53moAiudFdFnuMdR9udBuaTGkXXbkOAJDhOOsSAy2IlWFIlVlBylLFClLO0hRoEhR2EHmGUXmmaYJRaaJ8hxF8twOMo4oMo40DCgyDJRlKJJldpC+R5G+p65Dka6jNEWRNLWDJAmKJIkdRGsU0Zq2WmDGn97SseEYwpsj/TQ1htTNN4VKcegQpUIiX904YNyUT0TuScqaC6Of8lrK02cq+fLXOOm79Cn0D0bC18EPae0fIXfMvcEuS6UAAAAASUVORK5CYII=)
    no-repeat;
  background-size: 100% 100%;
}

.download-bar .app-star-grade {
  height: 0.25rem;
  margin-top: 0.12rem;
  font-size: 0.24rem;
  font-weight: 700;
  color: #fff;
}

.download-bar .star-icon {
  display: inline-block;
  width: 0.24rem;
  height: 0.25rem;
  margin-right: 0.08rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAB8UlEQVRIibWVO2gVQRSGvw3rE01xDRbaqFwlRvAaomJA0ZQqWAZsLLUQRAQFsQ/WAQ1EC3sbRVMbIaCFj0YFQcTKEPGFj4By5/yyl71xd2eyd68xH5xi/v3PnJ3ZszORHh+hC54AG4Ah4HOVtBiTJy7C+XTihGvAybAtT6SZw564CJ+AWuZRX6qV0tNaQecYxVQr+C5VyY00fajsBdq8BAYK2jdgE/DTc2fowYkOMYzTQMDTi9OpgJ6LKgXGAlo7zgW0XMStQZ61wA6gARwFyvq4H5gC7gHPgVfA96wh0v3hOnAB2AVsTKPmTVWN5Lt8SOM1cDPSnQNz6aTLgZIt+riMBb7GNO048HQJ21LGiWQF74B9wAtgTYm5W5LmmIlptrroLXAwXcn/YBR4SOuway606TNgBHiwxAJngdvtQYyz7MNp4BhwF1jhpZaTvOlF4HrWFWmiEcpKfpo9nlrObHo25Qj9yQmrPKUz69NTYL5TgV5g6z8UWAfsT7e5tMBuYLWXXo29VQoMdTdnji1FIVSg7qX95Q3wo6QB+opC6D7YHNB+4XQZp+04DeJ0BqfZgK8fpyh/4fj36M7C+AambZiuZrRJTHVMYwVvA9PKrBYqcAvTF0yPMI1gOo3pfcA3j+kKpkFMU5jmMI1j+r3gMfEHYuuCMyxwS34AAAAASUVORK5CYII=)
    no-repeat;
  background-size: 0.24rem 0.25rem;
}

.download-bar .grade-text {
  display: inline-block;
  vertical-align: top;
  color: transparent;
  background: linear-gradient(0deg, #ff8027, #ffc840);
  -webkit-background-clip: text;
  background-clip: text;
}

.download-bar .download-bar-gift {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0.68rem;
  height: 0.69rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABFCAMAAADEkbAlAAAAV1BMVEUAAAAaEYYhGZovL8MmH6khGJg1OM4xMsYuK8ArJrkdFY8bEokoI7IkHKAaEYYaEYkdFI4kHKEiGpspJLQfFpMmH6cnIa0hGJYrKb0vLcI0NswwMcUyM8hGEzoQAAAAD3RSTlMAiB8f39/f39/f39/f32hUJc9FAAAA+ElEQVRYw63O2ZrCIBBE4Zk4izuIihF9/+f0ptwIJtBVp/v6/+pL0Exh/CmMpDCSwkgKIymMpDCSwkiM8Z8QY1zvcQayG5dnnIE4A9mM+fktzkAmo8+yGef3Uxi9wRjWaiz6QgZjP3huB2oz9uVajb70bQa7ZLbGDiMC43MtRsQNajJQzK/K6NYgiCXdTxxPYUSFERVGnDaO09UYceq5HYgzEGegUWNX2Yix2dXGGYgz0IgRqo/bgcrGb2hKYQSFERRGKBin5jgDcQbKjYOl3KCRbnmwlRnedK+Gt6YwvMLwD8MRwVg55+2nMBwMLoXhFIaDQSLbb74bWB6oAdQUUQYAAAAASUVORK5CYII=)
    no-repeat;
  background-size: 100% 100%;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}

.download-bar .download-bar-gift .gift-icon {
  display: block;
  width: 0.61rem;
  height: 0.56rem;
  margin: 0 auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA4CAMAAAB5cQBoAAABPlBMVEUAAAD/thz/0jr/uy3/2UT/tRT/tRP/vBH/thP/3GD/xBz/tRT/tRT/thX/wBf/uBb/uCn/rCP/tRT/thL/yQ3/vCT/wBP/tRT/tRT/xQ3/uBL/ww3/wSr/yQ3/xw3/3En/pQ3/10H/0Tv/yDL/syb/1Ur/sw7/vxz/wCX/ui3/2UT/32j/sw7/uy3/wCr/ww3/qAz/yQ3/tRL/10H/4XP/uSv/xi//sSb/y0D/tyj/uh3/zzr/20X/qyP/rSL/wBf/0z3/2Vr/yjX/yD3/xBv/riX/5Hr/0Er/phD/qAz/1lT/wy3/qiD/vhj/wx7/xDj/vh//syj/thr/vQ7/213/0k7/zkb/ww3/vyP/3mr/3WL/1FD/yQ3/vRX/uiX/tiX/uCH/vR3/xhv/vij/uxr/vTD/3m//yTL/6Ij/ngsl2EZJAAAAMnRSTlMAPg3f8b32FArf3NNibCc12to5LeTe3tq3Uvq3mpdo8+Tg4ODa2ZWJ8O3n38K+s6mLgnqDZnQAAALFSURBVEjHzNNPC4IwGAbw18gplAumlH/QulSXoHq7duhY54IIdg76/l8gfFVEXKITpN/tZcjjnm3QhoA+TOhhilPQJhgyoZ3MEJHppXMfMz6HzpwQC6EDnblFtukOvG9iMGTGwOdd8qEPDv9lBj2MFhZos000bdAkJog40fx5BzNNNz85Vo8tLrMMyhZNvXgy4uUYeDJW79sFhUBK6SX5YMXpZKk6t5TtR8/UnpaCOQ2J4rzV7bvhncwDsLf3TASlSgO1J7jBwmaHOTZr2f5odVM4NGTTVznnc1VY8Xz5x61bj8nyfCKv94u8Hxeal+MMkFrn38bqZUdtGArA8EhZNZu2C2bFpjf1pnZDTbAzibkkRCIXkgiQGxTCDFTT93+COTZ2Ei9izS8kSz58sgVS8uNBa636q+93WPu/P0z6PfyRrauJ1l2/AT2fdHr+Gv1x3quvXW0wpF2tTi+1/QH9adnrudO76bLfkJ72W7Z6EWuDAR3Ht6/Foue17H910SYD+uv4d4N5jLFTgxayKiKMXcTgxL6Nx8OP/oRX1nWZJN5WFdf06osJCWzTS8/3Pb+ktPS9JFzJZlNKYBs+j0EwMmmFQZ87fW0xeW/Snlem/GRYaau3CccJx55R+2WdlmB9Qulqdgu0Otkz65LWxAs5Tsms04BzgX2jvtYkhEialo7CB7i5A1hMjFphSsJWR1uBzyHvs0kTB+LXdkJ8kEVbX2CYhGfbpBWGBUey/eoK2OG4ycwacAoYypU+uhQwr8mejLpoOC4gku1lG5fmhQNbp+wpe2fSmF8bQ480O26Ooo1LCtgRGBt/NYUJpWwjW8wcDAlcGM+GayMop5SgVh8chG4YI7NWOMf/FrJdVCDEsiDDCJl1LjGsra6iBrEgyBBk1i0GvZNVe3wBfBH6u0G/tSxrdH9vW7w3sp9fRrZtjyzRrzvVC7YFKaWbRgj9AAAAAElFTkSuQmCC)
    no-repeat;
  background-size: 95% 95%;
}

.download-bar .download-bar-btn {
  position: absolute;
  top: 0.58rem;
  right: 0.58rem;
  min-width: 1.63rem;
  height: 0.56rem;
  padding: 0 1em;
  font-size: 0.26rem;
  line-height: 0.56rem;
  text-align: center;
  background: linear-gradient(-90deg, #33befd, #67e875);
  border-radius: 0.28rem;
}

.download-bar .download-bar-close {
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  width: 0.42rem;
  height: 0.42rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAS1BMVEUAAAAic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8wic8zo8fpDiNT////s8/tIi9Xi7Phnn9zJ3fPA1/CNrXIOAAAAD3RSTlMA7vjSMAe2r5uAPjYkjo2gTvjAAAABC0lEQVQ4y5XV3Y6EIAwF4BYGEUb3qDvqvv+TrvOTAdIa5NwZvyA2pVAZF4O3bAxbH6Kj89x6Rhbub2ewg0inYTcaKDGj2MZgcRI7lPLOOA3fNVm3Q5K6Hb5/ZFGJdR86opqfTz1NnZp3fTtcSPdaFJfyXLZHyj7NSHlMe3roiRwjZV0y+/hd1qxgjiKyzNNhkyy+ESlAWFUikIe0moQnC81KCUsMxW5SgslAsYuUMArFdtANkqYNpHqqqzJZRU7bJK0lr8gZs7Segiah2EBRk5qN5FhKzbIrm/D9Ntk1b8Kytff1kMmuf1lrNxyYhmN49XCPDSOjfRDVx1v70KyP4qYB335ttF9G9SvuH1HzUOfnQHc1AAAAAElFTkSuQmCC)
    no-repeat;
  background-size: 0.42rem 0.42rem;
}

.download-bar .app-full-name-wrap {
  display: flex;
  align-items: center;
  height: 2em;
}

.download-bar .app-title-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.download-bar .download-bar-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.app-full-name-wrap,
.app-text {
  max-width: min(46vw, 243.8px);
}

.common-spinner-loading-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  height: 100dvh;
}

@keyframes c-rotator {
  to {
    transform: rotate(1turn);
  }
}

@keyframes c-colors {
  0%,
  to {
    stroke: #ff5676;
  }
  40% {
    stroke: #3296ff;
  }
  66% {
    stroke: #30f282;
  }
  80%,
  90% {
    stroke: #fefc41;
  }
}

@keyframes c-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

.common-spinner-loading-wrap .common-spinner-loading {
  width: 0.65rem;
  height: 0.65rem;
  animation: c-rotator 1.4s linear infinite;
}

.common-spinner-loading-wrap .common-spinner-loading .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation:
    c-dash 1.4s ease-in-out infinite,
    c-colors 5.6s ease-in-out infinite;
}

.invite-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 1rem;
  padding: 0 0.2rem;
  background: #2c2c2c;
  box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.12);
}

.invite-nav .share-left {
  display: flex;
  gap: 0.06rem;
  align-items: center;
  font-size: 0.28rem;
  font-weight: 700;
}

.invite-nav .share-text1 {
  color: #fff;
}

.invite-nav .highlight {
  color: #f9bb22;
}

.invite-nav .wrap-right {
  display: flex;
  gap: 0.24rem;
  align-items: center;
}

.invite-nav .share-right {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.34rem;
  height: 0.66rem;
  font-size: 0.24rem;
  font-weight: 700;
  color: #fcfcfc;
  cursor: pointer;
  background: #2c2c2c;
  border: 0.02rem solid #656565;
  border-radius: 0.04rem;
}

.invite-nav .share-right:active {
  opacity: 0.8;
}

.invite-nav .close-btn {
  color: #e2e2e2;
  cursor: pointer;
}

.invite-nav .close-btn svg {
  width: 0.3rem;
}

.invite-nav .close-btn:active {
  opacity: 0.8;
}

.spinner-brand-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

@keyframes spinner-rotate {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  to {
    transform: rotate(1turn);
  }
}

.spinner-brand-wrap .spinner-brand {
  position: relative;
  width: 3rem;
  height: 3rem;
}

.spinner-brand-wrap .spinner-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  image-rendering: pixelated;
  background-image: var(--s-logo-loading-bg);
  background-position-x: -0.03rem;
  background-size: 100% 100%;
  animation: spinner-rotate 1s infinite;
  animation-duration: 1s;
  animation-direction: normal;
  animation-play-state: running;
}

.spinner-brand-wrap .spinner-logo {
  position: absolute;
  inset: 0.9rem 0 0 1rem;
  z-index: 5;
  width: 1.2rem;
  height: 1.2rem;
  background: var(--s-logo-loading-logo) no-repeat;
  background-size: cover;
}

.spinner-brand-wrap.on {
  display: flex;
  align-items: center;
  justify-content: center;
}

.marquee .marquee_content {
  animation: marquee var(--duration) linear var(--delay) var(--iteration-count);
  animation-delay: var(--delay);
  animation-direction: var(--direction);
  animation-play-state: var(--play);
}

@keyframes marquee {
  0% {
    transform: translateX(min(67vw, 355.1px));
  }
  to {
    transform: translateX(-100%);
  }
}

.login-choose-confirm .button-group {
  display: flex;
  flex-direction: column;
  margin-top: 0.3rem;
}

.login-choose-confirm .button-group button {
  padding: 0.14rem 0;
  margin-bottom: 0.12rem;
  font-size: 0.3rem;
  color: #108ee9;
  border: 0.03rem solid transparent;
  border-radius: 0.14rem;
}

.login-choose-confirm .login-choose-sso {
  font-size: 90%;
  line-height: 1.4;
  text-align: start;
}

.login-choose-confirm .login-choose-sso-avatar {
  display: grid;
  grid-auto-flow: row;
  grid-row-gap: 0.08rem;
  justify-items: center;
  margin-bottom: 0.12rem;
  font-size: 80%;
  font-weight: 700;
}

.login-choose-confirm .login-choose-sso-avatar-img {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}

:root {
  --accordion-arrow-size: 0.4rem;
  --accordion-arrow-margin: 0.12rem;
  --accordion-arrow-color: #fff;
}

.accordion-wrap .accordion-item {
  contain: content;
}

.accordion-wrap .accordion-item.accordion-disabled {
  pointer-events: none;
  opacity: 0.6;
}

.accordion-wrap .accordion-item.accordion-animating .accordion-header {
  pointer-events: none;
}

.accordion-wrap .accordion-header {
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease;
}

.accordion-wrap .accordion-header-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}

.accordion-wrap .accordion-header-wrapper.accordion-header-left,
.accordion-wrap .accordion-header-wrapper.accordion-header-right {
  flex-direction: row;
}

.accordion-wrap
  .accordion-header-wrapper.accordion-header-left
  .accordion-arrow {
  margin-right: var(--accordion-arrow-margin);
  margin-left: 0;
}

.accordion-wrap
  .accordion-header-wrapper.accordion-header-left
  .accordion-arrow.accordion-arrow-active {
  transform: rotate(180deg);
}

.accordion-wrap
  .accordion-header-wrapper.accordion-header-right
  .accordion-arrow {
  margin-right: 0;
  margin-left: var(--accordion-arrow-margin);
}

.accordion-wrap
  .accordion-header-wrapper.accordion-header-right
  .accordion-arrow.accordion-arrow-active {
  transform: rotate(-180deg);
}

.accordion-wrap .accordion-header-wrapper .accordion-header-content {
  flex: 1 1 0%;
}

.accordion-wrap .accordion-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
  transition: transform 0.2s ease;
}

.accordion-wrap .accordion-arrow.accordion-arrow-default {
  color: var(--accordion-arrow-color);
}

.accordion-wrap .accordion-arrow.accordion-arrow-default svg {
  display: block;
  width: var(--accordion-arrow-size);
  height: var(--accordion-arrow-size);
}

.accordion-wrap .accordion-arrow.accordion-arrow-active {
  transform: rotate(-180deg);
}

.accordion-wrap .accordion-content {
  overflow: hidden;
  transform: translateZ(0);
  will-change: height;
}

.accordion-wrap .accordion-content.accordion-animating {
  overflow: hidden;
}

.accordion-wrap .accordion-content-inner {
  padding: 0.2rem 0;
}

.back-top {
  cursor: pointer;
}

.back-top .back-top-icon {
  width: 0.4rem;
  height: 0.4rem;
}

:root {
  --bottom-sheet-bg: #f5f5f5;
  --bottom-sheet-border-radius: 0.24rem;
  --bottom-sheet-padding: 0;
  --bottom-sheet-max-height: 80vh;
  --bottom-sheet-header-bg: transparent;
  --bottom-sheet-header-padding: 0.38rem 0.24rem;
  --bottom-sheet-title-color: #fff;
  --bottom-sheet-title-size: 0.32rem;
  --bottom-sheet-small-max-height: 40vh;
  --bottom-sheet-medium-max-height: 60vh;
  --bottom-sheet-large-max-height: 85vh;
  --bottom-sheet-close-top: 0.24rem;
  --bottom-sheet-close-right: 0.32rem;
  --bottom-sheet-close-size: 0.52rem;
  --bottom-sheet-close-bg: rgb(255 255 255/4%);
  --bottom-sheet-close-border-radius: 1rem;
  --bottom-sheet-close-icon-size: 0.32rem;
  --bottom-sheet-close-icon-color: currentcolor;
}

.common-popup-wrap.bottom-sheet-wrap,
.common-popup-wrap.bottom-sheet-wrap .common-popup-content {
  width: 100%;
}

.common-popup-wrap.bottom-sheet-wrap .popup-close {
  top: var(--bottom-sheet-close-top);
  right: var(--bottom-sheet-close-right);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--bottom-sheet-close-size);
  height: var(--bottom-sheet-close-size);
  background: var(--bottom-sheet-close-bg);
  border-radius: var(--bottom-sheet-close-border-radius);
}

.common-popup-wrap.bottom-sheet-wrap .popup-close .icon-close {
  display: block;
  width: var(--bottom-sheet-close-icon-size);
  height: var(--bottom-sheet-close-icon-size);
  object-fit: contain;
  fill: var(--bottom-sheet-close-icon-color);
}

.common-popup-wrap.bottom-sheet-wrap .bottom-sheet-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: var(--bottom-sheet-max-height);
  overflow: hidden;
  background: var(--bottom-sheet-bg);
  border-radius: var(--bottom-sheet-border-radius)
    var(--bottom-sheet-border-radius) 0 0;
}

.common-popup-wrap.bottom-sheet-wrap .bottom-sheet-header {
  position: relative;
  flex-shrink: 0;
}

.common-popup-wrap.bottom-sheet-wrap
  .bottom-sheet-header.bottom-sheet-header--default {
  padding: var(--bottom-sheet-header-padding);
  background: var(--bottom-sheet-header-bg);
}

.common-popup-wrap.bottom-sheet-wrap
  .bottom-sheet-header.bottom-sheet-header--default
  .bottom-sheet-title {
  margin: 0;
  font-size: var(--bottom-sheet-title-size);
  font-weight: 700;
  color: var(--bottom-sheet-title-color);
}

.common-popup-wrap.bottom-sheet-wrap .bottom-sheet-body {
  flex: 1 1 0%;
  padding: var(--bottom-sheet-padding);
  overflow-y: auto;
}

.common-popup-wrap.bottom-sheet-wrap.bottom-sheet-wrap--small
  .bottom-sheet-content {
  max-height: var(--bottom-sheet-small-max-height);
}

.common-popup-wrap.bottom-sheet-wrap.bottom-sheet-wrap--medium
  .bottom-sheet-content {
  max-height: var(--bottom-sheet-medium-max-height);
}

.common-popup-wrap.bottom-sheet-wrap.bottom-sheet-wrap--large
  .bottom-sheet-content {
  max-height: var(--bottom-sheet-large-max-height);
}

:root {
  --overlay-z-index: 1000;
}

.common-overlay {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);

  z-index: var(--overlay-z-index);
  width: 100%;
  max-width: 530px;
  height: 100%;

  overscroll-behavior: none;
  background: var(--overlay-bg);
  -webkit-backdrop-filter: var(--overlay-backdrop-filter);
  backdrop-filter: var(--overlay-backdrop-filter);
}

:root {
  --checkbox-size: 0.32rem;
  --checkbox-border-radius: 0.05rem;
  --checkbox-border: 0.02rem solid #1099f6;
  --checkbox-checked-border: 0.02rem solid #1099f6;
  --checkbox-disabled-border: 0.02rem solid #d9d9d9;
  --checkbox-background-color: transparent;
  --checkbox-checked-background-color: #1099f6;
  --checkbox-disabled-background-color: #f5f5f5;
  --checkbox-checked-icon-size: 0.22rem;
  --checkbox-checked-icon-color: #fff;
  --checkbox-disabled-icon-color: #bfbfbf;
  --checkbox-label-margin: 0.15rem;
  --checkbox-disabled-label-color: #bfbfbf;
  --checkbox-transition: all 0.2s ease-in-out;
  --checkbox-group-gap: 0.12rem;
  --checkbox-group-horizontal-gap: 0.16rem;
}

.checkbox-item {
  cursor: pointer;
}

.checkbox-item,
.checkbox-item__input {
  position: relative;
  display: flex;
  align-items: center;
  transition: var(--checkbox-transition);
}

.checkbox-item__input {
  flex-shrink: 0;
  justify-content: center;
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  outline: none;
  background: var(--checkbox-background-color);
  border: var(--checkbox-border);
  border-radius: var(--checkbox-border-radius);
}

.checkbox-item__label {
  margin-left: var(--checkbox-label-margin);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: var(--checkbox-transition);
}

.checkbox-item__native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  border: none !important;
  opacity: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
}

.checkbox-item--checked .checkbox-item__input {
  background: var(--checkbox-checked-background-color);
  border: var(--checkbox-checked-border);
}

.checkbox-item--checked .checkbox-item__input .checkbox-icon {
  display: block;
  opacity: 1;
  transform: scale(1);
}

.checkbox-item--disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.checkbox-item--disabled .checkbox-item__input {
  cursor: not-allowed;
  background: var(--checkbox-disabled-background-color);
  border: var(--checkbox-disabled-border);
}

.checkbox-item--disabled .checkbox-icon {
  color: var(--checkbox-disabled-icon-color);
}

.checkbox-item--disabled .checkbox-item__label {
  color: var(--checkbox-disabled-label-color);
  cursor: not-allowed;
}

.checkbox-item .checkbox-icon {
  display: none;
  width: var(--checkbox-checked-icon-size);
  height: var(--checkbox-checked-icon-size);
  color: var(--checkbox-checked-icon-color);
  opacity: 0;
  transform: scale(0.8);
  transition: var(--checkbox-transition);
}

.checkbox-group {
  display: flex;
  flex-direction: column;
  gap: var(--checkbox-group-gap);
}

.checkbox-group--horizontal {
  flex-flow: row wrap;
  gap: var(--checkbox-group-horizontal-gap);
  align-items: center;
}

.checkbox-group--vertical {
  flex-direction: column;
  gap: var(--checkbox-group-gap);
}

:root {
  --common-popup-close-top: 0.24rem;
  --common-popup-close-right: 0.24rem;
  --common-popup-close-bottom: auto;
  --common-popup-close-left: auto;
  --common-popup-close-size: 0.4rem;
  --common-popup-close-color: currentcolor;
}

.common-popup-wrap {
  position: fixed;
}

.common-popup-wrap.popup-center {
  top: 50%;
  left: 50%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translate3d(-50%, -50%, 0);
}

.common-popup-wrap.popup-top {
  top: 0;
}

.common-popup-wrap.popup-bottom {
  bottom: 0;
}

.common-popup-wrap.popup-left {
  left: max(0px, calc(50% - 265px));
}

.common-popup-wrap.popup-right {
  right: 0;
}

.common-popup-wrap .popup-close {
  position: absolute;
  inset: var(--common-popup-close-top) var(--common-popup-close-right)
    var(--common-popup-close-bottom) var(--common-popup-close-left);
  z-index: 10;
  width: var(--common-popup-close-size);
  height: var(--common-popup-close-size);
}

.common-popup-wrap .popup-close .icon-close {
  display: block;
  width: 100%;
  height: 100%;
  fill: var(--common-popup-close-color);
}

.common-popup-wrap .common-popup-content {
  position: relative;
  max-height: calc(var(--vh, 1vh) * 100);
  overflow-y: auto;
}

:root {
  --draggable-float-gap: 0px;
}

.draggable-float {
  position: fixed;
  top: 0;
  left: 0;
  cursor: move;
  -webkit-user-select: none;
  user-select: none;
}

.draggable-float__anchor {
  position: relative;
}

.draggable-float__anchor,
.draggable-float__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}

.draggable-float__panel {
  display: flex;
  flex-direction: column;
}

.draggable-float__content {
  transform-origin: top center;
  animation: draggable-float-expand-in 0.2s ease-out;
}

.draggable-float__anchor > .draggable-float__panel {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.draggable-float--expand-down
  .draggable-float__anchor
  > .draggable-float__panel {
  top: calc(100% + var(--draggable-float-gap));
}

.draggable-float--expand-up .draggable-float__anchor > .draggable-float__panel {
  bottom: calc(100% + var(--draggable-float-gap));
}

.draggable-float--expand-up .draggable-float__content {
  transform-origin: bottom center;
}

.draggable-float--expand-left
  .draggable-float__anchor
  > .draggable-float__panel,
.draggable-float--expand-right
  .draggable-float__anchor
  > .draggable-float__panel {
  top: 50%;
  right: auto;
  left: auto;
  transform: translateY(-50%);
}

.draggable-float--expand-right
  .draggable-float__anchor
  > .draggable-float__panel {
  left: calc(100% + var(--draggable-float-gap));
}

.draggable-float--expand-right .draggable-float__content {
  transform-origin: left center;
}

.draggable-float--expand-left
  .draggable-float__anchor
  > .draggable-float__panel {
  right: calc(100% + var(--draggable-float-gap));
}

.draggable-float--expand-left .draggable-float__content {
  transform-origin: right center;
}

:root {
  --loading-icon-color: currentcolor;
  --loading-icon-small: 0.16rem;
  --loading-icon-medium: 0.24rem;
  --loading-icon-large: 0.32rem;
}

.loading-icon {
  display: inline-block;
  vertical-align: middle;
  color: var(--loading-icon-color);
}

.loading-icon--small {
  width: var(--loading-icon-small);
  height: var(--loading-icon-small);
}

.loading-icon--medium {
  width: var(--loading-icon-medium);
  height: var(--loading-icon-medium);
}

.loading-icon--large {
  width: var(--loading-icon-large);
  height: var(--loading-icon-large);
}

.loading-icon--circle {
  animation: loading-rotate 1.2s linear infinite;
}

.loading-icon--spinner {
  animation: loading-spin 1s linear infinite;
}

.loading-icon__svg {
  display: block;
  width: 100%;
  height: 100%;
}

.loading-icon__circle {
  stroke: currentcolor;
  stroke-width: 3;
  stroke-linecap: round;
  animation: loading-circle-dash 1.5s ease-in-out infinite;
}

.loading-icon__spinner {
  stroke: currentcolor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 31.416;
  animation: loading-spinner-dash 1.5s ease-in-out infinite;
}

@keyframes loading-rotate {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes loading-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes loading-circle-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120;
  }
}

@keyframes loading-spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}

:root {
  --pagination-item-width: 0.52rem;
  --pagination-item-height: 0.52rem;
  --pagination-item-default-background: #fff;
  --pagination-item-active-background: #00aeef;
  --pagination-item-border-radius: 0.06rem;
  --pagination-font-size: 0.24rem;
  --pagination-default-font-color: #1c6783;
  --pagination-active-font-color: #fff;
  --pagination-disabled-opacity: 0.6;
}

.pagination-container {
  display: flex;
  justify-content: center;
}

.pagination-container .pagination-wrapper {
  display: flex;
  gap: 0.1rem;
  align-items: center;
}

.pagination-container .pagination-wrapper .page-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--pagination-item-width);
  height: var(--pagination-item-height);
  font-size: var(--pagination-font-size);
  line-height: normal;
  color: var(--pagination-default-font-color);
  background: var(--pagination-item-default-background);
  border-radius: var(--pagination-item-border-radius);
}

.pagination-container .pagination-wrapper .page-item.on {
  color: var(--pagination-active-font-color);
  background: var(--pagination-item-active-background);
}

.pagination-container .page-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pagination-item-width);
  height: var(--pagination-item-height);
  color: var(--pagination-default-font-color);
  background: var(--pagination-item-default-background);
  border-radius: var(--pagination-item-border-radius);
}

.pagination-container .page-nav.disabled {
  opacity: var(--pagination-disabled-opacity);
}

.pagination-container .page-nav .page-arrow {
  width: 0.32rem;
  height: 0.32rem;
}

.pagination-container .page-ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pagination-item-width);
  height: var(--pagination-item-height);
  font-size: var(--pagination-font-size);
  color: var(--pagination-default-font-color);
}

:root {
  --popover-arrow-size: 0.12rem;
  --popover-arrow-margin: 0.08rem;
  --popover-border-radius: 0.08rem;
  --popover-background-color: #fff;
}

.popover-wrap {
  position: fixed;
  z-index: 1000;
}

.popover-content {
  background-color: var(--popover-background-color);
  border-radius: var(--popover-border-radius);
}

.popover-arrow {
  position: absolute;
  width: 0;
  height: 0;
  color: var(--popover-background-color);
  border: var(--popover-arrow-size) solid transparent;
}

.popover-wrap[class*="popover-placement-top"] .popover-arrow {
  bottom: calc(-1 * var(--popover-arrow-size));
  border-top-color: currentcolor;
  border-bottom-width: 0;
}

.popover-placement-top .popover-arrow {
  left: 50%;
  transform: translateX(-50%);
}

.popover-wrap[class*="popover-placement-bottom"] .popover-arrow {
  top: calc(-1 * var(--popover-arrow-size));
  border-top-width: 0;
  border-bottom-color: currentcolor;
}

.popover-placement-bottom .popover-arrow {
  left: 50%;
  transform: translateX(-50%);
}

.popover-wrap[class*="popover-placement-left"] .popover-arrow {
  right: calc(-1 * var(--popover-arrow-size));
  border-right-width: 0;
  border-left-color: currentcolor;
}

.popover-placement-left .popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}

.popover-wrap[class*="popover-placement-right"] .popover-arrow {
  left: calc(-1 * var(--popover-arrow-size));
  border-right-color: currentcolor;
  border-left-width: 0;
}

.popover-placement-right .popover-arrow {
  top: 50%;
  transform: translateY(-50%);
}

.popover-placement-bottom-start .popover-arrow,
.popover-placement-top-start .popover-arrow {
  left: calc(var(--popover-arrow-size) + var(--popover-arrow-margin));
}

.popover-placement-bottom-end .popover-arrow,
.popover-placement-top-end .popover-arrow {
  right: calc(var(--popover-arrow-size) + var(--popover-arrow-margin));
  left: auto;
}

.popover-placement-left-start .popover-arrow,
.popover-placement-right-start .popover-arrow {
  top: calc(var(--popover-arrow-size) + var(--popover-arrow-margin));
  transform: none;
}

.popover-placement-left-end .popover-arrow,
.popover-placement-right-end .popover-arrow {
  top: auto;
  bottom: calc(var(--popover-arrow-size) + var(--popover-arrow-margin));
  transform: none;
}

.popover-fade-enter {
  opacity: 0;
  transform: scale(0.8);
}

.popover-fade-enter-active {
  transition: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.popover-fade-enter-active,
.popover-fade-exit {
  opacity: 1;
  transform: scale(1);
}

.popover-fade-exit-active {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity, transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.popover-placement-top.popover-fade-enter,
.popover-placement-top.popover-fade-enter-active,
.popover-placement-top.popover-fade-exit,
.popover-placement-top.popover-fade-exit-active {
  transform-origin: center bottom;
}

.popover-placement-bottom.popover-fade-enter,
.popover-placement-bottom.popover-fade-enter-active,
.popover-placement-bottom.popover-fade-exit,
.popover-placement-bottom.popover-fade-exit-active {
  transform-origin: center top;
}

.popover-placement-left.popover-fade-enter,
.popover-placement-left.popover-fade-enter-active,
.popover-placement-left.popover-fade-exit,
.popover-placement-left.popover-fade-exit-active {
  transform-origin: right center;
}

.popover-placement-right.popover-fade-enter,
.popover-placement-right.popover-fade-enter-active,
.popover-placement-right.popover-fade-exit,
.popover-placement-right.popover-fade-exit-active {
  transform-origin: left center;
}

.popover-placement-top-start.popover-fade-enter,
.popover-placement-top-start.popover-fade-enter-active,
.popover-placement-top-start.popover-fade-exit,
.popover-placement-top-start.popover-fade-exit-active {
  transform-origin: left bottom;
}

.popover-placement-top-end.popover-fade-enter,
.popover-placement-top-end.popover-fade-enter-active,
.popover-placement-top-end.popover-fade-exit,
.popover-placement-top-end.popover-fade-exit-active {
  transform-origin: right bottom;
}

.popover-placement-bottom-start.popover-fade-enter,
.popover-placement-bottom-start.popover-fade-enter-active,
.popover-placement-bottom-start.popover-fade-exit,
.popover-placement-bottom-start.popover-fade-exit-active {
  transform-origin: left top;
}

.popover-placement-bottom-end.popover-fade-enter,
.popover-placement-bottom-end.popover-fade-enter-active,
.popover-placement-bottom-end.popover-fade-exit,
.popover-placement-bottom-end.popover-fade-exit-active,
.popover-placement-left-start.popover-fade-enter,
.popover-placement-left-start.popover-fade-enter-active,
.popover-placement-left-start.popover-fade-exit,
.popover-placement-left-start.popover-fade-exit-active {
  transform-origin: right top;
}

.popover-placement-left-end.popover-fade-enter,
.popover-placement-left-end.popover-fade-enter-active,
.popover-placement-left-end.popover-fade-exit,
.popover-placement-left-end.popover-fade-exit-active {
  transform-origin: right bottom;
}

.popover-placement-right-start.popover-fade-enter,
.popover-placement-right-start.popover-fade-enter-active,
.popover-placement-right-start.popover-fade-exit,
.popover-placement-right-start.popover-fade-exit-active {
  transform-origin: left top;
}

.popover-placement-right-end.popover-fade-enter,
.popover-placement-right-end.popover-fade-enter-active,
.popover-placement-right-end.popover-fade-exit,
.popover-placement-right-end.popover-fade-exit-active {
  transform-origin: left bottom;
}

:root {
  --pull-refresh-head-height: 0.4rem;
  --pull-refresh-font-size: 0.26rem;
  --pull-refresh-loading-color: #26a9e0;
  --pull-refresh-font-color: #222;
  --pull-refresh-text-margin: 0.1rem;
}

.pull-refresh {
  overflow: hidden;
}

.pull-refresh .pull-refresh-track {
  position: relative;
  transition-property: transform;
}

.pull-refresh .pull-refresh-head {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--pull-refresh-head-height);
  line-height: var(--pull-refresh-head-height);
  transform: translateY(-100%);
}

.pull-refresh .pull-refresh-status {
  display: flex;
  gap: var(--pull-refresh-text-margin);
  align-items: center;
  justify-content: center;
}

.pull-refresh .pull-refresh-status .loading-icon {
  color: var(--pull-refresh-loading-color);
}

.pull-refresh .pull-refresh-text {
  font-size: var(--pull-refresh-font-size);
  color: var(--pull-refresh-font-color);
}

:root {
  --list-loading-height: 0.8rem;
  --list-loading-color: #fff;
  --list-font-color: #fff;
  --list-font-size: 0.26rem;
  --list-text-margin: 0.2rem;
  --loading-icon-large: 0.4rem;
}

.scroll-list-wrap .list-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--list-font-size);
  line-height: var(--list-loading-height);
  color: var(--list-font-color);
}

.scroll-list-wrap .list-trigger .list-loading {
  display: flex;
  align-items: center;
}

.scroll-list-wrap .list-trigger .list-loading .loading-icon {
  color: var(--list-loading-color);
}

.scroll-list-wrap .list-trigger .loading-text {
  margin-left: var(--list-text-margin);
}

:root {
  --popup-duration: 300ms;
  --popup-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  --select-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  --select-dropdown-slide-up: select-slide-up 0.3s
    cubic-bezier(0.645, 0.045, 0.355, 1);
  --select-dropdown-slide-down: select-slide-down 0.3s
    cubic-bezier(0.645, 0.045, 0.355, 1);
}

.popup-zoom-enter .common-popup-content {
  transform: scale(0);
}

.popup-zoom-enter-active .common-popup-content {
  transform: scale(1);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-zoom-exit .common-popup-content {
  transform: scale(1);
}

.popup-zoom-exit-active .common-popup-content {
  transform: scale(0);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-slide-top-enter {
  transform: translateY(-100%);
}

.popup-slide-top-enter-active {
  transform: translateY(0);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-slide-top-exit {
  transform: translateY(0);
}

.popup-slide-top-exit-active {
  transform: translateY(-100%);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-slide-bottom-enter {
  transform: translateY(100%);
}

.popup-slide-bottom-enter-active {
  transform: translateY(0);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-slide-bottom-exit {
  transform: translateY(0);
}

.popup-slide-bottom-exit-active {
  transform: translateY(100%);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-slide-left-enter {
  transform: translateX(-100%);
}

.popup-slide-left-enter-active {
  transform: translateX(0);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-slide-left-exit {
  transform: translateX(0);
}

.popup-slide-left-exit-active {
  transform: translateX(-100%);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-slide-right-enter {
  transform: translateX(100%);
}

.popup-slide-right-enter-active {
  transform: translateX(0);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-slide-right-exit {
  transform: translateX(0);
}

.popup-slide-right-exit-active {
  transform: translateX(100%);
  transition: transform var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-fade-enter {
  opacity: 0;
}

.popup-fade-enter-active {
  opacity: 1;
  transition: opacity var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

.popup-fade-exit {
  opacity: 1;
}

.popup-fade-exit-active {
  opacity: 0;
  transition: opacity var(--popup-duration);
  transition-timing-function: var(--popup-timing-function);
}

@keyframes select-slide-up {
  0% {
    opacity: 0;
    transform: translateY(-0.04rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes select-slide-down {
  0% {
    opacity: 0;
    transform: translateY(0.04rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes select-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

@keyframes select-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

@keyframes draggable-float-expand-in {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

:root {
  --select-primary-color: #1890ff;
  --select-primary-hover: #40a9ff;
  --select-primary-active: #096dd9;
  --select-border-color: #d9d9d9;
  --select-border-hover: #40a9ff;
  --select-border-focus: #1890ff;
  --select-border-radius: 0.06rem;
  --select-bg: #fff;
  --select-hover-bg: #f5f5f5;
  --select-disabled-bg: #f5f5f5;
  --select-disabled-border: #d9d9d9;
  --select-text-color: rgb(0 0 0/85%);
  --select-placeholder-color: rgb(0 0 0/25%);
  --select-disabled-color: rgb(0 0 0/25%);
  --select-height: 0.48rem;
  --select-padding: 0.08rem 0.22rem;
  --select-font-size: 0.28rem;
  --select-dropdown-bg: #fff;
  --select-dropdown-shadow:
    0 0.03rem 0.06rem -0.04rem rgb(0 0 0/12%),
    0 0.06rem 0.16rem 0 rgb(0 0 0/8%), 0 0.09rem 0.28rem 0.08rem rgb(0 0 0/5%);
  --select-dropdown-border: 1px solid #f0f0f0;
  --select-dropdown-radius: 0.06rem;
  --select-dropdown-max-height: 5.12rem;
  --select-option-height: 0.64rem;
  --select-option-padding: 0.1rem 0.24rem;
  --select-option-hover-bg: #f5f5f5;
  --select-option-selected-bg: #e6f7ff;
  --select-option-selected-color: #1890ff;
  --select-option-disabled-color: rgb(0 0 0/25%);
  --select-tag-bg: #fafafa;
  --select-tag-border: 1px solid #d9d9d9;
  --select-tag-color: rgb(0 0 0/85%);
  --select-tag-radius: 0.04rem;
  --select-tag-padding: 0 0.14rem;
  --select-tag-margin: 0.04rem 0.08rem 0.04rem 0;
  --select-tag-height: 0.44rem;
  --select-tag-font-size: 0.24rem;
  --select-clear-color: rgb(0 0 0/25%);
  --select-clear-hover-color: rgb(0 0 0/45%);
  --select-clear-size: 0.24rem;
  --select-arrow-color: rgb(0 0 0/25%);
  --select-arrow-size: 0.24rem;
  --loading-icon-medium: 0.28rem;
}

.select-search-values {
  margin-bottom: 0.04rem;
}

.select-search-values .select-tags {
  margin-bottom: 0;
}

@media (width <=768px) {
  :root {
    --select-height: 0.64rem;
    --select-padding: 0.12rem 0.32rem;
    --select-font-size: 0.32rem;
    --select-option-height: 0.88rem;
    --select-option-padding: 0.16rem 0.32rem;
    --select-tag-height: 0.56rem;
    --select-tag-padding: 0 0.24rem;
    --select-tag-font-size: 0.28rem;
    --select-clear-size: 0.32rem;
    --select-arrow-size: 0.32rem;
    --loading-icon-medium: 0.36rem;
  }
  .select-dropdown {
    max-height: 60vh;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .select-trigger {
    touch-action: manipulation;
  }
  .select-option,
  .select-trigger {
    min-height: 0.88rem;
    -webkit-tap-highlight-color: transparent;
  }
}

@media (hover: none) and (pointer: coarse) {
  .select-trigger:hover {
    border-color: var(--select-border-color);
  }
  .select-option:hover {
    background-color: transparent;
  }
  .select-option:active {
    background-color: var(--select-option-hover-bg);
  }
}

.select-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: var(--select-font-size);
  color: var(--select-text-color);
}

.select-wrap--disabled {
  color: var(--select-disabled-color);
  cursor: not-allowed;
}

.select-wrap--disabled .select-trigger {
  cursor: not-allowed;
  background-color: var(--select-disabled-bg);
  border-color: var(--select-disabled-border);
}

.select-wrap--disabled .select-trigger:hover {
  border-color: var(--select-disabled-border);
}

.select-wrap--focused .select-trigger {
  outline: 0;
  border-color: var(--select-border-focus);
  box-shadow: 0 0 0 0.02rem rgba(24, 144, 255, 0.2);
}

.select-wrap--open .select-arrow {
  transform: rotate(180deg);
}

.select-trigger {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--select-height);
  padding: var(--select-padding);
  cursor: pointer;
  background-color: var(--select-bg);
  border: 1px solid var(--select-border-color);
  border-radius: var(--select-border-radius);
  transition: var(--select-transition);
}

.select-trigger:hover {
  border-color: var(--select-border-hover);
}

.select-trigger__content {
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
}

.select-trigger__suffix {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-left: 0.04rem;
}

.select-value {
  flex: 1 1 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-value--placeholder {
  color: var(--select-placeholder-color);
}

.select-tags {
  display: flex;
  flex: 1 1 0%;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
}

.select-tag {
  display: inline-flex;
  align-items: center;
  height: var(--select-tag-height);
  padding: var(--select-tag-padding);
  margin: var(--select-tag-margin);
  font-size: var(--select-tag-font-size);
  line-height: var(--select-tag-height);
  color: var(--select-tag-color);
  cursor: default;
  background: var(--select-tag-bg);
  border: var(--select-tag-border);
  border-radius: var(--select-tag-radius);
}

.select-tag__label {
  flex: 1 1 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-tag__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.24rem;
  height: 0.24rem;
  margin-left: 0.08rem;
  font-size: 0.2rem;
  line-height: 1;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 0.04rem;
  transition: var(--select-transition);
}

.select-tag__close:hover {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(0, 0, 0, 0.06);
}

.select-tag--more {
  cursor: default;
  background: transparent;
  border: 1px dashed var(--select-border-color);
}

.select-search {
  flex: 1 1 0%;
  min-width: 0.04rem;
  padding: 0;
  margin: 0.02rem 0;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  background: transparent;
  border: none;
}

.select-search::-webkit-input-placeholder {
  color: var(--select-placeholder-color);
}

.select-search::placeholder {
  color: var(--select-placeholder-color);
}

.select-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--select-clear-size);
  height: var(--select-clear-size);
  margin-right: 0.04rem;
  color: var(--select-clear-color);
  cursor: pointer;
  background: transparent;
  border: none;
  border-radius: 0.02rem;
  transition: var(--select-transition);
}

.select-clear svg {
  width: 100%;
  height: 100%;
}

.select-clear:hover {
  color: var(--select-clear-hover-color);
  background-color: rgba(0, 0, 0, 0.06);
}

.select-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--select-arrow-size);
  height: var(--select-arrow-size);
  color: var(--select-arrow-color);
  transition: var(--select-transition);
}

.select-arrow svg {
  width: 100%;
  height: 100%;
}

.select-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.12rem 0;
  color: #1890ff;
}

.select-dropdown {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 20;
  max-height: var(--select-dropdown-max-height);
  padding: 0.04rem 0;
  overflow: auto;
  background: var(--select-dropdown-bg);
  border: var(--select-dropdown-border);
  border-radius: var(--select-dropdown-radius);
  box-shadow: var(--select-dropdown-shadow);
}

.select-dropdown--bottom {
  top: 100%;
  margin-top: 0.04rem;
  animation: var(--select-dropdown-slide-up);
}

.select-dropdown--top {
  bottom: 100%;
  margin-bottom: 0.04rem;
  animation: var(--select-dropdown-slide-down);
}

.select-dropdown:not(.select-dropdown--top, .select-dropdown--bottom) {
  top: 100%;
  margin-top: 0.04rem;
  animation: var(--select-dropdown-slide-up);
}

.select-dropdown__empty {
  padding: var(--select-option-padding);
  color: var(--select-placeholder-color);
  text-align: center;
  cursor: default;
}

.select-option {
  position: relative;
  display: flex;
  align-items: center;
  min-height: var(--select-option-height);
  padding: var(--select-option-padding);
  color: var(--select-text-color);
  cursor: pointer;
  transition: background-color 0.3s;
}

.select-option:hover {
  background-color: var(--select-option-hover-bg);
}

.select-option--highlighted {
  background-color: var(--select-option-hover-bg);
}

.select-option--selected {
  font-weight: 600;
  color: var(--select-option-selected-color);
  background-color: var(--select-option-selected-bg);
}

.select-option--disabled {
  color: var(--select-option-disabled-color);
  cursor: not-allowed;
}

.select-option--disabled:hover {
  background-color: transparent;
}

.select-option__content {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  overflow: hidden;
}

.select-option__icon {
  display: flex;
  align-items: center;
  margin-right: 0.08rem;
  font-size: 0.14rem;
}

.select-option__label {
  flex: 1 1 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select-option__check {
  display: flex;
  align-items: center;
  margin-left: 0.08rem;
  font-size: 0.12rem;
  color: var(--select-primary-color);
}

:root {
  --switch-width: 0.52rem;
  --switch-height: 0.26rem;
  --switch-icon-size: 0.22rem;
  --switch-icon-margin: calc(
    (var(--switch-height) - var(--switch-icon-size)) / 2
  );
  --switch-icon-checked-left: calc(
    var(--switch-width) - var(--switch-icon-margin) - var(--switch-icon-size)
  );
  --switch-icon-checked-transform: translateX(
    calc(var(--switch-icon-checked-left) - var(--switch-icon-margin))
  );
  --switch-icon-bg: #fff;
  --switch-icon-checked-bg: #fff;
  --switch-box-border-radius: 0.4rem;
  --switch-box-bg: #474747;
  --switch-box-checked-bg: linear-gradient(270deg, #fac17f, #fd8901);
}

.switch {
  position: relative;
  z-index: 1;
  display: block;
  width: var(--switch-width);
  height: var(--switch-height);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.switch.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.switch .switch-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  border: 0;
  opacity: 0;
}

.switch .switch-box {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: var(--switch-box-bg);
  border-radius: var(--switch-box-border-radius);
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.12);
  transition: background 0.3s;
}

.switch .switch-box:after {
  position: absolute;
  top: var(--switch-icon-margin);
  left: var(--switch-icon-margin);
  width: var(--switch-icon-size);
  height: var(--switch-icon-size);
  content: "";
  background: var(--switch-icon-bg);
  border-radius: 50%;
  box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}

.switch .switch-box-checked {
  background: var(--switch-box-checked-bg);
}

.switch .switch-box-checked:after {
  background: var(--switch-icon-checked-bg);
  transform: var(--switch-icon-checked-transform);
}

.switch .switch-icon {
  position: absolute;
  top: var(--switch-icon-margin);
  left: var(--switch-icon-margin);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--switch-icon-size);
  height: var(--switch-icon-size);
  pointer-events: none;
  transition: left 0.3s;
}

.switch .switch-box-checked .switch-icon {
  left: var(--switch-icon-checked-left);
}

:root {
  --top-sheet-bg: #d16c6c;
  --top-sheet-border-radius: 0.36rem;
  --top-sheet-padding: 0.32rem;
  --top-sheet-max-height: 80vh;
  --top-sheet-header-bg: transparent;
  --top-sheet-header-padding: 0.38rem 0.24rem;
  --top-sheet-title-color: #fff;
  --top-sheet-title-size: 0.32rem;
  --top-sheet-small-max-height: 40vh;
  --top-sheet-medium-max-height: 60vh;
  --top-sheet-large-max-height: 85vh;
  --top-sheet-close-top: 0.32rem;
  --top-sheet-close-right: 0.32rem;
  --top-sheet-close-size: 0.4rem;
  --top-sheet-close-icon-size: 0.4rem;
  --top-sheet-close-icon-color: currentcolor;
}

.common-popup-wrap.top-sheet-wrap,
.common-popup-wrap.top-sheet-wrap .common-popup-content {
  width: 100%;
}

.common-popup-wrap.top-sheet-wrap .popup-close {
  top: var(--top-sheet-close-top);
  right: var(--top-sheet-close-right);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--top-sheet-close-size);
  height: var(--top-sheet-close-size);
}

.common-popup-wrap.top-sheet-wrap .popup-close .icon-close {
  display: block;
  width: var(--top-sheet-close-icon-size);
  height: var(--top-sheet-close-icon-size);
  object-fit: contain;
  fill: var(--top-sheet-close-icon-color);
}

.common-popup-wrap.top-sheet-wrap .top-sheet-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: var(--top-sheet-max-height);
  overflow: hidden;
  background: var(--top-sheet-bg);
  border-radius: 0 0 var(--top-sheet-border-radius)
    var(--top-sheet-border-radius);
}

.common-popup-wrap.top-sheet-wrap .top-sheet-header {
  position: relative;
  flex-shrink: 0;
}

.common-popup-wrap.top-sheet-wrap .top-sheet-header.top-sheet-header--default {
  padding: var(--top-sheet-header-padding);
  background: var(--top-sheet-header-bg);
}

.common-popup-wrap.top-sheet-wrap
  .top-sheet-header.top-sheet-header--default
  .top-sheet-title {
  margin: 0;
  font-size: var(--top-sheet-title-size);
  font-weight: 700;
  color: var(--top-sheet-title-color);
}

.common-popup-wrap.top-sheet-wrap .top-sheet-body {
  flex: 1 1 0%;
  padding: var(--top-sheet-padding);
  overflow-y: auto;
}

.common-popup-wrap.top-sheet-wrap.top-sheet-wrap--small .top-sheet-content {
  max-height: var(--top-sheet-small-max-height);
}

.common-popup-wrap.top-sheet-wrap.top-sheet-wrap--medium .top-sheet-content {
  max-height: var(--top-sheet-medium-max-height);
}

.common-popup-wrap.top-sheet-wrap.top-sheet-wrap--large .top-sheet-content {
  max-height: var(--top-sheet-large-max-height);
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper,
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  overflow: hidden;
  list-style: none;
  padding: 0;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 12rem;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 12rem;
  .swiper-cube-shadow,
  .swiper-slide {
    transform-style: preserve-3d;
  }
}

.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-start: var(--swiper-slides-offset-before);
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      -webkit-margin-end: var(--swiper-slides-offset-after);
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-before: var(--swiper-slides-offset-before);
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      -webkit-margin-after: var(--swiper-slides-offset-after);
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper:before {
      content: "";
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-start: var(--swiper-centered-offset-before);
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper:before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-before: var(--swiper-centered-offset-before);
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper:before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
  }
}

.swiper-lazy-preloader {
  width: 0.42rem;
  height: 0.42rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -0.21rem;
  margin-top: -0.21rem;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 0.04rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible,
.swiper:not(.swiper-watch-progress) {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

.download-bar.download-bar.top-bar {
  padding: 0;
}

.download-bar.top-bar {
  padding: 0;
  background: none;
}

.download-bar.top-bar .top-bar-wrap {
  position: relative;
  width: 100%;
  height: var(--download-bar-height, 1rem);
}

.download-bar.top-bar .top-banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.download-bar.top-bar .top-bar-close {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  z-index: 10;
  display: grid;
  place-items: center;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #868686;
  border-radius: 50%;
}

.download-bar.top-bar .top-bar-close:after {
  position: absolute;
  inset: -0.1rem;
  content: "";
}

.download-bar.top-bar .top-bar-close.transparent {
  opacity: 0;
}

.download-bar.top-bar .top-bar-close-btn {
  width: 90%;
  height: 90%;
}

.download-bar.top-bar .download-bar-btn.transparent {
  opacity: 0;
}

:root {
  --safe-area-inset-top: 0px;
  --safe-area-inset-bottom: 0px;
}

@supports (padding-bottom: constant(safe-area-inset-bottom)) {
  :root {
    --safe-area-inset-bottom: min(constant(safe-area-inset-bottom), 0.37rem);
  }
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  :root {
    --safe-area-inset-bottom: min(env(safe-area-inset-bottom), 0.37rem);
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-scheme: #000;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --color-scheme: #fff;
  }
}

html {
  --unit: 7.5;
  font-size: max(min(100vw, 530px) / var(--unit, 7.5), 50px) !important;
}

html:root {
  --animate-duration: 0.5s;
  --animate-delay: 0.5s;
  --animate-repeat: 1;
}

html[data-contain="1"] {
  width: var(--body-max-width);
  margin: 0 auto;
  font-size: calc(var(--body-max-width) / 7.5) !important;
  background: var(--body-lobby-bg, #e3e3e3);
}

html[data-contain="1"] body {
  font-size: 0.24rem !important;
}

html[data-contain="1"] .loading-img-container {
  left: 50%;
  width: var(--body-max-width);
  transform: translateX(-50%);
}

html[data-contain="1"] .am-popup-body,
html[data-contain="1"] .am-popup-mask {
  width: var(--body-max-width);
  margin: 0 auto;
}

html[data-contain="1"] #mc-header {
  width: var(--body-max-width);
}

html[data-contain="1"] .bottom-modal,
html[data-contain="1"] .bottom-modal-v1-app {
  left: 50%;
  width: var(--body-max-width);
  transform: translateX(-50%);
}

html[data-contain="1"] ::-webkit-scrollbar {
  width: 0.06rem;
  height: 0.06rem;
}

html[data-contain="1"] ::-webkit-scrollbar-track {
  background: transparent;
}

html[data-contain="1"] ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.03rem;
}

html[data-contain="1"] ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

body {
  font-size: calc(min(32vw, 169.6px) / var(--unit, 7.5)) !important;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

#root .wysiwyg,
.outside-container .wysiwyg {
  line-height: 1.5;
  white-space: normal !important;
}

#root .wysiwyg img,
.outside-container .wysiwyg img {
  max-width: 100%;
}

#root .wysiwyg a,
.outside-container .wysiwyg a {
  word-break: break-all;
}

#root .wysiwyg *,
.outside-container .wysiwyg * {
  line-height: 1.5;
  word-break: break-word;
  white-space: normal !important;
}

#root .wysiwyg ul,
.outside-container .wysiwyg ul {
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  list-style: disc;
}

#root .wysiwyg ul li,
.outside-container .wysiwyg ul li {
  display: list-item !important;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  overflow: visible;
  list-style: disc outside;
}

#root .wysiwyg ol,
.outside-container .wysiwyg ol {
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  list-style: decimal;
}

#root .wysiwyg ol li,
.outside-container .wysiwyg ol li {
  display: list-item !important;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0;
  overflow: visible;
  list-style: decimal outside;
}

body.dragging,
body.error-limit,
body.ios-tips-on,
body.lock-scroll,
body.popup-on,
html.dragging {
  overflow: hidden !important;
  -webkit-overflow-scrolling: auto !important;
}

body.dragging::-webkit-scrollbar,
body.error-limit::-webkit-scrollbar,
body.ios-tips-on::-webkit-scrollbar,
body.lock-scroll::-webkit-scrollbar,
body.popup-on::-webkit-scrollbar,
html.dragging::-webkit-scrollbar {
  display: none;
}

.domain-modal .am-modal-button-group-h .am-modal-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.16rem;
  text-overflow: unset;
  font-size: 0.28rem;
  line-height: 1.2;
  word-break: break-word;
  white-space: normal;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.common-logo {
  object-fit: contain;
}

svg {
  fill: currentcolor;
}

.layout-contents {
  display: contents;
}

h1 {
  margin: unset;
  font-size: unset;
}

#root .lazy-load-image-background.blur.lazy-load-image-loaded {
  -webkit-filter: blur(0);
  filter: blur(0);
  transition: -webkit-filter 0.14s;
  transition: filter 0.14s;
  transition:
    filter 0.14s,
    -webkit-filter 0.14s;
}

#root .lazy-load-image-background.blur.lazy-load-image-loaded img {
  transition: opacity 0.15s;
}

#root .lazy-load-image-background.blur.lazy-load-image-loaded.android {
  -webkit-filter: blur(0);
  filter: blur(0);
  transition: none;
}

#root .lazy-load-image-background.blur.lazy-load-image-loaded.android img {
  opacity: 1;
  transition: none;
}

#credential_picker_iframe {
  z-index: 2147483647 !important;
}

@media (display-mode: standalone) {
  .loading-img-container {
    background: transparent !important;
  }
}

.swiper-container {
  position: relative;
  z-index: 1;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  list-style: none;
}

.red {
  color: red;
}

.svg-gradient {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  pointer-events: none;
}

.mobile-box {
  position: relative;
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  background-color: transparent;
  box-shadow: inset 0 0 0 10rem transparent;
  -webkit-text-fill-color: #000;
}