@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Bebas:wght@100&display=swap");@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");@import url("https://fonts.googleapis.com/css?family=Mogra|Roboto");@import url("https://fonts.googleapis.com/css?family=Mogra|Roboto");


::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #ffc0cb;
}
::-webkit-scrollbar {
  width: 0.5vw;
  background-color: black;
}
::-webkit-scrollbar-thumb {
  background-color: #bb6573;
}
body {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  font-family: "Inter", sans-serif;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: rgb(47, 53, 57);
  background: -moz-radial-gradient(circle, rgb(47, 53, 57) 0%, rgb(30, 39, 46) 100%);
  background: -webkit-radial-gradient(circle, rgb(47, 53, 57) 0%, rgb(30, 39, 46) 100%);
  background: radial-gradient(circle, rgb(47, 53, 57) 0%, rgb(30, 39, 46) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2f3539",endColorstr="#1e272e",GradientType=1);
}
.home {
  /* 視差元素的父級需要3D視角 */
  perspective: 1px;
  transform-style: preserve-3d;
  height: auto;
  background-image: url("./bg.40caebca.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: calc(100vw - 60px);
  margin-left: 60px;
  padding-bottom: 5vh;
}
@media (max-width: 575px) {
  .home {
    width: 100vw;
    margin-left: 0;
    padding-bottom: 0;
  }
}
.home .main-title {
  display: flex;
  justify-content: center;
  align-items: top;
  position: relative;
  width: 100%;
  height: 40vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("./main-title.b1502bbd.png");
}
.home .main-title .mouse {
  color: #fff;
  position: absolute;
  bottom: 0;
}
.home .main-title .mouse p {
  font-size: 1vw;
  margin: 2px 0;
}
.home .main-title .mouse img {
  width: 4vw;
}
.home .why-us {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.home .why-us.pc {
  height: 30vw;
  background-size: 100%;
  background-repeat: no-repeat;
}
.home .why-us.mobile {
  height: 70vw;
}
.home .why-us .marquee-box {
  margin-top: 3vw;
  margin-left: 60px;
}
@media (max-width: 768px) {
  .home .why-us .marquee-box {
    margin-top: -3vw;
    margin-left: 0;
  }
}
.home .why-us .btn-box {
  width: 40vw;
  max-height: 30vw;
  margin: 0 2vw;
  text-align: left;
  vertical-align: middle;
  position: absolute;
  right: 0;
}
.home .why-us .btn-box .btn-box-area {
  z-index: 9;
  position: relative;
}
.home .why-us .btn-box .btn-box-area .right-button {
  position: absolute;
  right: 0;
  top: 0;
}
.home .why-us .btn-box .btn-box-area .right-button .top {
  cursor: pointer;
  margin-left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("./top.7e444d29.png");
  width: 28vw;
  height: 15vw;
}
.home .why-us .btn-box .btn-box-area .right-button .top.triangle-image {
  clip-path: polygon(30% 0, 100% 0, 100% 50%, 100% 100%, 0 100%);
  transform: scale(1.05);
  transition: transform 0.3s;
}
.home .why-us .btn-box .btn-box-area .right-button .top.active {
  z-index: 999;
  background-image: url("./top-h.0aad8435.png");
}
.home .why-us .btn-box .btn-box-area .right-button .new {
  cursor: pointer;
  margin-left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("./new.6e25d59e.png");
  width: 28vw;
  height: 15vw;
}
.home .why-us .btn-box .btn-box-area .right-button .new.triangle-image {
  clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 30% 100%);
  transform: scale(1.05);
  transition: transform 0.3s;
}
.home .why-us .btn-box .btn-box-area .right-button .new.active {
  z-index: 999;
  background-image: url("./new-h.1cfd9f35.png");
}
.home .why-us .btn-box .btn-box-area .hot {
  position: relative;
  z-index: 10;
  cursor: pointer;
  margin-left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("./hot.a3eab996.png");
  width: 20vw;
  height: 30vw;
}
.home .why-us .btn-box .btn-box-area .hot.triangle-image {
  transform: scale(1.035);
  transition: transform 0.3s;
}
.home .why-us .btn-box .btn-box-area .hot.active {
  z-index: 999;
  background-image: url("./hot-h.556cb1c0.png");
}
.home .why-us .m-btn-box {
  width: calc(100vw - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .why-us .m-btn-box .m-hot, .home .why-us .m-btn-box .m-new, .home .why-us .m-btn-box .m-top {
  cursor: pointer;
  margin-left: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 30vw;
  height: 15vw;
  margin-bottom: 5vw;
}
.home .why-us .m-btn-box .m-hot {
  background-image: url("./hot.f8d9e238.png");
}
.home .why-us .m-btn-box .m-hot.active {
  background-image: url("./hot-h.a45fb342.png");
}
.home .why-us .m-btn-box .m-new {
  background-image: url("./new.b208797a.png");
}
.home .why-us .m-btn-box .m-new.active {
  background-image: url("./new-h.693bfa53.png");
}
.home .why-us .m-btn-box .m-top {
  background-image: url("./top.db256093.png");
}
.home .why-us .m-btn-box .m-top.active {
  background-image: url("./top-h.1473621f.png");
}
.home .why-us .box {
  width: 50vw;
  height: 50%;
  position: absolute;
  right: 0px;
}
.home .why-us .box .why-us-content {
  text-align: left;
}
.home .why-us .box .why-us-content img {
  width: 20vw;
}
.home .why-us .box .why-us-content .content-title {
  font-size: 2.5vw;
  font-weight: bolder;
  position: relative;
}
.home .why-us .box .why-us-content .content-title p {
  margin: 1vw 0;
  font-family: "Bebas", sans-serif !important;
}
.home .why-us .box .why-us-content .content-title p.top-title {
  color: #fff;
}
.home .why-us .box .why-us-content .content-title p.bottom-title {
  color: #bc00f2;
}
.home .why-us .box .why-us-content .content-detail {
  font-size: 1vw;
  width: 28vw;
  color: #fff;
}
.home .why-us .list {
  width: auto;
  height: auto;
}
.home .why-us .list ul {
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.home .why-us .list ul li {
  width: 10vw;
  height: 10vw;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.home .why-us .list ul li p {
  width: 8vw;
  height: 3vw;
  color: #fff;
  font-size: 0.8vw;
}
.home .why-us .list ul li img {
  width: 8vw;
}
.home .new-game {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  width: 100%;
  height: 45vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../image/newGame.png");
}
.home .new-game .new-game-content {
  text-align: left;
  position: absolute;
  left: 12vw;
  top: 16vw;
}
.home .new-game .new-game-content img {
  width: 20vw;
}
.home .new-game .new-game-content .content-title {
  font-weight: bolder;
  font-size: 2.5vw;
  position: relative;
}
.home .new-game .new-game-content .content-title p {
  margin: 1vw 0;
  font-family: "Bebas", sans-serif !important;
}
.home .new-game .new-game-content .content-title p.top-title {
  color: #fff;
}
.home .new-game .new-game-content .content-title p.bottom-title {
  color: #bc00f2;
}
.home .new-game .new-game-content .content-detail {
  font-size: 1vw;
  width: 28vw;
  color: #fff;
}
.home .new-game .new-game-box {
  width: 58%;
}
.home .new-game .new-game-box .new-game-control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3vw;
}
.home .new-game .new-game-box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 55%;
}
.home .new-game .new-game-box ul .game-card {
  cursor: pointer;
  list-style: none;
  width: 100%;
  height: 20vw;
  position: relative;
}
.home .new-game .new-game-box ul .game-card .game-type-layout {
  display: flex;
  align-items: center;
  margin-left: 1vw;
  height: 4vw;
}
.home .new-game .new-game-box ul .game-card .game-title-layout {
  position: absolute;
  bottom: 0;
  margin-left: 1.5vw;
  height: 7vw;
  font-size: 1vw;
}
.home .new-game .new-game-box ul .game-card .game-title-layout p {
  text-align: left;
}
.home .new-game .new-game-box ul .game-card p {
  color: #fff;
}
.home .new-game .new-game-box ul .game-card p.game-type {
  width: 80px;
  heigth: 20px;
  border-radius: 10px;
}
@media (max-width: 1200px) {
  .home .new-game .new-game-box ul .game-card p.game-type {
    width: 5vw;
    font-size: 1vw;
  }
}
.home .new-game .new-game-box ul .game-card.act1 {
  width: 18vw;
  max-width: 375px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../image/newGame/newGameBg1.png");
}
.home .new-game .new-game-box ul .game-card.act2 {
  width: 18vw;
  max-width: 375px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../image/newGame/newGameBg2.png");
}
.home .new-game .new-game-box ul .game-card.act3 {
  width: 18vw;
  max-width: 375px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../image/newGame/newGameBg3.png");
}
.home .catalog {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 25vw;
  margin: 5vw 0;
  background: #fff;
  opacity: 0.8;
}
@media (max-width: 992px) {
  .home .catalog {
    height: 30vw;
  }
}
@media (max-width: 768px) {
  .home .catalog {
    height: 30vw;
  }
}
.home .catalog .catalog-content {
  width: 35%;
  height: 5vw;
  margin: 0 2vw;
  display: flex;
  justify-items: flex-start;
  align-items: center;
  text-align: left;
  left: 0px;
  position: absolute;
  top: 0;
}
@media (max-width: 992px) {
  .home .catalog .catalog-content {
    margin: 2vw 5vw;
  }
}
.home .catalog .catalog-content .content-title {
  font-family: "Bebas", sans-serif !important;
  color: #656e8a;
  font-size: 2.5vw;
  font-weight: bolder;
}
.home .catalog .catalog-content .content-detail {
  font-size: 1vw;
  color: #fff;
}
.home .more {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 94vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../image/moreBg.png");
}
.home .more .box {
  width: 35vw;
  height: 15%;
  position: absolute;
  right: 5vw;
  top: 10vw;
}
.home .more .box .more-content {
  text-align: left;
}
.home .more .box .more-content img {
  width: 20vw;
}
.home .more .box .more-content .content-title {
  font-size: 2.5vw;
  font-weight: bolder;
  position: relative;
}
.home .more .box .more-content .content-title p {
  margin: 1vw 0;
  font-family: "Bebas", sans-serif !important;
}
.home .more .box .more-content .content-title p.top-title {
  color: #fff;
}
.home .more .box .more-content .content-title p.bottom-title {
  color: #bc00f2;
}
.home .more .box .more-content .content-detail {
  font-size: 1vw;
  color: #fff;
}
.home .more .more-list {
  position: absolute;
  top: 40vw;
}
.home .more .more-list ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .more .more-list ul li {
  background-size: 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 24vw;
  height: 18vw;
  color: #fff;
  list-style: none;
}
.home .more .more-list ul li.act1 {
  background-image: url("../image/more/moreItemBg1.png");
}
.home .more .more-list ul li.act2 {
  background-image: url("../image/more/moreItemBg2.png");
}
.home .more .more-list ul li.act3 {
  background-image: url("../image/more/moreItemBg3.png");
}
.home .more .more-list ul li .article {
  position: absolute;
  bottom: 4.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 768px) {
  .home .more .more-list ul li .article {
    bottom: 6vw;
  }
}
.home .more .more-list ul li .article p {
  margin: 0;
  width: 70%;
}
.home .more .more-list ul li .article p.more-item-title {
  font-size: 1.3vw;
  margin-bottom: 1vw;
}
.home .more .more-list ul li .article p.more-item-detail {
  font-size: 1vw;
}
.home .news {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 54vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../image/newsBg.png");
}
.home .news .news-side-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 35vw;
  height: 68%;
}
.home .news .news-side-box .news-title {
  width: 28vw;
  height: 50%;
}
.home .news .news-side-box .news-title .news-content {
  text-align: left;
}
.home .news .news-side-box .news-title .news-content img {
  width: 20vw;
}
.home .news .news-side-box .news-title .news-content .content-title {
  font-size: 2.5vw;
  font-weight: bolder;
  position: relative;
}
.home .news .news-side-box .news-title .news-content .content-title p {
  margin: 1vw 0;
  font-family: "Bebas", sans-serif !important;
}
.home .news .news-side-box .news-title .news-content .content-title p.top-title {
  color: #fff;
}
.home .news .news-side-box .news-title .news-content .content-title p.bottom-title {
  color: #bc00f2;
}
.home .news .news-side-box .news-title .news-content .content-detail {
  font-size: 1vw;
  color: #fff;
}
.home .news .news-side-box .news-btn {
  cursor: pointer;
  margin: 3vw 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../image/news/news-btn.png");
  width: 18vw;
  height: 4.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .news .news-side-box .news-btn:hover {
  background-image: url("../image/news/news-btn-h.png");
}
.home .news .news-side-box .news-btn span {
  font-size: 1.5vw;
  color: #fff;
}
.home .news ul.news-list {
  position: absolute;
  right: 5vw;
  width: 60vw;
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.home .news ul.news-list li {
  width: 50%;
  height: 65%;
  margin: 0 1vw;
  list-style: none;
}
.home .news ul.news-list li .item-title {
  width: 85%;
  text-align: left;
  margin: 0;
  font-size: 1.4vw;
  color: #fff;
}
.home .news ul.news-list li .item-detail {
  text-align: left;
  width: 85%;
  font-size: 1vw;
  color: #fff;
}
.home .news ul.news-list li.list-left .list-item1 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 1vw;
  width: 100%;
  height: 35vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../image/news/newsBg1.png");
}
.home .news ul.news-list li.list-right .list-item2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 1vw;
  width: 100%;
  height: 17vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../image/news/newsBg2.png");
}
.home .news ul.news-list li.list-right .list-item2 .item-box {
  width: 80%;
  position: absolute;
  top: 8vw;
}
.home .news ul.news-list li.list-right .list-item3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 1vw;
  width: 100%;
  height: 17vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../image/news/newsBg3.png");
}
.home .news ul.news-list li.list-right .list-item3 .item-box {
  width: 80%;
  position: absolute;
  top: 8vw;
}
.home .contact {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 40vw;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../image/contactBg.png");
}
.home .contact .contact-side-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  right: 0;
  top: 5vw;
  width: 48vw;
  height: 70%;
}
.home .contact .contact-side-box .box {
  width: 30vw;
  height: 55%;
}
.home .contact .contact-side-box .box .contact-content {
  text-align: left;
}
.home .contact .contact-side-box .box .contact-content img {
  width: 20vw;
}
.home .contact .contact-side-box .box .contact-content .content-title {
  font-size: 2.5vw;
  font-weight: bolder;
  position: relative;
}
.home .contact .contact-side-box .box .contact-content .content-title p {
  margin: 1vw 0;
  font-family: "Bebas", sans-serif !important;
}
.home .contact .contact-side-box .box .contact-content .content-title p.top-title {
  color: #fff;
}
.home .contact .contact-side-box .box .contact-content .content-title p.bottom-title {
  color: #bc00f2;
}
.home .contact .contact-side-box .box .contact-content .content-detail {
  font-size: 1vw;
  color: #fff;
}
.home .contact .contact-side-box .contact-btn {
  cursor: pointer;
  margin: 4vw 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../image/news/news-btn.png");
  width: 18vw;
  height: 4.6vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home .contact .contact-side-box .contact-btn:hover {
  background-image: url("../image/news/news-btn-h.png");
}
.home .contact .contact-side-box .contact-btn span {
  font-size: 1.5vw;
  color: #fff;
}
.home .footer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  bottom: 0;
  width: 100%;
  margin: 8vw 0;
  height: 5vw;
  background-size: 100%;
  z-index: 900;
}
.carousel .carousel__icon {
  color: #fff;
}
.carousel .carousel__viewport .carousel__track {
  margin: 0;
}
.layout-image {
  display: grid;
  grid-template-rows: repeat(6, 1fr);
  gap: 1vw;
  margin: 1vw 3vw !important;
  text-align: left;
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
}
.layout-image .image-item {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  position: relative;
}
.layout-image .image-item img {
  border-radius: 5px;
  width: 14vw;
  height: 16.5vh;
  object-fit: cover;
}
@media (max-width: 992px) {
  .layout-image .image-item img {
    width: 18vw;
  }
}
@media (max-width: 768px) {
  .layout-image .image-item img {
    width: 30vw;
  }
}
@media (max-width: 575px) {
  .layout-image .image-item img {
    width: 46vw;
  }
}
@media (width: 320px) and (height: 568px) {
  .layout-image .image-item img {
    width: 30vw;
  }
}
.layout-image .image-item span {
  margin-top: 1vh;
}
.layout-image .image-item i {
  position: absolute;
  top: 0.2vh;
  right: 0.2vw;
}
.layout-image .image-item .fa {
  color: #af081f;
}
.layout-input-single {
  display: flex;
  align-items: start;
  justify-content: start;
}
.layout-input-single .aselect {
  width: 15vw !important;
  padding: 0 !important;
}
.layout-input-even {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .layout-input-even {
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}
.side-bar {
  display: flex;
  list-style: none;
}
.side-bar li {
  font-size: 2vw;
  color: #000;
  padding: 1vw 2vw;
}
@media (max-width: 768px) {
  .side-bar li {
    font-size: 3vw;
    padding: 1vw 5.8vw;
  }
}
.side-bar .active {
  color: #fff;
  background-color: #dcb090;
  border-radius: 2vw;
  border-radius: 3vw;
}
.aselect {
  margin: 1vw 3vw !important;
  padding: 1vw;
}.title-linear-gradient {
  background: rgb(127, 191, 255);
  background: linear-gradient(90deg, rgb(127, 191, 255) 1%, rgb(255, 213, 254) 31%, rgb(255, 232, 252) 55%, rgb(231, 165, 255) 76%, rgb(175, 194, 255) 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  text-shadow: none;
  font-weight: 700;
}html #layuicss-layer{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #b2b2b2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) #eee 50% no-repeat}.layui-layer-ico{background:url(./icon.551539f8.99942159.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layer-anim{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.layer-anim-00{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}@keyframes layer-rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@-webkit-keyframes layer-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes layer-fadeIn{0%{opacity:0}to{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}@keyframes layer-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:50px;line-height:50px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:17px;font-size:0;line-height:normal}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2e2d3c;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2d93ca}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 15px 12px;pointer-events:auto;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:5px 5px 0;padding:0 15px;border:1px solid #dedede;background-color:#fff;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#1e9fff;background-color:#1e9fff;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:300px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8d8d8d;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #d3d4d3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:none}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:none;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(./loading-0.a72011cc.07236f68.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(data:image/gif;base64,R0lGODlhJQAlAJECAL3L2AYrTv///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAAJQAlAAACi5SPqcvtDyGYIFpF690i8xUw3qJBwUlSadmcLqYmGQu6KDIeM13beGzYWWy3DlB4IYaMk+Dso2RWkFCfLPcRvFbZxFLUDTt21BW56TyjRep1e20+i+eYMR145W2eefj+6VFmgTQi+ECVY8iGxcg35phGo/iDFwlTyXWphwlm1imGRdcnuqhHeop6UAAAIfkEBQoAAgAsEAACAAQACwAAAgWMj6nLXAAh+QQFCgACACwVAAUACgALAAACFZQvgRi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwXABEADAADAAACBYyPqcsFACH5BAUKAAIALBUAFQAKAAsAAAITlGKZwWoMHYxqtmplxlNT7ixGAQAh+QQFCgACACwQABgABAALAAACBYyPqctcACH5BAUKAAIALAUAFQAKAAsAAAIVlC+BGL3Z3IlxUmUuhtR2LzHhsiEFACH5BAUKAAIALAEAEQAMAAMAAAIFjI+pywUAIfkEBQoAAgAsBQAFAAoACwAAAhOUYJnAagwdjGq2amXGU1PuLEYBACH5BAUKAAIALBAAAgAEAAsAAAIFhI+py1wAIfkEBQoAAgAsFQAFAAoACwAAAhWUL4AIvdnciXFSZS6G1HYvMeGyIQUAIfkEBQoAAgAsFwARAAwAAwAAAgWEj6nLBQAh+QQFCgACACwVABUACgALAAACE5RgmcBqDB2MarZqZcZTU+4sRgEAIfkEBQoAAgAsEAAYAAQACwAAAgWEj6nLXAAh+QQFCgACACwFABUACgALAAACFZQvgAi92dyJcVJlLobUdi8x4bIhBQAh+QQFCgACACwBABEADAADAAACBYSPqcsFADs=) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(data:image/gif;base64,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) no-repeat}.layui-layer-tips{background:none;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:8px 15px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:5px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476a7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #e9e7e7}.layui-layer-lan .layui-layer-btn a{background:#fff;border-color:#e9e7e7;color:#333}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#c9c5c5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95;border-color:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92b8b1}.layui-layer-iconext{background:url(./icon-ext.ba81b24c.e2e7a838.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:260px;height:36px;margin:0 auto;line-height:30px;padding-left:10px;border:1px solid #e6e6e6;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px;padding:6px 10px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:300px;padding:0 20px;text-align:center;cursor:default;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer}.layui-layer-tab .layui-layer-title span.layui-this{height:51px;border-left:1px solid #eee;border-right:1px solid #eee;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.layui-this{display:block}.layui-layer-photos{background:none;box-shadow:none}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgnext,.layui-layer-imgprev{position:fixed;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:none;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:30px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:30px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:fixed;left:0;right:0;bottom:0;width:100%;height:40px;line-height:40px;background-color:#000\9;filter:Alpha(opacity=60);background-color:rgba(2,0,0,.35);color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{to{opacity:0;transform:scale(.7)}30%{transform:scale(1.05)}0%{transform:scale(1)}}@keyframes layer-bounceOut{to{opacity:0;transform:scale(.7)}30%{transform:scale(1.05)}0%{transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}/*!
 * 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: calc(1 * 2);
  animation-iteration-count: calc(1 * 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: calc(1 * 3);
  animation-iteration-count: calc(1 * 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: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 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 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) 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(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) 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: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -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;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -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 {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  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);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-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: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

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

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -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 {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -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;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

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

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    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;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -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 {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    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 {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

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

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

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

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

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

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}:root {
  /* Color */
  --vc-clr-primary: #000;
  --vc-clr-secondary: #090f207f;
  --vc-clr-white: #ffffff;

  /* Icon */
  --vc-icn-width: 1.2em;

  /* Navigation */
  --vc-nav-width: 30px;
  --vc-nav-height: 30px;
  --vc-nav-border-radius: 0;
  --vc-nav-color: var(--vc-clr-primary);
  --vc-nav-color-hover: var(--vc-clr-secondary);
  --vc-nav-background: transparent;

  /* Pagination */
  --vc-pgn-width: 12px;
  --vc-pgn-height: 4px;
  --vc-pgn-margin: 4px;
  --vc-pgn-border-radius: 0;
  --vc-pgn-background-color: var(--vc-clr-secondary);
  --vc-pgn-active-color: var(--vc-clr-primary);
}

.carousel {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  touch-action: pan-y;
  overscroll-behavior: none;
}

.carousel.is-dragging {
  touch-action: none;
}

.carousel * {
  box-sizing: border-box;
}

.carousel__track {
  display: flex;
  padding: 0 !important;
  position: relative;
}

.carousel__viewport {
  overflow: hidden;
}

.carousel__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.carousel__icon {
  width: var(--vc-icn-width);
  height: var(--vc-icn-width);
  fill: currentColor;
}

.carousel__prev,
.carousel__next {
  box-sizing: content-box;
  background: var(--vc-nav-background);
  border-radius: var(--vc-nav-border-radius);
  width: var(--vc-nav-width);
  height: var(--vc-nav-height);
  text-align: center;
  font-size: var(--vc-nav-height);
  padding: 0;
  color: var(--vc-nav-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  border: 0;
  cursor: pointer;
  margin: 0 10px;
  top: 50%;
  transform: translateY(-50%);
}

.carousel__next--disabled,
.carousel__prev--disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.carousel__prev {
  left: 0;
}

.carousel__next {
  right: 0;
}

.carousel--rtl .carousel__prev {
  left: auto;
  right: 0;
}

.carousel--rtl .carousel__next {
  right: auto;
  left: 0;
}

@media (hover: hover) {
  .carousel__prev:hover,
  .carousel__next:hover {
    color: var(--vc-nav-color-hover);
  }
}

.carousel__pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  line-height: 0;
  margin: 10px 0 0;
  padding: 0;
}

.carousel__pagination-button {
  display: block;
  border: 0;
  margin: 0;
  cursor: pointer;
  padding: var(--vc-pgn-margin);
  background: transparent;
}

.carousel__pagination-button::after {
  display: block;
  content: '';
  width: var(--vc-pgn-width);
  height: var(--vc-pgn-height);
  border-radius: var(--vc-pgn-border-radius);
  background-color: var(--vc-pgn-background-color);
}

.carousel__pagination-button--active::after {
  background-color: var(--vc-pgn-active-color);
}

@media(hover: hover) {
  .carousel__pagination-button:hover::after {
    background-color: var(--vc-pgn-active-color);
  }
}

.carousel__slide {
  scroll-snap-stop: auto;
  flex-shrink: 0;
  margin: 0;
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;

  /* Fix iOS scrolling #22 */
  transform: translateZ(0);
}

.border-img[data-v-43d17c9c] {
  width: 8vw;
  border-radius: 20px;
  border: 1px solid transparent;
}
.border-img.product-img[data-v-43d17c9c] {
  border-radius: 5px;
}
.normal-img[data-v-43d17c9c] {
  width: 20vw !important;
}
.layout-item[data-v-43d17c9c] {
  position: relative;
  min-height: 15.5vh;
}
.layout-item.fake-img img[data-v-43d17c9c]:nth-of-type(2) {
  display: none;
}
@media (max-width: 575px) {
.layout-item.fake-img img[data-v-43d17c9c]:nth-of-type(1) {
    display: none;
}
.layout-item.fake-img img[data-v-43d17c9c]:nth-of-type(2) {
    display: block;
}
}
.layout-item.white[data-v-43d17c9c] {
  background-color: #fff;
}
.layout-item .custom-area[data-v-43d17c9c] {
  width: calc(100vw - 60px);
  height: 16vw;
}
@media (max-width: 575px) {
.layout-item .custom-area[data-v-43d17c9c] {
    width: 100vw;
    height: auto;
}
}
.layout-item .custom-area.white[data-v-43d17c9c] {
  background-color: #fff;
}
.layout-item .custom-area.special[data-v-43d17c9c] {
  background-image: url("../image/bg.jpg");
  background-repeat: no-repeat;
}
.layout-item .custom-area .custom-title[data-v-43d17c9c] {
  margin: 0 2vw;
  width: 92vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575px) {
.layout-item .custom-area .custom-title[data-v-43d17c9c] {
    width: 84vw;
}
}
.layout-item .custom-area .custom-title span[data-v-43d17c9c] {
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 575px) {
.layout-item .custom-area .custom-title span[data-v-43d17c9c] {
    font-size: 3vw;
}
}
.layout-item .custom-area .custom-title img[data-v-43d17c9c] {
  color: #656e8a;
  font-weight: 600;
  margin: 0 0.5vw;
  width: 1.4vw;
  height: auto;
}
@media (max-width: 575px) {
.layout-item .custom-area .custom-title img[data-v-43d17c9c] {
    width: 4vw;
}
}
@media (max-width: 575px) {
.layout-item .custom-area .custom-game[data-v-43d17c9c] {
    margin: -5vw 0 0 1vw !important;
}
}
.layout-item .custom-area .custom-game li[data-v-43d17c9c]:first-child {
  margin-left: 9vw;
}
.layout-item .custom-area .custom-game li img[data-v-43d17c9c] {
  width: 18vw !important;
  height: 18vw !important;
  left: 3vw;
}
@media (max-width: 575px) {
.layout-item .custom-area .custom-game li img[data-v-43d17c9c] {
    z-index: 1051;
    margin: 3vw 6vw;
}
}
@media (max-width: 575px) {
.layout-item .custom-area .custom-game li .hot-index-number[data-v-43d17c9c] {
    top: -4.5vw;
    position: absolute;
    z-index: 0;
    left: -12vw !important;
    height: 28vw !important;
}
}
@media (max-width: 575px) {
.layout-item .custom-area .custom-game li .heart[data-v-43d17c9c] {
    z-index: 1052;
    position: absolute;
    width: 4vw !important;
    height: 4vw !important;
    left: 12vw !important;
    top: 1.5vw !important;
    right: 2vw !important;
}
}
@media (max-width: 575px) {
.layout-item .custom-area .custom-game li .game-name[data-v-43d17c9c] {
    background-image: url("./Frame 48095769.da04a87c.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 18vw;
    min-width: unset !important;
    margin: -3.3vw 0 0 0 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 1051;
}
}
.layout-item .carousel-game[data-v-43d17c9c] {
  display: block;
}
.layout-item .carousel-game.product-carousel[data-v-43d17c9c] {
  margin-left: 2vw;
}
@media (max-width: 575px) {
.layout-item .carousel-game[data-v-43d17c9c] {
    display: none;
}
}
.layout-item .carousel-game li .carousel__item[data-v-43d17c9c] {
  position: relative;
}
.layout-item .carousel-game li .carousel__item .heart[data-v-43d17c9c] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
}
@media (max-width: 575px) {
.layout-item .carousel-game li[data-v-43d17c9c] {
    margin: 3vw 3vw;
}
}
.layout-item .carousel-game li img.border-img[data-v-43d17c9c] {
  width: 7vw;
  cursor: pointer;
}
.layout-item .carousel-game li img.border-img.product-img[data-v-43d17c9c] {
  width: 14vw;
  justify-content: left;
}
.layout-item .carousel-game li img.border-img.recommend[data-v-43d17c9c] {
  width: 7vw;
  height: 7vw;
  object-fit: cover;
}
.layout-item .carousel-game li img.border-img.long[data-v-43d17c9c] {
  width: 15vw;
}
@media (max-width: 575px) {
.layout-item .carousel-game li img.border-img.long[data-v-43d17c9c] {
    width: 50vw;
}
}
@media (max-width: 575px) {
.layout-item .carousel-game li img.border-img[data-v-43d17c9c] {
    width: 28vw;
}
}
.layout-item .carousel-game li p[data-v-43d17c9c] {
  color: black;
  font-size: 0.9vw;
  font-family: Myriad Pro;
  margin: 0.5vw 0;
}
@media (max-width: 575px) {
.layout-item .carousel-game li p[data-v-43d17c9c] {
    font-size: 3vw;
}
}
.game-name[data-v-43d17c9c] {
  width: auto;
  height: 5vh;
  padding: 1vh;
  background-image: linear-gradient(0deg, #fff 0%, #f1d7c3 100%);
  text-align: center;
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  margin: -0.3vw 0 0.5vw 0 !important;
}
@media (max-width: 575px) {
.game-name[data-v-43d17c9c] {
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
    min-width: 20vw;
}
}
.carousel-hot[data-v-43d17c9c] {
  margin-left: 4vw;
}
.carousel-hot .hot-index-number[data-v-43d17c9c] {
  position: absolute;
  left: -6vw;
  top: -1.5vw;
  width: 10vw;
  height: 10.5vw;
  z-index: -1;
}.layout-item[data-v-5829434c] {
  position: relative;
}
.slot-rank[data-v-5829434c] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-5829434c] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-5829434c] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-5829434c] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-5829434c] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-5829434c] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-5829434c] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-5829434c] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-5829434c] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-5829434c] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-5829434c] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-5829434c] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-5829434c] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-5829434c] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-5829434c] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-5829434c] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-5829434c] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-5829434c] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-5829434c] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-5829434c] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-5829434c] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-5829434c] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-5829434c {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-5829434c] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-5829434c] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-5829434c] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-5829434c] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-5829434c] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-5829434c] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-5829434c] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-5829434c] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-5829434c] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-5829434c] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-5829434c] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-5829434c] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-5829434c] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-5829434c] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}.layout-item[data-v-1ed721df] {
  position: relative;
}
.slot-rank[data-v-1ed721df] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-1ed721df] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-1ed721df] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-1ed721df] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-1ed721df] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-1ed721df] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-1ed721df] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-1ed721df] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-1ed721df] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-1ed721df] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-1ed721df] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-1ed721df] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-1ed721df] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-1ed721df] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-1ed721df] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-1ed721df] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-1ed721df] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-1ed721df] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-1ed721df] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-1ed721df] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-1ed721df] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-1ed721df] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-1ed721df {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-1ed721df] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-1ed721df] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-1ed721df] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-1ed721df] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-1ed721df] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-1ed721df] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-1ed721df] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-1ed721df] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-1ed721df] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-1ed721df] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-1ed721df] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-1ed721df] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-1ed721df] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-1ed721df] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}.layout-item[data-v-6525c27e] {
  position: relative;
}
.slot-rank[data-v-6525c27e] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-6525c27e] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-6525c27e] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-6525c27e] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-6525c27e] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-6525c27e] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-6525c27e] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-6525c27e] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-6525c27e] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-6525c27e] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-6525c27e] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-6525c27e] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-6525c27e] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-6525c27e] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-6525c27e] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-6525c27e] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-6525c27e] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-6525c27e] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-6525c27e] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-6525c27e] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-6525c27e] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-6525c27e] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-6525c27e {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-6525c27e] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-6525c27e] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-6525c27e] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-6525c27e] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-6525c27e] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-6525c27e] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-6525c27e] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-6525c27e] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-6525c27e] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-6525c27e] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-6525c27e] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-6525c27e] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-6525c27e] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-6525c27e] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}.carousel-container[data-v-6c105b96] {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.cloud9-item[data-v-6c105b96] {
  position: absolute;
  cursor: pointer;
  opacity: 0.7;
  width: 30vw;
}
@media (max-width: 768px) {
.cloud9-item[data-v-6c105b96] {
    width: 15vw;
}
}
.front-item[data-v-6c105b96] {
  opacity: 1;
}
.front-item .item-icon[data-v-6c105b96] {
  box-shadow: 0 0 12px 5px #fff;
}
@media (max-width: 575px) {
.front-item .item-icon[data-v-6c105b96] {
    box-shadow: unset;
}
}
.front-item .item-icon.product[data-v-6c105b96] {
  width: 15vw;
  height: 15vw;
  object-fit: cover;
}
.item-icon[data-v-6c105b96] {
  position: relative;
  border-radius: 16px;
  left: 0vw;
  top: -8vh;
  width: 50%;
  max-width: 90%;
}
.item-icon.product[data-v-6c105b96] {
  width: 15vw;
  height: 15vw;
  object-fit: cover;
}
@media (max-width: 1920px) {
.item-icon[data-v-6c105b96] {
    top: -13vh;
}
}
@media (max-width: 1200px) {
.item-icon[data-v-6c105b96] {
    top: -6vh;
}
}
@media (max-width: 768px) {
.item-icon[data-v-6c105b96] {
    width: 20vw;
    top: -3vh;
    left: 0;
}
}
.item-wrapper[data-v-6c105b96] {
  width: 100%;
  height: 79%;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 768px) {
.item-wrapper[data-v-6c105b96] {
    width: 40vw;
    height: 14vh;
}
}
#prev-arrow[data-v-6c105b96],
#next-arrow[data-v-6c105b96] {
  position: absolute;
  top: 50%;
  z-index: 99;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 50%;
  transition: background-color 0.3s;
}
#prev-arrow[data-v-6c105b96] {
  background: url("./left.fca9dfd9.png") no-repeat center center;
  background-size: cover;
}
#next-arrow[data-v-6c105b96] {
  background: url("./right.29593cd8.png") no-repeat center center;
  background-size: cover;
}
#prev-arrow[data-v-6c105b96]:hover,
#next-arrow[data-v-6c105b96]:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
#prev-arrow[data-v-6c105b96] {
  left: 10px;
}
#next-arrow[data-v-6c105b96] {
  right: 10px;
}
.plat[data-v-6c105b96] {
  position: absolute;
  z-index: 500;
  width: 32vw;
  margin: -6.5vw 0 0 -0.5vw;
  left: 0;
}
@media (max-width: 575px) {
.plat[data-v-6c105b96] {
    left: -8vw;
    top: 1.5vw;
}
}
.carousel_index-number[data-v-6c105b96] {
  position: absolute;
  top: -6vw;
  left: -1vw;
  z-index: -1;
}
@media (max-width: 575px) {
.carousel_index-number[data-v-6c105b96] {
    top: -2vw;
    width: 10vw;
    left: -5.5vw;
}
}
.bg-name[data-v-6c105b96] {
  top: 4vw;
  left: 8vw;
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: auto;
  max-width: 12vw;
  padding: 10px 5px 20px 5px;
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  position: relative;
  margin: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 1051;
}
@media (max-width: 575px) {
.bg-name[data-v-6c105b96] {
    top: 8vw;
    left: 2vw;
    height: 2vw;
    padding: 3px 2px 5px 2px;
    width: 10vw;
    font-size: 0.9vw;
    min-width: unset !important;
    margin: -3.3vw 0 0 0 !important;
}
}
[data-v-6f820c52]::-webkit-scrollbar {
  display: none;
}
p[data-v-6f820c52], span[data-v-6f820c52], h1[data-v-6f820c52], ul[data-v-6f820c52], li[data-v-6f820c52] {
  margin: 0;
  padding: 0;
}
.top-game[data-v-6f820c52] {
  width: 100%;
}
.top-game .banner[data-v-6f820c52] {
  height: 46vw;
  background-image: url("./topBg.ae82806d.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content[data-v-6f820c52] {
  height: 90vw;
  background-image: url("./bottomBg.c5384678.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 575px) {
.top-game .content[data-v-6f820c52] {
    height: auto;
    padding-bottom: 4vw;
    background-size: cover;
}
}
.top-game .content .rank-area[data-v-6f820c52] {
  width: 96vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 0 auto;
}
.top-game .content .rank-area .top-rank[data-v-6f820c52] {
  width: 45vw;
  height: 75vw;
  margin: 1vw;
  flex-shrink: 0;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 10px 5px #C7D8EF;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank[data-v-6f820c52] {
    width: 90vw;
    height: auto;
}
}
.top-game .content .rank-area .top-rank.half-hidden[data-v-6f820c52] {
  display: block;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank.half-hidden[data-v-6f820c52] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .else-rank[data-v-6f820c52] {
  width: 88%;
  height: 49vw;
  margin: 0 auto;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.top-game .content .rank-area .top-rank .else-rank.add-padding[data-v-6f820c52] {
  padding: 0.6vw 0;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank[data-v-6f820c52] {
    height: auto;
    padding: 2vw 0;
}
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-6f820c52] {
  width: 100%;
  height: 7vw;
  padding: 0.5vw 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DFDDDC;
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-6f820c52]:last-child {
  border-bottom: 0px;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li[data-v-6f820c52] {
    height: 14vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-6f820c52] {
  cursor: pointer;
  width: 8vw;
  height: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-6f820c52] {
    width: 20vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-6f820c52] {
  cursor: pointer;
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-6f820c52] {
    width: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-6f820c52] {
  margin: 0 0.5vw;
  color: #676666;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-6f820c52] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data[data-v-6f820c52] {
  width: 70%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-6f820c52] {
  color: #9EAFCB;
  text-align: center;
  font-family: Helvetica;
  font-size: 2vw;
  width: 22%;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-6f820c52] {
    font-size: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-6f820c52] {
  width: 6vw;
  border-radius: 16px;
  border: 1px solid transparent;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-6f820c52] {
    width: 12vw;
    border-radius: 10px;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info[data-v-6f820c52] {
  width: 40%;
  margin: 0 1vw;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-6f820c52] {
  text-align: left;
  width: 100%;
  color: #151311;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-6f820c52] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-6f820c52] {
  text-align: left;
  width: 100%;
  color: #5174A2;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-6f820c52] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .first-three-rank[data-v-6f820c52] {
  margin: 3.5vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .first-three-rank[data-v-6f820c52] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-6f820c52] {
  position: relative;
  width: 33.3333333333%;
  height: 15vw;
  background-position: center;
  background-image: url("./top1Bg.267dfc51.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-6f820c52]::before {
  width: 3vw;
  height: 4vw;
  position: absolute;
  top: 2vw;
  left: -1vw;
  content: "";
  background-image: url("./no1.bcdc27ca.png");
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-6f820c52] {
  background-size: 85%;
  background-image: url("./top2Bg.341b31e0.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-6f820c52]::before {
  left: 0vw;
  background-image: url("./no2.4706b16c.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-6f820c52] {
  background-size: 75%;
  background-image: url("./top3Bg.19aaac6f.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-6f820c52]::before {
  left: 1vw;
  background-image: url("./no3.49c8fd58.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box[data-v-6f820c52] {
  width: 100%;
  cursor: pointer;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-logo[data-v-6f820c52] {
  position: relative;
  top: -1vw;
  width: 8vw;
  animation-duration: 3s;
  animation-name: wave-6f820c52;
  animation-iteration-count: infinite;
  border-radius: 16px;
  border: 1px solid transparent;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info[data-v-6f820c52] {
  margin-bottom: 0.3vw;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-code[data-v-6f820c52] {
  color: #151311;
  text-align: center;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-type[data-v-6f820c52] {
  color: #5174A2;
  text-align: center;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .vetor[data-v-6f820c52] {
  cursor: pointer;
  width: 2vw;
}
.top-game .content .tab-area[data-v-6f820c52] {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .tab-area[data-v-6f820c52] {
    overflow: auto;
    margin: 3vw 0;
    justify-content: flex-start;
}
}
.top-game .content .tab-area .tab[data-v-6f820c52] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 0.5vw;
  padding: 0 0.2vw;
  width: 9vw;
  height: 3.5vw;
  border-radius: 0.5vw;
  background: #AAB7CE;
  box-shadow: 4.415px 4.415px 7.358px 0px #E5EBF5;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab[data-v-6f820c52] {
    border-radius: 1vw;
    height: 10vw;
    margin: 0 1vw;
    padding: 0 10vw;
}
}
.top-game .content .tab-area .tab.active[data-v-6f820c52] {
  box-shadow: 0;
  background: transparent;
  background-image: url("data:image/png;base64,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");
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
}
.top-game .content .tab-area .tab img[data-v-6f820c52] {
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab img[data-v-6f820c52] {
    width: 4vw;
}
}
.top-game .content .tab-area .tab span[data-v-6f820c52] {
  color: #FFF;
  width: 3vw;
  padding: 0;
  margin: 0 0.8vw;
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab span[data-v-6f820c52] {
    font-size: 3vw;
    width: 10vw;
    line-height: 3vw;
}
}
.top-game .content h1[data-v-6f820c52] {
  margin: 0;
  padding: 0;
}
.top-game .content h1.title[data-v-6f820c52] {
  color: #A1BFE4;
  text-align: center;
  text-shadow: 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF;
  font-family: "微軟正黑體";
  font-weight: 100;
  font-size: 6vw;
  font-style: normal;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content h1.title[data-v-6f820c52] {
    padding-top: 3vw;
}
}
@keyframes wave-6f820c52 {
0% {
    top: -1vw;
}
50% {
    top: -0.5vw;
}
}
.top-game[data-v-6f820c52] {
  width: calc(100vw - 60px);
  margin-left: 60px;
}
@media (max-width: 575px) {
.top-game[data-v-6f820c52] {
    width: 100vw;
    margin-left: 0;
}
}
.top-game .banner[data-v-6f820c52] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 45vw;
  background-image: url("./topBannerBg.f626ba94.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.top-game .banner .banner-title[data-v-6f820c52] {
  position: absolute;
  top: 0;
  padding-top: 6vw;
  width: 50vw;
  display: block;
  z-index: 999;
  pointer-events: none;
}
@media (max-width: 768px) {
.top-game .banner .banner-title[data-v-6f820c52] {
    padding-top: 2vw;
}
}
.top-game .banner .banner-title img[data-v-6f820c52] {
  width: 100%;
}
.top-game .content .tab-area[data-v-6f820c52] {
  margin-left: 2vw;
  width: 92vw;
  justify-content: left;
}
@media (min-width: 1024px) {
.top-game .content .tab-area .tab[data-v-6f820c52] {
    flex: 1 0 auto;
    max-width: 8.9vw;
}
.top-game .content .tab-area .tab span[data-v-6f820c52] {
    font-size: 1vw;
}
.top-game .content .tab-area .tab.ten-tabs[data-v-6f820c52] {
    max-width: 7vw;
}
.top-game .content .tab-area .tab.ten-tabs.active[data-v-6f820c52] {
    background-size: unset;
}
}
.carousel__item[data-v-6f820c52], .game-box[data-v-6f820c52], .game-data[data-v-6f820c52] {
  position: relative;
}
.game-image-wrapper[data-v-6f820c52] {
  position: relative;
  display: inline-block;
}
.heart[data-v-6f820c52] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  right: 0.5vw;
  top: 0.5vw;
  z-index: 1;
}
@media (max-width: 575px) {
.heart[data-v-6f820c52] {
    width: 3vw;
    height: 3vw;
    right: 1vw;
    top: 1vw;
}
}
.game-logo[data-v-6f820c52] {
  display: block;
}.layout-item[data-v-1c4c0455] {
  position: relative;
}
.slot-rank[data-v-1c4c0455] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-1c4c0455] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-1c4c0455] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-1c4c0455] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-1c4c0455] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-1c4c0455] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-1c4c0455] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-1c4c0455] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-1c4c0455] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-1c4c0455] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-1c4c0455] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-1c4c0455] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-1c4c0455] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-1c4c0455] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-1c4c0455] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-1c4c0455] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-1c4c0455] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-1c4c0455] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-1c4c0455] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-1c4c0455] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-1c4c0455] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-1c4c0455] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-1c4c0455 {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-1c4c0455] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-1c4c0455] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-1c4c0455] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-1c4c0455] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-1c4c0455] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-1c4c0455] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-1c4c0455] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-1c4c0455] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-1c4c0455] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-1c4c0455] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-1c4c0455] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-1c4c0455] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-1c4c0455] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-1c4c0455] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}.currency-label[data-v-36468e8c] {
  color: #6282c4;
}
.currency-amount[data-v-36468e8c] {
  color: #555555;
}
h1[data-v-36468e8c] {
  color: #f9f9f9;
  text-align: center;
  font-size: 36px;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: "Mogra";
  margin-bottom: 0;
  text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.3);
}
.country-select[data-v-36468e8c] {
  width: 13.5vw;
  margin: 1vw auto;
  position: relative;
}
.country-select li[data-v-36468e8c] {
  position: relative;
}
.country-select .flat[data-v-36468e8c] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  left: 1vw;
  top: 0;
  width: 3vw;
  height: 3vw;
}
.country-select .flat img[data-v-36468e8c] {
  width: 2vw;
}
.country-select .selector[data-v-36468e8c] {
  border: 0.1vw solid gainsboro;
  border-radius: 5px;
  height: 3vw;
  background: #F8F8F8;
  position: relative;
  z-index: 1;
}
.country-select .selector .selector-content[data-v-36468e8c] {
  z-index: 999;
}
.country-select .selector .arrow[data-v-36468e8c] {
  position: absolute;
  right: 1vw;
  top: 40%;
  width: 0;
  height: 0;
  border-left: 0.7vw solid transparent;
  border-right: 0.7vw solid transparent;
  border-top: 1vw solid #888;
  transform: rotateZ(0deg) translateY(0px);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.59, 1.39, 0.37, 1.01);
}
.country-select .selector .expanded[data-v-36468e8c] {
  transform: rotateZ(180deg) translateY(2px);
}
.country-select .selector .label[data-v-36468e8c] {
  display: block;
  padding: 0.8vw;
  font-size: 1.1vw;
  color: #888;
}
.country-select ul[data-v-36468e8c] {
  width: 100%;
  border-radius: 5px;
  list-style-type: none;
  padding: 0;
  margin: 0.5vw 0 0 0;
  font-size: 1vw;
  border: 0.1vw solid gainsboro;
  position: absolute;
  z-index: 1;
  background: #fff;
}
.country-select li[data-v-36468e8c] {
  padding: 0.8vw;
  color: #666;
}
.country-select li[data-v-36468e8c]:hover {
  color: #6282c4;
  background: #eef4ff;
}
.country-select .current[data-v-36468e8c] {
  background: #eaeaea;
}
.country-select .hidden[data-v-36468e8c] {
  visibility: hidden;
}
.country-select .visible[data-v-36468e8c] {
  visibility: visible;
}
.country-select.custom-style[data-v-36468e8c] {
  width: 9vw;
  margin: 0 0 0 2vw;
}
.country-select.custom-style .flat[data-v-36468e8c] {
  width: 2vw;
  height: 2vw;
  left: 0.3vw;
}
.country-select.custom-style .selector[data-v-36468e8c] {
  height: 2vw;
}
.country-select.custom-style .selector .selector-content span[data-v-36468e8c] {
  font-size: 0.8vw;
}
.country-select.custom-style .selector .label[data-v-36468e8c] {
  padding: 0.1vw;
}
.country-select.custom-style .selector .label .currency-label[data-v-36468e8c] {
  font-size: 0.8vw;
}
.country-select.custom-style .selector .arrow[data-v-36468e8c] {
  position: absolute;
  right: 1vw;
  top: 35%;
  width: 0;
  height: 0;
  border-left: 0.4vw solid transparent;
  border-right: 0.4vw solid transparent;
  border-top: 0.7vw solid #888;
}
.country-select.custom-style ul[data-v-36468e8c] {
  width: 100%;
  border-radius: 5px;
  list-style-type: none;
  padding: 0;
  margin: 0.5vw 0 0 0;
  font-size: 0.8vw;
  border: 0.1vw solid gainsboro;
  position: absolute;
  z-index: 1;
  background: #fff;
}
.country-select.custom-style li[data-v-36468e8c] {
  padding: 0.6vw;
  color: #666;
}
.country-select.custom-style li[data-v-36468e8c]:hover {
  color: #6282c4;
  background: #eef4ff;
}
@media screen and (max-width: 575px) {
.country-select[data-v-36468e8c] {
    width: 38vw;
}
.country-select .flat[data-v-36468e8c] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    left: 5vw;
    top: 2vw;
    width: 3vw;
    height: 3vw;
}
.country-select .flat img[data-v-36468e8c] {
    width: 10vw;
}
.country-select .selector[data-v-36468e8c] {
    border: 0.1vw solid gainsboro;
    border-radius: 5px;
    height: 8vw;
    background: #F8F8F8;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.country-select .selector .arrow[data-v-36468e8c] {
    position: absolute;
    right: 1vw;
    top: 40%;
    width: 0;
    height: 0;
    border-left: 1.5vw solid transparent;
    border-right: 1.5vw solid transparent;
    border-top: 2vw solid #888;
    transform: rotateZ(0deg) translateY(0px);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.59, 1.39, 0.37, 1.01);
}
.country-select .selector .expanded[data-v-36468e8c] {
    transform: rotateZ(180deg) translateY(2px);
}
.country-select .selector .label[data-v-36468e8c] {
    display: block;
    padding: 0.8vw;
    font-size: 3vw;
    color: #888;
}
.country-select ul[data-v-36468e8c] {
    width: 100%;
    border-radius: 5px;
    list-style-type: none;
    padding: 0;
    margin: 0.5vw 0 0 0;
    font-size: 3vw;
    position: absolute;
    top: 9vw;
    left: 0;
}
.country-select li[data-v-36468e8c] {
    padding: 1.8vw;
    color: #666;
}
.country-select li[data-v-36468e8c]:hover {
    color: #6282c4;
    background: #eef4ff;
}
.country-select.custom-style[data-v-36468e8c] {
    width: 22vw;
}
.country-select.custom-style .flat[data-v-36468e8c] {
    width: 6vw;
    height: 3vw;
    left: 0.3vw;
    top: 1vw;
}
.country-select.custom-style ul[data-v-36468e8c] {
    top: 5vw;
}
.country-select.custom-style li[data-v-36468e8c] {
    padding: 1.5vw;
}
.country-select.custom-style .selector[data-v-36468e8c] {
    height: 5vw;
}
.country-select.custom-style .selector .arrow[data-v-36468e8c] {
    right: 1vw;
    top: 35%;
    width: 0;
    height: 0;
    border-left: 0.8vw solid transparent;
    border-right: 0.8vw solid transparent;
    border-top: 1vw solid #888;
}
.country-select.custom-style .selector .selector-content span[data-v-36468e8c] {
    font-size: 2vw;
}
.country-select.custom-style .selector .label[data-v-36468e8c] {
    padding: 0.8vw;
}
.country-select.custom-style .selector .label .currency-label[data-v-36468e8c] {
    font-size: 2vw;
    height: 100%;
    display: block;
}
}body {
  height: 100vh;
  width: calc(100vw - 60px);
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  font-size: 16px;
  font-family: "proxima nova", "open sans", "Helvetica", sans-serif;
}
.Marquee {
  width: 84vw;
  height: 8vw;
  box-sizing: border-box;
  padding: 1vw;
  margin: 1vw 0;
  color: white;
  font-weight: 200;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 575px) {
.Marquee {
    width: calc(100vw - 60px);
    height: 21vw;
}
}
.Marquee .Marquee-content.left {
  display: flex;
  animation: marquee-left 20s linear infinite running;
}
.Marquee .Marquee-content.left:hover {
  animation-play-state: paused;
}
.Marquee .Marquee-content.right {
  display: flex;
  animation: marquee-right 20s linear infinite running;
}
.Marquee .Marquee-content.right:hover {
  animation-play-state: paused;
}
.Marquee .Marquee-tag {
  width: 8vw;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
@media (max-width: 575px) {
.Marquee .Marquee-tag {
    width: 20vw;
    margin: 0 1vw;
}
.Marquee .Marquee-tag img {
    width: 18vw !important;
}
}
.Marquee .Marquee-tag img {
  width: 7vw;
  border-radius: 20px;
  border: 1px solid transparent;
}
.Marquee .Marquee-tag:hover {
  transform: scale(1.1);
  cursor: pointer;
}
@keyframes marquee-left {
0% {
    transform: translateX(0);
}
100% {
    transform: translate(-50%);
}
}
@keyframes marquee-right {
0% {
    transform: translateX(-50%);
}
100% {
    transform: translate(0);
}
}.banner-item {
  width: 100%;
  height: 500px;
}
@media (min-width: 1200px) {
.banner-item {
    height: 100%;
}
}
@media (max-width: 575px) {
.banner-item {
    height: 250px;
}
}
.border-img {
  width: 8vw;
  border-radius: 20px;
  border: 1px solid transparent;
}
.border-img.product-img {
  border-radius: 5px;
}
.normal-img {
  width: 20vw !important;
}
.home .banner {
  position: relative;
  top: 0px;
}
.home .banner .banner-item {
  width: calc(100vw - 60px);
}
@media (max-width: 575px) {
.home .banner .banner-item {
    width: 100vw;
}
}
.home .layout-item {
  position: relative;
}
.home .layout-item.fake-img img:nth-of-type(2) {
  display: none;
}
@media (max-width: 575px) {
.home .layout-item.fake-img img:nth-of-type(1) {
    display: none;
}
.home .layout-item.fake-img img:nth-of-type(2) {
    display: block;
}
}
.home .layout-item .custom-area {
  width: calc(100vw - 60px);
  height: 16vw;
}
@media (max-width: 575px) {
.home .layout-item .custom-area {
    width: 100vw;
    height: auto;
}
}
.home .layout-item .custom-area.white {
  background-color: #fff;
}
.home .layout-item .custom-area.special {
  background-image: url("../image/bg.jpg");
  background-repeat: no-repeat;
}
.home .layout-item .custom-area .custom-title {
  margin: 0 2vw;
  width: 92vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
@media (max-width: 575px) {
.home .layout-item .custom-area .custom-title {
    width: 84vw;
}
}
.home .layout-item .custom-area .custom-title span {
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 575px) {
.home .layout-item .custom-area .custom-title span {
    font-size: 3vw;
}
}
.home .layout-item .custom-area .custom-title img {
  color: #656e8a;
  font-weight: 600;
  margin: 0 0.5vw;
  width: 1.4vw;
  height: auto;
}
@media (max-width: 575px) {
.home .layout-item .custom-area .custom-title img {
    width: 4vw;
    margin-right: 5px;
}
}
.home .layout-item .custom-area .custom-title .custom-style {
  z-index: 1052;
  position: absolute;
  right: 5vw;
  top: 50%;
  transform: translateY(-50%);
}
.home .layout-item .carousel-game {
  display: block;
}
.home .layout-item .carousel-game.product-carousel {
  margin-left: 2vw;
}
.home .layout-item .carousel-game.region-top {
  margin-left: 3vw;
}
@media (max-width: 575px) {
.home .layout-item .carousel-game {
    display: none;
}
}
.home .layout-item .carousel-game li .carousel__item {
  position: relative;
}
.home .layout-item .carousel-game li .carousel__item .heart {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.home .layout-item .carousel-game li {
    margin: 3vw 3vw;
}
}
.home .layout-item .carousel-game li .region-index-number {
  position: absolute;
  z-index: 1050;
  font-size: 24px;
  line-height: 1;
  font-size: 11.5vw;
  left: -5.5vw;
  height: 100%;
  color: #F0F4FF;
  font-weight: 700;
  top: -1.2vw;
}
.home .layout-item .carousel-game li img.border-img {
  width: 7vw;
  cursor: pointer;
  position: relative;
  z-index: 1051;
}
.home .layout-item .carousel-game li img.border-img.product-img {
  width: 14vw;
  height: 16.5vh;
  object-fit: cover;
  justify-content: left;
}
.home .layout-item .carousel-game li img.border-img.recommend {
  width: 7vw;
  height: 7vw;
  object-fit: cover;
}
.home .layout-item .carousel-game li img.border-img.long {
  width: 15vw;
}
@media (max-width: 575px) {
.home .layout-item .carousel-game li img.border-img.long {
    width: 50vw;
}
}
@media (max-width: 575px) {
.home .layout-item .carousel-game li img.border-img {
    width: 28vw;
}
}
.home .layout-item .carousel-game li p {
  color: black;
  width: 7vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.9vw;
  font-family: Myriad Pro;
  margin: 0.5vw auto;
}
@media (max-width: 575px) {
.home .layout-item .carousel-game li p {
    font-size: 3vw;
}
}
.home .layout-item .carousel-game li .bg-name {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: auto;
  max-width: 7.5vw;
  height: 100%;
  padding: 10px 0px;
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  position: relative;
  margin: -0.3vw 0 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 1051;
}
.home .layout-item .custom-game {
  padding: 0;
  margin: 0 0 0 1vw;
  list-style: none;
  width: 99vw;
  display: none;
  overflow-x: auto;
}
@media (max-width: 575px) {
.home .layout-item .custom-game {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
}
.home .layout-item .custom-game::-webkit-scrollbar {
  display: none;
}
.home .layout-item .custom-game li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0 1.8vw;
  position: relative;
}
.home .layout-item .custom-game li .heart {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
}
@media (max-width: 575px) {
.home .layout-item .custom-game li .heart {
    width: 4vw;
    height: 4vw;
    left: 22vw;
    top: 1vw;
}
}
.home .layout-item .custom-game li.favorMode::before {
  position: absolute;
  cursor: pointer;
  display: block;
  left: 7vw;
  top: 0.8vw;
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAjCAYAAAAXMhMjAAABm0lEQVRYhe2Y7VGDMBiAHz0XoCPUEVgBR9ARYAQZgY4AK3QEGcGu4Aqs4I++iWlIgAQkevrccWlz+XhoPt73Cv/Ecac+tG3ra5MDhZSZ1F3kOc+Mnxl9c6kbpG8v5YiqqgB4mBg4BxoZ3EbVDcBJHluqBF75eiGTZyl7oPZJ3nvESuDdI2ZLNNL2KHW5fG88YiaFtC2XypWAd409KKESeDNEl9LiELTliggxRSZ9534tHy3WStlysWJbcTO/KVcSvhxbc8RYXlMuH7dNgvYw5eZO5l5oD1Mu9ZIqtIfvnvsR/Bq5PpnFLdrDlHPGtwQ45boEIi50pmPKfZBesBMPYHwgaq5pUAoGmV9jyw3AE/sLOud1XSUXV8NvRImNDqTvnttL0CsG05fwBXj0ddyA2fHnIsTkm61g0cosCV9bCy7eMktjqxJcG+LOBOzlkMCvBGMv6g54IeCQxWQlFeGCnfQLIjZlChGMEoN1+VyFFW4c1ESKwfpk8zQxecX4b4ogtsiE1bKpjT4Qty9HbJWmd8CB62k+kD71+uN8Agx4V3SMzMmPAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 1vw;
  height: 1vw;
}
.home .layout-item .custom-game li.favorMode.isFavorite::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAjCAYAAAAXMhMjAAABo0lEQVRYhe2Y203DMBRAD4gF0n+EVBZAygplBBghGYGMkI6QrNARyAhUYgIkxABZgY9eB9exk9gJMQiOFLm1/DipH/eq8E8YF+rD+/Wdq00K7KRMpO4oz2Fk/ETrm0pdK30bKXvcfLwCcDUwcAqUMriJqmuBvTymVAY88fVCOg9SNkDhkrx0iGXAi0PMlCil7VbqUvleOsR0dtI2myqXAdXIoCZKKAOeNdGpVFgETbldgJgikb5jv5aLCmOlTLlQsaU4m1+Xy/BfjqXZoi2vLpf220ah89Dlxk7mWnQeulzsJVV0Hq577kfwa+SaaBbndB66nDW+RcAqV0cQsdFlOrrcG/EFa/EA+gei4JQGxaCV+TtMuRa4Z31B67y2q+Roa/iNKLHegXTdc2sJOsVg+BI+AreujgswOv5YhBh8sxlMWpkp4WtpwclbZmpsVYJzQ9wBj73sE/iVYOhFXQOPeByykKwkx1+wln5ehKZMPoJBYjAvn8sxwo2FgkAxmJ9s7gcmz+n/TeHFEpmwWja10VvC9mWPpdL0GthwOs0b4qdef5xPto1XdDTNnQIAAAAASUVORK5CYII=");
}
@media (max-width: 575px) {
.home .layout-item .custom-game li {
    margin: 3vw 3vw;
}
}
.home .layout-item .custom-game li img {
  width: 7vw;
  cursor: pointer;
}
.home .layout-item .custom-game li img.long {
  width: 15vw;
}
@media (max-width: 575px) {
.home .layout-item .custom-game li img.long {
    width: 50vw;
}
}
@media (max-width: 575px) {
.home .layout-item .custom-game li img {
    height: 26.5vw;
    width: 26.5vw;
    object-fit: cover;
}
.home .layout-item .custom-game li img.product-img {
    width: 43vw;
}
}
.home .layout-item .custom-game li p {
  color: black;
  font-size: 0.9vw;
  font-family: Myriad Pro;
  margin: 0.5vw 0;
}
@media (max-width: 575px) {
.home .layout-item .custom-game li p {
    font-size: 3vw;
    height: 5vw;
}
}
.home .layout-item a {
  position: absolute;
  z-index: 2;
  right: 0vw;
  font-size: 0.7vw;
  margin: 2vw;
  cursor: pointer;
  text-decoration: underline;
}
@media (max-width: 992px) {
.home .layout-item a {
    font-size: 1vw;
}
}
@media (max-width: 575px) {
.home .layout-item a {
    font-size: 2vw;
}
}
.home .layout-item > img {
  width: calc(100vw - 60px);
}
@media (max-width: 575px) {
.home .layout-item > img {
    width: 100vw;
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.favorMode.product-slide {
  width: 14.5vw !important;
  justify-content: left !important;
}
[data-v-464319d0]::-webkit-scrollbar {
  display: none;
}
p[data-v-464319d0], span[data-v-464319d0], h1[data-v-464319d0], ul[data-v-464319d0], li[data-v-464319d0] {
  margin: 0;
  padding: 0;
}
.top-game[data-v-464319d0] {
  width: 100%;
}
.top-game .banner[data-v-464319d0] {
  height: 46vw;
  background-image: url("./topBg.ae82806d.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content[data-v-464319d0] {
  height: 90vw;
  background-image: url("./bottomBg.c5384678.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 575px) {
.top-game .content[data-v-464319d0] {
    height: auto;
    padding-bottom: 4vw;
    background-size: cover;
}
}
.top-game .content .rank-area[data-v-464319d0] {
  width: 96vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 0 auto;
}
.top-game .content .rank-area .top-rank[data-v-464319d0] {
  width: 45vw;
  height: 75vw;
  margin: 1vw;
  flex-shrink: 0;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 10px 5px #C7D8EF;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank[data-v-464319d0] {
    width: 90vw;
    height: auto;
}
}
.top-game .content .rank-area .top-rank.half-hidden[data-v-464319d0] {
  display: block;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank.half-hidden[data-v-464319d0] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .else-rank[data-v-464319d0] {
  width: 88%;
  height: 49vw;
  margin: 0 auto;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.top-game .content .rank-area .top-rank .else-rank.add-padding[data-v-464319d0] {
  padding: 0.6vw 0;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank[data-v-464319d0] {
    height: auto;
    padding: 2vw 0;
}
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-464319d0] {
  width: 100%;
  height: 7vw;
  padding: 0.5vw 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DFDDDC;
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-464319d0]:last-child {
  border-bottom: 0px;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li[data-v-464319d0] {
    height: 14vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-464319d0] {
  cursor: pointer;
  width: 8vw;
  height: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-464319d0] {
    width: 20vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-464319d0] {
  cursor: pointer;
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-464319d0] {
    width: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-464319d0] {
  margin: 0 0.5vw;
  color: #676666;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-464319d0] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data[data-v-464319d0] {
  width: 70%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-464319d0] {
  color: #9EAFCB;
  text-align: center;
  font-family: Helvetica;
  font-size: 2vw;
  width: 22%;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-464319d0] {
    font-size: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-464319d0] {
  width: 6vw;
  border-radius: 16px;
  border: 1px solid transparent;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-464319d0] {
    width: 12vw;
    border-radius: 10px;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info[data-v-464319d0] {
  width: 40%;
  margin: 0 1vw;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-464319d0] {
  text-align: left;
  width: 100%;
  color: #151311;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-464319d0] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-464319d0] {
  text-align: left;
  width: 100%;
  color: #5174A2;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-464319d0] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .first-three-rank[data-v-464319d0] {
  margin: 3.5vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .first-three-rank[data-v-464319d0] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-464319d0] {
  position: relative;
  width: 33.3333333333%;
  height: 15vw;
  background-position: center;
  background-image: url("./top1Bg.267dfc51.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-464319d0]::before {
  width: 3vw;
  height: 4vw;
  position: absolute;
  top: 2vw;
  left: -1vw;
  content: "";
  background-image: url("./no1.bcdc27ca.png");
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-464319d0] {
  background-size: 85%;
  background-image: url("./top2Bg.341b31e0.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-464319d0]::before {
  left: 0vw;
  background-image: url("./no2.4706b16c.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-464319d0] {
  background-size: 75%;
  background-image: url("./top3Bg.19aaac6f.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-464319d0]::before {
  left: 1vw;
  background-image: url("./no3.49c8fd58.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box[data-v-464319d0] {
  width: 100%;
  cursor: pointer;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-logo[data-v-464319d0] {
  position: relative;
  top: -1vw;
  width: 8vw;
  animation-duration: 3s;
  animation-name: wave-464319d0;
  animation-iteration-count: infinite;
  border-radius: 16px;
  border: 1px solid transparent;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info[data-v-464319d0] {
  margin-bottom: 0.3vw;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-code[data-v-464319d0] {
  color: #151311;
  text-align: center;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-type[data-v-464319d0] {
  color: #5174A2;
  text-align: center;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .vetor[data-v-464319d0] {
  cursor: pointer;
  width: 2vw;
}
.top-game .content .tab-area[data-v-464319d0] {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .tab-area[data-v-464319d0] {
    overflow: auto;
    margin: 3vw 0;
    justify-content: flex-start;
}
}
.top-game .content .tab-area .tab[data-v-464319d0] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 0.5vw;
  padding: 0 0.2vw;
  width: 9vw;
  height: 3.5vw;
  border-radius: 0.5vw;
  background: #AAB7CE;
  box-shadow: 4.415px 4.415px 7.358px 0px #E5EBF5;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab[data-v-464319d0] {
    border-radius: 1vw;
    height: 10vw;
    margin: 0 1vw;
    padding: 0 10vw;
}
}
.top-game .content .tab-area .tab.active[data-v-464319d0] {
  box-shadow: 0;
  background: transparent;
  background-image: url("data:image/png;base64,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");
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
}
.top-game .content .tab-area .tab img[data-v-464319d0] {
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab img[data-v-464319d0] {
    width: 4vw;
}
}
.top-game .content .tab-area .tab span[data-v-464319d0] {
  color: #FFF;
  width: 3vw;
  padding: 0;
  margin: 0 0.8vw;
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab span[data-v-464319d0] {
    font-size: 3vw;
    width: 10vw;
    line-height: 3vw;
}
}
.top-game .content h1[data-v-464319d0] {
  margin: 0;
  padding: 0;
}
.top-game .content h1.title[data-v-464319d0] {
  color: #A1BFE4;
  text-align: center;
  text-shadow: 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF;
  font-family: "微軟正黑體";
  font-weight: 100;
  font-size: 6vw;
  font-style: normal;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content h1.title[data-v-464319d0] {
    padding-top: 3vw;
}
}
@keyframes wave-464319d0 {
0% {
    top: -1vw;
}
50% {
    top: -0.5vw;
}
}
.top-game[data-v-464319d0] {
  width: calc(100vw - 60px);
  margin-left: 60px;
}
@media (max-width: 575px) {
.top-game[data-v-464319d0] {
    width: 100vw;
    margin-left: 0;
}
}
.top-game .banner[data-v-464319d0] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 45vw;
  background-image: url("./topBannerBg.f626ba94.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.top-game .banner .banner-title[data-v-464319d0] {
  position: absolute;
  top: 0;
  padding-top: 6vw;
  width: 17vw;
  display: block;
  z-index: 999;
  pointer-events: none;
}
@media (max-width: 768px) {
.top-game .banner .banner-title[data-v-464319d0] {
    padding-top: 2vw;
}
}
.top-game .banner .banner-title img[data-v-464319d0] {
  width: 100%;
}
.top-game .content .tab-area[data-v-464319d0] {
  margin-left: 2vw;
  width: 92vw;
  justify-content: left;
}
@media (min-width: 1024px) {
.top-game .content .tab-area .tab[data-v-464319d0] {
    flex: 1 0 auto;
    max-width: 8.9vw;
}
.top-game .content .tab-area .tab span[data-v-464319d0] {
    font-size: 1vw;
}
.top-game .content .tab-area .tab.ten-tabs[data-v-464319d0] {
    max-width: 7vw;
}
.top-game .content .tab-area .tab.ten-tabs.active[data-v-464319d0] {
    background-size: unset;
}
}
.carousel__item[data-v-464319d0], .game-box[data-v-464319d0], .game-data[data-v-464319d0] {
  position: relative;
}
.game-image-wrapper[data-v-464319d0] {
  position: relative;
  display: inline-block;
}
.heart[data-v-464319d0] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  right: 0.5vw;
  top: 0.5vw;
  z-index: 1;
}
@media (max-width: 575px) {
.heart[data-v-464319d0] {
    width: 3vw;
    height: 3vw;
    right: 1vw;
    top: 1vw;
}
}
.game-logo[data-v-464319d0] {
  display: block;
}
[data-v-203e4fa8]::-webkit-scrollbar {
  display: none;
}
p[data-v-203e4fa8], span[data-v-203e4fa8], h1[data-v-203e4fa8], ul[data-v-203e4fa8], li[data-v-203e4fa8] {
  margin: 0;
  padding: 0;
}
.top-game[data-v-203e4fa8] {
  width: 100%;
}
.top-game .banner[data-v-203e4fa8] {
  height: 46vw;
  background-image: url("./topBg.ae82806d.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content[data-v-203e4fa8] {
  height: 90vw;
  background-image: url("./bottomBg.c5384678.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 575px) {
.top-game .content[data-v-203e4fa8] {
    height: auto;
    padding-bottom: 4vw;
    background-size: cover;
}
}
.top-game .content .rank-area[data-v-203e4fa8] {
  width: 96vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 0 auto;
}
.top-game .content .rank-area .top-rank[data-v-203e4fa8] {
  width: 45vw;
  height: 75vw;
  margin: 1vw;
  flex-shrink: 0;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 10px 5px #C7D8EF;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank[data-v-203e4fa8] {
    width: 90vw;
    height: auto;
}
}
.top-game .content .rank-area .top-rank.half-hidden[data-v-203e4fa8] {
  display: block;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank.half-hidden[data-v-203e4fa8] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .else-rank[data-v-203e4fa8] {
  width: 88%;
  height: 49vw;
  margin: 0 auto;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.top-game .content .rank-area .top-rank .else-rank.add-padding[data-v-203e4fa8] {
  padding: 0.6vw 0;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank[data-v-203e4fa8] {
    height: auto;
    padding: 2vw 0;
}
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-203e4fa8] {
  width: 100%;
  height: 7vw;
  padding: 0.5vw 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DFDDDC;
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-203e4fa8]:last-child {
  border-bottom: 0px;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li[data-v-203e4fa8] {
    height: 14vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-203e4fa8] {
  cursor: pointer;
  width: 8vw;
  height: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-203e4fa8] {
    width: 20vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-203e4fa8] {
  cursor: pointer;
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-203e4fa8] {
    width: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-203e4fa8] {
  margin: 0 0.5vw;
  color: #676666;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-203e4fa8] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data[data-v-203e4fa8] {
  width: 70%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-203e4fa8] {
  color: #9EAFCB;
  text-align: center;
  font-family: Helvetica;
  font-size: 2vw;
  width: 22%;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-203e4fa8] {
    font-size: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-203e4fa8] {
  width: 6vw;
  border-radius: 16px;
  border: 1px solid transparent;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-203e4fa8] {
    width: 12vw;
    border-radius: 10px;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info[data-v-203e4fa8] {
  width: 40%;
  margin: 0 1vw;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-203e4fa8] {
  text-align: left;
  width: 100%;
  color: #151311;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-203e4fa8] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-203e4fa8] {
  text-align: left;
  width: 100%;
  color: #5174A2;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-203e4fa8] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .first-three-rank[data-v-203e4fa8] {
  margin: 3.5vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .first-three-rank[data-v-203e4fa8] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-203e4fa8] {
  position: relative;
  width: 33.3333333333%;
  height: 15vw;
  background-position: center;
  background-image: url("./top1Bg.267dfc51.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-203e4fa8]::before {
  width: 3vw;
  height: 4vw;
  position: absolute;
  top: 2vw;
  left: -1vw;
  content: "";
  background-image: url("./no1.bcdc27ca.png");
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-203e4fa8] {
  background-size: 85%;
  background-image: url("./top2Bg.341b31e0.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-203e4fa8]::before {
  left: 0vw;
  background-image: url("./no2.4706b16c.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-203e4fa8] {
  background-size: 75%;
  background-image: url("./top3Bg.19aaac6f.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-203e4fa8]::before {
  left: 1vw;
  background-image: url("./no3.49c8fd58.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box[data-v-203e4fa8] {
  width: 100%;
  cursor: pointer;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-logo[data-v-203e4fa8] {
  position: relative;
  top: -1vw;
  width: 8vw;
  animation-duration: 3s;
  animation-name: wave-203e4fa8;
  animation-iteration-count: infinite;
  border-radius: 16px;
  border: 1px solid transparent;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info[data-v-203e4fa8] {
  margin-bottom: 0.3vw;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-code[data-v-203e4fa8] {
  color: #151311;
  text-align: center;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-type[data-v-203e4fa8] {
  color: #5174A2;
  text-align: center;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .vetor[data-v-203e4fa8] {
  cursor: pointer;
  width: 2vw;
}
.top-game .content .tab-area[data-v-203e4fa8] {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .tab-area[data-v-203e4fa8] {
    overflow: auto;
    margin: 3vw 0;
    justify-content: flex-start;
}
}
.top-game .content .tab-area .tab[data-v-203e4fa8] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 0.5vw;
  padding: 0 0.2vw;
  width: 9vw;
  height: 3.5vw;
  border-radius: 0.5vw;
  background: #AAB7CE;
  box-shadow: 4.415px 4.415px 7.358px 0px #E5EBF5;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab[data-v-203e4fa8] {
    border-radius: 1vw;
    height: 10vw;
    margin: 0 1vw;
    padding: 0 10vw;
}
}
.top-game .content .tab-area .tab.active[data-v-203e4fa8] {
  box-shadow: 0;
  background: transparent;
  background-image: url("data:image/png;base64,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");
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
}
.top-game .content .tab-area .tab img[data-v-203e4fa8] {
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab img[data-v-203e4fa8] {
    width: 4vw;
}
}
.top-game .content .tab-area .tab span[data-v-203e4fa8] {
  color: #FFF;
  width: 3vw;
  padding: 0;
  margin: 0 0.8vw;
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab span[data-v-203e4fa8] {
    font-size: 3vw;
    width: 10vw;
    line-height: 3vw;
}
}
.top-game .content h1[data-v-203e4fa8] {
  margin: 0;
  padding: 0;
}
.top-game .content h1.title[data-v-203e4fa8] {
  color: #A1BFE4;
  text-align: center;
  text-shadow: 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF;
  font-family: "微軟正黑體";
  font-weight: 100;
  font-size: 6vw;
  font-style: normal;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content h1.title[data-v-203e4fa8] {
    padding-top: 3vw;
}
}
@keyframes wave-203e4fa8 {
0% {
    top: -1vw;
}
50% {
    top: -0.5vw;
}
}
.top-game[data-v-203e4fa8] {
  width: calc(100vw - 60px);
  margin-left: 60px;
}
@media (max-width: 575px) {
.top-game[data-v-203e4fa8] {
    width: 100vw;
    margin-left: 0;
}
}
.top-game .banner[data-v-203e4fa8] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 45vw;
  background-image: url("./topBannerBg.f626ba94.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.top-game .banner .banner-title[data-v-203e4fa8] {
  position: absolute;
  top: 0;
  padding-top: 5vw;
  width: 17vw;
  display: block;
  z-index: 999;
  pointer-events: none;
}
@media (max-width: 768px) {
.top-game .banner .banner-title[data-v-203e4fa8] {
    padding-top: 2vw;
}
}
.top-game .banner .banner-title img[data-v-203e4fa8] {
  width: 100%;
}
.top-game .content .tab-area[data-v-203e4fa8] {
  margin-left: 2vw;
  width: 92vw;
  justify-content: left;
}
@media (min-width: 1024px) {
.top-game .content .tab-area .tab[data-v-203e4fa8] {
    flex: 1 0 auto;
    max-width: 8.9vw;
}
.top-game .content .tab-area .tab span[data-v-203e4fa8] {
    font-size: 1vw;
}
.top-game .content .tab-area .tab.ten-tabs[data-v-203e4fa8] {
    max-width: 7vw;
}
.top-game .content .tab-area .tab.ten-tabs.active[data-v-203e4fa8] {
    background-size: unset;
}
}
.carousel__item[data-v-203e4fa8], .game-box[data-v-203e4fa8], .game-data[data-v-203e4fa8] {
  position: relative;
}
.game-image-wrapper[data-v-203e4fa8] {
  position: relative;
  display: inline-block;
}
.heart[data-v-203e4fa8] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  right: 0.5vw;
  top: 0.5vw;
  z-index: 1;
}
@media (max-width: 575px) {
.heart[data-v-203e4fa8] {
    width: 3vw;
    height: 3vw;
    right: 1vw;
    top: 1vw;
}
}
.game-logo[data-v-203e4fa8] {
  display: block;
}.layout-item[data-v-8ab1a410] {
  position: relative;
}
.slot-rank[data-v-8ab1a410] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-8ab1a410] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-8ab1a410] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-8ab1a410] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-8ab1a410] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-8ab1a410] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-8ab1a410] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-8ab1a410] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-8ab1a410] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-8ab1a410] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-8ab1a410] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-8ab1a410] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-8ab1a410] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-8ab1a410] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-8ab1a410] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-8ab1a410] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-8ab1a410] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-8ab1a410] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-8ab1a410] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-8ab1a410] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-8ab1a410] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-8ab1a410] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-8ab1a410 {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-8ab1a410] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-8ab1a410] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-8ab1a410] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-8ab1a410] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-8ab1a410] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-8ab1a410] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-8ab1a410] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-8ab1a410] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-8ab1a410] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-8ab1a410] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-8ab1a410] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-8ab1a410] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-8ab1a410] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-8ab1a410] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}.layout-item[data-v-5ecbc9d5] {
  position: relative;
}
.slot-rank[data-v-5ecbc9d5] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-5ecbc9d5] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-5ecbc9d5] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-5ecbc9d5] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-5ecbc9d5] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-5ecbc9d5] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-5ecbc9d5] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-5ecbc9d5] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-5ecbc9d5] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-5ecbc9d5] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-5ecbc9d5] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-5ecbc9d5] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-5ecbc9d5] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-5ecbc9d5] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-5ecbc9d5] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-5ecbc9d5] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-5ecbc9d5] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-5ecbc9d5] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-5ecbc9d5] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-5ecbc9d5] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-5ecbc9d5] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-5ecbc9d5] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-5ecbc9d5 {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-5ecbc9d5] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-5ecbc9d5] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-5ecbc9d5] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-5ecbc9d5] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-5ecbc9d5] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-5ecbc9d5] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-5ecbc9d5] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-5ecbc9d5] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-5ecbc9d5] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-5ecbc9d5] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-5ecbc9d5] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-5ecbc9d5] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-5ecbc9d5] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-5ecbc9d5] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}body[data-v-4254df2c] {
  background: #1F1E24;
  height: 200px;
  font-family: "Open Sans", sans-serif;
}
.bar-wrapper[data-v-4254df2c] {
  margin: 0 auto;
  margin-right: 0;
  width: 65%;
  z-index: 5;
  height: 30vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
.bar-wrapper[data-v-4254df2c] {
    height: 120vw;
    width: 100%;
}
}
.bar-box[data-v-4254df2c] {
  width: 100%;
}
.rank-item[data-v-4254df2c] {
  padding: 1vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(102, 102, 102, 0.5);
}
@media (max-width: 575px) {
.rank-item[data-v-4254df2c] {
    padding: 5vw 0;
    border-radius: 12px;
    border: 1px solid rgba(102, 102, 102, 0.5);
    background: #FFF;
    margin: 2vw 5vw;
}
}
.rank-item img[data-v-4254df2c] {
  cursor: pointer;
  border-radius: 20px;
  border: 1px solid transparent;
  width: 6vw;
  max-width: 100px;
  margin: 0 5vw;
}
@media (max-width: 575px) {
.rank-item img[data-v-4254df2c] {
    width: 24vw;
}
}
.bar-layout[data-v-4254df2c] {
  position: relative;
  width: 100%;
  height: auto;
}
@media (max-width: 575px) {
.bar-layout[data-v-4254df2c] {
    display: flex;
    align-items: center;
    justify-content: center;
}
}
.bar-layout .bar-title[data-v-4254df2c] {
  position: relative;
  text-align: left;
  margin-bottom: 0.1vw;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.bar-layout .bar-title .top-area[data-v-4254df2c] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.bar-layout .bar-title .top-area[data-v-4254df2c] {
    flex-direction: column;
}
}
.bar-layout .bar-title .top-area h1[data-v-4254df2c] {
  margin: 0 0 0 0.1vw;
  display: inline-block;
  color: #EEB469;
  font-size: 2vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 575px) {
.bar-layout .bar-title .top-area h1[data-v-4254df2c] {
    font-size: 8vw;
}
}
.bar-layout .bar-title .top-area .num[data-v-4254df2c] {
  color: #E7A97D;
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  text-transform: uppercase;
}
@media (max-width: 575px) {
.bar-layout .bar-title .top-area .num[data-v-4254df2c] {
    font-size: 4vw;
}
}
.bar-layout .bar-title .top-area .game[data-v-4254df2c] {
  margin: 0 1vw;
}
.bar-layout .bar-title .top-area .game p[data-v-4254df2c] {
  margin: 0;
  padding: 0;
  font-style: normal;
  color: #666;
  line-height: normal;
  text-transform: uppercase;
}
.bar-layout .bar-title .top-area .game p.game-code[data-v-4254df2c] {
  font-weight: 900;
  font-size: 0.8vw;
}
@media (max-width: 575px) {
.bar-layout .bar-title .top-area .game p.game-code[data-v-4254df2c] {
    font-size: 2.8vw;
}
}
.bar-layout .bar-title .top-area .game p.game-type[data-v-4254df2c] {
  font-weight: 500;
  font-size: 0.7vw;
}
@media (max-width: 575px) {
.bar-layout .bar-title .top-area .game p.game-type[data-v-4254df2c] {
    font-size: 2.5vw;
}
}
.bar-layout .bar-title .amount-area[data-v-4254df2c] {
  margin: 0 3vw;
  color: rgba(104, 104, 104, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.bar-layout .bar-title .amount-area .amount[data-v-4254df2c] {
  font-size: 2vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
.bar-layout .bar-title .amount-area > span[data-v-4254df2c] {
  font-size: 0.8vw;
  margin: 0 0.1vw;
}
@media (max-width: 575px) {
.bar-layout .bar-title .amount-area[data-v-4254df2c] {
    display: none;
}
}
.bar-layout .bar[data-v-4254df2c] {
  position: relative;
  width: 100%;
  height: auto;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}
@media (max-width: 575px) {
.bar-layout .bar[data-v-4254df2c] {
    display: none;
}
}
.bar-layout .bar .bar-info[data-v-4254df2c] {
  border-radius: 5px;
  padding: 0.75vw;
  text-align: left;
  background: #fd7473;
  color: white;
  width: 90%;
  position: relative;
  height: 1vw;
  transition: width 3.3s ease-in-out;
  animation: moving-bars-4254df2c 3s linear 1;
}
.bar-layout .bar .bar-info .percent[data-v-4254df2c] {
  float: right;
}
.bar-layout .bar .bar-info.css[data-v-4254df2c] {
  background: linear-gradient(16deg, #F3CD91 54.78%, #EDB266 90.71%);
}
.bar-layout .bar .bar-info.js[data-v-4254df2c] {
  background: linear-gradient(16deg, #DDD 16.41%, #9A9A9A 92.36%);
}
.bar-layout .bar .bar-info.ps[data-v-4254df2c] {
  background: linear-gradient(19deg, #F7E0C1 5.92%, #E19564 78.87%);
}
@keyframes moving-bars-4254df2c {
0% {
    width: 0;
}
}
.rank[data-v-7318c349] {
  width: calc(100vw - 60px);
  margin-left: 60px;
}
@media (max-width: 575px) {
.rank[data-v-7318c349] {
    width: 100vw;
    margin-left: 0;
}
}
.rank .banner[data-v-7318c349] {
  width: calc(100vw - 60px);
  min-height: 65vw;
  position: relative;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 575px) {
.rank .banner[data-v-7318c349] {
    width: 100vw;
    min-height: 380vw;
    margin-bottom: -5vh;
}
}
.rank .banner video[data-v-7318c349] {
  position: absolute;
  width: calc(100vw - 60px);
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
@media (max-width: 575px) {
.rank .banner video[data-v-7318c349] {
    width: 100vw;
}
}
.rank .earth-area[data-v-7318c349] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 8vw;
  width: calc(100vw - 60px);
  height: 30vw;
}
@media (max-width: 575px) {
.rank .earth-area[data-v-7318c349] {
    top: 4vw;
}
}
.rank .earth-area img[data-v-7318c349] {
  position: absolute;
  top: 0;
  left: 8vw;
  width: 40%;
}
.rank .earth-area .input[data-v-7318c349] {
  z-index: 9;
  position: relative;
  right: -40vw;
  display: flex;
  justify-content: flex-end;
}
.rank .earth-area .word[data-v-7318c349] {
  position: absolute;
  top: 33vw;
  left: 12vw;
  width: 25%;
  height: 13vw;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
}
@media (max-width: 575px) {
.rank .earth-area .word[data-v-7318c349] {
    top: 26vw;
}
}
.rank .earth-area .word h2[data-v-7318c349] {
  margin: 0 0 10px 0;
  text-align: center;
  line-height: 5rem;
  /* 字全大寫 */
  font-family: "Arial Black";
  font-size: 5vw;
  font-style: normal;
  color: #A6C5FF;
  font-weight: 900;
  line-height: 4vw;
  text-transform: uppercase;
}
.rank .earth-area .word h2.deep[data-v-7318c349] {
  position: relative;
  right: 0;
  line-height: 3vw;
  font-size: 3vw;
}
.rank .m-earth-area[data-v-7318c349] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  width: calc(100vw - 60px);
  height: auto;
  top: 5vw;
}
.rank .m-earth-area img[data-v-7318c349] {
  width: 100%;
}
.rank .m-earth-area .input[data-v-7318c349] {
  z-index: 9;
  position: relative;
  right: -25vw;
  display: flex;
  justify-content: flex-end;
}
.rank .m-earth-area .word[data-v-7318c349] {
  margin-top: 10vw;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.rank .m-earth-area .word h2[data-v-7318c349] {
  margin: 0 0 10px 0;
  text-align: center;
  line-height: 5rem;
  /* 字全大寫 */
  font-family: "Arial Black";
  font-size: 16vw;
  font-style: normal;
  color: #A6C5FF;
  font-weight: 900;
  line-height: 16vw;
  text-transform: uppercase;
}
.rank .m-earth-area .word h2.deep[data-v-7318c349] {
  position: relative;
  right: 0;
  line-height: 10vw;
  font-size: 10vw;
}
.rank .rank-item-area[data-v-7318c349] {
  width: calc(100vw - 60px);
  height: auto;
  z-index: 0;
  position: relative;
  top: 22vw;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 575px) {
.rank .rank-item-area[data-v-7318c349] {
    top: 0;
}
}
.rank .rank-item-area .rank-right-area[data-v-7318c349] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  width: 58vw;
  margin-right: 2vw;
}
@media (max-width: 575px) {
.rank .rank-item-area .rank-right-area[data-v-7318c349] {
    width: calc(100vw - 60px);
    flex-direction: column;
}
}
.rank .rank-item-area .rank-right-area .rank-box[data-v-7318c349] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  position: relative;
  margin: 1vw;
  width: calc(50% - 2vw);
  height: 6vw;
}
@media (max-width: 575px) {
.rank .rank-item-area .rank-right-area .rank-box[data-v-7318c349] {
    padding: 0 0;
    width: 100%;
    height: 20vw;
}
}
.rank .rank-item-area .rank-right-area .rank-box .top-area[data-v-7318c349] {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: row;
}
@media (max-width: 575px) {
.rank .rank-item-area .rank-right-area .rank-box .top-area[data-v-7318c349] {
    margin: 0 5vw;
}
}
.rank .rank-item-area .rank-right-area .rank-box .top-area h1[data-v-7318c349] {
  margin: 0 0 0 0.1vw;
  display: inline-block;
  color: #7E9FDE;
  font-size: 2vw;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  vertical-align: text-bottom;
  text-transform: uppercase;
}
@media (max-width: 575px) {
.rank .rank-item-area .rank-right-area .rank-box .top-area h1[data-v-7318c349] {
    font-size: 8vw;
}
}
.rank .rank-item-area .rank-right-area .rank-box .top-area .num[data-v-7318c349] {
  color: #7E9FDE;
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 200;
  line-height: normal;
  vertical-align: text-bottom;
  text-transform: uppercase;
}
@media (max-width: 575px) {
.rank .rank-item-area .rank-right-area .rank-box .top-area .num[data-v-7318c349] {
    font-size: 5vw;
}
}
.rank .rank-item-area .rank-right-area .rank-box .top-area .game[data-v-7318c349] {
  margin: 0 1vw;
}
@media (max-width: 575px) {
.rank .rank-item-area .rank-right-area .rank-box .top-area .game[data-v-7318c349] {
    margin: 0 5vw;
    width: 31vw;
}
}
.rank .rank-item-area .rank-right-area .rank-box .top-area .game p[data-v-7318c349] {
  text-align: left;
  margin: 0;
  padding: 0;
  font-style: normal;
  color: #666;
  line-height: normal;
  text-transform: uppercase;
}
.rank .rank-item-area .rank-right-area .rank-box .top-area .game p.game-code[data-v-7318c349] {
  font-weight: 900;
  font-size: 0.8vw;
}
@media (max-width: 575px) {
.rank .rank-item-area .rank-right-area .rank-box .top-area .game p.game-code[data-v-7318c349] {
    font-size: 2.8vw;
}
}
.rank .rank-item-area .rank-right-area .rank-box .top-area .game p.game-type[data-v-7318c349] {
  font-weight: 500;
  font-size: 0.7vw;
}
@media (max-width: 575px) {
.rank .rank-item-area .rank-right-area .rank-box .top-area .game p.game-type[data-v-7318c349] {
    font-size: 2vw;
}
}
.rank .rank-item-area .rank-right-area .rank-box img[data-v-7318c349] {
  cursor: pointer;
  position: absolute;
  right: 0;
  width: 6vw;
  border-radius: 16px;
  border: 1px solid transparent;
}
@media (max-width: 575px) {
.rank .rank-item-area .rank-right-area .rank-box img[data-v-7318c349] {
    width: 16vw;
    position: relative;
    right: 6vw;
}
}
[data-v-68068c62]::-webkit-scrollbar {
  display: none;
}
p[data-v-68068c62], span[data-v-68068c62], h1[data-v-68068c62], ul[data-v-68068c62], li[data-v-68068c62] {
  margin: 0;
  padding: 0;
}
.top-game[data-v-68068c62] {
  width: 100%;
}
.top-game .banner[data-v-68068c62] {
  height: 46vw;
  background-image: url("./topBg.ae82806d.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content[data-v-68068c62] {
  height: 90vw;
  background-image: url("./bottomBg.c5384678.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 575px) {
.top-game .content[data-v-68068c62] {
    height: auto;
    padding-bottom: 4vw;
    background-size: cover;
}
}
.top-game .content .rank-area[data-v-68068c62] {
  width: 96vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 0 auto;
}
.top-game .content .rank-area .top-rank[data-v-68068c62] {
  width: 45vw;
  height: 75vw;
  margin: 1vw;
  flex-shrink: 0;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 10px 5px #C7D8EF;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank[data-v-68068c62] {
    width: 90vw;
    height: auto;
}
}
.top-game .content .rank-area .top-rank.half-hidden[data-v-68068c62] {
  display: block;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank.half-hidden[data-v-68068c62] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .else-rank[data-v-68068c62] {
  width: 88%;
  height: 49vw;
  margin: 0 auto;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.top-game .content .rank-area .top-rank .else-rank.add-padding[data-v-68068c62] {
  padding: 0.6vw 0;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank[data-v-68068c62] {
    height: auto;
    padding: 2vw 0;
}
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-68068c62] {
  width: 100%;
  height: 7vw;
  padding: 0.5vw 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DFDDDC;
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-68068c62]:last-child {
  border-bottom: 0px;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li[data-v-68068c62] {
    height: 14vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-68068c62] {
  cursor: pointer;
  width: 8vw;
  height: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-68068c62] {
    width: 20vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-68068c62] {
  cursor: pointer;
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-68068c62] {
    width: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-68068c62] {
  margin: 0 0.5vw;
  color: #676666;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-68068c62] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data[data-v-68068c62] {
  width: 70%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-68068c62] {
  color: #9EAFCB;
  text-align: center;
  font-family: Helvetica;
  font-size: 2vw;
  width: 22%;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-68068c62] {
    font-size: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-68068c62] {
  width: 6vw;
  border-radius: 16px;
  border: 1px solid transparent;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-68068c62] {
    width: 12vw;
    border-radius: 10px;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info[data-v-68068c62] {
  width: 40%;
  margin: 0 1vw;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-68068c62] {
  text-align: left;
  width: 100%;
  color: #151311;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-68068c62] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-68068c62] {
  text-align: left;
  width: 100%;
  color: #5174A2;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-68068c62] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .first-three-rank[data-v-68068c62] {
  margin: 3.5vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .first-three-rank[data-v-68068c62] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-68068c62] {
  position: relative;
  width: 33.3333333333%;
  height: 15vw;
  background-position: center;
  background-image: url("./top1Bg.267dfc51.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-68068c62]::before {
  width: 3vw;
  height: 4vw;
  position: absolute;
  top: 2vw;
  left: -1vw;
  content: "";
  background-image: url("./no1.bcdc27ca.png");
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-68068c62] {
  background-size: 85%;
  background-image: url("./top2Bg.341b31e0.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-68068c62]::before {
  left: 0vw;
  background-image: url("./no2.4706b16c.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-68068c62] {
  background-size: 75%;
  background-image: url("./top3Bg.19aaac6f.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-68068c62]::before {
  left: 1vw;
  background-image: url("./no3.49c8fd58.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box[data-v-68068c62] {
  width: 100%;
  cursor: pointer;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-logo[data-v-68068c62] {
  position: relative;
  top: -1vw;
  width: 8vw;
  animation-duration: 3s;
  animation-name: wave-68068c62;
  animation-iteration-count: infinite;
  border-radius: 16px;
  border: 1px solid transparent;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info[data-v-68068c62] {
  margin-bottom: 0.3vw;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-code[data-v-68068c62] {
  color: #151311;
  text-align: center;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-type[data-v-68068c62] {
  color: #5174A2;
  text-align: center;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .vetor[data-v-68068c62] {
  cursor: pointer;
  width: 2vw;
}
.top-game .content .tab-area[data-v-68068c62] {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .tab-area[data-v-68068c62] {
    overflow: auto;
    margin: 3vw 0;
    justify-content: flex-start;
}
}
.top-game .content .tab-area .tab[data-v-68068c62] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 0.5vw;
  padding: 0 0.2vw;
  width: 9vw;
  height: 3.5vw;
  border-radius: 0.5vw;
  background: #AAB7CE;
  box-shadow: 4.415px 4.415px 7.358px 0px #E5EBF5;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab[data-v-68068c62] {
    border-radius: 1vw;
    height: 10vw;
    margin: 0 1vw;
    padding: 0 10vw;
}
}
.top-game .content .tab-area .tab.active[data-v-68068c62] {
  box-shadow: 0;
  background: transparent;
  background-image: url("data:image/png;base64,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");
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
}
.top-game .content .tab-area .tab img[data-v-68068c62] {
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab img[data-v-68068c62] {
    width: 4vw;
}
}
.top-game .content .tab-area .tab span[data-v-68068c62] {
  color: #FFF;
  width: 3vw;
  padding: 0;
  margin: 0 0.8vw;
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab span[data-v-68068c62] {
    font-size: 3vw;
    width: 10vw;
    line-height: 3vw;
}
}
.top-game .content h1[data-v-68068c62] {
  margin: 0;
  padding: 0;
}
.top-game .content h1.title[data-v-68068c62] {
  color: #A1BFE4;
  text-align: center;
  text-shadow: 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF;
  font-family: "微軟正黑體";
  font-weight: 100;
  font-size: 6vw;
  font-style: normal;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content h1.title[data-v-68068c62] {
    padding-top: 3vw;
}
}
@keyframes wave-68068c62 {
0% {
    top: -1vw;
}
50% {
    top: -0.5vw;
}
}
.top-game[data-v-68068c62] {
  width: calc(100vw - 60px);
  margin-left: 60px;
}
@media (max-width: 575px) {
.top-game[data-v-68068c62] {
    width: 100vw;
    margin-left: 0;
}
}
.top-game .banner[data-v-68068c62] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 45vw;
  background-image: url("./topBannerBg.f626ba94.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.top-game .banner .banner-title[data-v-68068c62] {
  position: absolute;
  top: 0;
  padding-top: 5vw;
  width: 50vw;
  display: block;
  z-index: 999;
  pointer-events: none;
}
@media (max-width: 768px) {
.top-game .banner .banner-title[data-v-68068c62] {
    padding-top: 2vw;
}
}
.top-game .banner .banner-title img[data-v-68068c62] {
  width: 100%;
}
.top-game .content .tab-area[data-v-68068c62] {
  margin-left: 2vw;
  width: 92vw;
  justify-content: left;
}
@media (min-width: 1024px) {
.top-game .content .tab-area .tab[data-v-68068c62] {
    flex: 1 0 auto;
    max-width: 8.9vw;
}
.top-game .content .tab-area .tab span[data-v-68068c62] {
    font-size: 1vw;
}
.top-game .content .tab-area .tab.ten-tabs[data-v-68068c62] {
    max-width: 7vw;
}
.top-game .content .tab-area .tab.ten-tabs.active[data-v-68068c62] {
    background-size: unset;
}
}
.carousel__item[data-v-68068c62], .game-box[data-v-68068c62], .game-data[data-v-68068c62] {
  position: relative;
}
.game-image-wrapper[data-v-68068c62] {
  position: relative;
  display: inline-block;
}
.heart[data-v-68068c62] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  right: 0.5vw;
  top: 0.5vw;
  z-index: 1;
}
@media (max-width: 575px) {
.heart[data-v-68068c62] {
    width: 3vw;
    height: 3vw;
    right: 1vw;
    top: 1vw;
}
}
.game-logo[data-v-68068c62] {
  display: block;
}
.game-logo.top3-product[data-v-68068c62] {
  height: 8vw;
  width: 8vw;
  object-fit: cover;
}
.game-logo.product[data-v-68068c62] {
  height: 6vw;
  width: 6vw;
  object-fit: cover;
}
@media (max-width: 575px) {
.game-logo.product[data-v-68068c62] {
    height: 12vw;
}
}.layout-item[data-v-727c90ed] {
  position: relative;
}
.slot-rank[data-v-727c90ed] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-727c90ed] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-727c90ed] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-727c90ed] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-727c90ed] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-727c90ed] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-727c90ed] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-727c90ed] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-727c90ed] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-727c90ed] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-727c90ed] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-727c90ed] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-727c90ed] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-727c90ed] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-727c90ed] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-727c90ed] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-727c90ed] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-727c90ed] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-727c90ed] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-727c90ed] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-727c90ed] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-727c90ed] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-727c90ed {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-727c90ed] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-727c90ed] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-727c90ed] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-727c90ed] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-727c90ed] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-727c90ed] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-727c90ed] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-727c90ed] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-727c90ed] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-727c90ed] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-727c90ed] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-727c90ed] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-727c90ed] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-727c90ed] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}.layout-item[data-v-fa7d4668] {
  position: relative;
}
.slot-rank[data-v-fa7d4668] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-fa7d4668] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-fa7d4668] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-fa7d4668] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-fa7d4668] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-fa7d4668] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-fa7d4668] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-fa7d4668] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-fa7d4668] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-fa7d4668] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-fa7d4668] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-fa7d4668] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-fa7d4668] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-fa7d4668] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-fa7d4668] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-fa7d4668] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-fa7d4668] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-fa7d4668] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-fa7d4668] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-fa7d4668] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-fa7d4668] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-fa7d4668] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-fa7d4668 {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-fa7d4668] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-fa7d4668] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-fa7d4668] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-fa7d4668] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-fa7d4668] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-fa7d4668] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-fa7d4668] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-fa7d4668] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-fa7d4668] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-fa7d4668] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-fa7d4668] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-fa7d4668] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-fa7d4668] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-fa7d4668] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}
[data-v-7a9449c8]::-webkit-scrollbar {
  display: none;
}
p[data-v-7a9449c8], span[data-v-7a9449c8], h1[data-v-7a9449c8], ul[data-v-7a9449c8], li[data-v-7a9449c8] {
  margin: 0;
  padding: 0;
}
.top-game[data-v-7a9449c8] {
  width: 100%;
}
.top-game .banner[data-v-7a9449c8] {
  height: 46vw;
  background-image: url("./topBg.ae82806d.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content[data-v-7a9449c8] {
  height: 90vw;
  background-image: url("./bottomBg.c5384678.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 575px) {
.top-game .content[data-v-7a9449c8] {
    height: auto;
    padding-bottom: 4vw;
    background-size: cover;
}
}
.top-game .content .rank-area[data-v-7a9449c8] {
  width: 96vw;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin: 0 auto;
}
.top-game .content .rank-area .top-rank[data-v-7a9449c8] {
  width: 45vw;
  height: 75vw;
  margin: 1vw;
  flex-shrink: 0;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 0px 10px 5px #C7D8EF;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank[data-v-7a9449c8] {
    width: 90vw;
    height: auto;
}
}
.top-game .content .rank-area .top-rank.half-hidden[data-v-7a9449c8] {
  display: block;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank.half-hidden[data-v-7a9449c8] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .else-rank[data-v-7a9449c8] {
  width: 88%;
  height: 49vw;
  margin: 0 auto;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.top-game .content .rank-area .top-rank .else-rank.add-padding[data-v-7a9449c8] {
  padding: 0.6vw 0;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank[data-v-7a9449c8] {
    height: auto;
    padding: 2vw 0;
}
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-7a9449c8] {
  width: 100%;
  height: 7vw;
  padding: 0.5vw 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #DFDDDC;
}
.top-game .content .rank-area .top-rank .else-rank li[data-v-7a9449c8]:last-child {
  border-bottom: 0px;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li[data-v-7a9449c8] {
    height: 14vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-7a9449c8] {
  cursor: pointer;
  width: 8vw;
  height: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now[data-v-7a9449c8] {
    width: 20vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-7a9449c8] {
  cursor: pointer;
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now .vetor[data-v-7a9449c8] {
    width: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-7a9449c8] {
  margin: 0 0.5vw;
  color: #676666;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .play-now p[data-v-7a9449c8] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data[data-v-7a9449c8] {
  width: 70%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-7a9449c8] {
  color: #9EAFCB;
  text-align: center;
  font-family: Helvetica;
  font-size: 2vw;
  width: 22%;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data p[data-v-7a9449c8] {
    font-size: 5vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-7a9449c8] {
  width: 6vw;
  border-radius: 16px;
  border: 1px solid transparent;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-logo[data-v-7a9449c8] {
    width: 12vw;
    border-radius: 10px;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info[data-v-7a9449c8] {
  width: 40%;
  margin: 0 1vw;
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-7a9449c8] {
  text-align: left;
  width: 100%;
  color: #151311;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-code[data-v-7a9449c8] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-7a9449c8] {
  text-align: left;
  width: 100%;
  color: #5174A2;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .else-rank li .game-data .game-info .game-type[data-v-7a9449c8] {
    font-size: 3vw;
}
}
.top-game .content .rank-area .top-rank .first-three-rank[data-v-7a9449c8] {
  margin: 3.5vw 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .rank-area .top-rank .first-three-rank[data-v-7a9449c8] {
    display: none;
}
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-7a9449c8] {
  position: relative;
  width: 33.3333333333%;
  height: 15vw;
  background-position: center;
  background-image: url("./top1Bg.267dfc51.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item[data-v-7a9449c8]::before {
  width: 3vw;
  height: 4vw;
  position: absolute;
  top: 2vw;
  left: -1vw;
  content: "";
  background-image: url("./no1.bcdc27ca.png");
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-7a9449c8] {
  background-size: 85%;
  background-image: url("./top2Bg.341b31e0.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item1[data-v-7a9449c8]::before {
  left: 0vw;
  background-image: url("./no2.4706b16c.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-7a9449c8] {
  background-size: 75%;
  background-image: url("./top3Bg.19aaac6f.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item.item3[data-v-7a9449c8]::before {
  left: 1vw;
  background-image: url("./no3.49c8fd58.png");
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box[data-v-7a9449c8] {
  width: 100%;
  cursor: pointer;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-logo[data-v-7a9449c8] {
  position: relative;
  top: -1vw;
  width: 8vw;
  animation-duration: 3s;
  animation-name: wave-7a9449c8;
  animation-iteration-count: infinite;
  border-radius: 16px;
  border: 1px solid transparent;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info[data-v-7a9449c8] {
  margin-bottom: 0.3vw;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-code[data-v-7a9449c8] {
  color: #151311;
  text-align: center;
  font-family: Helvetica;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .game-info .game-type[data-v-7a9449c8] {
  color: #5174A2;
  text-align: center;
  font-family: Helvetica;
  font-size: 0.8vw;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.top-game .content .rank-area .top-rank .first-three-rank .first-rank-item .game-box .vetor[data-v-7a9449c8] {
  cursor: pointer;
  width: 2vw;
}
.top-game .content .tab-area[data-v-7a9449c8] {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.top-game .content .tab-area[data-v-7a9449c8] {
    overflow: auto;
    margin: 3vw 0;
    justify-content: flex-start;
}
}
.top-game .content .tab-area .tab[data-v-7a9449c8] {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: 0 0.5vw;
  padding: 0 0.2vw;
  width: 9vw;
  height: 3.5vw;
  border-radius: 0.5vw;
  background: #AAB7CE;
  box-shadow: 4.415px 4.415px 7.358px 0px #E5EBF5;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab[data-v-7a9449c8] {
    border-radius: 1vw;
    height: 10vw;
    margin: 0 1vw;
    padding: 0 10vw;
}
}
.top-game .content .tab-area .tab.active[data-v-7a9449c8] {
  box-shadow: 0;
  background: transparent;
  background-image: url("data:image/png;base64,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");
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
}
.top-game .content .tab-area .tab img[data-v-7a9449c8] {
  width: 2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab img[data-v-7a9449c8] {
    width: 4vw;
}
}
.top-game .content .tab-area .tab span[data-v-7a9449c8] {
  color: #FFF;
  width: 3vw;
  padding: 0;
  margin: 0 0.8vw;
  font-size: 1.2vw;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2vw;
}
@media (max-width: 575px) {
.top-game .content .tab-area .tab span[data-v-7a9449c8] {
    font-size: 3vw;
    width: 10vw;
    line-height: 3vw;
}
}
.top-game .content h1[data-v-7a9449c8] {
  margin: 0;
  padding: 0;
}
.top-game .content h1.title[data-v-7a9449c8] {
  color: #A1BFE4;
  text-align: center;
  text-shadow: 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF, 0px 0px 5px #FFF;
  font-family: "微軟正黑體";
  font-weight: 100;
  font-size: 6vw;
  font-style: normal;
  line-height: normal;
}
@media (max-width: 575px) {
.top-game .content h1.title[data-v-7a9449c8] {
    padding-top: 3vw;
}
}
@keyframes wave-7a9449c8 {
0% {
    top: -1vw;
}
50% {
    top: -0.5vw;
}
}
.top-game[data-v-7a9449c8] {
  width: calc(100vw - 60px);
  margin-left: 60px;
}
@media (max-width: 575px) {
.top-game[data-v-7a9449c8] {
    width: 100vw;
    margin-left: 0;
}
}
.top-game .banner[data-v-7a9449c8] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  height: 45vw;
  background-image: url("./topBannerBg.f626ba94.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.top-game .banner .banner-title[data-v-7a9449c8] {
  position: absolute;
  top: 0;
  padding-top: 6vw;
  width: 17vw;
  display: block;
  z-index: 999;
  pointer-events: none;
}
@media (max-width: 768px) {
.top-game .banner .banner-title[data-v-7a9449c8] {
    padding-top: 2vw;
}
}
.top-game .banner .banner-title img[data-v-7a9449c8] {
  width: 100%;
}
.top-game .content .tab-area[data-v-7a9449c8] {
  margin-left: 2vw;
  width: 92vw;
  justify-content: left;
}
@media (min-width: 1024px) {
.top-game .content .tab-area .tab[data-v-7a9449c8] {
    flex: 1 0 auto;
    max-width: 8.9vw;
}
.top-game .content .tab-area .tab span[data-v-7a9449c8] {
    font-size: 1vw;
}
.top-game .content .tab-area .tab.ten-tabs[data-v-7a9449c8] {
    max-width: 7vw;
}
.top-game .content .tab-area .tab.ten-tabs.active[data-v-7a9449c8] {
    background-size: unset;
}
}
.carousel__item[data-v-7a9449c8], .game-box[data-v-7a9449c8], .game-data[data-v-7a9449c8] {
  position: relative;
}
.game-image-wrapper[data-v-7a9449c8] {
  position: relative;
  display: inline-block;
}
.heart[data-v-7a9449c8] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  right: 0.5vw;
  top: 0.5vw;
  z-index: 1;
}
@media (max-width: 575px) {
.heart[data-v-7a9449c8] {
    width: 3vw;
    height: 3vw;
    right: 1vw;
    top: 1vw;
}
}
.game-logo[data-v-7a9449c8] {
  display: block;
}.layout-item[data-v-3656830b] {
  position: relative;
}
.slot-rank[data-v-3656830b] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-3656830b] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-3656830b] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-3656830b] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-3656830b] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-3656830b] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-3656830b] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-3656830b] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-3656830b] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-3656830b] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-3656830b] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-3656830b] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-3656830b] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-3656830b] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-3656830b] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-3656830b] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-3656830b] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-3656830b] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-3656830b] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-3656830b] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-3656830b] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-3656830b] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-3656830b {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-3656830b] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-3656830b] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-3656830b] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-3656830b] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-3656830b] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-3656830b] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-3656830b] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-3656830b] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-3656830b] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-3656830b] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-3656830b] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-3656830b] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-3656830b] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-3656830b] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}.layout-item[data-v-0f14511a] {
  position: relative;
}
.slot-rank[data-v-0f14511a] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-0f14511a] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-0f14511a] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-0f14511a] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-0f14511a] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-0f14511a] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-0f14511a] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-0f14511a] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-0f14511a] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-0f14511a] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-0f14511a] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-0f14511a] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-0f14511a] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-0f14511a] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-0f14511a] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-0f14511a] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-0f14511a] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-0f14511a] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-0f14511a] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-0f14511a] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-0f14511a] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-0f14511a] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-0f14511a {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-0f14511a] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-0f14511a] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-0f14511a] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-0f14511a] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-0f14511a] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-0f14511a] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-0f14511a] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-0f14511a] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-0f14511a] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-0f14511a] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-0f14511a] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-0f14511a] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-0f14511a] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-0f14511a] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}.layout-item[data-v-46b6a355] {
  position: relative;
}
.slot-rank[data-v-46b6a355] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-46b6a355] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-46b6a355] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-46b6a355] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-46b6a355] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-46b6a355] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-46b6a355] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-46b6a355] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-46b6a355] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-46b6a355] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-46b6a355] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-46b6a355] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-46b6a355] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-46b6a355] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-46b6a355] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-46b6a355] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-46b6a355] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-46b6a355] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-46b6a355] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-46b6a355] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-46b6a355] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-46b6a355] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-46b6a355 {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-46b6a355] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-46b6a355] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-46b6a355] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-46b6a355] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-46b6a355] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-46b6a355] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-46b6a355] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-46b6a355] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-46b6a355] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-46b6a355] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-46b6a355] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-46b6a355] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-46b6a355] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-46b6a355] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}.layout-item[data-v-16731ff2] {
  position: relative;
}
.slot-rank[data-v-16731ff2] {
  width: calc(100vw - 60px);
  height: 49vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 575px) {
.slot-rank[data-v-16731ff2] {
    width: 100vw;
    height: 70vw;
}
}
.slot-rank .slot-item img[data-v-16731ff2] {
  width: 50vw;
}
.slot-rank .slot-item.rank[data-v-16731ff2] {
  position: relative;
  width: 50vw;
  height: 36vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank[data-v-16731ff2] {
    width: calc(100vw - 60px);
    height: 70vw;
}
}
.slot-rank .slot-item.rank ul[data-v-16731ff2] {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slot-rank .slot-item.rank ul li[data-v-16731ff2] {
  position: relative;
  width: 8vw;
  height: 8vw;
  cursor: pointer;
}
.slot-rank .slot-item.rank ul li img[data-v-16731ff2] {
  width: 100%;
  border-radius: 20px;
}
.slot-rank .slot-item.rank ul li.one[data-v-16731ff2] {
  top: 13vw;
  left: -3vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.one[data-v-16731ff2] {
    top: 22vw;
    left: 2vw;
}
}
.slot-rank .slot-item.rank ul li.two[data-v-16731ff2] {
  top: 6.1vw;
  left: 1vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.two[data-v-16731ff2] {
    top: 6vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.three[data-v-16731ff2] {
  top: 9vw;
  left: 5vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.three[data-v-16731ff2] {
    top: 11.5vw;
    left: 3vw;
}
}
.slot-rank .slot-item.rank ul li.image[data-v-16731ff2] {
  width: 40vw;
  position: absolute;
  top: 15vw;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.image[data-v-16731ff2] {
    width: 90vw;
    top: 30vw;
}
}
.slot-rank .slot-item.rank ul li.title[data-v-16731ff2] {
  width: 10vw;
  top: 4vw;
  left: 7vw;
  position: absolute;
  color: #686868;
  font-family: "Century Gothic";
  font-size: 1.5vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li.title[data-v-16731ff2] {
    left: 1vw;
    width: 25vw;
    font-size: 4vw;
}
}
.slot-rank .slot-item.rank ul li .bg-name[data-v-16731ff2] {
  background-image: url("./Frame 48095769.da04a87c.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 10px);
  border-top-right-radius: 0.8vw;
  border-top-left-radius: 0.8vw;
  padding: 10px 5px;
  margin-top: -0.5vh;
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul li .bg-name[data-v-16731ff2] {
    font-size: 2.5vw;
    border-top-right-radius: 3vw;
    border-top-left-radius: 3vw;
}
}
@media (max-width: 575px) {
.slot-rank .slot-item.rank ul[data-v-16731ff2] {
    width: calc(100vw - 60px);
}
.slot-rank .slot-item.rank ul li[data-v-16731ff2] {
    margin: 0 3.5vw;
    width: 20vw;
    height: 20vw;
}
}
@keyframes bounce-16731ff2 {
0% {
    top: 1em;
    transform: scale(1, 1);
}
10% {
    transform: scale(1, 1.1);
}
90% {
    transform: scale(0.8, 1.3);
}
95% {
    transform: scale(1.2, 0.8);
}
100% {
    top: 12em;
    transform: scale(1.2, 0.6);
}
}
.aselect[data-v-16731ff2] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-16731ff2] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.game-section[data-v-16731ff2] {
  margin: 2rem 10vw 0 10vw;
  padding: 1rem;
}
@media (max-width: 575px) {
.game-section[data-v-16731ff2] {
    margin: 1rem 0 0 0;
    padding: 2rem 0;
}
}
.game-section .game-section-title[data-v-16731ff2] {
  font-size: 1.5vw;
  margin-bottom: 0.5rem;
  font-weight: bold;
  color: #656e8a;
  text-align: left;
  margin-left: 2vw;
}
@media (max-width: 575px) {
.game-section .game-section-title[data-v-16731ff2] {
    font-size: 3vw;
}
}
.game-section .game-section-line[data-v-16731ff2] {
  margin-bottom: 1rem;
  border: 0;
  height: 1px;
  background-color: #a0afd8;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item[data-v-16731ff2] {
    height: auto;
}
}
.game-section .layout-item.layout-image .image-item img[data-v-16731ff2] {
  width: 7vw;
  height: 7vw;
  border-radius: 20px;
  object-fit: cover;
  cursor: pointer;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item img[data-v-16731ff2] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item span[data-v-16731ff2] {
  width: 8.5vw;
  word-wrap: break-word;
  white-space: normal;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item span[data-v-16731ff2] {
    width: 22.5vw;
    height: 22.5vw;
}
}
.game-section .layout-item.layout-image .image-item .heart[data-v-16731ff2] {
  cursor: pointer;
  position: absolute;
  width: 1.5vw;
  height: 1.3vw;
  left: 5vw;
  top: 0.5vw;
  z-index: 1052;
}
@media (max-width: 575px) {
.game-section .layout-item.layout-image .image-item .heart[data-v-16731ff2] {
    width: 5vw;
    height: 5vw;
    left: unset;
    top: 1vh;
    right: 2vw;
}
}
.input-style[data-v-d0ea1296] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 90%;
  height: 40px;
  background: #8099cc;
  position: relative;
  z-index: 1;
  font-size: 16px;
  color: white;
  text-align: left;
  padding-left: 16px;
}
.input-style[data-v-d0ea1296]::placeholder {
  color: white;
}
.input-style[data-v-d0ea1296]:focus {
  outline: 0.2vw solid gainsboro;
}
.input-style .label[data-v-d0ea1296] {
  display: block;
  padding: 0.8vw;
  font-size: 1.1vw;
  color: #888;
}
input[data-v-d0ea1296]::-webkit-input-placeholder {
  text-align: left;
}
.input-layout[data-v-d0ea1296] {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4vw 0;
  border-bottom: 0.1vw solid gainsboro;
  margin-bottom: 3vw;
  display: none;
}
.input-layout > img[data-v-d0ea1296] {
  position: absolute;
  z-index: 9;
  right: 1vw;
  width: 20px;
  cursor: pointer;
  height: 100%;
  top: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  right: 7.5%;
}
.search-results[data-v-d0ea1296] {
  margin: 0 10vw;
}
.search-results ul[data-v-d0ea1296] {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style-type: none;
  gap: 20px;
}
.search-results li[data-v-d0ea1296] {
  margin: 10px;
  list-style-type: none;
  cursor: pointer;
}
.explore-item[data-v-d0ea1296] {
  display: flex;
}
.explore-item .heading[data-v-d0ea1296] {
  color: #6282c4;
  min-width: 120px;
  white-space: nowrap;
}
.explore-item .game-container[data-v-d0ea1296] {
  display: flex;
  flex-wrap: wrap;
}
.explore-item .game-container .title[data-v-d0ea1296] {
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  margin-bottom: 6px;
  white-space: normal;
  overflow-wrap: break-word;
  text-align: start;
}
.explore-item .title span[data-v-d0ea1296] {
  padding-left: 10px;
  padding-right: 10px;
  color: #6282c4;
}
.border-img[data-v-d0ea1296] {
  width: 7vw;
  height: 7vw;
}
@media (max-width: 575px) {
.home[data-v-d0ea1296] {
    min-height: 100vw;
}
.banner-item[data-v-d0ea1296] {
    display: none;
}
.input-layout[data-v-d0ea1296] {
    display: block;
}
.search-results[data-v-d0ea1296] {
    margin: 0 5vw;
}
.search-results li[data-v-d0ea1296] {
    margin: 0px;
}
.explore-item[data-v-d0ea1296] {
    flex-direction: column;
}
.explore-item .heading[data-v-d0ea1296] {
    white-space: nowrap;
    text-align: start;
    margin-bottom: 4vw;
}
.border-img[data-v-d0ea1296] {
    width: 25vw;
    height: 25vw;
}
}
.search-dropdown[data-v-d0ea1296] {
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.search-dropdown .input-style[data-v-d0ea1296] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.search-dropdown .input-style[data-v-d0ea1296]:focus {
  outline: 0.2vw solid gainsboro;
}
.search-dropdown .input-style .label[data-v-d0ea1296] {
  display: block;
  padding: 0.8vw;
  font-size: 1.1vw;
  color: #888;
}
.search-dropdown input[data-v-d0ea1296]::-webkit-input-placeholder {
  text-align: left;
}
.search-dropdown ul[data-v-d0ea1296] {
  width: 100%;
  border-radius: 5px;
  list-style-type: none;
  padding: 8px 0;
  border: 0.1vw solid gainsboro;
  position: absolute;
  z-index: 1;
  background: #fff;
  max-height: 250px;
  height: 250px;
  overflow-y: scroll;
}
.search-dropdown ul p[data-v-d0ea1296] {
  color: #333;
  padding: 8px 12px;
  margin: 0;
  text-align: left;
  cursor: auto;
}
.search-dropdown li[data-v-d0ea1296] {
  position: relative;
  padding: 6px 16px;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #999999;
}
.search-dropdown li img[data-v-d0ea1296] {
  position: absolute;
  right: 12px;
}
.search-dropdown li .number[data-v-d0ea1296] {
  color: #ce783a !important;
  margin: 0 0.1vw;
}
.search-dropdown li .member[data-v-d0ea1296] {
  color: #999999;
}
.search-dropdown li[data-v-d0ea1296]:hover {
  color: #6282c4;
  background: #eef4ff;
}
.search-dropdown .current[data-v-d0ea1296] {
  background: #eaeaea;
}
.search-dropdown .hidden[data-v-d0ea1296] {
  visibility: hidden;
}
.search-dropdown .visible[data-v-d0ea1296] {
  visibility: visible;
}
[data-v-3a57a2da] {
  box-sizing: border-box;
}
.footer[data-v-3a57a2da] {
  width: calc(100vw - 60px);
  margin-left: 60px;
  z-index: 900;
  position: relative;
  height: auto;
  background: #777777;
}
@media (max-width: 575px) {
.footer[data-v-3a57a2da] {
    height: 90vw;
    width: 100vw;
    margin-left: 0;
}
}
.footer .footer-item-box[data-v-3a57a2da] {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  height: auto;
  margin: 0;
  padding: 1vw 0;
}
@media (max-width: 575px) {
.footer .footer-item-box[data-v-3a57a2da] {
    padding: 5vw;
    flex-direction: column;
}
}
.footer .footer-item-box li[data-v-3a57a2da] {
  color: #dcb090;
  width: 24vw;
  height: 60%;
  list-style: none;
  padding: 0 2vw;
  border-right: 1px solid #dcb090;
}
@media (max-width: 575px) {
.footer .footer-item-box li[data-v-3a57a2da] {
    width: 100vw;
    height: 20%;
    list-style: none;
    padding: 0 2vw;
    border-right: 0;
    border-bottom: 1px solid #dcb090;
    border-image: -webket-linear-gradient(bottom, transparent 50%, #bbd9fd 50%, #bbd9fd 100%) 1;
}
}
.footer .footer-item-box li .title[data-v-3a57a2da] {
  text-align: left;
  font-size: 15px;
  padding: 1vw 0;
  margin: 0;
}
@media (max-width: 575px) {
.footer .footer-item-box li .title[data-v-3a57a2da] {
    text-align: center;
    font-size: 3.5vw;
}
}
.footer .footer-item-box li .content[data-v-3a57a2da] {
  text-align: left;
  font-size: 0.7rem;
}
@media (max-width: 575px) {
.footer .footer-item-box li .content[data-v-3a57a2da] {
    text-align: center;
    font-size: 2.8vw;
}
}
.footer .footer-item-box li .content a[data-v-3a57a2da] {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  padding: 1px 0;
  margin-right: 1vw;
  word-break: break-all;
}
.footer .copy-right[data-v-3a57a2da] {
  width: calc(100vw - 60px);
  text-align: center;
  color: #dcb090;
  padding: 1vw 0;
  font-size: 0.8rem;
}
@media (max-width: 575px) {
.footer .copy-right[data-v-3a57a2da] {
    width: 100vw;
    font-size: 3vw;
}
}
.footer .footer-menu[data-v-3a57a2da] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  display: none;
  position: fixed;
  bottom: 0px;
  height: 13vw;
  width: calc(100vw - 60px);
  background-color: #fff;
  border: 1px solid #999;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.footer .footer-menu .gsc[data-v-3a57a2da] {
  width: 25vw;
  position: absolute;
}
@media (max-width: 575px) {
.footer .footer-menu[data-v-3a57a2da] {
    display: flex;
    width: 100vw;
}
.footer .footer-menu ul[data-v-3a57a2da] {
    padding: 0;
    list-style: none;
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}
.footer .footer-menu ul.footer-menu-left[data-v-3a57a2da] {
    margin-right: 13vw;
}
.footer .footer-menu ul.footer-menu-right[data-v-3a57a2da] {
    margin-left: 13vw;
}
.footer .footer-menu ul li[data-v-3a57a2da] {
    cursor: pointer;
    height: 10vw;
    margin: 0 3vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.footer .footer-menu ul li p[data-v-3a57a2da] {
    margin: 0;
    color: #6c7ba8;
    font-size: 2.5vw;
}
.footer .footer-menu ul li img[data-v-3a57a2da] {
    width: 35px;
    height: 28px;
}
}
.dropdown[data-v-3a57a2da] {
  position: absolute;
}
.dropdown .logo[data-v-3a57a2da] {
  width: 25vw;
}
.dropdown-menu img[data-v-3a57a2da] {
  position: absolute;
}
.dropdown-menu img[data-v-3a57a2da]:nth-child(1) {
  margin-left: auto;
  margin-right: auto;
  top: -2.5rem;
  bottom: 0;
  left: -9.5rem;
  right: 0;
}
.dropdown-menu img[data-v-3a57a2da]:nth-child(2) {
  margin-left: auto;
  margin-right: auto;
  top: -5.5rem;
  bottom: 0;
  left: -4rem;
  right: 0;
}
.dropdown-menu img[data-v-3a57a2da]:nth-child(3) {
  margin-left: auto;
  margin-right: auto;
  top: -5.5rem;
  bottom: 0;
  left: 0;
  right: -4rem;
}
.dropdown-menu img[data-v-3a57a2da]:nth-child(4) {
  margin-left: auto;
  margin-right: auto;
  top: -2.5rem;
  bottom: 0;
  left: 0;
  right: -9.5rem;
}
input[data-v-85da6480]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-align: center;
  font-size: 1.1vw;
  color: #888;
}
input[data-v-85da6480]::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  font-size: 1.1vw;
  color: #888;
}
input[data-v-85da6480]:-ms-input-placeholder {
  /* IE 10+ */
  text-align: center;
  font-size: 1.1vw;
  color: #888;
}
input[data-v-85da6480]:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  font-size: 1.1vw;
  color: #888;
}
body[data-v-85da6480] {
  background: STEELBLUE;
  font-family: "Roboto";
}
.currency-label[data-v-85da6480] {
  color: #6282c4;
}
.currency-amount[data-v-85da6480] {
  color: #555555;
}
h1[data-v-85da6480] {
  color: #f9f9f9;
  text-align: center;
  font-size: 36px;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: "Mogra";
  margin-bottom: 0;
  text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.3);
}
.input-layout[data-v-85da6480] {
  position: relative;
  display: flex;
  align-items: center;
}
.input-layout > img[data-v-85da6480] {
  position: absolute;
  z-index: 9;
  right: 1vw;
  width: 1.5vw;
  cursor: pointer;
}
.aselect[data-v-85da6480] {
  width: 16vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .input-style[data-v-85da6480] {
  border: 0.1vw solid gainsboro;
  border-radius: 5rem;
  width: 16vw;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
  font-size: 1.1vw;
  color: #888;
  text-align: left;
  padding-left: 1.5vw;
}
.aselect .input-style[data-v-85da6480]:focus {
  outline: 0.2vw solid gainsboro;
}
.aselect .input-style .label[data-v-85da6480] {
  display: block;
  padding: 0.8vw;
  font-size: 1.1vw;
  color: #888;
}
.aselect input[data-v-85da6480]::-webkit-input-placeholder {
  text-align: left;
}
.aselect ul[data-v-85da6480] {
  width: 100%;
  border-radius: 5px;
  list-style-type: none;
  padding: 0;
  margin: 0.5vw 0 0 0;
  font-size: 1vw;
  border: 0.1vw solid gainsboro;
  position: absolute;
  z-index: 1;
  background: #fff;
}
.aselect ul p[data-v-85da6480] {
  font-size: 0.8vw;
  color: #333;
  margin: 0.5vw 0 0.5vw 1vw;
  text-align: left;
  cursor: auto;
}
.aselect li[data-v-85da6480] {
  position: relative;
  padding: 0.8vw 0 0.8vw 1vw;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #999999;
}
.aselect li img[data-v-85da6480] {
  position: absolute;
  right: 0px;
  margin: 0 1vw;
  width: 1.2vw;
}
.aselect li .number[data-v-85da6480] {
  color: #ce783a !important;
  margin: 0 0.1vw;
}
.aselect li .member[data-v-85da6480] {
  color: #999999;
}
.aselect li[data-v-85da6480]:hover {
  color: #6282c4;
  background: #eef4ff;
}
.aselect .current[data-v-85da6480] {
  background: #eaeaea;
}
.aselect .hidden[data-v-85da6480] {
  visibility: hidden;
}
.aselect .visible[data-v-85da6480] {
  visibility: visible;
}.app-container[data-v-939e7ab4] {
  display: flex;
}
.menu-icon[data-v-939e7ab4] {
  width: 2.5vw;
  height: 2.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 5px;
  z-index: 1;
  transform: scale(0.7);
  padding: 1vw 1.5vw 1vw 1vw;
}
.menu-icon_hamburger[data-v-939e7ab4] {
  width: 100%;
  height: 0.4vw;
  background: #666666;
  position: relative;
  border-radius: 5px;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.menu-icon_hamburger[data-v-939e7ab4]:before, .menu-icon_hamburger[data-v-939e7ab4]:after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 0.4vw;
  background: #666666;
  border-radius: 5px;
  transform: translateY(-0.01vw);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.menu-icon_hamburger[data-v-939e7ab4]:before {
  transform: translateY(-1vw);
}
.menu-icon_hamburger[data-v-939e7ab4]:after {
  transform: translateY(1vw);
}
.menu-icon.open .menu-icon_hamburger[data-v-939e7ab4] {
  transform: translateX(-30px);
  background: transparent;
}
.menu-icon.open .menu-icon_hamburger[data-v-939e7ab4]:before {
  transform: translate(30px) rotate(45deg);
  background: #666666;
}
.menu-icon.open .menu-icon_hamburger[data-v-939e7ab4]:after {
  transform: translate(30px) rotate(-45deg);
  background: #666666;
}
#icon1[data-v-939e7ab4] {
  display: flex;
  justify-content: flex-end;
  margin-right: -0.5em;
  padding-top: 0.5vw;
}
.white-bg[data-v-939e7ab4] {
  background: rgba(255, 255, 255, 0.5);
}
.hamburger-box[data-v-939e7ab4] {
  position: relative;
}
.hamburger-box .menu-box[data-v-939e7ab4] {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background: linear-gradient(180deg, #d8e4fb 0%, #f5faff 25%, #f5faff 75%, #d8e4fb 100%);
  box-shadow: 1px 1px 10px 2px rgba(102, 123, 163, 0.2);
  z-index: 10000;
  width: 60px;
  transition: width 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  overflow-x: hidden;
  overflow-y: auto;
}
.hamburger-box .menu-box.open[data-v-939e7ab4] {
  width: 15vw;
}
.hamburger-box .menu-box ul[data-v-939e7ab4] {
  padding: 0;
  margin: 1vw 0;
  transition: padding 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger-box .menu-box ul.open-ul[data-v-939e7ab4] {
  padding: 1vw;
}
.hamburger-box .menu-box ul li[data-v-939e7ab4] {
  cursor: pointer;
  text-align: center;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.7vw 0;
  margin: 0.7vw 0;
}
.hamburger-box .menu-box ul li img[data-v-939e7ab4] {
  width: 1.7vw;
  height: 1.7vw;
  margin: 0 1vw;
}
.hamburger-box .menu-box ul li a[data-v-939e7ab4] {
  display: block;
  padding-top: 0.2vw;
  font-size: 0.8vw;
  color: #686868;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
}
.hamburger-box .menu-box ul li[data-v-939e7ab4]:hover {
  background: rgb(255, 255, 255);
}
.hamburger-box .menu-box ul li:hover a[data-v-939e7ab4] {
  color: #686868;
}
.hamburger-box .menu-box .logo[data-v-939e7ab4] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1vw;
}
.hamburger-box .menu-box .logo img[data-v-939e7ab4] {
  max-width: 100%;
  height: auto;
}
.overlay[data-v-939e7ab4] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
@media screen and (max-width: 798px) {
#icon1[data-v-939e7ab4] {
    padding-top: 2vw;
    margin-right: -0.2em;
}
#icon1 img[data-v-939e7ab4] {
    width: 30px;
}
.hamburger-box .menu-box[data-v-939e7ab4] {
    width: 40px;
}
.hamburger-box .menu-box.open[data-v-939e7ab4] {
    width: 200px;
}
.hamburger-box .menu-box ul li[data-v-939e7ab4] {
    margin: 5vw 0;
}
.hamburger-box .menu-box ul li img[data-v-939e7ab4] {
    width: 5vw;
    height: 5vw;
    margin: 0 3vw;
}
.hamburger-box .menu-box ul li a[data-v-939e7ab4] {
    font-size: 3vw;
    padding-top: 0.5vw;
}
}
@media screen and (min-width: 1600px) {
.hamburger-box .menu-box[data-v-939e7ab4] {
    width: unset;
}
}
[data-v-939e7ab4]::-webkit-scrollbar {
  width: 0.2vw;
  background-color: black;
}
[data-v-939e7ab4]::-webkit-scrollbar-thumb {
  background-color: rgb(138, 159, 255);
}
[data-v-939e7ab4]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgb(192, 212, 255);
}
@media (min-width: 1600px) {
.hamburger-box .menu-box[data-v-939e7ab4] {
    width: unset;
}
}.app-container[data-v-d61cefb6] {
  display: flex;
}
.menu-icon[data-v-d61cefb6] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-left: 5px;
  z-index: 1;
  padding: 1vw 1.5vw 1vw 1vw;
}
.menu-icon_hamburger[data-v-d61cefb6] {
  width: 100%;
  height: 0.4vw;
  background: #666666;
  position: relative;
  border-radius: 5px;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.menu-icon_hamburger[data-v-d61cefb6]:before, .menu-icon_hamburger[data-v-d61cefb6]:after {
  position: absolute;
  left: 0;
  content: "";
  width: 100%;
  height: 0.4vw;
  background: #666666;
  border-radius: 5px;
  transform: translateY(-0.01vw);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.menu-icon_hamburger[data-v-d61cefb6]:before {
  transform: translateY(-1vw);
}
.menu-icon_hamburger[data-v-d61cefb6]:after {
  transform: translateY(1vw);
}
.menu-icon.open .menu-icon_hamburger[data-v-d61cefb6] {
  transform: translateX(-30px);
  background: transparent;
}
.menu-icon.open .menu-icon_hamburger[data-v-d61cefb6]:before {
  transform: translate(30px) rotate(45deg);
  background: #666666;
}
.menu-icon.open .menu-icon_hamburger[data-v-d61cefb6]:after {
  transform: translate(30px) rotate(-45deg);
  background: #666666;
}
.category-menu[data-v-d61cefb6] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5vw;
  margin: 3vw;
}
.white-bg[data-v-d61cefb6] {
  background: rgba(255, 255, 255, 0.5);
}
.hamburger-box[data-v-d61cefb6] {
  position: relative;
}
.hamburger-box .menu-box[data-v-d61cefb6] {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  background: #ffffff;
  box-shadow: 1px 1px 10px 2px rgba(102, 123, 163, 0.2);
  z-index: 10000;
  width: 80px;
  transition: width 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  overflow-x: hidden;
  overflow-y: auto;
}
.hamburger-box .menu-box.open[data-v-d61cefb6] {
  width: 340px;
}
.hamburger-box .menu-box ul[data-v-d61cefb6] {
  padding: 0;
  margin: 1vw 0;
  transition: padding 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger-box .menu-box ul.open-ul[data-v-d61cefb6] {
  margin: 5vw;
  padding-top: 5vw;
  border-bottom: 1px solid #bbbbbb;
}
.hamburger-box .menu-box ul li[data-v-d61cefb6] {
  cursor: pointer;
  text-align: center;
  list-style: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0.7vw 0;
  margin: 0.7vw 0;
}
.hamburger-box .menu-box ul li img[data-v-d61cefb6] {
  width: 1.7vw;
  height: 1.7vw;
  margin: 0 1vw;
}
.hamburger-box .menu-box ul li a[data-v-d61cefb6] {
  display: block;
  padding-top: 0.2vw;
  font-size: 0.8vw;
  color: #686868;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
}
.hamburger-box .menu-box ul li[data-v-d61cefb6]:hover {
  background: rgb(255, 255, 255);
}
.hamburger-box .menu-box ul li:hover a[data-v-d61cefb6] {
  color: #686868;
}
.overlay[data-v-d61cefb6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
@media screen and (max-width: 798px) {
.hamburger-box .menu-box[data-v-d61cefb6] {
    width: 0px;
}
.hamburger-box .menu-box.open[data-v-d61cefb6] {
    width: 230px;
}
.hamburger-box .menu-box ul li[data-v-d61cefb6] {
    margin: 5vw 0;
}
.hamburger-box .menu-box ul li img[data-v-d61cefb6] {
    width: 5vw;
    height: 5vw;
    margin: 0 3vw;
}
.hamburger-box .menu-box ul li a[data-v-d61cefb6] {
    font-size: 3vw;
    padding-top: 0.5vw;
}
}
[data-v-d61cefb6]::-webkit-scrollbar {
  width: 0.2vw;
  background-color: black;
}
[data-v-d61cefb6]::-webkit-scrollbar-thumb {
  background-color: rgb(138, 159, 255);
}
[data-v-d61cefb6]::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgb(192, 212, 255);
}
body[data-v-5853e642] {
  background: STEELBLUE;
  font-family: "Roboto";
}
.currency-label[data-v-5853e642] {
  color: #6282c4;
}
.currency-amount[data-v-5853e642] {
  color: #555555;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 798px) {
.currency-amount[data-v-5853e642] {
    margin-left: 5px;
    margin-right: 0;
}
}
h1[data-v-5853e642] {
  color: #f9f9f9;
  text-align: center;
  font-size: 36px;
  line-height: 1;
  font-weight: 300;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: "Mogra";
  margin-bottom: 0;
  text-shadow: 3px 4px 0px rgba(0, 0, 0, 0.3);
}
.aselect[data-v-5853e642] {
  width: 14.5vw;
  margin: 1vw auto;
  position: relative;
}
.aselect .circle[data-v-5853e642] {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: -1vw;
  border: 0.1vw solid gainsboro;
  z-index: 999;
  width: 3vw;
  height: 3vw;
  border-radius: 3vw;
  background: #8099cc;
}
.aselect .circle img[data-v-5853e642] {
  width: 2vw;
}
.aselect .selector[data-v-5853e642] {
  border: 0.1vw solid gainsboro;
  border-radius: 5px;
  height: 3vw;
  background: #f8f8f8;
  position: relative;
  z-index: 1;
}
.aselect .selector .arrow[data-v-5853e642] {
  position: absolute;
  right: 1vw;
  top: 40%;
  width: 0;
  height: 0;
  border-left: 0.7vw solid transparent;
  border-right: 0.7vw solid transparent;
  border-top: 1vw solid #888;
  transform: rotateZ(0deg) translateY(0px);
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.59, 1.39, 0.37, 1.01);
}
.aselect .selector .expanded[data-v-5853e642] {
  transform: rotateZ(180deg) translateY(2px);
}
.aselect .selector .label[data-v-5853e642] {
  display: block;
  padding: 0.8vw;
  font-size: 1.1vw;
  color: #888;
}
.aselect ul[data-v-5853e642] {
  width: 100%;
  border-radius: 5px;
  list-style-type: none;
  padding: 0;
  margin: 0.5vw 0 0 0;
  font-size: 1vw;
  border: 0.1vw solid gainsboro;
  position: absolute;
  z-index: 1;
  background: #fff;
}
.aselect li[data-v-5853e642] {
  padding: 0.8vw;
  color: #666;
}
.aselect li[data-v-5853e642]:hover {
  color: #6282c4;
  background: #eef4ff;
}
.aselect .current[data-v-5853e642] {
  background: #eaeaea;
}
.aselect .hidden[data-v-5853e642] {
  visibility: hidden;
}
.aselect .visible[data-v-5853e642] {
  visibility: visible;
}
@media screen and (max-width: 575px) {
.aselect[data-v-5853e642] {
    width: 38vw;
}
.aselect .circle[data-v-5853e642] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -2vw;
    border: 0.1vw solid gainsboro;
    z-index: 999;
    width: 8vw;
    height: 8vw;
    border-radius: 8vw;
    background: #8099cc;
}
.aselect .circle img[data-v-5853e642] {
    width: 5vw;
}
.aselect .selector[data-v-5853e642] {
    border: 0.1vw solid gainsboro;
    border-radius: 5px;
    height: 8vw;
    background: #f8f8f8;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.aselect .selector .arrow[data-v-5853e642] {
    position: absolute;
    right: 1vw;
    top: 40%;
    width: 0;
    height: 0;
    border-left: 1.5vw solid transparent;
    border-right: 1.5vw solid transparent;
    border-top: 2vw solid #888;
    transform: rotateZ(0deg) translateY(0px);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.59, 1.39, 0.37, 1.01);
}
.aselect .selector .expanded[data-v-5853e642] {
    transform: rotateZ(180deg) translateY(2px);
}
.aselect .selector .label[data-v-5853e642] {
    display: block;
    padding: 0.8vw;
    font-size: 3vw;
    color: #888;
}
.aselect ul[data-v-5853e642] {
    width: 100%;
    border-radius: 5px;
    list-style-type: none;
    padding: 0;
    margin: 0.5vw 0 0 0;
    font-size: 3vw;
    position: absolute;
    top: 9vw;
    left: 0;
}
.aselect li[data-v-5853e642] {
    padding: 1.8vw;
    color: #666;
}
.aselect li[data-v-5853e642]:hover {
    color: #6282c4;
    background: #eef4ff;
}
}.header[data-v-4af6cb8f] {
  z-index: 1;
  width: calc(100vw - 60px);
  margin-left: 60px;
  height: 20vw;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: flex-start !important;
  flex-direction: row;
  height: 5vw;
  background: rgba(225, 234, 247, 0.8);
}
@media (max-width: 575px) {
.header[data-v-4af6cb8f] {
    width: 100vw;
    margin-left: 0;
    position: relative;
    height: 15vw;
    max-height: 65px;
}
}
.header .menu-icon[data-v-4af6cb8f] {
  margin: 0 1vw;
  width: 3vw;
  cursor: pointer;
}
.header .logo[data-v-4af6cb8f] {
  display: flex;
  cursor: pointer;
  margin-left: 3vw;
}
.header .logo img[data-v-4af6cb8f] {
  width: 20vw;
}
@media (max-width: 575px) {
.header .logo img[data-v-4af6cb8f] {
    width: 20vw;
}
}
.header .nav[data-v-4af6cb8f] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
}
.header .nav ul[data-v-4af6cb8f] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.header .nav ul li[data-v-4af6cb8f] {
  font-size: 18px;
  cursor: pointer;
  color: #fff;
  list-style: none;
}
.header .nav ul li img[data-v-4af6cb8f] {
  width: 2vw;
  padding: 0 0.5vw;
}
@media (max-width: 1200px) {
.header .nav ul li[data-v-4af6cb8f] {
    margin: 0 0.5vw;
    font-size: 1.5vw;
}
}
.header .nav ul li[data-v-4af6cb8f]:hover {
  color: #d43dff;
}
.header .nav ul .member[data-v-4af6cb8f] {
  margin-right: 0.5vw !important;
}#app {
  position: relative;
  align-items: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  width: calc(100vw - 60px);
  height: 100vh;
  /* margin-top: 60px; */
}
#app .header {
  z-index: 1000;
}
#app .header.isFix {
  position: fixed;
  opacity: 1;
  top: 0;
}
#app .go-top {
  position: fixed;
  z-index: 1000;
  bottom: 5vw;
  right: 1vw;
  cursor: pointer;
}
#app .go-top img {
  width: 4vw;
  max-width: 10vw;
}
@media (max-width: 575px) {
.go-top {
    bottom: 15vw !important;
}
.go-top img {
    width: 18vw !important;
}
}
@media (max-width: 798px) {
.main-content {
    margin-left: 0px;
}
}