@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;700&display=swap);


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}a {
  -webkit-text-decoration: none;
  text-decoration: none;
}html {
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
  height: 100%;
}body {
  width: 100%;
  height: 100%;

  overflow-x: hidden;

  font-size: 1.375rem; /* TODO: think about of it... */

  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: transparent;
  
  background-color: #ffffff;
  transition: background-color 0.6s ease;
}body[data-resetting] {
    transition: none !important;
  }#nav-icon3 {
  display: none;
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}@media (max-width: 1200px) {#nav-icon3 {
    display: none
}
  }@media (max-width: 840px) {#nav-icon3 {
    display: block
}
  }@media (max-width: 450px) {#nav-icon3 {
    display: block
}
  }@media (max-height: 500px) {#nav-icon3 {
    display: block
}
  }#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  margin-top: 7px;
  width: 70%;
  background: #000000;
  border-radius: 90px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}#nav-icon3 span:nth-child(1) {
  top: 0px;
}#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 7px;
}#nav-icon3 span:nth-child(4) {
  top: 14px;
}#nav-icon3.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}#nav-icon3.open span:nth-child(2) {
  transform: rotate(45deg);
}#nav-icon3.open span:nth-child(3) {
  transform: rotate(-45deg);
}#nav-icon3.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}h1 {
  font-size: 5rem;
  line-height: 5rem;
  letter-spacing: 0;
  font-weight: 700;
}h2 {
  font-size: 3.125rem;
  line-height: 3.125rem;
  letter-spacing: 0;
  font-weight: 700;
}h3 {
  font-size: 1.5rem;
  line-height: 1.8125rem;
  letter-spacing: 0;
  font-weight: 700;
}p {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}.menu-label {
  font-size: 1.125rem;
  line-height: 1.375rem;
}.button-label {
  font-size: 1.25rem;
  line-height: 1.5rem;
}/* Стиль и размер кнопок *//* colors *//* /colors *//* Изменение настроек сетки *//* Точки адаптива *//* Сокращения
Пример использования:

@media (--mobile) {}
@media (--tablet) {}
*/.mt-10 { margin-top: 10px !important; }.mb-10 { margin-bottom: 10px !important; }.ml-10 { margin-left: 10px !important; }.mr-10 { margin-right: 10px !important; }.mv-10 {
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }.mh-10 {
      margin-left: 10px !important;
      margin-right: 10px !important;
    }.pt-10 { padding-top: 10px !important; }.pb-10 { padding-bottom: 10px !important; }.pl-10 { padding-left: 10px !important; }.pr-10 { padding-right: 10px !important; }.pv-10 {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
    }.ph-10 {
      padding-left: 10px !important;
      padding-right: 10px !important;
    }.mt-20 { margin-top: 20px !important; }.mb-20 { margin-bottom: 20px !important; }.ml-20 { margin-left: 20px !important; }.mr-20 { margin-right: 20px !important; }.mv-20 {
      margin-top: 20px !important;
      margin-bottom: 20px !important;
    }.mh-20 {
      margin-left: 20px !important;
      margin-right: 20px !important;
    }.pt-20 { padding-top: 20px !important; }.pb-20 { padding-bottom: 20px !important; }.pl-20 { padding-left: 20px !important; }.pr-20 { padding-right: 20px !important; }.pv-20 {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }.ph-20 {
      padding-left: 20px !important;
      padding-right: 20px !important;
    }.mt-30 { margin-top: 30px !important; }.mb-30 { margin-bottom: 30px !important; }.ml-30 { margin-left: 30px !important; }.mr-30 { margin-right: 30px !important; }.mv-30 {
      margin-top: 30px !important;
      margin-bottom: 30px !important;
    }.mh-30 {
      margin-left: 30px !important;
      margin-right: 30px !important;
    }.pt-30 { padding-top: 30px !important; }.pb-30 { padding-bottom: 30px !important; }.pl-30 { padding-left: 30px !important; }.pr-30 { padding-right: 30px !important; }.pv-30 {
      padding-top: 30px !important;
      padding-bottom: 30px !important;
    }.ph-30 {
      padding-left: 30px !important;
      padding-right: 30px !important;
    }.mt-40 { margin-top: 40px !important; }.mb-40 { margin-bottom: 40px !important; }.ml-40 { margin-left: 40px !important; }.mr-40 { margin-right: 40px !important; }.mv-40 {
      margin-top: 40px !important;
      margin-bottom: 40px !important;
    }.mh-40 {
      margin-left: 40px !important;
      margin-right: 40px !important;
    }.pt-40 { padding-top: 40px !important; }.pb-40 { padding-bottom: 40px !important; }.pl-40 { padding-left: 40px !important; }.pr-40 { padding-right: 40px !important; }.pv-40 {
      padding-top: 40px !important;
      padding-bottom: 40px !important;
    }.ph-40 {
      padding-left: 40px !important;
      padding-right: 40px !important;
    }.mt-50 { margin-top: 50px !important; }.mb-50 { margin-bottom: 50px !important; }.ml-50 { margin-left: 50px !important; }.mr-50 { margin-right: 50px !important; }.mv-50 {
      margin-top: 50px !important;
      margin-bottom: 50px !important;
    }.mh-50 {
      margin-left: 50px !important;
      margin-right: 50px !important;
    }.pt-50 { padding-top: 50px !important; }.pb-50 { padding-bottom: 50px !important; }.pl-50 { padding-left: 50px !important; }.pr-50 { padding-right: 50px !important; }.pv-50 {
      padding-top: 50px !important;
      padding-bottom: 50px !important;
    }.ph-50 {
      padding-left: 50px !important;
      padding-right: 50px !important;
    }.mt-60 { margin-top: 60px !important; }.mb-60 { margin-bottom: 60px !important; }.ml-60 { margin-left: 60px !important; }.mr-60 { margin-right: 60px !important; }.mv-60 {
      margin-top: 60px !important;
      margin-bottom: 60px !important;
    }.mh-60 {
      margin-left: 60px !important;
      margin-right: 60px !important;
    }.pt-60 { padding-top: 60px !important; }.pb-60 { padding-bottom: 60px !important; }.pl-60 { padding-left: 60px !important; }.pr-60 { padding-right: 60px !important; }.pv-60 {
      padding-top: 60px !important;
      padding-bottom: 60px !important;
    }.ph-60 {
      padding-left: 60px !important;
      padding-right: 60px !important;
    }.mt-70 { margin-top: 70px !important; }.mb-70 { margin-bottom: 70px !important; }.ml-70 { margin-left: 70px !important; }.mr-70 { margin-right: 70px !important; }.mv-70 {
      margin-top: 70px !important;
      margin-bottom: 70px !important;
    }.mh-70 {
      margin-left: 70px !important;
      margin-right: 70px !important;
    }.pt-70 { padding-top: 70px !important; }.pb-70 { padding-bottom: 70px !important; }.pl-70 { padding-left: 70px !important; }.pr-70 { padding-right: 70px !important; }.pv-70 {
      padding-top: 70px !important;
      padding-bottom: 70px !important;
    }.ph-70 {
      padding-left: 70px !important;
      padding-right: 70px !important;
    }.mt-80 { margin-top: 80px !important; }.mb-80 { margin-bottom: 80px !important; }.ml-80 { margin-left: 80px !important; }.mr-80 { margin-right: 80px !important; }.mv-80 {
      margin-top: 80px !important;
      margin-bottom: 80px !important;
    }.mh-80 {
      margin-left: 80px !important;
      margin-right: 80px !important;
    }.pt-80 { padding-top: 80px !important; }.pb-80 { padding-bottom: 80px !important; }.pl-80 { padding-left: 80px !important; }.pr-80 { padding-right: 80px !important; }.pv-80 {
      padding-top: 80px !important;
      padding-bottom: 80px !important;
    }.ph-80 {
      padding-left: 80px !important;
      padding-right: 80px !important;
    }.mt-90 { margin-top: 90px !important; }.mb-90 { margin-bottom: 90px !important; }.ml-90 { margin-left: 90px !important; }.mr-90 { margin-right: 90px !important; }.mv-90 {
      margin-top: 90px !important;
      margin-bottom: 90px !important;
    }.mh-90 {
      margin-left: 90px !important;
      margin-right: 90px !important;
    }.pt-90 { padding-top: 90px !important; }.pb-90 { padding-bottom: 90px !important; }.pl-90 { padding-left: 90px !important; }.pr-90 { padding-right: 90px !important; }.pv-90 {
      padding-top: 90px !important;
      padding-bottom: 90px !important;
    }.ph-90 {
      padding-left: 90px !important;
      padding-right: 90px !important;
    }.mt-100 { margin-top: 100px !important; }.mb-100 { margin-bottom: 100px !important; }.ml-100 { margin-left: 100px !important; }.mr-100 { margin-right: 100px !important; }.mv-100 {
      margin-top: 100px !important;
      margin-bottom: 100px !important;
    }.mh-100 {
      margin-left: 100px !important;
      margin-right: 100px !important;
    }.pt-100 { padding-top: 100px !important; }.pb-100 { padding-bottom: 100px !important; }.pl-100 { padding-left: 100px !important; }.pr-100 { padding-right: 100px !important; }.pv-100 {
      padding-top: 100px !important;
      padding-bottom: 100px !important;
    }.ph-100 {
      padding-left: 100px !important;
      padding-right: 100px !important;
    }/* sections */.header {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 100;
  padding: 0px 15px;
}.header .menu-container {
      -js-display: flex;
      display: flex;
      align-items: center;
      padding: 20px 50px 20px 30px;
      background: white;
      border-radius: 15px;
      box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
  }@media (max-width: 450px) {
        .header .menu-container.menu_open {
          padding: 0;
          border-radius: 0;
          box-shadow: none;
        }
      }@media (max-width: 1200px) {.header .menu-container {
      padding: 15px 25px
  }
    }@media (max-width: 840px) {.header .menu-container {
      padding: 12px 20px
  }
    }@media (max-width: 450px) {.header .menu-container {
      padding: 10px 0px 10px 20px
  }
      
      .header .menu-container.menu_open {
        padding: 0;
      }
    }.header .menu-container .logo {
      z-index: 11;
    }.header .menu-container .logo a svg {
          display: block;
          border: 0 !important;
          transform-origin: center left;
        }@media (max-width: 450px) {
          .header .menu-container .logo a svg {
            transform-origin: center right;
            width: 70px;
            height: 30px;
          }
      }.header .menu-container .menu {
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
    }.header .menu-container .menu ul {
        -js-display: flex;
        display: flex;
        -moz-column-gap: 8px;
             column-gap: 8px;
      }@media (max-width: 1200px) {.header .menu-container .menu ul {
          -moz-column-gap: 6px;
               column-gap: 6px
      }
        }.header .menu-container .menu ul li {
          list-style: none;
        }.header .menu-container .menu ul li a {
  font-size: 1.125rem;
  line-height: 1.375rem;
            color: #2C3341;
            padding: 10px 20px;
            border-radius: 12px;
            display: block;
            transition: 0.3s ease;
            font-weight: 500;
          }.header .menu-container .menu ul li a:hover {
              background-color: #EEF3F8;
              transform: translateY(-1px);
            }@media (max-width: 840px), (max-height: 500px) {
        .header .menu-container .menu ul {
          position: absolute;
          width: 100%;
          height: 100vh;
          background: white;
          opacity: 0;
          visibility: hidden;
          transition: all 200ms ease;
          top: 0;
          left: 0;
          z-index: 10;

          flex-direction: column;
          align-items: center;
          justify-content: center;
          row-gap: 20px;
          -moz-column-gap: 0;
               column-gap: 0;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
          overscroll-behavior: contain;
        }
            .header .menu-container .menu ul li a {
  font-size: 1.5rem;
  line-height: 1.8125rem;
  letter-spacing: 0;
  font-weight: 700;
              padding: 15px 40px;
            }
          .header .menu-container .menu_open ul {
            opacity: 1;
            visibility: visible;
          }
      }@media (max-height: 500px) {
        .header .menu-container .menu ul {
          row-gap: 15px;
        }
      }.header .menu-container .menu_btn {
        display: none;
      }@media (max-width: 840px), (max-height: 500px) {.header .menu-container .menu_btn {
          display: block;
          z-index: 11;
          padding: 0 15px
      }
        }@media (max-width: 840px), (max-height: 500px) {
        .header .menu-container .menu ul {
          position: fixed;
          width: 100vw;
          height: 100vh;
          background: white;
          opacity: 0;
          visibility: hidden;
          transition: all 200ms ease;
          top: 0;
          left: 0;
          z-index: 10;
          margin: 0;
          padding: 0;

          flex-direction: column;
          align-items: center;
          justify-content: center;
          row-gap: 20px;
          -moz-column-gap: 0;
               column-gap: 0;
          overflow-y: auto;
          -webkit-overflow-scrolling: touch;
          overscroll-behavior: contain;
        }
        
        .header .menu-container .menu.menu_open ul {
          opacity: 1;
          visibility: visible;
        }
      }@media (max-width: 840px) {@media (max-color:2147477350) and (orientation: landscape) {
        .header .menu-container .menu ul {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-template-rows: auto auto;
          padding: 80px;
          align-items: center;
          justify-items: center;
        }

          .header .menu-container .menu ul li {
            width: 100%;
            text-align: center;
          }

            .header .menu-container .menu ul li:first-child,
            .header .menu-container .menu ul li:nth-child(3) {
              justify-self: end;
            }

            .header .menu-container .menu ul li:nth-child(2),
            .header .menu-container .menu ul li:last-child {
              justify-self: start;
            }

        .header .menu-container .menu.menu_open ul {
          opacity: 1;
          visibility: visible;
        }
      }
      }@media not all and (max-width: 840px) {@media (color:2147477350) and (orientation: landscape) {
        .header .menu-container .menu ul {
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-template-rows: auto auto;
          padding: 80px;
          align-items: center;
          justify-items: center;
        }

          .header .menu-container .menu ul li {
            width: 100%;
            text-align: center;
          }

            .header .menu-container .menu ul li:first-child,
            .header .menu-container .menu ul li:nth-child(3) {
              justify-self: end;
            }

            .header .menu-container .menu ul li:nth-child(2),
            .header .menu-container .menu ul li:last-child {
              justify-self: start;
            }

        .header .menu-container .menu.menu_open ul {
          opacity: 1;
          visibility: visible;
        }
      }
      }.header .header__burger {
    position: absolute;
    right: 0;
  }.intro {
  background-color: #4A135E;
  background-color: var(--intro-bg-color, #4A135E);
  height: 1200px;
  overflow: hidden;
  padding: 120px 15px;
  z-index: 10;
}@media (max-width: 1200px) {.intro {
    height: 1250px
}
  }@media (max-width: 840px) {.intro {
    margin-top: -100px;
    padding: 100px 15px 60px;
    height: 1550px
}
  }@media (max-width: 450px) {.intro {
    padding: 100px 15px;
    height: 1600px
}
  }.intro-slider {
  -js-display: flex;
  display: flex;
  max-width: 1250px;
  margin: 0 auto;
  gap: 50px;
}.intro-slider__track {
    position: relative;
    max-width: 1250px;
    width: 100%;
  }.intro-slide {
  position: relative;
  -js-display: flex;
  display: flex;
  transition: opacity 0.5s ease;
  width: 100%;
  margin-top: 25px;
}.intro-slide__background {
    position: absolute;
    top: 50%;
    left: 19.5%;
    transform: translate(-50%, -50%);
    z-index: 0;
    pointer-events: none;
    width: max(1900px, min(150vw, 2900px));
  }.intro-slide__background img {
      width: max(1900px, min(150vw, 2900px));
      height: auto;
      display: block;
    }@media (max-width: 840px) {.intro-slide__background {
      left: 47%;
      top: 30%
  }
    }.intro-slide__background::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #4A135E;
      background-color: var(--game-color, #4A135E);
      mix-blend-mode: hard-light;
      pointer-events: none;
    }.intro-slide__background::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: max(600px, min(120vw, 1000px));
      height: max(600px, min(120vw, 1000px));
      background: radial-gradient(closest-side, #4A135E, #4A135E, #4A135E, transparent);
      background: radial-gradient(closest-side, var(--game-color-80, #4A135E), var(--game-color-80, #4A135E), var(--game-color-80, #4A135E), transparent);
      mix-blend-mode: screen;
      pointer-events: none;
      z-index: 1;
    }.intro-slide__content {
    -js-display: flex;
    display: flex;
    width: 100%;
    height: 500px;
    z-index: 1;
  }@media (max-width: 1200px) {.intro-slide__content {
      height: 600px
  }
    }@media (max-width: 840px) {.intro-slide__content {
      flex-direction: column;
      height: 1000px;
      gap: 40px;
      align-items: center
  }
    }.intro-slide__left-side {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
  }@media (max-width: 840px) {.intro-slide__left-side {
      width: 100%
  }
    }.intro-slide__character {
    position: absolute;
    top: 54%;
    left: 23%;
    transform: translate(-50%, -50%);
    width: max(355px, min(32vw, 570px));
    pointer-events: none;
  }@media (max-width: 840px) {.intro-slide__character {
      left: 50%;
      top:32%
  }
    }@media (max-width: 450px) {.intro-slide__character {
      left: 54%;
      top:32%
  }
    }.intro-slide__character-image {
    width: 100%;
    height: auto;
    z-index: 1;
    pointer-events: auto;
  }.intro-slide__info {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    gap: 25px;
    width: 50%;
    height: 100%;
  }@media (max-width: 840px) {.intro-slide__info {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 50%;
      padding-top: 0;
      text-align: center;
      gap: 30px
  }
    }.intro-slide__badge {
    display: none;
    align-items: center;
    justify-content: center;
    background: url(/4df55d5a91b8834dd728.svg) no-repeat center;
    background-size: 110px 27px;
    color: white;
    padding: 0;
    font-size: 0.875rem;
    min-width: 110px;
    min-height: 27px;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.03125rem;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-self: flex-start;
  }.intro-slide__badge.is-visible {
      -js-display: flex;
      -js-display: flex;
      display: flex;
    }@media (max-width: 840px) {.intro-slide__badge {
      position: absolute;
      top: -82%;
      left: 50%;
      transform: translateX(-50%);
      align-self: center
  }
    }.intro-slide__title {
    font-size: 5rem;
    font-weight: 500;
    line-height: 5rem;
    color: white;
    margin: 0;
    white-space: pre;
  }@media (max-width: 840px) {.intro-slide__title {
      font-size: 3.125rem;
      margin-top: 70px;
      line-height: 2.8125rem
  }
    }@media (max-width: 450px) {.intro-slide__title {
      font-size: 3.125rem;
      margin-top: 30px;
      line-height: 2.8125rem
  }
    }.intro-slide__description {
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
  }.intro-slide__stats {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
  }@media (max-width: 450px) {.intro-slide__stats {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-template-rows: auto auto;
      grid-gap: 20px;
      gap: 20px;
      white-space: nowrap
  }
      
      .intro-slide__stats .intro-slide__stat:nth-child(3) {
        flex-basis: 100%;
      }
    }.intro-slide__stat {
    -js-display: flex;
    display: flex;
    flex-direction: column;
  }.intro-slide__stat:nth-child(3) {
      margin-right: 60px;
    }@media (max-width: 450px) {
      .intro-slide__stat:nth-child(3) {
        grid-column: 1 / -1;
      }
      .intro-slide__stat:nth-child(1) {
        width: 150px;
      }
    }.intro-slide__stat-label {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1.5rem;
    font-weight: 400;
  }@media (max-width: 840px) {.intro-slide__stat-label {
      align-self: flex-start
  }
    }.intro-slide__stat-value {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: auto;
    height: 100%;
    -js-display: flex;
    display: flex;
    align-items: center;
    color: white;
  }@media (max-width: 1200px) {.intro-slide__stat-value {
      font-size: 1.375rem
  }
    }.intro-slide__stat-value--volatility {
      -js-display: flex;
      display: flex;
      gap: 6px;
      mix-blend-mode: overlay;
    }.intro-slide__stat-value--volatility svg:nth-child(n+4) path {
          fill: rgba(255, 255, 255, 0.2);
        }.intro-slide__stat-value--volatility img.volatility-bar--inactive {
          opacity: 0.3;
          filter: grayscale(100%);
        }.volatility-diamond {
  width: 16px;
  height: 16px;
  background: #FFCC00;
  transform: rotate(45deg);
  border-radius: 2px;
}.intro-slide__nav-wrapper {
  -js-display: flex;
  display: flex;
  align-self: flex-start;
  position: absolute;
  bottom: 0;
  z-index: 1;
  align-items: center;
  width: 50%;
}@media (max-width: 1200px) {.intro-slide__nav-wrapper {
    bottom: 12%;
    gap: 20px
}
  }@media (max-width: 840px) {.intro-slide__nav-wrapper {
    position: absolute;
    top: 50%;
    gap: 20px;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    will-change: transform;
    backface-visibility: hidden
}
  }@media (max-width: 450px) {.intro-slide__nav-wrapper {
    gap: 20px;
    margin-top: -40px;
    width: 100%;
    justify-content: center;
    align-items: center
}
  }.intro-slider__nav {
  -js-display: flex;
  display: flex;
  align-items: center;
  gap: 10px;
}@media (max-width: 840px) {.intro-slider__nav {
    width: 100%;
    justify-content: space-between
}
  }@media (max-width: 450px) {.intro-slider__nav {
    position: relative;
    width: 100%;
    justify-content: space-between
}
  }.intro-slide__buttons {
  -js-display: flex;
  display: flex;
  width: 100%;
  justify-content: space-between;
}@media (max-width: 1200px) {.intro-slide__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 20px;
    gap: 20px
}
    
    .intro-slide__buttons .intro-btn--play {
      grid-column: 1 / -1;
      justify-self: center;
      width: 100%;
    }
  }@media (max-width: 840px) {.intro-slide__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 20px;
    gap: 20px;
    width: 100%
}

    .intro-slide__buttons .intro-btn--play {
      grid-column: 1 / -1;
      justify-self: center;
      width: 100%;
    }
  }.intro-btn {
  height: 60px;
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  border: none;
  padding: 0 42px;
  font-size: 1.125rem;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.03125rem;
  white-space: nowrap;
  flex-shrink: 0;
}@media (max-width: 1200px) {.intro-btn {
    padding: 0
}
  }@media (max-width: 450px) {.intro-btn {
    white-space: normal;
    min-width: 10px;
    flex-shrink: 1
}
  }.intro-btn--info {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }.intro-btn--info:hover {
      background: white;
      border-color: white;
      color: #2C3341;
    }.intro-btn--promo {
    background: rgba(255, 255, 255, 0.2);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }.intro-btn--promo:hover {
      background: white;  
      border-color: white;
      color: #2C3341;
    }.intro-btn--play {
    background: #FFCC00;
    color: #2C3341;
  }.intro-btn--play:hover {
      background: white;
    }.intro-slider__arrow {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  flex-shrink: 0;
}.intro-slider__arrow svg {
    width: 10px;
    height: 15px;
  }.intro-slider__arrow svg path {
      stroke: #FFCC00;
    }.intro-slider__arrow:hover path {
    stroke: #612194;
  }.intro-slider__arrow:hover {
    background: white;
  }.intro-slider__arrow--prev svg {
      margin-right: 2px;
    }.intro-slider__arrow--next svg {
      margin-left: 2px;
    }.intro-slider__dots {
  position: absolute;
  right: 20%;
  -js-display: flex;
  display: flex;
  gap: 8px;
  padding: 0 10px;
}@media (max-width: 840px) {.intro-slider__dots {
    left: 45%;
    width: 140px;
    transform: translateX(-50%)
}
  }@media (max-width: 450px) {.intro-slider__dots {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0 6px;
    gap: 6px;
    z-index: 2
}
  }.intro-slider__dot {
  width: 10px;
  height: 10px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: all 0.3s ease;
  flex-shrink: 0;
}.intro-slider__dot:hover {
    background: rgba(255, 255, 255, 0.5);
  }.intro-slider__dot--active {
    background: #FFCC00;
    width: 32px;
    height: 10px;
    border-radius: 4px;
  }.games-preview {
  padding: 60px 0px;
  max-width: 1250px;
  margin: 0 auto;
}.games-preview__list {
    -js-display: flex;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    z-index: 2;
  }@media (max-width: 840px) {.games-preview__list {
      margin-top: -30px;
      flex-wrap: nowrap;
      gap: 20px
  }
    }@media (max-width: 450px) {.games-preview__list {
      margin-top: 20px;
      flex-wrap: nowrap;
      gap: 15px;
      width: 100%
  }
    }.games-preview__item {
    width: 218px;
    height: 260px;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    transition: transform 200ms;
  }@media (max-width: 840px) {
      .games-preview__item:nth-child(n+4) {
        display: none;
      }
    }@media (max-width: 450px) {.games-preview__item {
      flex: 1 1 calc(50% - 7.5px);
      min-width: 0;
      height: auto;
      aspect-ratio: 0.8
  }
      .games-preview__item:nth-child(n+3) {
        display: none;
      }
    }.games-preview__item::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      border-radius: 20px 20px 20px 20px;
      z-index: 0;
      transition: box-shadow 200ms;
    }.games-preview__item:hover {
      transform: translateY(-10px);
    }.games-preview__item:hover::before {
        box-shadow: -8px 8px 20px rgba(0, 0, 0, 0.3), 8px 8px 20px rgba(0, 0, 0, 0.3), 0 8px 20px rgba(0, 0, 0, 0.3);
      }.games-preview__item > h4 {
      position: absolute;
      bottom: 20px;
      z-index: 2;
      text-align: center;
      text-transform: uppercase;
      color: white;
      font-size: 1.5625rem;
      font-weight: 600;
      line-height: 1.375rem;
      white-space: pre;
    }.games-preview__item > .image {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
    }.games-preview__item > .image > img {
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
      }.games-preview__item::before {
      background-color: #0957d5;
      background-color: var(--game-color, #0957d5);
    }.games-preview__button {
    -js-display: flex;
    display: flex;
    justify-content: center;
    padding-top: 70px;
    position: relative;
  }.games-preview__button .btn {
      height: 60px;
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      border: none;
      padding: 0 32px;
      min-width: 150px;
      width: 230px;
      font-size: 1.125rem;
      font-weight: 500;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.03125rem;
      white-space: nowrap;
      flex-shrink: 0;
      background-color: rgba(255, 255, 255, 0.2);
      color: white;
      border: 1px solid rgba(255, 255, 255, 0.2);
    }.games-preview__button .btn:hover {
        background: white;
        color: black
      }@media (max-width: 450px) {.games-preview__button .btn {
        width: 100%
    }
      }@media (max-width: 840px) {.games-preview__button {
      padding-top: 30px
  }
    }.character {
  margin-top: -90px;
  margin-bottom: -180px;
}@media (max-width: 1200px) {.character {
    margin-top: -60px;
    margin-bottom: -80px
}
  }@media (max-width: 840px) {.character {
    margin-bottom: 10px
}
  }@media(max-width: 450px) {.character {
    margin-top: -30px
}
  }.character .container {
    padding: 0 15px;
  }.character__load-more-btn-wrapper{
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }.character__load-more-btn {
    margin-top: -260px;
    cursor: pointer;
    -js-display: flex !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    border: none;
    background-color: #FFCC00;
    color: #2C3341;
    padding: 0 !important;
    height: 60px;
    width: 230px;
    border-radius: 50px;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: none;
    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    touch-action: manipulation;
    -webkit-appearance: none;
    outline: none;
  }@media (max-width: 1200px) {.character__load-more-btn {
      margin-top: 20px;
      margin-bottom: -5px
  }
    }@media (max-width: 840px) {.character__load-more-btn {
      margin-top: 20px;
      margin-bottom: -100px
  }
    }.character__load-more-btn:hover {
      background-color: #0092EF;
      color: white;
    }@media (max-width: 450px) {
      .character__load-more-btn:active,
      .character__load-more-btn.touch-active {
        background-color: #0092EF;
        color: white;
      }
    }.character__load-more-btn.is-hidden {
      visibility: hidden !important;
      -js-display: flex !important;
      display: flex !important;
    }@media (max-width: 840px) {.character {
    margin-bottom: 10px
}
  }.character .container {
    padding: 0 15px;
  }.character__load-more-btn-wrapper{
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }.character__load-more-btn {
    margin-top: -260px;
    cursor: pointer;
    -js-display: flex !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    border: none;
    background-color: #FFCC00;
    color: #2C3341;
    padding: 0 !important;
    height: 60px;
    width: 230px;
    border-radius: 50px;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: none;
    box-sizing: border-box;

    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
    touch-action: manipulation;
    -webkit-appearance: none;
    outline: none;
  }@media (max-width: 1200px) {.character__load-more-btn {
      margin-top: 20px;
      margin-bottom: -5px
  }
    }@media (max-width: 840px) {.character__load-more-btn {
      margin-top: 20px;
      margin-bottom: -100px
  }
    }.character__load-more-btn:hover {
      background-color: #0092EF;
      color: white;
    }@media (max-width: 450px) {
      .character__load-more-btn:active,
      .character__load-more-btn.touch-active {
        background-color: #0092EF;
        color: white;
      }
    }.character__load-more-btn.is-hidden {
      visibility: hidden !important;
      -js-display: flex !important;
      display: flex !important;
    }.character .character-background-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-60%) translateX(-90%);
  }@media (max-width: 840px) {.character .character-background-wrapper {
      transform: translateY(-67%) translateX(-50%);
      width: 100%;
      padding: 0 15px;
      -js-display: flex;
      -js-display: flex;
      display: flex;
      justify-content: center
  }
    }.character .character-background-wrapper img {
      height: 620px;
    }@media (max-width: 840px) {.character .character-background-wrapper img {
        height: auto;
        max-height: 460px;
        flex-basis: content;
        max-width: 100%
    }
      }@media (orientation: landscape) {.character .character-background-wrapper img {
        width: auto;
        width: initial
    }
      }.character__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    gap: 30px;
  }@media (max-width: 1200px) {.character__list {
      gap: 25px
  }
    }@media (max-width: 840px) {.character__list {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px
  }
    }.character__item {
    --character-card-color: #1D082E;
    height: 370px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    cursor: pointer;
    -js-display: flex;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    transform: scale(1);
  }.character__item.is-hidden {
      display: none !important;
    }.character__item::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 1;
      background: url(/00d82acdf9d4df054957.webp) no-repeat center;
      background-size: 300%;
      mix-blend-mode: overlay;
      border-radius: 20px;
      transition: background-size 300ms ease-in-out;
      z-index: 1;
    }.character__item::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #1D082E;
      border-radius: 20px;
      opacity: 0;
      z-index: 8;
      pointer-events: none;
      transition: opacity 300ms ease-in-out;
      will-change: opacity;
    }.character__item:hover::before {
      background-size: 400%;
    }.character__item:hover::after {
      opacity: 0.9 !important;
    }.character__item::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #1D082E;
      border-radius: 20px;
      opacity: 0;
      z-index: 8;
      pointer-events: none;
      transition: opacity 300ms ease-in-out;
      will-change: opacity;
    }.character__item:hover::before {
      background-size: 400%;
    }.character__item:hover::after {
      opacity: 0.9 !important;
    }@media (max-width: 1200px) {.character__item {
      flex-basis: calc(50% - 12.5px)
  }
    }@media (max-width: 600px) {.character__item {
      flex-basis: calc(50% - 8px);
      height: auto;
      aspect-ratio: 0.8
  }
    }.character__item:nth-child(3n+2) {
      transform: translateY(185px) scale(1);
    }@media (max-width: 1200px) {.character__item:nth-child(3n+2) {
        transform: none;
        transform: initial
    }
      }.character__item:nth-child(3n+3) {
      transform: translateY(400px) scale(1);
    }@media (max-width: 1200px) {.character__item:nth-child(3n+3) {
        transform: none;
        transform: initial
    }
      }.character__list--no-masonry .character__item,
      .character__list--no-masonry .character__item:nth-child(1),
      .character__list--no-masonry .character__item:nth-child(2),
      .character__list--no-masonry .character__item:nth-child(3),
      .character__list--no-masonry .character__item:nth-child(3n+1),
      .character__list--no-masonry .character__item:nth-child(3n+2),
      .character__list--no-masonry .character__item:nth-child(3n+3),
      .character__list--no-masonry .character__item:nth-child(2n),
      .character__list--no-masonry .character__item:nth-child(2n+1) {
        transform: scale(1) !important;
      }@media (max-width: 600px) {
      .character__item:hover > .character__hover {
        opacity: 0 !important;
        pointer-events: none !important;
      }

      .character__item:hover::before {
        background-size: 300% !important;
        transition: none !important;
      }

      .character__item:hover::after {
        opacity: 0 !important;
        transition: none !important;
      }

      .character__item::before {
        transition: none !important;
      }

      .character__item::after {
        transition: none !important;
      }
    }@media (max-width: 450px) {
      .character__item:nth-child(2n) {
        transform: none !important;
        transform: initial !important;
      }

        .character__item:nth-child(2n):hover {
          transform: none !important;
          transform: initial !important;
        }
    }@media (max-width: 600px) {.character__item {
      transform: none !important;
      transform: initial !important
  }

      .character__item:nth-child(2n),
      .character__item:nth-child(2n+1) {
        transform: none !important;
        transform: initial !important;
      }

        .character__item:nth-child(2n):hover, .character__item:nth-child(2n+1):hover {
          transform: none !important;
          transform: initial !important;
        }
    }.character__item > h4 {
  font-size: 3.125rem;
  line-height: 2.8125rem;
  font-weight: 700;
      position: absolute;
      bottom: 20px;
      z-index: 10;
      text-align: center;
      text-transform: uppercase;
      white-space: pre;
    }@media (max-width: 1200px) {.character__item > h4 {
  font-size: 2.1875rem;
  line-height: 2rem;
  font-weight: 700
    }}@media (max-width: 450px) {.character__item > h4 {
        font-size: 1.5625rem;
        line-height: 1.5625rem;
        font-weight: 700
    }
      }.character__item > .new {
      -js-display: flex;
      display: flex;
      position: absolute;
      left: -10px;
      top: 20px;
      width: 100%;
      height: 100%;
      background: url(/4df55d5a91b8834dd728.svg) no-repeat;
      color: #fff;
      line-height: 1.625rem;
      text-align: center;
      font-size: 0.625rem;
      text-transform: uppercase;
      z-index: 20;
    }.character__item > .new span {
        -js-display: flex;
        display: flex;
        font-size: 0.875rem;
        font-weight: 500;
        line-height: 1.5rem;
        margin-top: 2px;
        margin-left: 25px;
      }.character__item > .preview {
      position: absolute;
      right: 0;
      top: 40px;
      width: 90px;
      height: 25px;
      background: url(/376536621694613b63dd.svg) no-repeat;
      background-size: contain;
      color: #fff;
      line-height: 1.625rem;
      text-align: center;
      font-size: 0.625rem;
      text-transform: uppercase;
      z-index: 20;
    }.character__item > .coming {
      position: absolute;
      right: 0;
      top: 40px;
      width: 95px;
      height: 25px;
      background: url(/b81a0e2e61c3c9f5fe28.svg) no-repeat;
      background-size: contain;
      color: #fff;
      line-height: 1.625rem;
      text-align: center;
      font-size: 0.625rem;
      text-transform: uppercase;
      letter-spacing: 0.0125rem;
      padding-left: 4px;
      z-index: 20;
    }.character__item > .image {
      display: block;
      position: relative;
      width: 110%;
      z-index: 6 !important;
      height: 100%;
    }.character__item > .image > img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%;
        max-height: 100%;
      }.character__item.fuzzywuzzy {
  background-color: #005470;
  --character-card-color: #005470;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.diamond {
  background-color: #57331A;
  --character-card-color: #57331A;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.creepydippy {
  background-color: #202C6C;
  --character-card-color: #202C6C;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.blueberry {
  background-color: #4B39A1;
  --character-card-color: #4B39A1;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.firesloth {
  background-color: #D00D40;
  --character-card-color: #D00D40;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.purplefox {
  background-color: #5D1A71;
  --character-card-color: #5D1A71;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.invaders {
  background-color: #453B7D;
  --character-card-color: #453B7D;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.zombies {
  background-color: #10504E;
  --character-card-color: #10504E;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.spacecollector {
  background-color: #006C53;
  --character-card-color: #006C53;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.supercity {
  background-color: #A52D27;
  --character-card-color: #A52D27;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.facecontrol {
  background-color: rgba(123,32,75,0.85098);
  --character-card-color: rgba(123,32,75,0.85098);

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.luckycaptain {
  background-color: #0098AF;
  --character-card-color: #0098AF;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.bullfight {
  background-color: #A30312;
  --character-card-color: #A30312;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.pinkbeard {
  background-color: #3858AC;
  --character-card-color: #3858AC;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.scooterbiker {
  background-color: #ba2b5b;
  --character-card-color: #ba2b5b;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.insidethehat {
  background-color: #4f1b85;
  --character-card-color: #4f1b85;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.pumpkinpotion {
  background-color: #302464;
  --character-card-color: #302464;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.pinata {
  background-color: #1B80C7;
  --character-card-color: #1B80C7;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.xmas2024 {
  background-color: #05751F;
  --character-card-color: #05751F;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.sultan {
  background-color: #472b7f;
  --character-card-color: #472b7f;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.aztecmaiden {
  background-color: #184099;
  --character-card-color: #184099;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.bustanut {
  background-color: #302464;
  --character-card-color: #302464;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.indianamines {
  background-color: #57331A;
  --character-card-color: #57331A;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.romancoin {
  background-color: #be1a28;
  --character-card-color: #be1a28;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.slot3x3 {
  background-color: #184099;
  --character-card-color: #184099;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.chickenrun {
  background-color: #0E8149;
  --character-card-color: #0E8149;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.ronnyvsdonny {
  background-color: #0957d5;
  --character-card-color: #0957d5;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.laburun {
  background-color: #007962;
  --character-card-color: #007962;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item.zeusxmachina {
  background-color: #4A135E;
  --character-card-color: #4A135E;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none}.character__item > .character__hover {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin-top: -80px;
      -js-display: flex;
      display: flex;
      justify-content: center;
      flex-direction: column;
      opacity: 0;
      z-index: 20; 
      pointer-events: none;
      padding: 16px;
      text-align: center;
    }.character__item:hover > .character__hover {
      opacity: 1;
      pointer-events: auto;
      transition: opacity 200ms ease-in-out;
    }.character__item > .character__hover .character__hover-volatility {
      color: #fff;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5rem;
      letter-spacing: 0.01875rem;
      opacity: 0.95;
    }.character__item > .character__hover .character__hover-bars {
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 5px;
      margin-bottom: 5px;
    }.character__item > .character__hover .character__hover-bars img {
      width: 17px;
      height: auto;
      filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25));
    }.character__item > .character__hover .character__hover-bars img.volatility-bar--inactive {
        opacity: 0.3;
        filter: grayscale(100%) drop-shadow(0 2px 4px rgba(0,0,0,0.25));
      }.character__item > .character__hover .character__hover-actions {
      -js-display: flex;
      display: flex;
      gap: 12px;
      margin-top: 8px;
      flex-direction: column;
      align-items: center;
    }.character__item > .character__hover .character__btn {
      min-width: 130px;
      width: 270px;
      height: 60px;
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      font-size: 1.125rem;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.025rem;
      cursor: pointer;
      border: 1px solid rgba(255, 255, 255, 0.2);
      color: #fff;
      background: rgba(255, 255, 255, 0.2);
    }.character__item > .character__hover .character__btn:hover {
      background: #fff;
      color: #2C3341;
      border-color: #fff;
    }.character__item > .character__hover .character__btn--play {
      background: #FFCC00;
      color: #2C3341;
      border-color: none;
    }.character__item > .character__hover .character__btn--play:hover {
      background: white;
    }.character__no-results {
  -js-display: flex !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 80px 20px;
  margin-bottom: 100px;
  width: 100%;
  grid-column: 1 / -1;
  min-height: 400px;
  z-index: 1;
}.character__no-results-title {
    font-size: 3.125rem;
    font-weight: 500;
    color: #2C3341;
    margin-bottom: 20px;
    line-height: 3.125rem;
  }.character__no-results-message {
    font-size: 1.5rem;
    color: rgba(44,51,65,0.31373);
    max-width: 600px;
  }.character__item {
  position: relative;
  z-index: 5;
  isolation: isolate;
}.character__gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40%;
  pointer-events: none;
  z-index: 5; 
  opacity: 1;
  transition: background 120ms, opacity 120ms;
  background: linear-gradient(180deg, transparent 0%, #1D082E 100%);
  background: linear-gradient(180deg, transparent 0%, var(--character-card-color, #1D082E) 100%);
}.character__item:hover .character__gradient {
  z-index: 9; 
  opacity: 0.9;
}.sharing {
  background-color: #612194;
  width: 100%;
  overflow: visible;
  position: relative;
  padding: 0px 15px;
}.sharing .container {
    position: relative;
    z-index: 2;
  }.sharing .sharing-bg-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
  }.sharing .sharing-decorative-image {
    position: absolute;
    bottom: -60px;
    left: 36%;
    z-index: 20;
    pointer-events: none;
  }@media (max-width: 1200px) {.sharing .sharing-decorative-image {
      left: 32%
  }
    }.sharing .sharing-decorative-image .pinata-image {
      width: 200px;
      height: auto;
    }@media (max-width: 840px) {.sharing .sharing-decorative-image .pinata-image {
        opacity: 0
    }
      }.sharing .sharing-grid {
    display: grid;
    max-width: 1250px;
    margin: 0 auto;
    padding: 60px 0px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-gap: 30px;
    gap: 30px;
    grid-row-gap: 80px;
    row-gap: 80px;
  }@media (max-width: 840px) {.sharing .sharing-grid {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      gap: 0;
      row-gap: 0
  }
    }.sharing .sharing-block {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    position: relative;
  }.sharing .sharing-block--left-top {
      gap: 30px;
      width: 100%;
      justify-content: flex-start;
      align-items: flex-end;
      text-align: right;
      z-index: 2;
    }@media (max-width: 840px) {.sharing .sharing-block--left-top {
        order: 1;
        margin-bottom: -60px
    }
      }.sharing .sharing-block--left-top h1 {
        font-size: 3.125rem;
        font-weight: 500;
        color: white;
        line-height: 3.125rem;
        margin-bottom: 10px;
        max-width: 100%;
      }@media (max-width: 840px) {.sharing .sharing-block--left-top h1 {
          font-size: 2.5rem;
          line-height: 2.5rem
      }
        }.sharing .sharing-block--left-top p {
        color: rgba(255, 255, 255, 0.5);
        font-size: 1rem;
        line-height: 1.5rem;
      }.sharing .sharing-block--left-top .watch-show-btn {
        -js-display: flex;
        -js-display: flex;
        display: flex;
        align-items: center;
        align-items: center;
        justify-content: center;
        gap: 15px;
        cursor: pointer;
      }@media (max-width: 767px) {.sharing .sharing-block--left-top .watch-show-btn {
          justify-content: center
      }
        }.sharing .sharing-block--left-top .watch-show-btn span {
          color: white;
          font-size: 1.125rem;
          font-weight: 500;
          line-height: auto;
          text-transform: uppercase;
        }.sharing .sharing-block--right-top {
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 1;
    }@media (max-width: 840px) {.sharing .sharing-block--right-top {
        order: 2
    }
      }.sharing .sharing-block--right-top .sharing-character-image {
        position: absolute;
        width: 800px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 100;
        pointer-events: none;
      }@media (max-width: 840px) {.sharing .sharing-block--right-top .sharing-character-image {
          position: absolute;
          top: 400px;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 1
      }
        }.sharing .sharing-block--left-bottom {
      justify-content: flex-start;
      align-items: flex-start;
      z-index: 2;
    }@media (max-width: 840px) {.sharing .sharing-block--left-bottom {
        order: 3;
        align-items: center;
        text-align: center;
        margin-top: 550px;
        z-index: 10
    }
      }.sharing .sharing-block--left-bottom h2 {
        font-size: 5rem;
        font-weight: 500;
        color: white;
        line-height: 5rem;
      }@media (max-width: 450px) {.sharing .sharing-block--left-bottom h2 {
          font-size: 3.125rem;
          line-height: 3.125rem
      }
        }.sharing .sharing-block--right-bottom {
      justify-content: center;
      align-items: flex-start;
      z-index: 2;
    }@media (max-width: 840px) {.sharing .sharing-block--right-bottom {
        order: 4;
        align-items: center;
        margin-top: 10px
    }
      }.sharing .sharing-block--right-bottom .description-cards-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-gap: 30px;
        gap: 30px;
        width: 100%;
      }@media (max-width: 840px) {.sharing .sharing-block--right-bottom .description-cards-grid {
          grid-template-columns: 1fr;
          grid-template-rows: auto;
          gap: 25px
      }
        }.sharing .sharing-block--right-bottom .description-card {
        -js-display: flex;
        -js-display: flex;
        display: flex;
        flex-direction: column;
        gap: 30px;
      }@media (max-width: 840px) {.sharing .sharing-block--right-bottom .description-card {
          align-items: center;
          text-align: center
      }
        }.sharing .sharing-block--right-bottom .description-card h3 {
          font-size: 1.5rem;
          font-weight: 500;
          line-height: auto;
          color: white;
          margin-bottom: 10px;
        }.sharing .sharing-block--right-bottom .description-card p {
          color: rgba(255, 255, 255, 0.5);
          font-size: 1rem;
          line-height: 1.5rem;
        }.about {
  margin-bottom: 130px;
}@media (max-width: 1200px) {.about {
    margin-bottom: 45px
}
  }.about .top-content {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 100px;
  }@media (max-width: 1200px) {.about .top-content {
      grid-template-columns: 1fr;
      margin-bottom: 80px
  }
    }@media (max-width: 767px) {.about .top-content {
      margin-bottom: 40px
  }
    }.about .top-content .top-content-wrapper {
      -js-display: flex;
      -js-display: flex;
      display: flex;
      flex-direction: column;
      gap: 30px;
    }@media (max-width: 767px) {.about .top-content .top-content-wrapper {
        align-items: center;
        text-align: center
    }
      }.about .top-content .top-content-wrapper h2 {
        color: #28378D;
      }.about .top-content .top-content-wrapper p {
        color: rgba(0, 0, 0, 0.5);
      }.about .bottom-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 70px;
    row-gap: 70px;
  }@media (max-width: 767px) {.about .bottom-content {
      grid-template-columns: initial;
      -js-display: flex;
      -js-display: flex;
      display: flex;
      flex-direction: column;
      alignb-items: center;
      justify-content: center;
      gap: 45px
  }
    }.about .bottom-content .bottom-content-card {
      display: grid;
      grid-template-columns: 20% 1fr;
      grid-gap: 60px;
      gap: 60px;
      padding: 0 20px;
      align-items: center;
    }@media (max-width: 767px) {.about .bottom-content .bottom-content-card {
        padding: 0;
        padding: initial;
        gap: 24px
    }
      }.about .bottom-content .bottom-content-card > img {
        max-width: 100%;
      }.about .bottom-content .bottom-content-card .card-description {
        -js-display: flex;
        -js-display: flex;
        -js-display: flex;
        display: flex;
        flex-direction: column;
        gap: 30px;
      }@media (max-width: 767px) {.about .bottom-content .bottom-content-card .card-description {
          gap: 15px
      }
        }.about .bottom-content .bottom-content-card .card-description h3 {
          color: #28378D;
        }.about .bottom-content .bottom-content-card .card-description p {
          color: rgba(0, 0, 0, 0.5);
        }.age-confirmation-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  display: none;
  padding: 15px 15px;
  align-items: center;
  justify-content: center;
}.age-confirmation-popup {
  background: white;
  border-radius: 20px;
  max-width: 850px;
  width: 100%;
  min-height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}.age-confirmation-popup__wrapper {
        -js-display: flex;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        min-height: auto;
        padding: 20px 0;
    }.age-confirmation-popup__wrapper img {
            margin-bottom: 20px;
        }.age-confirmation-popup__wrapper h2 {
            color: #2C3341;
            font-size: 2.1875rem;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 2.8125rem;
            margin: 0 0 30px 0;
        }.age-confirmation-popup__wrapper p {
            color: rgba(44,51,65,0.31373);
            font-size: 1.5rem;
            font-weight: 500;
            line-height: auto;
            margin: 0 0 30px 0;
        }.age-confirmation-popup__wrapper .age-confirmation-buttons {
            -js-display: flex;
            display: flex;
            width: 100%;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }.age-confirmation-popup__wrapper .age-btn {
            border: 2px solid transparent;
            padding: 15px 30px;
            max-width: 307px;
            width: 100%;
            font-size: 1rem;
            font-weight: 500;
            border-radius: 50px;
            cursor: pointer;
            font-family: inherit;
            text-transform: uppercase;
        }.age-confirmation-popup__wrapper .age-btn--yes {
                background: #FFCC00;
                color: #2C3341;
            }.age-confirmation-popup__wrapper .age-btn--no {
                background: #EEF3F8;
                color: #2C3341;
            }@media (orientation: landscape) {
    .age-confirmation-popup {
      max-height: 90vh;
      min-height: auto;
      width: 90vw;
      max-width: 1000px;
      padding: 76px 100px;
    }

      @media (max-width: 1200px) {
    .age-confirmation-popup {
        padding: 25px 15px
    }
      }

      .age-confirmation-popup .age-confirmation-buttons {
        flex-direction: row !important;
        gap: 20px;
      }

        .age-confirmation-popup .age-confirmation-buttons .age-btn {
          max-width: 45%;
        }
        @media (max-width: 1200px) {
            .age-confirmation-popup__wrapper img {
                width: 57px;
                height: 55px;
              }
      
              .age-confirmation-popup__wrapper h2 {
                font-size: 1.5rem;
                line-height: 1.5rem;
                margin: 0px 0 5px 0;
                width: 100%;
              }
      
              .age-confirmation-popup__wrapper p {
                font-size: 1rem;
                line-height: auto;
                margin: 0 0 20px 0;
              }
        }
  }@media (orientation: portrait) {
    .age-confirmation-popup {
      max-height: none;
      min-height: auto;
      width: 90vw;
      max-width: 600px;
      padding: 50px 25px;
    }

      .age-confirmation-popup .age-confirmation-buttons {
        flex-direction: column !important;
        gap: 20px;
      }

        .age-confirmation-popup .age-confirmation-buttons .age-btn {
          max-width: 100%;
          width: 100%;
        }
        .age-confirmation-popup__wrapper img {
          width: 57px;
          height: 55px;
          margin-bottom: 20px;
        }

        .age-confirmation-popup__wrapper h2 {
          font-size: 1.5rem;
          line-height: 1.5rem;
          margin: 0 0 30px 0;
          width: 100%;
        }

        .age-confirmation-popup__wrapper p {
          font-size: 1rem;
          line-height: auto;
          margin: 0 0 30px 0;
        }
  }.linkedin {
  margin-bottom: 45px;
  margin-top: 40px;
}@media (max-width: 1200px) {.linkedin {
    margin-top: 0;
    margin-top: initial
}
  }.linkedin .container {
    padding-bottom: 50px;
  }@media (max-width: 767px) {.linkedin .container {
      padding-bottom: 0;
      padding-bottom: initial
  }
    }.linkedin .content-wrapper {
    background-color: #612194;
    border-radius: 20px;

    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 105px 100px;
  }@media (max-width: 1100px) {.linkedin .content-wrapper {
      padding: 105px 65px
  }
    }@media (max-width: 1200px) {.linkedin .content-wrapper {
      gap: 30px;
      padding: 70px 30px
  }
    }@media (max-width: 767px) {.linkedin .content-wrapper {
      grid-template-columns: initial;
      -js-display: flex;
      -js-display: flex;
      display: flex;
      flex-direction: column;
      margin-top: 300px
  }
    }.linkedin .content-wrapper .linkedin-background-wrapper {
      position: relative;
      width: 100%;
    }@media (max-width: 767px) {.linkedin .content-wrapper .linkedin-background-wrapper {
        -js-display: flex;
        -js-display: flex;
        -js-display: flex;
        display: flex;
        justify-content: center;
        height: 250px
    }
      }.linkedin .content-wrapper .linkedin-background-wrapper .linkedin-background-img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        transform-origin: top left;
      }@media (max-width: 1200px) {.linkedin .content-wrapper .linkedin-background-wrapper .linkedin-background-img {
          transform: translateY(0) scale(0.76);
          top: auto;
          top: initial;
          bottom: -120px;
          transform-origin: bottom left
      }
        }@media (max-width: 767px) {.linkedin .content-wrapper .linkedin-background-wrapper .linkedin-background-img {
          position: absolute;
          transform: translateY(-45%) scale(0.85);
          top: auto;
          top: initial;
          left: auto;
          left: initial;
          bottom: auto;
          bottom: initial;
          transform-origin: top
      }
        }.linkedin .content-wrapper .content-text {
      -js-display: flex;
      -js-display: flex;
      display: flex;
      flex-direction: column;
      gap: 30px;
    }@media (max-width: 767px) {.linkedin .content-wrapper .content-text {
        align-items: center;
        text-align: center
    }
      }.linkedin .content-wrapper .content-text p {
        color: rgba(255, 255, 255, 0.7);
      }.linkedin .content-wrapper .content-text .content-text-button {
  height: 50px;
  width: 270px;
  padding-right: 24px;
  padding-left: 24px;
  padding-top: 13px;
  padding-bottom: 13px;
  background-color: #FF0066;
  color: #fff;
  border-radius: 50px;
  cursor: pointer;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
      }.linkedin .content-wrapper .content-text .content-text-button:hover,
  .linkedin .content-wrapper .content-text .content-text-button.is-hover,
  .linkedin .content-wrapper .content-text .content-text-button:focus,
  .linkedin .content-wrapper .content-text .content-text-button.is-focus {
    background-color: #fff;
    color: #000;
  }.linkedin .content-wrapper .content-text .content-text-button:active,
  .linkedin .content-wrapper .content-text .content-text-button.is-active {
    background-color: #FF0066;
    color: #fff;
  }.linkedin .content-wrapper .content-text .content-text-button{
  font-size: 1.25rem;
  line-height: 1.5rem;
        -js-display: flex;
        -js-display: flex;
        display: flex;
        justify-content: center;
}.partners {
  background-color: #ffffff;
  width: 100%;
  padding: 50px 15px;
  position: relative;
}.partners .partners-grid {
    display: grid;
    max-width: 1250px;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-gap: 60px;
    gap: 60px;
    grid-row-gap: 120px;
    row-gap: 120px;
  }@media (max-width: 840px) {.partners .partners-grid {
      grid-template-columns: 1fr;
      grid-template-rows: auto;
      gap: 40px;
      row-gap: 40px
  }
    }.partners .partners-block {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    position: relative;
  }.partners .partners-block--left-top {
      gap: 30px;
      width: 100%;
      justify-content: flex-start;
      align-items: flex-start;
      z-index: 2;
      margin-top: 70px;
    }@media (max-width: 840px) {.partners .partners-block--left-top {
        order: 1;
        align-items: center;
        text-align: center;
        margin-top: 0
    }
      }.partners .partners-block--left-top h2 {
        font-size: 3.125rem;
        font-weight: 500;
        color: #2C3341;
        line-height: 3.125rem;
        margin-bottom: 10px;
      }.partners .partners-block--left-top p {
        color: #2C3341;
        font-size: 1rem;
        line-height: 1.5rem;
      }.partners .partners-block--left-top .partners-buttons {
        -js-display: flex;
        -js-display: flex;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        width: 100%;
        margin-top: 20px;
      }@media (max-width: 1200px) {.partners .partners-block--left-top .partners-buttons {
          flex-direction: column;
          width: 100%
      }
        }@media (max-width: 840px) {.partners .partners-block--left-top .partners-buttons {
          flex-direction: column;
          width: 100%
      }
        }.partners .partners-block--left-top .partners-btn {
        padding: 20px 30px;
        width: 100%;
        border-radius: 50px;
        font-size: 1.125rem;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        display: inline-block;
        white-space: nowrap;
      }.partners .partners-block--left-top .partners-btn--primary {
          background-color: #FFCC00;
          color: #2C3341;
        }.partners .partners-block--left-top .partners-btn--primary:hover {
            background-color: #0092EF;
            color: white;
          }.partners .partners-block--left-top .partners-btn--secondary {
          background-color: #EEF3F8;
          color: #2C3341;
        }.partners .partners-block--left-top .partners-btn--secondary:hover {
            background-color: #0092EF;
            color: white;
          }@media (max-width: 840px) {.partners .partners-block--left-top .partners-btn--secondary {
            width: 100%
        }
          }.partners .partners-block--right-top {
      align-items: flex-start;
      justify-content: flex-start;
      position: relative;
      z-index: 1;
      align-self: start;
    }@media (max-width: 840px) {.partners .partners-block--right-top {
        order: 2;
        align-items: center;
        justify-content: center
    }
      }.partners .partners-block--left-bottom {
      align-items: flex-start;
      justify-content: flex-start;
      position: relative;
      z-index: 1;
      align-self: start;
    }@media (max-width: 840px) {.partners .partners-block--left-bottom {
        order: 4;
        align-items: center;
        justify-content: center
    }
      }.partners .partners-block--right-bottom {
      justify-content: center;
      align-items: flex-start;
      text-align: left;
      z-index: 2;
      margin-bottom: 70px;
    }@media (max-width: 840px) {.partners .partners-block--right-bottom {
        order: 3;
        align-items: center;
        text-align: center;
        margin-bottom: 0
    }
      }.partners .partners-block--right-bottom h3 {
        font-size: 3.125rem;
        font-weight: 500;
        color: #2C3341;
        line-height: 3.125rem;
        margin-bottom: 10px;
      }.partners .partners-block--right-bottom p {
        color: #2C3341;
        font-size: 1rem;
        line-height: 1.5rem;
      }.partners .partners-logos {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-gap: 30px;
    gap: 30px;
    width: 100%;
  }@media (max-width: 840px) {.partners .partners-logos {
      gap: 20px
  }
    }.partners .partners-logos--pink .partner-card {
        background-color: #FF0066;
        border-radius: 20px;
        padding: 20px;
        -js-display: flex;
        -js-display: flex;
        -js-display: flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 180px;
      }.partners .partners-logos--pink .partner-card:hover {
          background-color: white;
        }.partners .partners-logos--pink .partner-card .img-container {
          position: relative;
          width: 100%;
          height: 100%;
          -js-display: flex;
          -js-display: flex;
          -js-display: flex;
          display: flex;
          align-items: center;
          justify-content: center;
        }.partners .partners-logos--pink .partner-card .img-container img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
          }.partners .partners-logos--pink .partner-card .img-container .img-hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            opacity: 0;
          }.partners .partners-logos--pink .partner-card:hover {
          border: 2px solid #EEF3F8;
        }.partners .partners-logos--pink .partner-card:hover .img-container img:first-child {
              opacity: 0;
            }.partners .partners-logos--pink .partner-card:hover .img-container .img-hover {
              opacity: 1;
            }.partners .partners-logos--blue .partner-card {
        background-color: #0092EF;
        border-radius: 20px;
        padding: 20px;
        -js-display: flex;
        -js-display: flex;
        -js-display: flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 180px;
      }.partners .partners-logos--blue .partner-card:hover {
          background-color: white;
        }.partners .partners-logos--blue .partner-card .img-container {
          position: relative;
          width: 100%;
          height: 100%;
          -js-display: flex;
          -js-display: flex;
          -js-display: flex;
          display: flex;
          align-items: center;
          justify-content: center;
        }.partners .partners-logos--blue .partner-card .img-container img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
          }.partners .partners-logos--blue .partner-card .img-container .img-hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            opacity: 0;
          }.partners .partners-logos--blue .partner-card:hover {
          border: 2px solid #EEF3F8;
        }.partners .partners-logos--blue .partner-card:hover .img-container img:first-child {
              opacity: 0;
            }.partners .partners-logos--blue .partner-card:hover .img-container .img-hover {
              opacity: 1;
            }.partners-page {
  background-color: #ffffff;
  min-height: 100vh;
}.partners-page.hide {
    display: none;
  }.partners-page__header {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #612194;
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    padding-top: 160px;
    padding-bottom: 60px;
  }@media (max-width: 840px) {.partners-page__header {
      padding-bottom: 124px
  }
    }@media(max-width: 450px) {.partners-page__header {
      padding-top: 115px
  }
    }.partners-page__header-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      mix-blend-mode: overlay;
      overflow: hidden;
      z-index: 0;
    }.partners-page__header-bg-image {
        position: absolute;
        top: -400px;
        left: 50%;
        transform: translateX(-50%);
        height: auto;
        min-width: 1400px;
        opacity: 1;
        image-rendering: optimizeSpeed;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
      }.partners-page__header-content {
      position: relative;
      -js-display: flex;
      display: flex;
      flex-direction: column;
      z-index: 2;
      text-align: center;
      width: 100%;
      gap: 30px;
      max-width: 1250px;
    }.partners-page__header-title {
      font-size: 5rem;
      text-align: left;
      line-height: 5rem;
      color: white;
      font-weight: 500;
    }@media (max-width: 840px) {.partners-page__header-title {
        font-size: 3.125rem;
        line-height: 3.125rem
    }
      }@media(max-width: 450px) {.partners-page__header-title {
        text-align: center
    }
      }.partners-page__header-buttons {
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      width: 100%;
    }@media (max-width: 450px) {.partners-page__header-buttons {
        flex-direction: column;
        gap: 15px
    }
      }.partners-page__header-btn {
      padding: 0px 25px;
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50px;
      height: 60px;
      font-size: 1.125rem;
      font-weight: 500;
      text-transform: none;
      background-color: white;
      color: #2C3341;
      border: none;
      cursor: pointer;
      white-space: nowrap;
      width: 32%;
    }@media (max-width: 450px) {.partners-page__header-btn {
        width: 100%;
        padding: 15px 30px
    }
      }.partners-page__header-btn:hover {
        background-color: #FFCC00;
        color: #2C3341;
      }.partners-page__header-btn.active {
        background-color: #FFCC00;
        color: #2C3341;
      }.partners-page__content {
    width: 100%;
    padding: 60px 15px 0px 15px;
  }.partners-page__section-content {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40%;
    margin: 0 auto;
  }@media (max-width: 840px) {.partners-page__section-content {
      width: 100%
  }
    }.partners-page__section {
    margin-bottom: 80px;
    max-width: 1250px;
    margin: 0 auto;
  }@media (max-width: 840px) {.partners-page__section {
      margin-bottom: 20px
  }
    }.partners-page__section:last-child {
      margin-bottom: 0;
    }.partners-page__section-title {
      font-size: 3.125rem;
      font-weight: 500;
      color: #2C3341;
      line-height: 3.125rem;
      text-align: center;
    }.partners-page__section-description {
      color: #2C3341;
      font-size: 1rem;
      line-height: 1.5rem;
      text-align: center;
      max-width: 800px;
      margin: 40px auto 60px;
    }.partners-page__offer-btn {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 370px;
    height: 60px;
    background-color: #FFCC00;
    color: #2C3341;
    border-radius: 50px;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    margin: 0 auto 0px;
  }@media (max-width: 840px) {.partners-page__offer-btn {
      width: 250px
  }
    }.partners-page__offer-btn:hover {
      background-color: #0092EF;
      color: white;
    }.partners-page__logos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    gap: 30px;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 60px;
  }@media (max-width: 840px) {.partners-page__logos {
      margin-top: 30px;
      margin-bottom: 30px
  }
    }@media (max-width: 1200px) {.partners-page__logos {
      grid-template-columns: repeat(2, 1fr)
  }
    }@media (max-width: 840px) {.partners-page__logos {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px
  }
    }.partners-page__logos--partners .partner-card {
        background-color: #FF0066;
      }.partners-page__logos--partners .partner-card.partner-card--hidden {
          display: none;
        }.partners-page__logos--partners .partner-card{
        border-radius: 20px;
        padding: 20px;
        -js-display: flex;
        -js-display: flex;
        -js-display: flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 180px;
        -webkit-text-decoration: none;
        text-decoration: none;
}.partners-page__logos--partners .partner-card:hover {
          background-color: white;
          border: 2px solid #EEF3F8;
        }.partners-page__logos--partners .partner-card:hover .img-container img:first-child {
              opacity: 0;
            }.partners-page__logos--partners .partner-card:hover .img-container .img-hover {
              opacity: 1;
            }.partners-page__logos--partners .partner-card .img-container {
          position: relative;
          width: 100%;
          height: 100%;
          -js-display: flex;
          -js-display: flex;
          -js-display: flex;
          display: flex;
          align-items: center;
          justify-content: center;
        }.partners-page__logos--partners .partner-card .img-container img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
          }.partners-page__logos--partners .partner-card .img-container .img-hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            opacity: 0;
          }.partners-page__logos--media-partners .partner-card {
        background-color: #0092EF;
      }.partners-page__logos--media-partners .partner-card.partner-card--hidden {
          display: none;
        }.partners-page__logos--media-partners .partner-card{
        border-radius: 20px;
        padding: 20px;
        -js-display: flex;
        -js-display: flex;
        -js-display: flex;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 180px;
        -webkit-text-decoration: none;
        text-decoration: none;
}.partners-page__logos--media-partners .partner-card:hover {
          background-color: white;
          border: 2px solid #EEF3F8;
        }.partners-page__logos--media-partners .partner-card:hover .img-container img:first-child {
              opacity: 0;
            }.partners-page__logos--media-partners .partner-card:hover .img-container .img-hover {
              opacity: 1;
            }.partners-page__logos--media-partners .partner-card .img-container {
          position: relative;
          width: 100%;
          height: 100%;
          -js-display: flex;
          -js-display: flex;
          -js-display: flex;
          display: flex;
          align-items: center;
          justify-content: center;
        }.partners-page__logos--media-partners .partner-card .img-container img {
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
          }.partners-page__logos--media-partners .partner-card .img-container .img-hover {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: contain;
               object-fit: contain;
            opacity: 0;
          }.partners-page__load-more-wrapper {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }.partners-page__load-more-btn {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 230px;
    background-color: #FFCC00;
    color: #2C3341;
    border-radius: 50px;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    border: none;
    cursor: pointer;
    margin-bottom: 90px;
  }@media (max-width: 840px) {.partners-page__load-more-btn {
      width: 100%;
      max-width: 400px;
      margin-bottom: 30px
  }
    }.partners-page__load-more-btn:hover {
      background-color: #0092EF;
      color: white;
    }.partners-page__load-more-btn:disabled,
    .partners-page__load-more-btn.hidden {
      display: none;
    }.spins {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #612194;
  padding: 130px 15px;
  position: relative;
  overflow: hidden;
}.spins::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -300px;
    width: 1000px;
    height: 1000px;
    background: radial-gradient(closest-side, #FFFFFF, #FFC0C0, transparent);
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: soft-light;
  }.spins::after {
    content: '';
    position: absolute;
    bottom: 100px;
    right: -300px;
    width: 1000px;
    height: 1000px;
    background: radial-gradient(closest-side, #FFFFFF, #BFFFF9, #80FFF2, transparent);
    pointer-events: none;
    mix-blend-mode: overlay;
    z-index: 1;
  }@media (max-width: 840px) {.spins {
    padding: 56px 15px
}
    .spins::before {
      top: 200px;
      left: -400px;
    }
    .spins::after {
      bottom: 200px;
      right: -500px;
    }
  }@media (max-width: 450px) {
    .spins::before {
      top: 200px;
      left: -500px;
    }
    .spins::after {
      bottom: 200px;
      right: -600px;
    }
  }@media (min-width: 2300px) {
    .spins::before {
      left: 10vw;
    }
    .spins::after {
      right: 10vw;
    }
  }.spins .spins-bg-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1636px;
    height: 1199px;
    pointer-events: none;
    z-index: 2;
  }.spins .spins-content {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    max-width: 1250px;
    width: 100%;
    position: relative;
    z-index: 3;
  }.spins__val {
    color: white;
    font-size: 5rem;
    line-height: 5rem;
    padding: 0;
    margin: 0;
    font-weight: 500;
    white-space: nowrap;
  }@media (max-width: 840px) {.spins__val {
      font-size: 3.125rem;
      line-height: 3.125rem
  }
    }.spins__val .spins__counter {
      display: inline-block;
      min-width: 12ch;
      text-align: center;
      font-variant-numeric: tabular-nums;
      font-feature-settings: 'tnum' 1, 'lnum' 1, "tnum", "tnum", "tnum";
    }.spins__spins {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.5rem;
    font-weight: 500;
  }@media (max-width: 450px) {.spins__spins {
      font-size: 1.125rem
  }
    }.spins .spins-top {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }.spins .spins-bottom {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }@media (max-width: 840px) {.spins .spins-bottom {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-gap: 20px;
      gap: 20px
  }

      .spins .spins-bottom > div:nth-child(2) {
        grid-area: 2 / 2;
      }

      .spins .spins-bottom > div:nth-child(4) {
        grid-area: 2 / 1;
      }
      
      .spins .spins-bottom > div:nth-child(6) {
        grid-area: 1 / 2;
      }
      
      .spins .spins-bottom > div:nth-child(8) {
        grid-area: 1 / 1;
      }
    }@media (max-width: 450px) {.spins .spins-bottom {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr 1fr;
      grid-gap: 20px;
      gap: 20px;
      grid-row-gap: 10px;
      row-gap: 10px
  }

      .spins .spins-bottom > div:nth-child(2) {
        grid-area: 2 / 2;
      }

      .spins .spins-bottom > div:nth-child(4) {
        grid-area: 2 / 1;
      }
      
      .spins .spins-bottom > div:nth-child(6) {
        grid-area: 1 / 2;
      }
      
      .spins .spins-bottom > div:nth-child(8) {
        grid-area: 1 / 1;
      }
    }.spins .spins-data-item {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 50px;
    gap: 10px;
  }@media (max-width: 840px) {.spins .spins-data-item {
      margin-right: 0;
      gap: 0;
      width: 100px;
      min-height: 100px;
      align-items: flex-start;
      align-self: center;
      justify-self: center
  }
    }@media (max-width: 450px) {.spins .spins-data-item {
      margin-right: 0;
      width: 100px;
      align-items: flex-start;
      align-self: center;
      justify-self: center
  }
    }.spins .spins-data-item-val {
      font-size: 3.125rem;
      line-height: 3.125rem;
      color: white;
      font-weight: 500;
      text-align: left;
      white-space: nowrap;
    }@media (max-width: 840px) {.spins .spins-data-item-val {
        font-size: 1.5rem;
        line-height: auto
    }
      }.spins .spins-data-item-text {
      font-size: 1rem;
      line-height: auto;
      color: rgba(255, 255, 255, 0.5);
      text-align: left;
    }@media(max-width: 840px) {.spins .spins-data-item-text {
        margin-top: -10px
    }
      }.spins .spins-separator {
    width: 1px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.3);
  }@media (max-width: 840px) {.spins .spins-separator {
      display: none
  }
    }@media (max-width: 450px) {.spins .spins-separator {
      display: none
  }
    }.news {
    margin-bottom: 80px;
}@media (max-width: 767px) {.news {
        margin-bottom: 40px
}
    }.news__title {
        color: #28378D;
        text-align: center;
        margin-bottom: 50px;
        margin-top: 50px;
    }.news__feed {
        padding: 0 40px;
    }@media (max-width: 767px) {.news__feed {
            padding: 0 15px
    }
        }.feedback {
  background-color: #EEF3F8;
  padding: 80px 0;
}@media (max-width: 1200px) {.feedback {
    padding: 60px 0
}
  }@media (max-width: 840px) {.feedback {
    padding: 40px 0
}
  }.feedback__inner {
    -js-display: flex;
    display: flex;
    justify-content: space-between;
    gap: 60px;
  }@media (max-width: 1200px) {.feedback__inner {
      flex-direction: column;
      gap: 40px
  }
    }.feedback__col {
    flex: 1;
  }.feedback__col--left {
      -js-display: flex;
      -js-display: flex;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 30px;
    }@media (max-width: 840px) {.feedback__col--left {
        align-items: center;
        order: 1
    }
      }@media (max-width: 840px) {.feedback__col--right {
        order: 2
    }
      }@media (max-width: 840px) {
    .feedback__inner {
      flex-direction: column;
    }
    
    .feedback__col--left {
      display: contents;
    }
    
    .feedback__col--right {
      display: contents;
    }
    
    .feedback__image_desktop {
      order: 1;
      max-width: 300px;
      margin: 0 auto;
    }
    
    .feedback__image_mobile {
      display: none !important;
    }
    
    .feedback__contact-text {
      order: 2;
    }
    
    .feedback__subtitle {
      order: 3;
    }
    
    .feedback__social {
      order: 4;
    }
    
    .feedback__form-wrapper {
      order: 5;
    }
  }.feedback__image {
    max-width: 100%;
    height: auto;
  }.feedback__image_desktop {
      display: block;
    }.feedback__image_mobile {
      display: none;
    }.feedback__contact-text {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }.feedback__contact-text h3 {
      font-size: 3.125rem;
      font-weight: 500;
      line-height: 3.125rem;
      color: #2C3341;
      margin-bottom: 15px;
    }.feedback__contact-text span {
        font-size: 1rem;
        line-height: 1.5rem;
        color: rgba(44,51,65,0.31373);
        font-weight: 400;
        max-width: 400px;
    }.feedback__subtitle {
    -js-display: flex;
    display: flex;
    align-self: center;
    font-size: 1.5rem;
    font-weight: 500;
    color: #2C3341;
  }.feedback__social {
    width: 100%;
    -js-display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-bottom: 60px;
  }@media (max-width: 1200px) {.feedback__social {
      justify-content: space-between;
      max-width: 700px
  }
    }@media(max-width: 840px) {.feedback__social {
      width: 90%;
      margin: 0 auto;
      justify-content: space-between
  }
    }.feedback__form-wrapper {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    background: white;
    height: 100%;
    border-radius: 24px;
    padding: 60px;
  }@media (max-width: 450px) {.feedback__form-wrapper {
      padding: 30px 20px;
      border-radius: 16px
  }
    }.feedback__form-wrapper h2.feedback__title {
      font-size: 3.125rem;
      line-height: 3.125rem;
      font-weight: 500;
      color: #2C3341;
      margin-bottom: 15px;
    }@media (max-width: 840px) {.feedback__form-wrapper h2.feedback__title {
        font-size: 2.375rem;
        line-height: 2.5rem;
        text-align: center
    }
      }.feedback__form-wrapper p.feedback__description {
      font-size: 1rem;
      line-height: 1.5rem;
      color: rgba(44,51,65,0.31373);
      opacity: 0.6;
      margin-bottom: 15px;
      max-width: 500px;
    }@media (max-width: 840px) {.feedback__form-wrapper p.feedback__description {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 15px
    }
      }.feedback p {
    font-size: 1.5rem;
    line-height: 1.8125rem;
    color: #000;
    font-weight: 500;
    opacity: 0.5;
    max-width: 460px;
    margin-bottom: 30px;
  }.feedback-form {
  margin-top: 30px;
}@media(max-width: 840px) {.feedback-form {
    margin-top: 0px
}
  }.feedback-form .WidgetBackground__Container-sc-1ho7q3r-0 {
    padding: 0 !important;
  }.feedback-form .fwdYfq {
    max-width: 100%;
    opacity: 0 !important;
  }.feedback-form button {
    background: #FFCC00 !important;
    color: #2C3341 !important;
    padding: 5px 0px !important;
    border-radius: 50px !important;
    font-size: 1.125rem !important;
    font-weight: 400 !important;
    width: 100%;
  }.feedback-form button:hover {
      background-color: #0092EF !important;
      color: white !important;
    }.feedback-form label {
    display: none !important;
  }.feedback-form textarea {
    min-height: 200px !important;
  }.wrapper {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  padding-bottom: 120px;
  background: transparent;
}.is-hidden {
  display: none !important;
}.container {
  margin: 0 auto;
  padding: 0 40px;
  max-width: 1250px;
  position: relative;
  height: 100%;
}@media (max-width: 1200px) {.container {
    padding: 0 30px
}
  }@media (max-width: 767px) {.container {
    padding: 0 15px
}
  }.video-wrap {
  position: absolute;
  opacity: 0;
  top: 0;
}.video-wrap .promo-video {
    position: relative;
    width: 100%;
    border: none;
  }.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
  }@media (max-width: 1200px) {.grid-2 {
      grid-column-gap: 20px
  }
    }@media (max-width: 767px) {.grid-2 {
      grid-template-columns: 1fr
  }
    }.grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
  }@media (max-width: 767px) {.grid-3 {
      grid-template-columns: 1fr;
      grid-row-gap: 20px
  }
    }footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: #EEF3F8;
}footer .footer-wrapper {
    background-color: #612194;
    background-color: var(--slot-bg-color, #612194);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    height: 120px;
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    transition: background-color 0.5s;
  }dialog {
  border: 0;
  width: 100dvw;
  height: 100dvh;

  max-height: 100dvh;
  max-width: 100dvw;

  background-color: transparent;
  overflow: hidden;
}dialog::backdrop  {
    background: black;
  }dialog:focus-visible, dialog:focus {
    outline: none;
  }dialog .video-close {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 1;
  }dialog video {
    width: 100%;
    height: 100%;
  }dialog video:focus-visible, dialog video:focus {
      outline: none;
    }.slot__container {
  position: relative;
  display: none;
  justify-content: center;
  transition: background-color 0.6s ease;
}.slot__container.show {
    -js-display: flex;
    display: flex;
    opacity: 1;
    transition: opacity 0.5s ease;
    transition: background-color 0.6s ease;
  }.slot__container .slot__bg { 
      position: relative;
      overflow: visible;
      width: 100%;
      max-width: 1250px;
      border-radius: 0px;
      background-color: var(--slot-bg-color);
      -js-display: flex;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin: 0 15px;
  }.slot__container .slot__bg .slot__bg-image {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 0;
      pointer-events: none;
    }@media (max-width: 840px) {.slot__container .slot__bg .slot__bg-image {
        left: 50%;
        top: 40%
    }
      }.slot__container .slot__bg .slot__bg-image::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--slot-bg-color);
        mix-blend-mode: hard-light;
        pointer-events: none;
        transition: background-color 0.6s ease;
      }.slot__container .slot__bg .slot__bg-image::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: max(600px, min(120vw, 1000px));
        height: max(600px, min(120vw, 1000px));
        background: radial-gradient(closest-side, var(--slot-bg-color-80), var(--slot-bg-color-80), var(--slot-bg-color-80), transparent);
        mix-blend-mode: screen;
        pointer-events: none;
        z-index: 1;
        transition: background 0.6s ease;
      }.slot__container .slot__bg .slot__bg-image .slot__bg-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 1;
        transition: background-color 0.6s ease;
      }.slot__container .slot__bg .slot__bg-image .slot__bg-gradient {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: max(600px, min(120vw, 1000px));
        height: max(600px, min(120vw, 1000px));
        pointer-events: none;
        z-index: 2;
        transition: background 0.6s ease;
      }.slot__container .slot__bg .slot__bg-image img {
        height: auto;
        display: block;
        image-rendering: optimizeSpeed;
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
      }.slot__container .slot__bg .prev__game {
      position: absolute;
      cursor: pointer;
      z-index: 3;

      top: calc(50.625vw - 90px);
      left: 50px;
    }@media (max-width: 450px) {.slot__container .slot__bg .prev__game {
        top: 90px;
        left: 21px
    }
      }@media (min-width: 1080px) {.slot__container .slot__bg .prev__game {
        top: calc(50.625vw - 90px);
        left: 50px
    }
      }@media (min-width: 1420px) {.slot__container .slot__bg .prev__game {
        top: 630px;
        left: 50px
    }
      }.slot__container .slot__bg .prev__game a {
        color: white;
        border-bottom: 0 !important;
        font-weight: bold;
        -js-display: flex;
        -js-display: flex;
        display: flex;
        align-items: center;
      }.slot__container .slot__bg .prev__game a:before {
          margin: 1px 13px 0 0;
          content: "";
          width: 8px;
          height: 15px;
          background: url(/8be42d71c2144f3ab6c4.svg) no-repeat;
          transition: all 200ms ease;
        }.slot__container .slot__bg .next__game {
      position: absolute;
      cursor: pointer;
      z-index: 3;
      top: calc(50.625vw - 90px);
      right: 50px;
    }@media (max-width: 450px) {.slot__container .slot__bg .next__game {
        top: 90px;
        right: 21px
    }
      }@media (max-width: 767px) {.slot__container .slot__bg .next__game {
        right: 6.5vw
    }
      }@media (min-width: 1080px) {.slot__container .slot__bg .next__game {
        top: calc(50.625vw - 90px);
        right: 50px
    }
      }@media (min-width: 1420px) {.slot__container .slot__bg .next__game {
        top: 630px;
        right: 50px
    }
      }.slot__container .slot__bg .next__game a {
        color: white;
        border-bottom: 0 !important;
        font-weight: bold;
        -js-display: flex;
        -js-display: flex;
        display: flex;
        align-items: center;
      }.slot__container .slot__bg .next__game a:after {
          margin: 1px 0 0 13px;
          content: "";
          width: 8px;
          height: 15px;
          background: url(/234041fe049b4e9c7fbb.svg) no-repeat;
          transition: all 200ms ease;
        }.slot__container .slot__bg .prev__name,
    .slot__container .slot__bg .next__name {
      font-size: 1.125rem;
    }@media (max-width: 500px) {.slot__container .slot__bg .prev__name,
    .slot__container .slot__bg .next__name {
        font-size: 1rem
    }
      }.slot__container .slot__bg .slot__bg-name {
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      font-size: 5rem;
      line-height: 5rem;
      color: white;
      font-weight: 500;
      text-align: center;
      white-space: pre-line;
      z-index: 10;
      margin: auto;
      margin-top: 120px;
      margin-bottom: 20px;
      max-width: 1250px;
      width: 100%;
      height: 100px;
    }@media(max-width: 840px) {.slot__container .slot__bg .slot__bg-name {
        font-size: 3.125rem;
        line-height: 3.125rem;
        justify-content: center
    }
      }@media(max-width: 450px) {.slot__container .slot__bg .slot__bg-name {
        word-wrap: break-word;
        -webkit-hyphens: none;
                hyphens: none;
        text-align: center;
        margin-top: 100px
    }
      }.slot__container .slot__bg .slot__mobile-overlay {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 20px;
    }@media (max-width: 450px) {.slot__container .slot__bg .slot__mobile-overlay {
        -js-display: flex;
        -js-display: flex;
        display: flex
    }
      }.slot__container .slot__bg .slot__mobile-btn {
      width: 60vw;
      height: 50px;
      border-radius: 50px;
      border: none;

      max-width: 300px;

      white-space: nowrap;

      -js-display: flex;

      display: flex;
      align-items: center;
      justify-content: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
  background-color: #FFCC00;
  color: black;
  border-radius: 50px;
  cursor: pointer;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
    }.slot__container .slot__bg .slot__mobile-btn:hover,
  .slot__container .slot__bg .slot__mobile-btn.is-hover,
  .slot__container .slot__bg .slot__mobile-btn:focus,
  .slot__container .slot__bg .slot__mobile-btn.is-focus {
    background-color: white;
    color: black;
  }.slot__container .slot__bg .slot__mobile-btn:active,
  .slot__container .slot__bg .slot__mobile-btn.is-active {
    background-color: #FFCC00;
    color: black;
  }.slot__container .slot__bg .slot__status-badge {
      display: none;
      width: -moz-fit-content;
      width: fit-content;
      background: url(/4df55d5a91b8834dd728.svg) no-repeat center;
      background-size: contain;
      width: 112px;
      height: 40px;
      color: #fff;
      font-size: 0.75rem;
      font-weight: 500;
      text-transform: uppercase;
      text-align: center;
      line-height: 2.5rem;
    }.slot__container .slot__bg .slot__status-badge.new-game {
        display: block;
      }.slot__container .slot__bg .slot__status-badge.coming-soon {
        display: block;
        background: url(/b81a0e2e61c3c9f5fe28.svg) no-repeat center;
        background-size: contain;
      }@media (max-width: 840px) {.slot__container .slot__bg .slot__status-badge {

        margin: 0 auto;
        height: auto;
        justify-content: center
    }
      }.slot__container .slot__bg .slot__info {
      position: relative;
      overflow: auto;
      width: 100%;
      margin: 70px auto;
      z-index: 2;
      margin-bottom: 50px;
      -js-display: flex;
      display: flex;
      flex-shrink: 0;
    }@media (max-width: 1200px) {.slot__container .slot__bg .slot__info {
        gap: 120px
    }
      }@media (max-width: 840px) {.slot__container .slot__bg .slot__info {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: flex-start;
        padding: 0;
        gap: 20px;
        width: 100%;
        margin: 0;
        margin-bottom: 20px
    }
      }.slot__container .slot__bg .slot__info .slot__info-left {
        -js-display: flex;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 53%;
        min-width: 0;
      }@media (max-width: 840px) {.slot__container .slot__bg .slot__info .slot__info-left {
          width: 100%
      }
        }.slot__container .slot__bg .slot__info .slot__character {
         position: relative;
         -js-display: flex;
         display: flex;
         justify-content: center;
         align-items: center;
         overflow: hidden;
         border-radius: 20px;
         min-height: 400px;
       }@media (max-width: 840px) {.slot__container .slot__bg .slot__info .slot__character {
          width: 100%
       }
         }.slot__container .slot__bg .slot__info .slot__character .slot__character-bg {
           position: absolute;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           width: 1400px;
           height: 100%;
           left: 45%;
           top: 50%;
           transform: translate(-50%, -50%);
           z-index: 1;
         }.slot__container .slot__bg .slot__info .slot__character .slot__character-bg .slot__character-bg-image {
             position: absolute;
             left: 50%;
             top: 50%;
             transform: translate(-50%, -50%);
             width: 100%;
             height: 100%;
             -o-object-fit: cover;
                object-fit: cover;
           }.slot__container .slot__bg .slot__info .slot__character .slot__character-bg .slot__character-bg-overlay {
             content: '';
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background-color: var(--slot-bg-color);
             mix-blend-mode: hard-light;
             pointer-events: none;
             z-index: 2;
           }.slot__container .slot__bg .slot__info .slot__character .slot__character-bg .slot__character-bg-gradient {
             content: '';
             position: absolute;
             top: 49%;
             left: 51%;
             transform: translate(-50%, -50%);
             width: max(450px, min(50vw, 450px));
             height: max(450px, min(50vw, 450px));
             background: radial-gradient(closest-side, var(--slot-bg-color-80), var(--slot-bg-color-80), var(--slot-bg-color-80), transparent);
             mix-blend-mode: screen;
             pointer-events: none;
             z-index: 3;
           }.slot__container .slot__bg .slot__info .slot__character .slot__character-image {
          position: relative;
          top: 5%;
          width: 100%;
          height: 100%;
          z-index: 2;
          max-width: 400px;
        }.slot__container .slot__bg .slot__info .slot__character .slot__character-title {
  font-size: 3.125rem;
  line-height: 2.8125rem;
  font-weight: 700;
          position: absolute;
          bottom: 20px;
          z-index: 10;
          text-align: center;
          text-transform: uppercase;
          white-space: pre-line;
          color: white;
          left: 50%;
          transform: translateX(-50%);
        }@media (max-width: 840px) {.slot__container .slot__bg .slot__info .slot__character .slot__character-title {
  font-size: 2.1875rem;
  line-height: 2rem;
  font-weight: 700
        }
          }@media (max-width: 400px) {.slot__container .slot__bg .slot__info .slot__character .slot__character-title {
            font-size: 1.5625rem;
            line-height: 1.5625rem;
            font-weight: 700
        }
          }.slot__container .slot__bg .slot__info .slot__info-right {
        flex: 1;
        width: 100%;
        margin-right: 100px;
        -js-display: flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 30px;
      }@media (max-width: 840px) {.slot__container .slot__bg .slot__info .slot__info-right {
          margin-right: 0px
      }
        }.slot__container .slot__bg .slot__info .slot__info-right .slot__description {
          font-size: 1rem;
          line-height: 1.5rem;
          color: rgba(255, 255, 255, 0.5);
        }@media (max-width: 840px) {.slot__container .slot__bg .slot__info .slot__info-right .slot__description {
            text-align: center
        }
          }.slot__container .slot__bg .slot__info .slot__info-right .slot__stats {
          -js-display: flex;
          display: flex;
          justify-content: space-between;
          gap: 40px;
        }@media (max-width: 1200px) {.slot__container .slot__bg .slot__info .slot__info-right .slot__stats {
            white-space: nowrap
        }
          }@media (max-width: 450px) {.slot__container .slot__bg .slot__info .slot__info-right .slot__stats {
            display: grid;
            grid-template-columns: auto 1fr;
            grid-template-rows: auto auto;
            grid-gap: 20px 15px;
            gap: 20px 15px;
            white-space: nowrap
        }
          }.slot__container .slot__bg .slot__info .slot__info-right .slot__stat {
          -js-display: flex;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }@media (max-width: 450px) {
            .slot__container .slot__bg .slot__info .slot__info-right .slot__stat:nth-child(3) {
              grid-column: 1 / -1;
            }
            .slot__container .slot__bg .slot__info .slot__info-right .slot__stat:nth-child(2) {
              margin-left: 70px;
            }
          }.slot__container .slot__bg .slot__info .slot__info-right .slot__stat-label {
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.5);
            
          }.slot__container .slot__bg .slot__info .slot__info-right .slot__stat-value {
            font-size: 1.5rem;
            color: white;
            font-weight: 500;
          }.slot__container .slot__bg .slot__info .slot__info-right .slot__stat-value--volatility {
              -js-display: flex;
              -js-display: flex;
              display: flex;
              gap: 5px;
              align-items: center;
              margin-right: 30px;
            }.slot__container .slot__bg .slot__info .slot__info-right .slot__stat-value--volatility svg {
                width: 20px;
                height: 20px;
              }.slot__container .slot__bg .slot__info .slot__info-right .slot__stat-value--volatility img.volatility-bar--inactive {
                  opacity: 0.3;
                  filter: grayscale(100%);
                }.slot__container .slot__bg .slot__info .slot__info-right .slot__buttons {
          -js-display: flex;
          display: flex;
          gap: 20px;
        }@media (max-width: 1200px) {.slot__container .slot__bg .slot__info .slot__info-right .slot__buttons {
            flex-direction: column;
            align-items: center
        }
          }.slot__container .slot__bg .slot__info .slot__info-right .slot-btn {
          height: 60px;
          width: calc(50% - 10px);
          -js-display: flex;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50px;
          border: none;
          padding: 0 42px;
          font-size: 1.125rem;
          font-weight: 500;
          cursor: pointer;
          text-transform: uppercase;
          letter-spacing: 0.03125rem;
          white-space: nowrap;
          flex-shrink: 0;
        }@media (max-width: 1200px) {.slot__container .slot__bg .slot__info .slot__info-right .slot-btn {
            width: 100%
        }
          }@media (max-width: 1200px) {.slot__container .slot__bg .slot__info .slot__info-right .slot-btn {
            padding: 0
        }
          }.slot__container .slot__bg .slot__info .slot__info-right .slot-btn--promo {
            background: rgba(255, 255, 255, 0.2);
            color: white;
            border: 1px solid rgba(255, 255, 255, 0.2);
          }.slot__container .slot__bg .slot__info .slot__info-right .slot-btn--promo:hover {
              background: white;  
              border-color: white;
              color: #2C3341;
            }.slot__container .slot__bg .slot__info .slot__info-right .slot-btn--play {
            background: #FFCC00;
            color: #2C3341; 
          }.slot__container .slot__bg .slot__info .slot__info-right .slot-btn--play:hover {
              background: white;
            }.slot__container .slot__wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 50.625vw;
    max-width: 1250px;
    border-radius: 20px;
    margin: 0 auto;
    flex-shrink: 0;
    background-color: var(--slot-bg-color);
    transition: background-color 0.6s ease, background 0.6s ease;
  }@media (min-width: 1400px) {.slot__container .slot__wrap {
      width: 1280px;
      height: 720px;
      margin: 0 auto
  }
    }@media (max-width: 767px) {.slot__container .slot__wrap {
      width: 100%;
      height: 400px
  }
    }.slot__container .slot__iframe__wrap {
    position: relative;
    width: 100%;
    height: 100%;
  }.slot__container .slot__iframe {
    width: 100%;
    height: 100%;
    border: 0;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }.slot__container .slot__overlay {
    width: 100%;
    height: 100%;

    -js-display: flex;

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

    padding-top: 10px;
    gap: 20px;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: var(--slot-bg-color);
    transition: background-color 0.6s ease, background 0.6s ease;
  }.slot__container .ask__btn {
    width: 60vw;
    height: 50px;
    border-radius: 50px;

    max-width: 300px;

    white-space: nowrap;

    -js-display: flex;

    display: flex;
    align-items: center;
    justify-content: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
  }.slot__container .ask__btn.btn__yes {
  background-color: #FFCC00;
  color: black;
  border-radius: 50px;
  cursor: pointer;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
    }.slot__container .ask__btn.btn__yes:hover,
  .slot__container .ask__btn.btn__yes.is-hover,
  .slot__container .ask__btn.btn__yes:focus,
  .slot__container .ask__btn.btn__yes.is-focus {
    background-color: white;
    color: black;
  }.slot__container .ask__btn.btn__yes:active,
  .slot__container .ask__btn.btn__yes.is-active {
    background-color: #FFCC00;
    color: black;
  }.slot__container .ask__btn.btn__no {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border-radius: 50px;
  cursor: pointer;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
    }.slot__container .ask__btn.btn__no:hover,
  .slot__container .ask__btn.btn__no.is-hover,
  .slot__container .ask__btn.btn__no:focus,
  .slot__container .ask__btn.btn__no.is-focus {
    background-color: rgba(255, 255, 255, 0.4);
    color: white;
  }.slot__container .ask__btn.btn__no:active,
  .slot__container .ask__btn.btn__no.is-active {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;
  }.slot__navigation {
  -js-display: flex;
  display: flex;
  width: 100%;
  margin: 0 auto;
  height: 100px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 1250px;
  position: relative;
  box-sizing: border-box;
  z-index: 10;
}.slot__nav-item {
  -js-display: flex;
  display: flex;
  align-items: center;
  gap: 15px;
}.slot__nav-item--prev {
    flex-direction: row;
  }.slot__nav-item--prev .slot__nav-name {
      text-align: left;
    }.slot__nav-item--next {
    flex-direction: row;
  }.slot__nav-item--next .slot__nav-name {
      text-align: right;
    }.slot__nav-button {
  -js-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}.slot__nav-button.disabled {
    pointer-events: none;
    opacity: 0.5;
  }.slot__nav-button--all-games {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }.slot__nav-button--prev, .slot__nav-button--next {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
  }.slot__nav-button--prev:hover, .slot__nav-button--next:hover {
      background: white;
    }.slot__nav-button--prev:hover svg path, .slot__nav-button--next:hover svg path {
          stroke: #612194;
        }.slot__nav-button--prev svg, .slot__nav-button--next svg {
      width: 14px;
      height: 14px;
    }.slot__nav-button--prev svg path, .slot__nav-button--next svg path {
        stroke: #FFCC00;
      }.slot__nav-button--all-games {
    height: 60px;
    width: 180px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    font-size: 1.125rem;
    font-weight: 500;
  }@media (max-width: 340px) {.slot__nav-button--all-games {
      width: 140px
  }
    }.slot__nav-button--all-games:hover {
      background: white;
      color: #2C3341;
    }.slot__nav-name {
  font-size: 1.5rem;
  color: white;
  font-weight: 500;
  white-space: pre-line;
  word-wrap: break-word;
  max-width: 150px;
  text-align: left;
  line-height: 1.2;
}@media (max-width: 767px) {.slot__nav-name {
    display: none
}
  }.hide {
  display: none;
}.disable-scroll {
  overflow: hidden !important;
  height: 100vh;
  position: fixed;
  width: 100%;
}.scroller {
  opacity: 0;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 12;
  transition: opacity 200ms ease-in-out;
  cursor: pointer;
  visibility: hidden;
  -js-display: flex;
  display: flex;
}.scroller svg {
    filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.3));
    -webkit-backdrop-filter: blur(7.5px);
            backdrop-filter: blur(7.5px);
    border-radius: 50%;
  }.scroller svg .svg-circle {
      fill: rgba(255, 255, 255, 0.8);
    }.scroller svg .svg-arrow {
      stroke: #28378D;
    }.scroller:hover {
    -webkit-backdrop-filter: initial;
            backdrop-filter: initial;
  }.scroller:hover .svg-circle {
      fill: #FF0066;
    }.scroller:hover .svg-arrow {
      stroke: white;
    }.scroller.show {
    opacity: 1;
    visibility: visible;
  }.games-filters {
  overflow: visible;
  position: relative;
  padding: 0px 15px;
  z-index: 10;
  margin-top: -300px;
  margin-bottom: 150px;
}@media (max-width: 840px) {.games-filters {
    margin-top: -320px;
    margin-bottom: 110px
}
  }@media (max-width: 450px) {.games-filters {
    margin-top: -320px;
    margin-bottom: 80px
}
  }.games-filters .container {
    padding: 0;
    max-width: 1250px;
    margin: 0 auto;
  }.games-filters__title {
    font-size: 5rem;
    line-height: 5rem;
    font-weight: 500;
    color: white;
    margin-bottom: 30px;
  }@media (max-width: 840px) {.games-filters__title {
      font-size: 3.125rem;
      line-height: 3.125rem;
      text-align: center
  }
    }.games-filters__controls {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }@media (max-width: 840px) {.games-filters__controls {
      gap: 20px;
      flex-direction: column;
      align-items: stretch
  }
    }.games-filters__btn {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    padding: 0 20px;
    border-radius: 50px;
    border: none;
    font-size: 1.125rem;
    line-height: auto;
    font-weight: 500;
    cursor: pointer;
    letter-spacing: 0.03125rem;
    white-space: nowrap;
  }.games-filters__btn--all {
      background: #FFCC00;
      color: #2C3341;
      width: 15%;
    }@media (max-width: 840px) {.games-filters__btn--all {
        width: 100%
    }
      }.games-filters__btn--all:hover {
        background: white;
      }.games-filters__dropdown {
    position: relative;
    width: 27%;
  }.games-filters__controls.no-reset .games-filters__dropdown {
      width: 32%;
    }@media (max-width: 840px) {.games-filters__dropdown--toggle {
        width: 100% !important
    }
      }@media (max-width: 840px) {.games-filters__dropdown--desktop {
        display: none
    }
      }.games-filters__controls.no-reset .games-filters__dropdown {
      width: 32%;
    }@media (max-width: 840px) {.games-filters__dropdown--toggle {
        width: 100% !important
    }
      }@media (max-width: 840px) {.games-filters__dropdown--desktop {
        display: none
    }
      }.games-filters__dropdown--mobile {
      display: none;
      transition: transform 0.3s ease;
    }@media (max-width: 840px) {.games-filters__dropdown--mobile {
        display: block;
        width: 100%
    }
      }@media (max-width: 840px) {.games-filters__dropdown {
      width: 100%
  }
    }.games-filters__dropdown.active .games-filters__dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
      }.games-filters__dropdown.active .games-filters__dropdown-arrow-down {
        opacity: 0;
      }.games-filters__dropdown.active .games-filters__dropdown-arrow-up {
        opacity: 1;
      }@media (max-width: 840px) {.games-filters__toggle {
      width: 100% !important
  }
    }.games-filters__dropdown-btn {
    height: 60px;
    padding: 0 20px;
    padding-right: 60px;
    border-radius: 50px;
    border: none;
    background: white;
    color: #2C3341;
    font-size: 1.125rem;
    font-weight: 500;
    cursor: pointer;
    width: 100%;
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: background-color 0.3s ease;
  }.games-filters__dropdown-text {
    color: #2C3341;
    text-align: left;
    margin-right: 10px;
  }.games-filters__dropdown-value {
    color: #2C3341;
    margin-right: 10px;
    transition: opacity 0.3s ease, color 0.3s ease;
  }.games-filters__dropdown-arrow {
    position: absolute;
    right: 20px;
    width: 24px;
    height: 24px;
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
  }.games-filters__dropdown-arrow svg {
      width: 100%;
      height: 100%;
      transition: opacity 0.3s ease;
    }.games-filters__dropdown-arrow-down {
    position: absolute;
    opacity: 1;
    transition: opacity 0.3s ease;
  }.games-filters__dropdown-arrow-down svg {
      transform: rotate(90deg);
    }.games-filters__dropdown-arrow-up {
    position: absolute;
    opacity: 0;
    transition: opacity 0.3s ease;
  }.games-filters__dropdown-arrow-up svg {
      transform: rotate(-90deg);
    }.games-filters__dropdown-value {
    margin-right: 10px;
    transition: opacity 0.3s ease;
  }.games-filters__dropdown-arrows {
    position: absolute;
    right: 20px;
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
  }.games-filters__dropdown-arrows svg {
      width: 26px;
      height: 17px;
      transition: transform 0.3s ease;
    }.games-filters__toggle .games-filters__dropdown-btn:hover .games-filters__dropdown-value {
        color: rgba(44,51,65,0.31373);
      }.games-filters__toggle.active .games-filters__dropdown-value {
        opacity: 1;
      }.games-filters__toggle.active .games-filters__dropdown-arrows svg {
        transform: rotate(180deg);
      }.games-filters__dropdown-gap {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 99;
    pointer-events: auto;
  }.games-filters__dropdown-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    padding: 10px 0 10px 0;
    background: white;
    border-radius: 30px;
    opacity: 0;
    z-index: 100;
    overflow: visible;
    visibility: visible;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    max-height: 300px;
    overflow-y: auto;
  }@media (max-width: 840px) {.games-filters__dropdown-menu {
      box-shadow: none
  }
    }.games-filters.active .games-filters__dropdown-menu {
      pointer-events: auto;
    }.games-filters.active .games-filters__dropdown-gap {
      pointer-events: auto;
    }.games-filters__dropdown-item {
    height: 55px;
    -js-display: flex;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 25px 15px 25px;
    cursor: pointer;
    border-radius: 0;
    transition: background-color 0.2s ease;
  }.games-filters__dropdown-item:first-child {
      margin-top: -10px;
      padding-top: 30px;
      border-radius: 15px 15px 0 0;
    }.games-filters__dropdown-item:last-child {
      margin-bottom: -10px;
      padding-bottom: 30px;
      border-radius: 0 0 15px 15px;
    }.games-filters__dropdown-item:only-child {
      margin-top: -10px;
      margin-bottom: -10px;
      border-radius: 15px;
    }.games-filters__dropdown-item:hover {
      background-color: #EEF3F8;
    }.games-filters__dropdown-item:active {
      background-color: #E2E8ED;
    }.games-filters__dropdown-item.selected .games-filters__checkbox {
        background-color: #FFCC00;
        border-color: #FFCC00;
      }.games-filters__dropdown-item.selected .games-filters__checkbox::after {
          opacity: 1;
        }.games-filters__checkbox {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background-color: transparent;
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    position: relative;
  }.games-filters__checkbox::after {
      content: '';
      width: 16px;
      height: 16px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%232C3341%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%2720 6 9 17 4 12%27%3E%3C/polyline%3E%3C/svg%3E");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      opacity: 0;
      transition: opacity 0.2s ease;
    }.games-filters__item-text {
    font-size: 1.125rem;
    font-weight: 500;
    color: #2C3341;
    flex: 1;
  }.games-filters__mobile-toggle {
    display: none;
  }@media (max-width: 840px) {.games-filters__mobile-toggle {
      display: block;
      width: 100%
  }
    }.games-filters__mobile-toggle-btn {
      -js-display: flex;
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 60px;
      padding: 0 20px;
      border-radius: 50px;
      border: none;
      background: white;
      color: #2C3341;
      font-size: 1.125rem;
      font-weight: 500;
      cursor: pointer;
      width: 100%;
    }.games-filters__mobile-toggle-btn span {
        -js-display: flex;
        -js-display: flex;
        display: flex;  
        align-items: center;
        justify-content: center;
      }.games-filters__mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }.games-filters__mobile-menu.active {
      opacity: 1;
      visibility: visible;
    }.games-filters__mobile-menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border: none;
    background: transparent;
    cursor: pointer;
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10001;
  }.games-filters__mobile-menu-close span {
      position: absolute;
      display: block;
      width: 24px;
      height: 3px;
      background: #000000;
      border-radius: 90px;
      transition: transform 0.25s ease-in-out;
    }.games-filters__mobile-menu-close span:nth-child(1) {
        transform: rotate(45deg);
      }.games-filters__mobile-menu-close span:nth-child(2) {
        transform: rotate(-45deg);
      }.games-filters__mobile-menu-content {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 80px 15px 15px 15px;
    overflow-y: auto;
    position: relative;
  }.games-filters__mobile-menu-filters {
    -js-display: flex;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 80px;
    transition: padding-bottom 0.3s ease;
  }.games-filters__mobile-menu-separator {
    width: 100%;
    height: 1px;
    background: rgba(7,35,92,0.06275);
    margin: 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
    flex-shrink: 0;
  }.games-filters__mobile-menu-separator--hidden {
      transform: translate3d(0, 100%, 0);
      opacity: 0;
      pointer-events: none;
    }.games-filters__mobile-menu-show {
    -js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin-left: 15px;
    margin-right: 15px;
    background: #FFCC00;
    color: #2C3341;
    border: none;
    border-radius: 50px;
    font-size: 1.125rem;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    bottom: 70px;
  }.intro-games {
  background-color: #4A135E;
  background-color: var(--intro-bg-color, #4A135E);
  overflow: hidden;
  padding: 120px 15px;
  z-index: 10;
  height: 1000px;
}@media (max-width: 1200px) {.intro-games {
    height: 1100px
}
  }@media (max-width: 840px) {.intro-games {
    margin-top: -100px;
    padding: 100px 15px 60px;
    height: 1450px
}
  }@media (max-width: 450px) {.intro-games {
    padding: 100px 15px;
    height: 1530px
}
  }.intro-games .intro-slider {
    margin-bottom: 0;
    overflow: visible;
  }