.side {
  width: var(--widthCard);
  height: var(--heightCard);
  position: relative;
  transition: all linear 0.3s;
}
.side.side_1 {
  background: var(--side1BG);
}
.side.side_1 .number {
  font-family: var(--card2024Name);
  font-size: 100px;
  line-height: 0.5;
  pointer-events: none;
  color: var(--side_1_textColor);
  text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.8), var(--side_1_BorderColor) 4px 0px 0px, var(--side_1_BorderColor) 3.87565px 0.989616px 0px, var(--side_1_BorderColor) 3.51033px 1.9177px 0px, var(--side_1_BorderColor) 2.92676px 2.72656px 0px, var(--side_1_BorderColor) 2.16121px 3.36588px 0px, var(--side_1_BorderColor) 1.26129px 3.79594px 0px, var(--side_1_BorderColor) 0.282949px 3.98998px 0px, var(--side_1_BorderColor) -0.712984px 3.93594px 0px, var(--side_1_BorderColor) -1.66459px 3.63719px 0px, var(--side_1_BorderColor) -2.51269px 3.11229px 0px, var(--side_1_BorderColor) -3.20457px 2.39389px 0px, var(--side_1_BorderColor) -3.69721px 1.52664px 0px, var(--side_1_BorderColor) -3.95997px 0.56448px 0px, var(--side_1_BorderColor) -3.97652px -0.432781px 0px, var(--side_1_BorderColor) -3.74583px -1.40313px 0px, var(--side_1_BorderColor) -3.28224px -2.28625px 0px, var(--side_1_BorderColor) -2.61457px -3.02721px 0px, var(--side_1_BorderColor) -1.78435px -3.57996px 0px, var(--side_1_BorderColor) -0.843183px -3.91012px 0px, var(--side_1_BorderColor) 0.150409px -3.99717px 0px, var(--side_1_BorderColor) 1.13465px -3.8357px 0px, var(--side_1_BorderColor) 2.04834px -3.43574px 0px, var(--side_1_BorderColor) 2.83468px -2.82216px 0px, var(--side_1_BorderColor) 3.44477px -2.03312px 0px, var(--side_1_BorderColor) 3.84068px -1.11766px 0px, var(--side_1_BorderColor) 3.9978px -0.132717px 0px;
  position: absolute;
  top: 15px;
  left: 18px;
  z-index: 2;
  transition: all linear 0.3s;
}
.side.side_1.number-text-right .number {
  left: inherit;
  right: 18px;
}
.side.side_1.number-text-center .number {
  left: 50%;
  transform: translateX(-50%);
}
.side.side_1 .image {
  padding: 23px;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 460px) {
  .side.side_1 .image {
    padding: 15px;
  }
}
.side.side_1 .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.side.side_1 .main-name {
  font-family: var(--card2024Name);
  font-size: 62px;
  line-height: 1;
  color: var(--side_1_textColor);
  text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.8), var(--side_1_BorderColor) 4px 0px 0px, var(--side_1_BorderColor) 3.87565px 0.989616px 0px, var(--side_1_BorderColor) 3.51033px 1.9177px 0px, var(--side_1_BorderColor) 2.92676px 2.72656px 0px, var(--side_1_BorderColor) 2.16121px 3.36588px 0px, var(--side_1_BorderColor) 1.26129px 3.79594px 0px, var(--side_1_BorderColor) 0.282949px 3.98998px 0px, var(--side_1_BorderColor) -0.712984px 3.93594px 0px, var(--side_1_BorderColor) -1.66459px 3.63719px 0px, var(--side_1_BorderColor) -2.51269px 3.11229px 0px, var(--side_1_BorderColor) -3.20457px 2.39389px 0px, var(--side_1_BorderColor) -3.69721px 1.52664px 0px, var(--side_1_BorderColor) -3.95997px 0.56448px 0px, var(--side_1_BorderColor) -3.97652px -0.432781px 0px, var(--side_1_BorderColor) -3.74583px -1.40313px 0px, var(--side_1_BorderColor) -3.28224px -2.28625px 0px, var(--side_1_BorderColor) -2.61457px -3.02721px 0px, var(--side_1_BorderColor) -1.78435px -3.57996px 0px, var(--side_1_BorderColor) -0.843183px -3.91012px 0px, var(--side_1_BorderColor) 0.150409px -3.99717px 0px, var(--side_1_BorderColor) 1.13465px -3.8357px 0px, var(--side_1_BorderColor) 2.04834px -3.43574px 0px, var(--side_1_BorderColor) 2.83468px -2.82216px 0px, var(--side_1_BorderColor) 3.44477px -2.03312px 0px, var(--side_1_BorderColor) 3.84068px -1.11766px 0px, var(--side_1_BorderColor) 3.9978px -0.132717px 0px;
  text-align: center;
  position: absolute;
  bottom: 31px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
.side.side_1.bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.side.side_1[data-background=light-gradient]:before {
  top: -2px;
  background: url("../images/card-2024/background/light-gradient.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=candle-lights]:before {
  background: url("../images/card-2024/background/candle-lights.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
}
.side.side_1[data-background=electric-lights]:before {
  background: url("../images/card-2024/background/electric-lights.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=candle-lights-2]:before {
  background: url("../images/card-2024/background/candle-lights-2.png");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.7;
}
.side.side_1[data-background=mist]:before {
  background: url("../images/card-2024/background/mist.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=particles]:before {
  background: url("../images/card-2024/background/particles.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=lens-flare]:before {
  background: url("../images/card-2024/background/lens-flare.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=gold-particles]:before {
  background: url("../images/card-2024/background/gold-particles.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=gold-particles2]:before {
  background: url("../images/card-2024/background/gold-particles2.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=gold-particles-top]:before {
  background: url("../images/card-2024/background/gold-particles-top.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=lighting]:before {
  background: url("../images/card-2024/background/lighting.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=lightning-2]:before {
  background: url("../images/card-2024/background/lightning-2.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=smoke]:before {
  background: url("../images/card-2024/background/smoke.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=golden-lines-1]:before {
  background: url("../images/card-2024/background/golden-lines-1.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=golden-lines-2]:before {
  background: url("../images/card-2024/background/golden-lines-2.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=golden-lines-3]:before {
  background: url("../images/card-2024/background/golden-lines-3.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=fire-1]:before {
  background: url("../images/card-2024/background/fire-1.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=fire-2]:before {
  background: url("../images/card-2024/background/fire-2.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=bokeh-bubbles]:before {
  background: url("../images/card-2024/background/bokeh-bubbles.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=bokeh-bubbles-2]:before {
  background: url("../images/card-2024/background/bokeh-bubbles-2.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=electric-lights-2]:before {
  background: url("../images/card-2024/background/electric-lights-2.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_1[data-background=electric-lights-top]:before {
  background: url("../images/card-2024/background/electric-lights-top.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.side.side_2 {
  background: var(--side2BG);
  position: relative;
  isolation: isolate;
  padding: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.side.side_2 .logo {
  max-width: 165px;
  width: 100%;
  margin: 21px auto;
}
@media screen and (max-width: 460px) {
  .side.side_2 .logo {
    max-width: 135px;
    margin: 21px auto 12px;
  }
}
.side.side_2 .logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 200px;
  -o-object-fit: contain;
  object-fit: contain;
}
.side.side_2 .side_2__info-blc {
  background: rgba(0, 0, 0, 0.55);
  padding: 10px;
  text-align: center;
  margin: auto 13px 16px;
}
@media screen and (max-width: 460px) {
  .side.side_2 .side_2__info-blc {
    margin: auto 7px 11px;
  }
}
.side.side_2 .side_2__info-blc .text-b {
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  color: var(--light);
  margin: 2px 0;
}
.side.side_2 .side_2__info-blc .text {
  font-size: 14px;
  line-height: 1.3;
  color: var(--light);
  margin: 13px 0 8px 0;
}
@media screen and (max-width: 460px) {
  .side.side_2 .side_2__info-blc .text {
    font-size: 13px;
  }
}
.side.side_3 {
  background: var(--side3BG);
  position: relative;
  isolation: isolate;
  padding: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.side.side_3 .logo {
  max-width: 165px;
  width: 100%;
  margin: 21px auto;
}
@media screen and (max-width: 460px) {
  .side.side_3 .logo {
    max-width: 135px;
    margin: 21px auto 12px;
  }
}
.side.side_3 .logo img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 200px;
  -o-object-fit: contain;
  object-fit: contain;
}
.side.side_3 .side_3__info-blc {
  background: rgba(0, 0, 0, 0.55);
  padding: 10px;
  text-align: center;
  margin: auto 13px 28px;
}
.side.side_3 .side_3__info-blc .text-b {
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  color: var(--light);
  margin: 2px 0;
}
.side.side_3 .side_3__info-blc .text {
  font-size: 14px;
  line-height: 1.3;
  color: var(--light);
  margin: 13px 0 8px 0;
}
@media screen and (max-width: 460px) {
  .side.side_3 .side_3__info-blc .text {
    font-size: 13px;
  }
}
.side.side_4 {
  background: var(--side4BG);
  isolation: isolate;
  padding: 13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.side.side_4 .sponsor-title {
  text-align: center;
  font-family: var(--sponsorFont);
  font-size: 90px;
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFC3;
  text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.8);
  margin: 33px 0 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 460px) {
  .side.side_4 .sponsor-title {
    font-size: 75px;
  }
}
.side.side_4 .sponsor-sub_text {
  position: relative;
  z-index: 1;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  color: #FCBCFF;
  padding: 15px;
  margin: 25px 25px 0 25px;
  background-color: rgba(17, 18, 36, 0.6980392157);
}
@media screen and (max-width: 460px) {
  .side.side_4 .sponsor-sub_text {
    margin: 25px 15px 0 15px;
    font-size: 15px;
  }
}
.side.side_4 .sponsor-sub_text + .sponsor-title {
  line-height: 0.8;
  margin: 10px 0 0 0;
}
.side.side_4 .image {
  position: absolute;
  inset: 13px;
  pointer-events: none;
  transition: all linear 0.3s;
  background: url("../images/card-2024/side-4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side_4 .image {
    background-size: cover;
  }
}
.side.side_4 .sponsors-wrap {
  isolation: isolate;
  margin: auto 0 0 0;
}
.side.side_4 .sponsors-blc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 17px;
  padding: 25px 25px 42px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.side.side_4 .sponsors-blc .sponsor-item {
  width: 100%;
  max-width: calc(50% - 17px);
  background: #111224;
  aspect-ratio: 1/1;
  display: flex;
  transform: perspective(400px) rotateX(0deg) rotateY(0deg);
  transform-style: preserve-3d;
  transition: all linear 0.1s;
}
.side.side_4 .sponsors-blc .sponsor-item img {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  pointer-events: none;
}
.side.side_4 .sponsors-blc .sponsor-item:not(:has(+ .sponsor-item)):first-child {
  width: 100%;
  max-width: 100%;
}
.side.side-bg .image {
  position: absolute;
  z-index: -1;
  inset: 13px;
  pointer-events: none;
  transition: all linear 0.3s;
}
.side.side-bg .image.baseball1 {
  background: url("../images/card-2024/baseball/baseball1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.baseball1 {
    background-size: cover;
  }
}
.side.side-bg .image.baseball2 {
  background: url("../images/card-2024/baseball/baseball2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.baseball2 {
    background-size: cover;
  }
}
.side.side-bg .image.baseball3 {
  background: url("../images/card-2024/baseball/baseball3.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.baseball3 {
    background-size: cover;
  }
}
.side.side-bg .image.baseball4 {
  background: url("../images/card-2024/baseball/baseball4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.baseball4 {
    background-size: cover;
  }
}
.side.side-bg .image.baseball5 {
  background: url("../images/card-2024/baseball/baseball5.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.baseball5 {
    background-size: cover;
  }
}
.side.side-bg .image.football1 {
  background: url("../images/card-2024/football/football1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.football1 {
    background-size: cover;
  }
}
.side.side-bg .image.football2 {
  background: url("../images/card-2024/football/football2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.football2 {
    background-size: cover;
  }
}
.side.side-bg .image.football3 {
  background: url("../images/card-2024/football/football3.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.football3 {
    background-size: cover;
  }
}
.side.side-bg .image.football4 {
  background: url("../images/card-2024/football/football4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.football4 {
    background-size: cover;
  }
}
.side.side-bg .image.football5 {
  background: url("../images/card-2024/football/football5.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.football5 {
    background-size: cover;
  }
}
.side.side-bg .image.soccer1 {
  background: url("../images/card-2024/soccer/soccer1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.soccer1 {
    background-size: cover;
  }
}
.side.side-bg .image.soccer2 {
  background: url("../images/card-2024/soccer/soccer2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.soccer2 {
    background-size: cover;
  }
}
.side.side-bg .image.soccer3 {
  background: url("../images/card-2024/soccer/soccer3.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.soccer3 {
    background-size: cover;
  }
}
.side.side-bg .image.soccer4 {
  background: url("../images/card-2024/soccer/soccer4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.soccer4 {
    background-size: cover;
  }
}
.side.side-bg .image.soccer5 {
  background: url("../images/card-2024/soccer/soccer5.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.soccer5 {
    background-size: cover;
  }
}
.side.side-bg .image.basketball1 {
  background: url("../images/card-2024/basketball/basketball1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.basketball1 {
    background-size: cover;
  }
}
.side.side-bg .image.basketball2 {
  background: url("../images/card-2024/basketball/basketball2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.basketball2 {
    background-size: cover;
  }
}
.side.side-bg .image.basketball3 {
  background: url("../images/card-2024/basketball/basketball3.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.basketball3 {
    background-size: cover;
  }
}
.side.side-bg .image.basketball4 {
  background: url("../images/card-2024/basketball/basketball4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.basketball4 {
    background-size: cover;
  }
}
.side.side-bg .image.basketball5 {
  background: url("../images/card-2024/basketball/basketball5.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.basketball5 {
    background-size: cover;
  }
}
.side.side-bg .image.volleyball1 {
  background: url("../images/card-2024/volleyball/volleyball1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.volleyball1 {
    background-size: cover;
  }
}
.side.side-bg .image.volleyball2 {
  background: url("../images/card-2024/volleyball/volleyball2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.volleyball2 {
    background-size: cover;
  }
}
.side.side-bg .image.volleyball3 {
  background: url("../images/card-2024/volleyball/volleyball3.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.volleyball3 {
    background-size: cover;
  }
}
.side.side-bg .image.volleyball4 {
  background: url("../images/card-2024/volleyball/volleyball4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.volleyball4 {
    background-size: cover;
  }
}
.side.side-bg .image.volleyball5 {
  background: url("../images/card-2024/volleyball/volleyball5.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.volleyball5 {
    background-size: cover;
  }
}
.side.side-bg .image.golf1 {
  background: url("../images/card-2024/golf/golf1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.golf1 {
    background-size: cover;
  }
}
.side.side-bg .image.golf2 {
  background: url("../images/card-2024/golf/golf2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.golf2 {
    background-size: cover;
  }
}
.side.side-bg .image.golf3 {
  background: url("../images/card-2024/golf/golf3.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.golf3 {
    background-size: cover;
  }
}
.side.side-bg .image.golf4 {
  background: url("../images/card-2024/golf/golf4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.golf4 {
    background-size: cover;
  }
}
.side.side-bg .image.golf5 {
  background: url("../images/card-2024/golf/golf5.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side-bg .image.golf5 {
    background-size: cover;
  }
}
.side.side_5 {
  background: var(--side2BG);
  position: relative;
  padding: 13px;
  isolation: isolate;
}
.side.side_5 .video {
  background: #000;
  position: relative;
  width: 100%;
  height: 100%;
}
.side.side_5 .video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.side.side_6 {
  background: var(--side2BG);
  position: relative;
  padding: 13px;
  isolation: isolate;
}
.side.side_6 .image {
  position: absolute;
  z-index: -1;
  inset: 13px;
  pointer-events: none;
  transition: all linear 0.3s;
  background: url("../images/card-2024/side-4.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 460px) {
  .side.side_6 .image {
    background-size: cover;
  }
}

.isolation {
  isolation: isolate !important;
}

.scene {
  width: var(--widthCard);
  height: var(--heightCard);
  perspective: 1000px;
  margin: 0 auto;
}
.scene .cube {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
}
.scene .cube__face {
  position: absolute;
  width: var(--widthCard);
  height: var(--heightCard);
}
.scene .cube__face img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.scene .cube[data-video] > .cube__face--clone {
  display: none;
}
.scene .cube {
  transform: translateZ(-100px) rotateY(-12deg) rotateX(2deg) scale(0.92);
  transition: all linear 0.5s;
}
.scene .cube__face--front {
  transform: rotateY(0deg) translateZ(var(--translateZ)) scale(0.92);
}
.scene .cube__face--right {
  transform: rotateY(90deg) translateZ(var(--translateZ)) scale(0.92);
}
.scene .cube__face--back {
  transform: rotateY(180deg) translateZ(var(--translateZ)) scale(0.92);
}
.scene .cube__face--left {
  transform: rotateY(-90deg) translateZ(var(--translateZ)) scale(0.92);
}
.scene .cube__face--top {
  display: none;
}
.scene .cube__face--bottom {
  display: none;
}

.flip {
  position: relative;
  margin: 0 auto;
  transform-style: preserve-3d;
  perspective: 1000px;
  transition: transform 1s cubic-bezier(0.4, 0.2, 0.2, 1);
  width: var(--widthCard);
  height: var(--heightCard);
}
.flip .side {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  --translateZ: 40px;
}
.flip .side.dsbld {
  pointer-events: none;
}
.flip .side_1 {
  transform: rotateY(0deg);
}
.flip .side_1 .number {
  perspective: 1000px;
  transform: translateZ(var(--translateZ)) scale(0.9);
  top: 24px;
}
.flip .side_1 .main-name {
  perspective: 1000px;
  transform: translateZ(var(--translateZ)) translateX(-50%) scale(0.9);
}
.flip .side_2 {
  transform: rotateY(180deg);
  isolation: inherit;
}
.flip .side_2__info-blc {
  perspective: 1000px;
  transform: translateZ(var(--translateZ)) scale(0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.flip .side_2 .logo {
  perspective: 1000px;
  transform: translateZ(var(--translateZ)) translateX(-50%) scale(0.9);
  position: absolute;
  top: 18px;
  left: 50%;
}
.flip .side_3 {
  transform: rotateY(0deg);
  isolation: inherit;
}
.flip .side_3 .logo {
  perspective: 1000px;
  transform: translateZ(var(--translateZ)) translateX(-50%) scale(0.9);
  position: absolute;
  top: 18px;
  left: 50%;
}
.flip .side_3__info-blc {
  perspective: 1000px;
  transform: translateZ(var(--translateZ)) scale(0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.flip .side_4 {
  transform: rotateY(180deg);
  isolation: inherit;
}
.flip .side_4 .sponsor-title {
  perspective: 1000px;
  transform: translateZ(var(--translateZ)) translateX(-50%) scale(0.9);
  position: absolute;
  top: 0px;
  left: 50%;
}
.flip .side_4 .sponsors-blc {
  margin: auto 0 0 0;
}
.flip .side_6 {
  transform: rotateY(180deg);
}
.flip[data-sides="4"][data-step="1"] > .side_3, .flip[data-sides="4"][data-step="1"] > .side_4 {
  display: none;
}
.flip[data-sides="4"][data-step="2"] > .side_1, .flip[data-sides="4"][data-step="2"] > .side_4 {
  display: none;
}
.flip[data-sides="4"][data-step="3"] > .side_1, .flip[data-sides="4"][data-step="3"] > .side_2 {
  display: none;
}
.flip[data-sides="4"][data-step="4"] > .side_2, .flip[data-sides="4"][data-step="4"] > .side_3 {
  display: none;
}
.flip[data-sides="4"] > .side_5 {
  display: none;
}
.flip[data-sides="6"] > .side {
  display: none;
}
.flip[data-sides="6"] > .side_1 {
  transform: rotateY(0deg);
}
.flip[data-sides="6"] > .side_5 {
  transform: rotateY(180deg);
}
.flip[data-sides="6"] > .side_2 {
  transform: rotateY(0deg);
}
.flip[data-sides="6"] > .side_3 {
  transform: rotateY(180deg);
}
.flip[data-sides="6"] > .side_4 {
  transform: rotateY(0deg);
}
.flip[data-sides="6"] > .side_6 {
  transform: rotateY(180deg);
}
.flip[data-sides="6"][data-step="1"] > .side_1, .flip[data-sides="6"][data-step="1"] > .side_5 {
  display: flex;
}
.flip[data-sides="6"][data-step="2"] > .side_5, .flip[data-sides="6"][data-step="2"] > .side_2 {
  display: flex;
}
.flip[data-sides="6"][data-step="3"] > .side_2, .flip[data-sides="6"][data-step="3"] > .side_3 {
  display: flex;
}
.flip[data-sides="6"][data-step="4"] > .side_3, .flip[data-sides="6"][data-step="4"] > .side_4 {
  display: flex;
}
.flip[data-sides="6"][data-step="5"] > .side_4, .flip[data-sides="6"][data-step="5"] > .side_6 {
  display: flex;
}
.flip[data-sides="6"][data-step="6"] > .side_1, .flip[data-sides="6"][data-step="6"] > .side_6 {
  display: flex;
}

.scale {
  position: relative;
  transform-style: preserve-3d;
  overflow: hidden;
  margin: auto;
  width: var(--widthCard);
  height: var(--heightCard);
}
.scale .side {
  display: none;
}
.scale .ball {
  pointer-events: none;
  position: absolute;
  top: -7px;
  z-index: 10;
  height: 86px;
  width: 86px;
  transform-origin: center 300%;
}
.scale .ball:not(.position-right) {
  left: -11px;
}
.scale .ball-rotate {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: url("../images/card-2024/baseball/baseball-ball.svg");
  background-repeat: no-repeat;
  background-size: cover;
  transition: all linear 0.5s;
  transform-origin: center center;
}
.scale .ball-rotate:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: url("../images/card-2024/baseball/baseball-ball.svg");
  background-repeat: no-repeat;
  background-size: cover;
  transition: all linear 0.5s;
  transform-origin: center center;
}
@media screen and (max-width: 460px) {
  .scale .ball {
    width: 80px;
    transform-origin: center 250%;
  }
}
.scale .ball.anim {
  animation-name: scaleAnim;
  animation-duration: 1.4s;
  animation-timing-function: ease-in;
}
.scale .ball.anim .ball-rotate {
  animation-name: scaleAnimRotate;
  animation-duration: 1.4s;
  animation-timing-function: ease-in;
}
.scale .ball.anim .ball-rotate:before {
  animation-name: scaleAnimBefore;
  animation-duration: 0.8s;
  animation-timing-function: linear;
  animation-delay: 0.3s;
}
.scale .ball.position-right {
  right: -11px;
}
.scale .ball.position-right.anim {
  animation-name: scaleAnimRight;
  animation-duration: 1.4s;
  animation-timing-function: ease-in;
}
.scale .ball.position-right.anim .ball-rotate {
  animation-name: scaleAnimRotateRight;
  animation-duration: 1.4s;
  animation-timing-function: ease-in;
}
.scale.soccer1 .ball-rotate, .scale.soccer2 .ball-rotate, .scale.soccer3 .ball-rotate, .scale.soccer4 .ball-rotate, .scale.soccer5 .ball-rotate {
  background: url("../images/card-2024/soccer/soccer-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.soccer1 .ball-rotate:before, .scale.soccer2 .ball-rotate:before, .scale.soccer3 .ball-rotate:before, .scale.soccer4 .ball-rotate:before, .scale.soccer5 .ball-rotate:before {
  background: url("../images/card-2024/soccer/soccer-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.baseball1 .ball-rotate, .scale.baseball2 .ball-rotate, .scale.baseball3 .ball-rotate, .scale.baseball4 .ball-rotate, .scale.baseball5 .ball-rotate {
  background: url("../images/card-2024/baseball/baseball-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.baseball1 .ball-rotate:before, .scale.baseball2 .ball-rotate:before, .scale.baseball3 .ball-rotate:before, .scale.baseball4 .ball-rotate:before, .scale.baseball5 .ball-rotate:before {
  background: url("../images/card-2024/baseball/baseball-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.basketball1 .ball-rotate, .scale.basketball2 .ball-rotate, .scale.basketball3 .ball-rotate, .scale.basketball4 .ball-rotate, .scale.basketball5 .ball-rotate {
  background: url("../images/card-2024/basketball/basketball-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.basketball1 .ball-rotate:before, .scale.basketball2 .ball-rotate:before, .scale.basketball3 .ball-rotate:before, .scale.basketball4 .ball-rotate:before, .scale.basketball5 .ball-rotate:before {
  background: url("../images/card-2024/basketball/basketball-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.volleyball1 .ball-rotate, .scale.volleyball2 .ball-rotate, .scale.volleyball3 .ball-rotate, .scale.volleyball4 .ball-rotate, .scale.volleyball5 .ball-rotate {
  background: url("../images/card-2024/volleyball/volleyball-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.volleyball1 .ball-rotate:before, .scale.volleyball2 .ball-rotate:before, .scale.volleyball3 .ball-rotate:before, .scale.volleyball4 .ball-rotate:before, .scale.volleyball5 .ball-rotate:before {
  background: url("../images/card-2024/volleyball/volleyball-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.football1 .ball, .scale.football2 .ball, .scale.football3 .ball, .scale.football4 .ball, .scale.football5 .ball {
  height: 86px;
  width: 129px;
}
.scale.football1 .ball-rotate, .scale.football2 .ball-rotate, .scale.football3 .ball-rotate, .scale.football4 .ball-rotate, .scale.football5 .ball-rotate {
  background: url("../images/card-2024/football/football-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.football1 .ball-rotate:before, .scale.football2 .ball-rotate:before, .scale.football3 .ball-rotate:before, .scale.football4 .ball-rotate:before, .scale.football5 .ball-rotate:before {
  width: 100%;
  height: 100%;
  background: url("../images/card-2024/football/football-ball.svg");
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: inherit;
}
.scale.football1 .ball.anim .ball-rotate:before, .scale.football2 .ball.anim .ball-rotate:before, .scale.football3 .ball.anim .ball-rotate:before, .scale.football4 .ball.anim .ball-rotate:before, .scale.football5 .ball.anim .ball-rotate:before {
  animation-name: scaleAnimBeforeFootball;
}
.scale.golf1 .ball, .scale.golf12 .ball, .scale.golf13 .ball, .scale.golf14 .ball, .scale.golf15 .ball {
  height: 86px;
  width: 129px;
}
.scale.golf1 .ball-rotate, .scale.golf12 .ball-rotate, .scale.golf13 .ball-rotate, .scale.golf14 .ball-rotate, .scale.golf15 .ball-rotate {
  background: url("../images/card-2024/football/golf.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.scale.golf1 .ball-rotate:before, .scale.golf12 .ball-rotate:before, .scale.golf13 .ball-rotate:before, .scale.golf14 .ball-rotate:before, .scale.golf15 .ball-rotate:before {
  width: 100%;
  height: 100%;
  background: url("../images/card-2024/football/golf.svg");
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: inherit;
}
.scale.golf1 .ball.anim .ball-rotate:before, .scale.golf12 .ball.anim .ball-rotate:before, .scale.golf13 .ball.anim .ball-rotate:before, .scale.golf14 .ball.anim .ball-rotate:before, .scale.golf15 .ball.anim .ball-rotate:before {
  animation-name: scaleAnimBeforeFootball;
}
.scale[data-sides="4"][data-step="1"] > .side_1 {
  display: flex;
}
.scale[data-sides="4"][data-step="2"] > .side_2 {
  display: flex;
}
.scale[data-sides="4"][data-step="3"] > .side_3 {
  display: flex;
}
.scale[data-sides="4"][data-step="4"] > .side_4 {
  display: flex;
}
.scale[data-sides="5"][data-step="1"] > .side_1 {
  display: flex;
}
.scale[data-sides="5"][data-step="2"] > .side_5 {
  display: flex;
}
.scale[data-sides="5"][data-step="3"] > .side_2 {
  display: flex;
}
.scale[data-sides="5"][data-step="4"] > .side_3 {
  display: flex;
}
.scale[data-sides="5"][data-step="5"] > .side_4 {
  display: flex;
}

@keyframes scaleAnim {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(90deg);
  }
  70% {
    transform: rotate(90deg);
  }
  90% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes scaleAnimRight {
  0% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-90deg);
  }
  50% {
    transform: rotate(-90deg);
  }
  70% {
    transform: rotate(-90deg);
  }
  90% {
    transform: rotate(-45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes scaleAnimBefore {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(9);
  }
  70% {
    transform: scale(9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleAnimBeforeFootball {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(9.2);
  }
  70% {
    transform: scale(9.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleAnimRotate {
  0% {
    transform: rotate(0);
  }
  30% {
    transform: rotate(360deg);
  }
  65% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes scaleAnimRotateRight {
  0% {
    transform: rotate(0);
  }
  30% {
    transform: rotate(-360deg);
  }
  65% {
    transform: rotate(-360deg);
  }
  100% {
    transform: rotate(0);
  }
}
@media screen and (max-width: 460px) {
  @keyframes scaleAnimBefore {
    0% {
      transform: scale(1);
    }
    30% {
      transform: scale(8);
    }
    70% {
      transform: scale(8);
    }
    100% {
      transform: scale(1);
    }
  }
}
.cutout {
  padding: 12px;
  background: var(--bgBack, #1B2254);
  width: -moz-max-content;
  width: max-content;
  position: relative;
  margin: auto;
}
.cutout .border-blc {
  transform-style: preserve-3d;
  position: absolute;
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  pointer-events: none;
}
.cutout .border-blc:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 6px solid var(--borderColor, #EBA900);
  pointer-events: none;
  transition: all linear 0.3s;
  transform: skew(-5deg, -3deg);
}
.cutout .flip {
  margin: 0;
}
.cutout .flip .side {
  padding: 0;
}
.cutout .flip .side_1 .image {
  padding: 0;
}
.cutout .flip .side.side-bg .image {
  inset: 0;
}
.cutout .flip .side.side_4 .image, .cutout .flip .side.side_6 .image {
  inset: 0;
  width: 100%;
  height: 100%;
}
.cutout.animation .border-blc:after {
  transform: skew(0, 0);
  animation-name: cutoutAnimation;
  animation-duration: 0.5s;
  animation-timing-function: ease-in;
}
.cutout:hover .border-blc:after {
  transform: skew(0, 0);
}
.cutout.scale-blc .border-blc:after {
  transform: skew(-5deg, -3deg);
  transition: all linear 0.3s;
}

@keyframes cutoutAnimation {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(180deg);
  }
}
.glitch {
  position: relative;
  overflow: hidden;
  margin: auto;
  width: var(--widthCard);
  height: var(--heightCard);
}
.glitch-items {
  position: relative;
}
.glitch-items .side {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.glitch-items[data-sides="4"][data-step="1"] > .side_1 {
  display: flex;
}
.glitch-items[data-sides="4"][data-step="2"] > .side_2 {
  display: flex;
}
.glitch-items[data-sides="4"][data-step="3"] > .side_3 {
  display: flex;
}
.glitch-items[data-sides="4"][data-step="4"] > .side_4 {
  display: flex;
}
.glitch-items[data-sides="5"][data-step="1"] > .side_1 {
  display: flex;
}
.glitch-items[data-sides="5"][data-step="2"] > .side_5 {
  display: flex;
}
.glitch-items[data-sides="5"][data-step="3"] > .side_2 {
  display: flex;
}
.glitch-items[data-sides="5"][data-step="4"] > .side_3 {
  display: flex;
}
.glitch-items[data-sides="5"][data-step="5"] > .side_4 {
  display: flex;
}
.glitch__item {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 20;
  pointer-events: none;
}
.glitch.animation .glitch__item:nth-child(n+2) {
  opacity: 0;
  animation-duration: var(--time-anim);
  animation-delay: var(--delay-anim);
  animation-timing-function: linear;
  z-index: 21;
}
.glitch.animation .glitch__item:nth-child(2) {
  background-color: var(--blend-color-2);
  background-blend-mode: var(--blend-mode-2);
  animation-name: glitch-anim-2;
  z-index: 22;
  animation-iteration-count: infinite;
}
.glitch.animation .glitch__item:nth-child(3) {
  background-color: var(--blend-color-3);
  background-blend-mode: var(--blend-mode-3);
  animation-name: glitch-anim-3;
  z-index: 23;
  animation-iteration-count: infinite;
}
.glitch.animation .glitch__item:nth-child(4) {
  background-color: var(--blend-color-4);
  background-blend-mode: var(--blend-mode-4);
  animation-name: glitch-anim-4;
  z-index: 24;
  animation-iteration-count: infinite;
}
.glitch.animation .glitch__item:nth-child(5) {
  background-color: var(--bgGlitch);
  background-blend-mode: var(--bgGlitch);
  animation-duration: var(--time-flash);
  animation-name: glitch-anim-flash;
}
.glitch.animation .glitch__item:nth-child(6) {
  background-color: var(--blend-color-6);
  background-blend-mode: var(--blend-mode-4);
  animation-name: glitch-anim-2;
  z-index: 25;
  animation-iteration-count: infinite;
}
.glitch.animation .glitch__item:nth-child(7) {
  background-color: var(--blend-color-7);
  background-blend-mode: var(--blend-mode-4);
  animation-name: glitch-anim-3;
  z-index: 26;
  animation-iteration-count: infinite;
}

@keyframes glitch-anim-flash {
  0% {
    opacity: 0.5;
    transform: translate3d(var(--glitch-horizontal), var(--glitch-height), 0);
  }
  10% {
    opacity: 0.7;
    transform: translate3d(var(--glitch-horizontal), var(--glitch-height), 0);
  }
  25% {
    opacity: 1;
  }
  10.5% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes glitch-anim {
  0% {
    clip: rect(60px, 9999px, 105px, 0);
  }
  5% {
    clip: rect(147px, 9999px, 12px, 0);
  }
  10% {
    clip: rect(100px, 9999px, 90px, 0);
  }
  15% {
    clip: rect(94px, 9999px, 151px, 0);
  }
  20% {
    clip: rect(1px, 9999px, 155px, 0);
  }
  25% {
    clip: rect(91px, 9999px, 130px, 0);
  }
  30% {
    clip: rect(32px, 9999px, 134px, 0);
  }
  35% {
    clip: rect(16px, 9999px, 41px, 0);
  }
  40% {
    clip: rect(31px, 9999px, 135px, 0);
  }
  45% {
    clip: rect(28px, 9999px, 167px, 0);
  }
  50% {
    clip: rect(88px, 9999px, 20px, 0);
  }
  55% {
    clip: rect(46px, 9999px, 110px, 0);
  }
  60% {
    clip: rect(133px, 9999px, 71px, 0);
  }
  65% {
    clip: rect(145px, 9999px, 98px, 0);
  }
  70% {
    clip: rect(136px, 9999px, 151px, 0);
  }
  75% {
    clip: rect(117px, 9999px, 92px, 0);
  }
  80% {
    clip: rect(31px, 9999px, 7px, 0);
  }
  85% {
    clip: rect(56px, 9999px, 144px, 0);
  }
  90% {
    clip: rect(30px, 9999px, 132px, 0);
  }
  95% {
    clip: rect(11px, 9999px, 102px, 0);
  }
  100% {
    clip: rect(15px, 9999px, 44px, 0);
  }
}
@keyframes glitch-anim-2 {
  0% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  2% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  4% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  6% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  8% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  10% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  12% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  14% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  16% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  18% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
  21.9% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
  }
  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-3 {
  0% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  3% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  5% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  7% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  9% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  11% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  13% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  15% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  17% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  19% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  20% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  21.9% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }
  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-4 {
  0% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }
  1.5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }
  2% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  2.5% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  3% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  5.5% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }
  7% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }
  8% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  9% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  10.5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }
  11% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }
  13% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }
  14% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  14.5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }
  15% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }
  16% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  18% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }
  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }
  21.9% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
  }
  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
.smoke-blc {
  position: relative;
  width: var(--widthCard);
  height: var(--heightCard);
  overflow: hidden;
  margin: auto;
}
.smoke-blc .smoke {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 22;
  background: url("../images/card-2024/Smoke_2.png");
  background-repeat: no-repeat;
  opacity: 0.5;
  transform: translate(-50%, -50%);
}
.smoke-blc .side {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.smoke-blc[data-sides="4"][data-step="1"] > .side_1 {
  display: flex;
}
.smoke-blc[data-sides="4"][data-step="2"] > .side_2 {
  display: flex;
}
.smoke-blc[data-sides="4"][data-step="3"] > .side_3 {
  display: flex;
}
.smoke-blc[data-sides="4"][data-step="4"] > .side_4 {
  display: flex;
}
.smoke-blc[data-sides="5"][data-step="1"] > .side_1 {
  display: flex;
}
.smoke-blc[data-sides="5"][data-step="2"] > .side_5 {
  display: flex;
}
.smoke-blc[data-sides="5"][data-step="3"] > .side_2 {
  display: flex;
}
.smoke-blc[data-sides="5"][data-step="4"] > .side_3 {
  display: flex;
}
.smoke-blc[data-sides="5"][data-step="5"] > .side_4 {
  display: flex;
}

.popup-sponsors {
  display: flex;
  justify-content: center;
  gap: 6px;
  max-width: var(--widthCard);
  margin: 0 auto 0;
}
.popup-sponsors__text {
  margin: 0 0 10px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--light);
}

.pr + .popup-sponsors__text {
  margin-top: 20px;
}

.sponsors-item {
  width: 100%;
  max-width: 33.3333333333%;
}
.sponsors-item a {
  display: flex;
  width: 100%;
  padding: 2px;
  border: 1px solid #808080;
  border-radius: 8px;
}
.sponsors-item a:hover {
  box-shadow: 0 0 5px var(--light);
}
.sponsors-item a img {
  display: block;
  max-height: 60px;
  width: auto !important;
  max-width: 100%;
  margin: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.gallery-sponsors {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}
@media screen and (max-width: 600px) {
  .gallery-sponsors {
    flex-direction: column-reverse;
  }
}
.gallery-sponsors .filter-info {
  flex: 1;
}
.gallery-sponsors .sponsors-blc + .filter-info {
  padding: 0;
  flex: none;
}
.gallery-sponsors .sponsors-blc > .sponsors-item {
  width: 25%;
  max-width: 120px;
}
.gallery-sponsors .sponsors-blc[data-items="4"] {
  margin: 0;
  justify-content: space-between;
}
.gallery-sponsors .sponsors-blc[data-items="4"].left {
  margin: 0 3.5vw 0 0;
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="4"].left {
    margin: 30px 0 0 0;
    justify-content: center;
  }
}
.gallery-sponsors .sponsors-blc[data-items="4"].right {
  margin: 0 0 0 3.5vw;
}
.gallery-sponsors .sponsors-blc[data-items="4"] > .sponsors-item {
  margin: 0;
}
.gallery-sponsors .sponsors-blc[data-items="4"] > .sponsors-item a {
  width: auto;
}
@media screen and (max-width: 1399px) {
  .gallery-sponsors .sponsors-blc[data-items="4"] > .sponsors-item {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="4"] > .sponsors-item {
    width: 24%;
  }
  .gallery-sponsors .sponsors-blc[data-items="4"] > .sponsors-item a {
    width: 100%;
  }
}
.gallery-sponsors .sponsors-blc[data-items="3"].left {
  margin: 0 3.5vw 0 0;
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="3"].left {
    justify-content: center;
    margin: 20px 0 0 0;
  }
}
.gallery-sponsors .sponsors-blc[data-items="3"].left > .sponsors-item {
  width: 24%;
}
.gallery-sponsors .sponsors-blc[data-items="3"].left > .sponsors-item a {
  width: auto;
}
@media screen and (max-width: 1199px) {
  .gallery-sponsors .sponsors-blc[data-items="3"].left > .sponsors-item {
    width: 49%;
  }
}
@media screen and (max-width: 991px) {
  .gallery-sponsors .sponsors-blc[data-items="3"].left > .sponsors-item {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="3"].left > .sponsors-item {
    width: 32.3333333333%;
  }
  .gallery-sponsors .sponsors-blc[data-items="3"].left > .sponsors-item a {
    width: 100%;
  }
}
.gallery-sponsors .sponsors-blc[data-items="3"].right {
  margin: 0 0 0 3.5vw;
  justify-content: flex-end;
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="3"].right {
    justify-content: center;
    margin: 20px 0 0 0;
  }
}
.gallery-sponsors .sponsors-blc[data-items="3"].right > .sponsors-item {
  width: 24%;
}
.gallery-sponsors .sponsors-blc[data-items="3"].right > .sponsors-item a {
  width: auto;
}
@media screen and (max-width: 1199px) {
  .gallery-sponsors .sponsors-blc[data-items="3"].right > .sponsors-item {
    width: 49%;
  }
}
@media screen and (max-width: 991px) {
  .gallery-sponsors .sponsors-blc[data-items="3"].right > .sponsors-item {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="3"].right > .sponsors-item {
    width: 32.3333333333%;
  }
  .gallery-sponsors .sponsors-blc[data-items="3"].right > .sponsors-item a {
    width: 100%;
  }
}
.gallery-sponsors .sponsors-blc[data-items="2"].left {
  margin: 0 3.5vw 0 0;
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="2"].left {
    margin: 30px 0 0 0;
    justify-content: center;
  }
}
.gallery-sponsors .sponsors-blc[data-items="2"].right {
  margin: 0 0 0 3.5vw;
  justify-content: flex-end;
}
.gallery-sponsors .sponsors-blc[data-items="2"] > .sponsors-item {
  width: 24%;
}
.gallery-sponsors .sponsors-blc[data-items="2"] > .sponsors-item a {
  width: auto;
}
@media screen and (max-width: 1199px) {
  .gallery-sponsors .sponsors-blc[data-items="2"] > .sponsors-item {
    width: 49%;
  }
}
@media screen and (max-width: 991px) {
  .gallery-sponsors .sponsors-blc[data-items="2"] > .sponsors-item {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="2"] > .sponsors-item {
    width: 32.3333333333%;
  }
  .gallery-sponsors .sponsors-blc[data-items="2"] > .sponsors-item a {
    width: 100%;
  }
}
.gallery-sponsors .sponsors-blc[data-items="1"].left {
  margin: 0 3.5vw 0 0;
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="1"].left {
    margin: 30px 0 0 0;
    justify-content: center;
  }
}
.gallery-sponsors .sponsors-blc[data-items="1"].right {
  margin: 0 0 0 3.5vw;
  justify-content: flex-end;
}
.gallery-sponsors .sponsors-blc[data-items="1"] > .sponsors-item {
  width: 49%;
}
.gallery-sponsors .sponsors-blc[data-items="1"] > .sponsors-item a {
  width: auto;
}
@media screen and (max-width: 600px) {
  .gallery-sponsors .sponsors-blc[data-items="1"] > .sponsors-item {
    width: 100%;
  }
  .gallery-sponsors .sponsors-blc[data-items="1"] > .sponsors-item a {
    width: 100%;
  }
}

.sponsors-blc {
  display: flex;
  gap: 6px;
  flex: 1;
  align-items: flex-end;
}
.sponsors-blc.left {
  margin: 0 3.5vw 0 0;
}
@media screen and (max-width: 600px) {
  .sponsors-blc.left {
    margin-top: 30px;
  }
}
.sponsors-blc.left .sponsors-item {
  margin: 0 5% 0 0;
}
.sponsors-blc.left .sponsors-item:last-child {
  margin: 0;
}
.sponsors-blc.right {
  margin: 0 0 0 3.5vw;
  justify-content: flex-end;
}
.sponsors-blc.right .sponsors-item {
  margin: 0 0 0 5%;
}
.sponsors-blc.right .sponsors-item:first-child {
  margin: 0;
}
@media screen and (max-width: 600px) {
  .sponsors-blc.right {
    display: none;
  }
}
.sponsors-blc .sponsors-item {
  width: 100%;
}
@media screen and (max-width: 1399px) {
  .sponsors-blc .sponsors-item:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .sponsors-blc .sponsors-item:nth-child(3) {
    display: none;
  }
  .sponsors-blc .sponsors-item a img {
    max-height: 40px;
  }
}
@media screen and (max-width: 600px) {
  .sponsors-blc .sponsors-item:nth-child(3), .sponsors-blc .sponsors-item:nth-child(4) {
    display: flex;
  }
}
@media screen and (max-width: 460px) {
  .sponsors-blc .sponsors-item:nth-child(4) {
    display: none;
  }
}

.icons-tooltip {
  position: absolute;
  top: 240px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  pointer-events: none;
}
.icons-tooltip + div:not(.show-blc) {
  position: relative;
}
.icons-tooltip + div:not(.show-blc):before {
  position: absolute;
  content: "";
  top: 0;
  left: -10px;
  bottom: 0;
  right: 0;
  background-color: rgba(25, 25, 25, 0.6980392157);
  z-index: 1;
  pointer-events: none;
}
.icons-tooltip.hide {
  display: none !important;
}
.icons-tooltip.hide + div:before {
  display: none !important;
}
.icons-tooltip .tooltip-blc {
  display: none;
  position: absolute;
  background: #53147C;
  font-size: 14px;
  text-align: center;
  padding: 14px 30px;
  width: -moz-max-content;
  width: max-content;
  border-radius: 5px;
  left: 50%;
  bottom: calc(100% + 15px);
  transform: translateX(-50%);
}
.icons-tooltip .tooltip-blc:after {
  content: "";
  display: block;
  margin: 0 auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #53147C;
  width: 10px;
  position: absolute;
  top: 100%;
  left: calc(50% - 10px);
}
.icons-tooltip .tooltip-blc.tooltip-show {
  display: block;
}
.icons-tooltip .icon {
  margin: auto;
  pointer-events: none;
}
.icons-tooltip .icon svg {
  display: block;
}
.icons-tooltip .icon-with-video {
  position: relative;
  display: flex;
  background: #ED3737;
  border-radius: 3px;
  width: 100%;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.icons-tooltip .icon-with-animation {
  position: relative;
  display: flex;
  background: #29CDFE;
  border-radius: 3px;
  aspect-ratio: 1/1;
  cursor: pointer;
  width: 40px;
}
.icons-tooltip .text {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.add-nft .side .play-video {
  display: block !important;
}
.add-nft .cutout {
  width: 100%;
  background: transparent;
}
.add-nft .cutout:hover .border-blc:after {
  transform: skew(-5deg, -3deg);
}
.add-nft .cutout .border-blc {
  width: var(--widthCard);
  height: var(--heightCard);
  left: 45px;
  top: 11px;
}
@media screen and (max-width: 1399px) {
  .add-nft .cutout .border-blc {
    left: 22%;
  }
}
@media screen and (max-width: 1199px) {
  .add-nft .cutout .border-blc {
    left: 9%;
  }
}
@media screen and (max-width: 991px) {
  .add-nft .cutout .border-blc {
    left: 23%;
  }
}
@media screen and (max-width: 767px) {
  .add-nft .cutout .border-blc {
    left: 50%;
    transform: translateX(-50%);
  }
}
.add-nft .cutout .flip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  width: auto;
  height: auto;
}
.add-nft .cutout .flip .side {
  position: relative;
  display: flex;
  transform: none;
  background: var(--bgBack);
  padding: 12px;
}
.add-nft .cutout .flip .side.side_1.number-text-right .number {
  top: 39px;
  left: auto;
}
.add-nft .cutout .flip .side.side_1.number-text-center .number {
  top: 9px;
}
.add-nft .cutout .flip .side.side_1 .number {
  top: 39px;
}
.add-nft .cutout .flip .side.side-bg .image {
  inset: 12px;
}
.add-nft .cutout .flip .side.side_4 .image, .add-nft .cutout .flip .side.side_6 .image {
  inset: 12px;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}
.add-nft .scene {
  perspective: none;
  width: auto;
  height: auto;
}
.add-nft .scene .cube {
  transform: none !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.add-nft .scene .cube__face {
  transform: none;
  position: relative;
}
.add-nft .scene .cube__face.cube__face--clone {
  display: block;
}
.add-nft .flip {
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.add-nft .flip .side {
  display: flex;
  position: relative;
  transform: none;
  isolation: isolate;
}
.add-nft .flip .side.side_5 {
  display: none;
}
.add-nft .flip .side.side_6 {
  display: none;
}
.add-nft .glitch {
  width: auto;
  height: auto;
}
.add-nft .glitch .glitch__item {
  display: none;
}
.add-nft .glitch .glitch-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.add-nft .glitch .side {
  position: relative;
  display: flex;
}
.add-nft .glitch .side.side_5 {
  display: none;
}
.add-nft .scale {
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.add-nft .scale .ball:not(.position-right) {
  left: 39px;
}
@media screen and (max-width: 1399px) {
  .add-nft .scale .ball:not(.position-right) {
    left: 140px;
  }
}
@media screen and (max-width: 1199px) {
  .add-nft .scale .ball:not(.position-right) {
    left: 70px;
  }
}
@media screen and (max-width: 991px) {
  .add-nft .scale .ball:not(.position-right) {
    left: 140px;
  }
}
@media screen and (max-width: 767px) {
  .add-nft .scale .ball:not(.position-right) {
    left: 65px;
  }
}
@media screen and (max-width: 500px) {
  .add-nft .scale .ball:not(.position-right) {
    left: 5%;
  }
}
.add-nft .scale .ball {
  left: 328px;
  right: inherit;
}
@media screen and (max-width: 1399px) {
  .add-nft .scale .ball {
    left: 435px;
  }
}
@media screen and (max-width: 1199px) {
  .add-nft .scale .ball {
    left: 365px;
  }
}
@media screen and (max-width: 991px) {
  .add-nft .scale .ball {
    left: 435px;
  }
}
@media screen and (max-width: 767px) {
  .add-nft .scale .ball {
    left: 360px;
  }
}
@media screen and (max-width: 767px) {
  .add-nft .scale .ball {
    left: 360px;
  }
}
@media screen and (max-width: 500px) {
  .add-nft .scale .ball {
    left: inherit;
    right: 5%;
  }
}
.add-nft .scale .side {
  position: relative;
  display: flex;
}
.add-nft .scale .side.side_5 {
  display: none;
}
.add-nft .smoke-blc {
  width: auto;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
}
.add-nft .smoke-blc .side {
  position: relative;
  display: flex;
}
.add-nft .smoke-blc .side.side_5 {
  display: none;
}

.side .play-video {
  display: none !important;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  width: 100px;
  height: 100px;
  cursor: pointer;
  transition: opacity linear 0.2s;
  opacity: 0;
}
.side .play-video svg {
  display: block;
  height: 100%;
  width: 100%;
  pointer-events: none;
}
.side .play-video svg g.pause {
  display: none;
}
.side .play-video.pause svg g.play {
  display: none;
}
.side .play-video.pause svg g.pause {
  display: block;
}
.side .video:hover .play-video {
  opacity: 1;
}

.page-template-add-nft .popup-content .scale[data-sides="5"][data-step="1"] > .side_1 {
  display: flex;
}
.page-template-add-nft .popup-content .scale[data-sides="5"][data-step="1"] > .side_5 {
  display: none !important;
}
.page-template-add-nft .popup-content .scale[data-sides="5"][data-step="2"] > .side_5 {
  display: flex;
}
.page-template-add-nft .popup-content .scale[data-sides="5"][data-step="3"] > .side_2 {
  display: flex;
}
.page-template-add-nft .popup-content .scale[data-sides="5"][data-step="3"] > .side_5 {
  display: none !important;
}
.page-template-add-nft .popup-content .scale[data-sides="5"][data-step="4"] > .side_3 {
  display: flex;
}
.page-template-add-nft .popup-content .scale[data-sides="5"][data-step="4"] > .side_5 {
  display: none !important;
}
.page-template-add-nft .popup-content .scale[data-sides="5"][data-step="5"] > .side_4 {
  display: flex;
}
.page-template-add-nft .popup-content .scale[data-sides="5"][data-step="5"] > .side_5 {
  display: none !important;
}

.donate-view {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.switch {
  position: relative;
  width: 130px;
  height: 46px;
  border-radius: 23px;
  background: linear-gradient(to bottom, #d1d1d1 0%, #fefbf7 100%);
}

.switch:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 124px;
  height: 40px;
  z-index: 2;
  border-radius: 20px;
  background: linear-gradient(to bottom, #a5a5a5 0%, #e8d7be 100%);
}

.checkbox {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 120px;
  height: 36px;
  z-index: 3;
  border-radius: 18px;
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.4), inset 0 -3px 6px rgba(0, 0, 0, 0.15);
  background: linear-gradient(to bottom, #9E9E9E 0%, #9E9E9E 67%, #b5aea9 100%);
}

.checkbox:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 36px;
  z-index: 4;
  border-radius: 18px 0 0 18px;
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.4), inset 0 -3px 6px rgba(0, 0, 0, 0.15);
  background: linear-gradient(to right, #518EFF 35%, #B725FF 88%);
}

.control {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 72px;
  height: 42px;
  z-index: 4;
  border-radius: 21px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: linear-gradient(to bottom, #efefef 32%, #bcb9b8 100%);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), 0 3px 9px rgba(0, 0, 0, 0.5), inset 0 1px 0 #fafafa, inset 0 -1px 0 #ada39d;
  transition: all 0.2s ease-in-out;
}

.control:checked {
  left: 56px;
}

.control:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 8px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: linear-gradient(to bottom, #c2c0be 0%, #d7d7d7 72%);
}