:root {
  --main-font:"Cabin", sans-serif
}
.style-1 {
  --main-font:"Cabin", sans-serif;
  --secondary-font:"Outfit", sans-serif;
  --accent-1:#f6d515;
  --accent-1-hover:#b09715;
  --secondary-button:#312a3c;
  --secondary-button-hover:#2a2234;
  --main-bg:#0c0612;
  --bg-1:#231731;
  --bg-2:#312a3c;
  --stroke:#464646;
  --button-text:#071213;
  --title:#ffffff;
  --body-text:#c2c9d6;
  --secondary-text:#86818a;
  --success:#72c079;
  --error:#ec6020;
  --main-gradient:linear-gradient(90deg, #140e16 0%, #8101ac 100%, #000000 5%);
  --yellow:#f7d50e;
  --menu-icon:#9A8DA8
}
.style-2 {
  --main-font:"Nunito Sans", sans-serif;
  --secondary-font:"Montserrat", sans-serif;
  --accent-1:#01feb0;
  --accent-1-hover:#01b27b;
  --secondary-button:#133134;
  --secondary-button-hover:#0b1d1e;
  --main-bg:#071313;
  --bg-1:#0b1d1e;
  --bg-2:#133134;
  --stroke:#384a4a;
  --button-text:#071213;
  --title:#ffffff;
  --body-text:#c8d5d1;
  --secondary-text:#969f9d;
  --success:#72c076;
  --error:#e9683d;
  --main-gradient:linear-gradient(90deg, #002c2d 0%, #44a08d 100%, #000000 5%);
  --yellow:#f0d442;
  --menu-icon:#6AC2C8
}
*, *::after, *::before {
  box-sizing:border-box
}
blockquote, body, dd, dl, figure, h1, h2, h3, h4, h5, h6, p {
  margin:0
}
ol[role=list], ul[role=list] {
  list-style:none
}
body, html {
  min-height:100vh
}
body {
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden
}
canvas, img, picture, svg, video {
  display:block;
  max-width:100%
}
button, input, select, textarea {
  font:inherit
}
h1, h2, h3, h4, h5, p {
  overflow-wrap:break-word
}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {
  font-weight:700;
  color:var(--title)
}
.h1, h1 {
  font-size:28px;
  line-height:32px
}
.h2, h2 {
  font-size:24px;
  line-height:28px
}
.h3, h3 {
  font-size:20px;
  line-height:24px
}
.h4, h4 {
  font-size:18px;
  line-height:24px
}
.h5, h5 {
  font-size:16px;
  line-height:22px
}
.bon-small {
  font-size:24px;
  line-height:30px;
  font-weight:900
}
.bon-big {
  font-size:58px;
  line-height:64px;
  font-weight:900
}
.button-text {
  font-size:14px;
  line-height:16px;
  font-weight:700
}
body::-webkit-scrollbar-button {
  width:5px;
  height:0
}
body::-webkit-scrollbar-track {
  background-color:var(--bg-2)
}
body::-webkit-scrollbar-thumb {
  border-radius:0;
  background-color:var(--accent-1)
}
body::-webkit-scrollbar-thumb:hover {
  background-color:var(--accent-1)
}
body::-webkit-resizer {
  width:6px;
  height:0
}
body::-webkit-scrollbar {
  width:8px
}
.page-body {
  box-sizing:border-box;
  width:100%;
  margin:0;
  background-color:var(--main-bg);
  font-family:var(--main-font);
  color:var(--body-text)
}
.main {
  margin-top:20px;
  margin-bottom:64px
}
.scroll {
  scrollbar-gutter:stable
}
.page-body--no-scroll {
  position:relative;
  overflow:hidden;
  touch-action:none
}
img {
  height:auto
}
ol, ul {
  padding:0;
  margin:0;
  list-style:none
}
button {
  all:unset;
  box-sizing:inherit
}
.container {
  max-width:2000px;
  padding:0 16px;
  margin:0 auto
}
.container--content {
  max-width:1210px
}
.visually-hidden {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  border:0;
  padding:0;
  white-space:nowrap;
  clip-path:inset(100%);
  clip:rect(0 0 0 0);
  overflow:hidden
}
.button {
  display:inline-flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  color:var(--title);
  font-size:14px;
  line-height:16px;
  font-weight:700;
  background-color:rgba(0, 0, 0, 0);
  border-radius:10px;
  min-width:139px;
  transition:background-color .3s;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  cursor:pointer
}
.button--big {
  padding:16px
}
.button--small {
  padding:10px
}
.button--primary {
  background-color:var(--accent-1);
  color:var(--button-text)
}
.button--primary:focus, .button--primary:hover {
  background-color:var(--accent-1-hover)
}
.button--primary.button--disabled, .button--primary:disabled {
  background-color:var(--stroke);
  color:var(--secondary-text)
}
.button--secondary {
  background-color:var(--secondary-button);
  color:var(--title)
}
.button--secondary:focus, .button--secondary:hover {
  background-color:var(--secondary-button-hover)
}
.button--secondary.button--disabled, .button--secondary:disabled {
  background-color:var(--stroke);
  color:var(--secondary-text)
}
.button__text {
  pointer-events:none
}
.header-buttons {
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-left:auto
}
.header-menu {
  display:flex;
  flex-direction:column;
  position:fixed;
  top:0;
  right:0;
  width:0;
  z-index:2;
  max-width:300px;
  height:100vh;
  overflow-y:auto;
  overflow-x:hidden;
  transform:translateX(100%);
  transition:transform .3s;
  background-color:var(--bg-1)
}
.header-menu:before {
  content:"";
  position:fixed;
  top:0;
  right:0;
  width:100vw;
  height:100vh;
  background-color:rgba(12, 6, 18, .5);
  opacity:0;
  visibility:hidden;
  z-index:-1;
  transform:translateX(-300px);
  transition:opacity
}
.header-menu.open {
  width:100%;
  transform:translateX(0);
  overflow:unset
}
.header-menu.open:before {
  opacity:1;
  visibility:visible;
  transition:opacity .2s .2s, visibility .2s .2s
}
.header-menu__wrap {
  overflow-y:auto;
  overflow-x:hidden;
  height:100%
}
.header-menu__wrap.scroll--usual::-webkit-scrollbar {
  width:4px;
  height:75px;
  background-color:rgba(0, 0, 0, 0)
}
.header-menu__wrap.scroll--usual::-webkit-scrollbar-thumb {
  background-color:var(--accent-1);
  -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3)
}
.header-menu__wrap.scroll--usual::-webkit-scrollbar-track {
  background:rgba(0, 0, 0, 0);
  margin-top:24px;
  margin-bottom:24px
}
.header-menu__close {
  min-width:24px;
  width:24px;
  height:24px;
  margin-left:auto
}
.header-menu__close svg {
  width:24px;
  height:24px;
  fill:var(--title)
}
.header-menu__head {
  padding:24px 24px 0
}
.header-menu__head-wrap {
  display:flex;
  align-items:center;
  justify-content:space-between
}
.header-menu__logo img {
  width:100%;
  -o-object-fit:contain;
  object-fit:contain;
  -o-object-position:left;
  object-position:left
}
.header-menu__logo.style-1 img {
  height:32px
}
.header-menu__logo.style-2 img {
  height:52px
}
.header-menu__buttons {
  justify-content:space-between;
  flex-direction:row-reverse;
  margin-top:24px
}
.header-menu__buttons .button {
  min-width:122px
}
.menu {
  width:100%;
  z-index:2;
  padding:24px
}
.menu__item {
  padding:10px 0
}
.menu__item.open {
  padding-bottom:0
}
.menu__link {
  display:block;
  flex-grow:1;
  font-size:18px;
  line-height:24px;
  font-weight:500;
  color:var(--title);
  text-decoration:none;
  transition:color .3s, background-color .3s;
  cursor:pointer
}
.menu__link:focus, .menu__link:hover {
  color:var(--body-text)
}
.menu__link-wrap {
  display:flex;
  align-items:center;
  padding:4px 0
}
.menu__link-wrap.active .menu__arrow svg {
  transform:rotate(180deg);
  transition-duration:320ms
}
.menu__arrow {
  width:24px;
  height:24px;
  min-width:auto;
  border-radius:50%;
  background-color:var(--secondary-button)
}
.menu__arrow svg {
  width:12px;
  height:12px;
  fill:var(--accent-1)
}
.menu__dropdown {
  max-height:0;
  max-width:0;
  opacity:0;
  visibility:hidden
}
.menu__dropdown .menu__item {
  padding:8px 0
}
.menu__dropdown .menu__link-wrap {
  padding:0;
  border-bottom:none
}
.menu__dropdown .submenu {
  padding:8px 48px 6px 45px
}
.menu__dropdown.open {
  max-height:1500px;
  max-width:unset;
  opacity:1;
  visibility:visible
}
.menu__dropdown .menu__link {
  font-size:16px;
  line-height:24px;
  font-weight:400;
  color:var(--body-text)
}
.menu__icon {
  width:32px;
  height:32px;
  margin-right:12px;
  -o-object-fit:contain;
  object-fit:contain
}
.additional-menu {
  position:fixed;
  bottom:0;
  width:100vw;
  display:flex;
  align-items:center;
  justify-content:space-evenly;
  padding:8px 10px;
  border-radius:10px 10px 0 0;
  background-color:var(--bg-2)
}
.additional-menu__item {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:0;
  min-width:62px;
  pointer-events:unset
}
.additional-menu__item svg {
  flex:none;
  width:32px;
  height:32px;
  fill:var(--menu-icon);
  pointer-events:none
}
.additional-menu__item .button__text, .additional-menu__item .name {
  font-size:10px;
  line-height:12px;
  font-weight:700;
  color:var(--body-text);
  margin-top:3px
}
.additional-menu__button {
  min-width:77px
}
.hero {
  margin-bottom:40px;
  margin-right:-16px;
  margin-left:-16px
}
.hero__card {
  display:flex;
  position:relative;
  background:var(--main-gradient);
  border-radius:0;
  height:381px
}
.hero__image {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:0
}
.hero__info {
  display:flex;
  flex-direction:column;
  text-align:left;
  padding:20px 16px 0;
  z-index:1
}
.hero__text {
  font-family:var(--secondary-font);
  color:var(--title);
  font-size:24px;
  line-height:30px;
  font-weight:900;
  text-transform:capitalize
}
.hero__text span {
  font-family:var(--secondary-font);
  color:var(--yellow);
  font-size:58px;
  line-height:64px;
  font-weight:900
}
.hero__subtext {
  font-family:var(--secondary-font);
  color:var(--yellow);
  font-size:24px;
  line-height:30px;
  font-weight:900
}
.hero__button {
  max-width:320px;
  width:100%;
  z-index:9;
  margin:auto auto 62px
}
.content h2.wp-block-heading, .content h3.wp-block-heading, .content h4.wp-block-heading, .content h5.wp-block-heading, .content>h1:not([class]), .content>h2:not([class]), .content>h3:not([class]), .content>h4:not([class]), .content>h5:not([class]) {
  margin-bottom:16px
}
.content h2.wp-block-heading:not(:first-child), .content>h2:not([class]):not(:first-child) {
  margin-top:32px
}
.content>p:not([class]) {
  font-size:16px;
  line-height:24px;
  font-weight:400
}
.content>p:not([class]):not(:last-child) {
  margin-bottom:16px
}
.content a:not([class]) {
  color:var(--accent-1);
  text-decoration:none;
  transition:.3s
}
.content a:not([class]):focus, .content a:not([class]):hover {
  color:var(--accent-1-hover)
}
.content>figure img, .content>img, .content>p img, .wp-block-image img {
  border-radius:10px
}
.wp-block-image img {
  margin:0 auto 12px
}
.wp-block-image .wp-element-caption {
  color:var(--secondary-text);
  text-align:center;
  font-size:14px;
  margin-bottom:16px
}
.content>ul:not([class]) {
  margin-top:16px;
  padding:0;
  font-size:16px;
  line-height:24px;
  font-weight:400;
  color:var(--body-text);
  list-style-type:none
}
.content>ul:not([class]):not(:last-child) {
  margin-bottom:24px
}
.content>ul:not([class])>li {
  position:relative;
  margin-bottom:16px;
  padding-left:26px
}
.content>ul:not([class])>li::before {
  content:"";
  position:absolute;
  top:6px;
  left:0;
  display:block;
  width:10px;
  height:10px;
  background-color:var(--body-text);
  border-radius:50%
}
.content>ul:not([class])>li:last-child {
  margin-bottom:0
}
.content>ul:not([class]) ul li {
  list-style-position:inside;
  list-style-type:disc
}
.content>ul:not([class]) ol li {
  list-style-position:inside;
  list-style-type:decimal
}
.content>ol:not([class]) {
  margin-top:16px;
  padding-left:24px;
  font-size:16px;
  line-height:24px;
  font-weight:400;
  color:var(--body-text);
  counter-reset:count
}
.content>ol:not([class]):not(:last-child) {
  margin-bottom:16px
}
.content>ol:not([class])>li {
  position:relative;
  padding-left:36px;
  counter-increment:count
}
.content>ol:not([class])>li::before {
  content:counter(count, decimal-leading-zero);
  position:absolute;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--accent-1);
  text-align:center
}
.content>ol:not([class])>li:not(:last-child) {
  margin-bottom:16px
}
.content>ol:not([class])>li ul li {
  list-style-position:inside;
  list-style-type:disc
}
.content>ol:not([class])>li ol li {
  list-style-position:inside;
  list-style-type:decimal
}
.content>blockquote {
  display:grid;
  grid-gap:12px;
  position:relative;
  background-color:var(--accent-1);
  border-radius:10px;
  padding:20px 24px
}
.content>blockquote:not(:last-child) {
  margin-bottom:24px
}
.content>blockquote p {
  font-size:18px;
  color:var(--button-text);
  font-weight:700
}
.content>blockquote p+p {
  margin-top:16px
}
.content>blockquote svg {
  width:36px;
  height:36px;
  fill:var(--body-text);
  flex:none
}
.content .wp-block-table {
  overflow-x:auto;
  border-radius:10px;
  border-top:1px solid var(--bg-2)
}
.content .wp-block-table:not(:last-child) {
  margin-bottom:32px
}
.wp-block-table table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border-radius:10px
}
.wp-block-table table thead tr {
  background-color:var(--bg-2)
}
.wp-block-table table thead th {
  padding:15px 24px;
  font-size:14px;
  line-height:18px;
  font-weight:700;
  text-align:left;
  color:var(--title)
}
.wp-block-table table thead th:first-child {
  border-radius:10px 0 0
}
.wp-block-table table thead th:last-child {
  border-radius:0 10px 0 0
}
.wp-block-table table tbody tr {
  position:relative
}
.wp-block-table table tbody tr:last-child td {
  border:1px solid var(--bg-2);
  border-left:0;
  border-right:0;
  border-top:0
}
.wp-block-table table tbody tr:last-child td:first-child {
  border:1px solid var(--bg-2);
  border-right:0;
  border-top:0;
  border-radius:0 0 0 10px
}
.wp-block-table table tbody tr:last-child td:first-child:before {
  display:none
}
.wp-block-table table tbody tr:last-child td:last-child {
  border:1px solid var(--bg-2);
  border-left:0;
  border-top:0;
  border-radius:0 0 10px
}
.wp-block-table table tbody tr:last-child td:last-child:before {
  display:none
}
.wp-block-table table tbody tr:not(:last-child) td {
  position:relative
}
.wp-block-table table tbody tr:not(:last-child) td:after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  display:block;
  width:100%;
  border-bottom:1px solid var(--bg-2)
}
.wp-block-table table tbody tr td:first-child:before {
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  display:block;
  width:1px;
  background-color:var(--bg-2)
}
.wp-block-table table tbody tr td:last-child:before {
  content:"";
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  display:block;
  width:1px;
  background-color:var(--bg-2)
}
.wp-block-table table td {
  padding:20px 24px;
  font-size:14px;
  line-height:18px;
  font-weight:400;
  background-color:rgba(0, 0, 0, 0);
  color:var(--body-text)
}
.wp-block-table table td:first-child {
  color:var(--title);
  font-size:14px;
  line-height:18px;
  font-weight:700
}
.wp-block-table table td b, .wp-block-table table td strong {
  font-weight:600;
  color:inherit
}
.wp-block-table table td ol, .wp-block-table table td ul {
  padding-left:32px
}
.wp-block-table table td ol:not(:last-child), .wp-block-table table td ul:not(:last-child) {
  margin-bottom:16px
}
.wp-block-table table td ul>li {
  list-style:disc
}
.wp-block-table table td ol>li {
  list-style:decimal
}
.image-gallery {
  position:relative
}
.image-gallery__item {
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
  border-radius:10px;
  border:1px solid var(--stroke)
}
.image-gallery__image {
  width:100%;
  height:100%;
  -o-object-fit:cover;
  object-fit:cover;
  border-radius:10px
}
.image-gallery__main-slider {
  position:relative;
  width:100%;
  height:196px;
  margin-bottom:24px
}
.image-gallery__thumbs-slider {
  height:116px;
  box-sizing:border-box;
  padding:10px 0
}
.image-gallery__thumbs-slider .swiper-slide {
  width:20%;
  height:100%;
  opacity:.6
}
.image-gallery__thumbs-slider .swiper-slide-thumb-active {
  opacity:1
}
.image-gallery .swiper-button-next, .image-gallery .swiper-button-prev {
  display:flex;
  position:absolute;
  top:unset;
  bottom:44px;
  width:28px;
  height:28px;
  margin:0;
  z-index:30;
  border-radius:50%;
  background:var(--secondary-button)
}
.image-gallery .swiper-button-next .swiper__icon, .image-gallery .swiper-button-prev .swiper__icon {
  width:12px;
  height:12px;
  fill:var(--accent-1)
}
.image-gallery .swiper-button-next.swiper-button-disabled, .image-gallery .swiper-button-next:after, .image-gallery .swiper-button-prev.swiper-button-disabled, .image-gallery .swiper-button-prev:after {
  display:none
}
.image-gallery .swiper-button-prev {
  left:-12px
}
.image-gallery .swiper-button-prev .swiper__icon {
  transform:rotate(90deg)
}
.image-gallery .swiper-button-next {
  right:-12px
}
.image-gallery .swiper-button-next .swiper__icon {
  transform:rotate(-90deg)
}
.game-block {
  margin-bottom:24px
}
.game-block__heading {
  display:flex;
  align-items:center
}
.game-block__title {
  margin-bottom:16px
}
.game-block__link {
  color:var(--accent-1);
  font-size:16px;
  line-height:20px;
  font-weight:700;
  padding:9px 0;
  margin-bottom:12px;
  margin-left:auto;
  min-width:auto
}
.game-block__wrap {
  display:flex
}
.game-block__item {
  position:relative;
  cursor:pointer;
  width:208px
}
.game-block__item:focus .game-block__icon-play, .game-block__item:focus .game-block__image-wrap:before, .game-block__item:focus .game-block__overlay, .game-block__item:hover .game-block__icon-play, .game-block__item:hover .game-block__image-wrap:before, .game-block__item:hover .game-block__overlay {
  opacity:1;
  visibility:visible
}
.game-block__image {
  position:relative;
  width:100%;
  height:100%;
  border-radius:10px;
  -o-object-fit:cover;
  object-fit:cover;
  -o-object-position:center;
  object-position:center
}
.game-block__image-wrap {
  padding:6px 6px 5px;
  height:164px;
  position:relative
}
.game-block__image-wrap:before {
  content:"";
  position:absolute;
  width:calc(100% - 12px);
  height:calc(100% - 12px);
  background:rgba(49, 42, 60, .7);
  opacity:0;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border-radius:10px;
  z-index:2;
  visibility:hidden;
  transition:opacity .3s, visibility .3s
}
.game-block__name {
  position:relative;
  z-index:1;
  color:var(--title);
  font-size:14px;
  line-height:18px;
  font-weight:700;
  padding-left:16px;
  margin-bottom:6px
}
.game-block__provider {
  position:relative;
  z-index:1;
  color:var(--secondary-text);
  font-size:12px;
  line-height:16px;
  font-weight:400;
  padding-left:16px;
  margin-bottom:6px
}
.game-block__overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  grid-gap:10px;
  background-color:var(--bg-2);
  border-radius:10px;
  padding:6px;
  opacity:0;
  visibility:hidden;
  transition:opacity .3s, visibility .3s;
  z-index:-1
}
.game-block__icon-play {
  position:absolute;
  display:flex;
  top:80px;
  left:50%;
  transform:translate(-50%, -50%);
  width:56px;
  height:56px;
  background-image:var(--icon-play);
  background-repeat:no-repeat;
  background-position:center;
  opacity:0;
  visibility:hidden;
  transition:opacity .3s, visibility .3s;
  z-index:5
}
.game-block .swiper-slide {
  width:162px
}
.game-block .swiper-button-next, .game-block .swiper-button-prev {
  display:flex;
  position:absolute;
  top:68px;
  width:24px;
  height:24px;
  margin:0;
  z-index:30;
  border-radius:50%;
  background:var(--secondary-button)
}
.game-block .swiper-button-next:before, .game-block .swiper-button-prev:before {
  content:"";
  position:absolute;
  z-index:0;
  top:-68px;
  width:100px;
  height:210px;
  opacity:1;
  transition:opacity .3s ease-in-out
}
.game-block .swiper-button-next .swiper__icon, .game-block .swiper-button-prev .swiper__icon {
  width:12px;
  height:12px;
  fill:var(--accent-1)
}
.game-block .swiper-button-next.swiper-button-disabled, .game-block .swiper-button-next:after, .game-block .swiper-button-prev.swiper-button-disabled, .game-block .swiper-button-prev:after {
  display:none
}
.game-block .swiper-button-prev {
  left:0
}
.game-block .swiper-button-prev:before {
  background:linear-gradient(-90deg, rgba(12, 6, 18, 0) 0, var(--main-bg) 100%);
  left:0
}
.game-block .swiper-button-prev .swiper__icon {
  transform:rotate(90deg)
}
.game-block .swiper-button-next {
  right:0
}
.game-block .swiper-button-next:before {
  background:linear-gradient(90deg, rgba(12, 6, 18, 0) 0, var(--main-bg) 100%);
  right:0
}
.game-block .swiper-button-next .swiper__icon {
  transform:rotate(-90deg)
}
.game-block--winners .game-block__item {
  display:flex;
  align-items:center;
  background-color:var(--bg-2);
  border-radius:10px;
  padding:6px;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.game-block--winners .game-block__image-wrap {
  height:56px;
  width:56px;
  padding:0;
  margin-right:12px;
  pointer-events:none
}
.game-block--winners .game-block__image-wrap:before {
  display:none
}
.game-block--winners .game-block__info {
  display:flex;
  flex-direction:column;
  pointer-events:none
}
.game-block--winners .game-block__username {
  color:var(--secondary-text);
  font-size:12px;
  line-height:16px;
  font-weight:400;
  margin-bottom:4px;
  pointer-events:none
}
.game-block--winners .game-block__total {
  color:var(--title);
  font-size:14px;
  line-height:18px;
  font-weight:700
}
.game-block--winners .swiper-slide {
  width:144px
}
.game-block--winners .swiper-button-next, .game-block--winners .swiper-button-prev {
  top:20px
}
.game-block--winners .swiper-button-next:before, .game-block--winners .swiper-button-prev:before {
  height:68px;
  width:50px;
  top:-20px
}
.footer-menu {
  margin-bottom:28px
}
.footer-menu__item--dropdown {
  display:flex;
  flex-direction:column;
  padding-right:0
}
.footer-menu__link-wrap {
  display:flex;
  align-items:center;
  padding:20px 0;
  border-top:1px solid var(--stroke)
}
.footer-menu__link-wrap.active .footer-menu__arrow svg {
  transform:rotate(180deg);
  transition-duration:320ms
}
.footer-menu__link {
  display:block;
  flex-grow:1;
  font-size:16px;
  line-height:24px;
  font-weight:700;
  color:var(--secondary-text);
  text-decoration:none;
  transition:color .3s, background-color .3s;
  cursor:pointer
}
.footer-menu__arrow {
  min-width:auto
}
.footer-menu__arrow svg {
  fill:var(--accent-1);
  width:16px;
  height:16px
}
.footer-menu__dropdown {
  max-height:0;
  opacity:0;
  visibility:hidden
}
.footer-menu__dropdown .footer-menu__link-wrap {
  border-top:none;
  padding:0 0 16px
}
.footer-menu__dropdown.open {
  padding:0 0 4px;
  max-height:1500px;
  opacity:1;
  visibility:visible
}
.footer-menu__submenu .footer-menu__link {
  font-size:14px;
  line-height:18px;
  font-weight:700;
  color:var(--title)
}
.footer-logos {
  margin-bottom:40px
}
.footer-logos__title {
  margin-bottom:12px
}
.footer-logos__list {
  display:flex;
  gap:8px;
  overflow-y:hidden;
  overflow-x:auto;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  -ms-overflow-style:none;
  scrollbar-width:none
}
.footer-logos__list::-webkit-scrollbar {
  display:none
}
.footer-logos__item {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  scroll-snap-align:center;
  border-radius:10px;
  background-color:var(--bg-2);
  width:64px;
  height:42px
}
.footer-logos__image {
  height:26px;
  width:auto;
  -o-object-fit:scale-down;
  object-fit:scale-down
}
.table-of-contents {
  border-radius:10px;
  background-color:var(--bg-2);
  margin-bottom:32px
}
.table-of-contents__button {
  display:flex;
  justify-content:center;
  gap:12px;
  font-size:16px;
  line-height:24px;
  font-weight:700;
  padding:12px;
  width:100%;
  position:relative
}
.table-of-contents__button svg {
  fill:var(--title);
  width:22px;
  height:22px
}
.table-of-contents__button.open {
  color:var(--accent-1)
}
.table-of-contents__button.open:before {
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:calc(100% - 40px);
  border-top:1px solid var(--stroke)
}
.table-of-contents__button.open svg {
  fill:var(--accent-1);
  transform:rotate(180deg)
}
.table-of-contents__list {
  display:none;
  list-style-type:decimal;
  list-style-position:inside;
  color:var(--title);
  margin:0 6px 0 20px;
  padding:20px 10px 20px 0;
  max-height:335px;
  overflow-y:scroll
}
.table-of-contents__list .table-of-contents__item::marker {
  transition:color .3s
}
.table-of-contents__list>.table-of-contents__item:hover>.table-of-contents__link {
  color:var(--accent-1)
}
.table-of-contents__list>.table-of-contents__item:hover::marker {
  color:var(--accent-1)
}
.table-of-contents__list>.table-of-contents__item:hover:has(.table-of-contents__sublist:hover)>.table-of-contents__link {
  color:inherit
}
.table-of-contents__list>.table-of-contents__item:hover:has(.table-of-contents__sublist:hover)::marker {
  color:inherit
}
.table-of-contents__list>.table-of-contents__item .table-of-contents__sublist .table-of-contents__item:hover>.table-of-contents__link {
  color:var(--accent-1)
}
.table-of-contents__list>.table-of-contents__item .table-of-contents__sublist .table-of-contents__item:hover::marker {
  color:var(--accent-1)
}
.table-of-contents__list>.table-of-contents__item:not(:last-child) {
  margin-bottom:8px
}
.table-of-contents__list.scroll--usual::-webkit-scrollbar {
  width:4px;
  height:75px;
  background-color:rgba(0, 0, 0, 0)
}
.table-of-contents__list.scroll--usual::-webkit-scrollbar-thumb {
  background-color:var(--secondary-text);
  border-radius:10px;
  -webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, .3)
}
.table-of-contents__list.scroll--usual::-webkit-scrollbar-track {
  background:rgba(0, 0, 0, 0);
  margin-bottom:20px
}
.table-of-contents__item {
  position:relative;
  transition:color .3s
}
.table-of-contents__item::marker {
  font-size:16px;
  line-height:24px;
  font-weight:700;
  transition:color .3s
}
.table-of-contents__item:not(:last-child) {
  margin-bottom:8px
}
.table-of-contents__link {
  color:var(--title);
  font-size:16px;
  line-height:24px;
  font-weight:700;
  text-decoration:none;
  transition:color .3s
}
.table-of-contents__link:hover {
  color:var(--accent-1);
  text-decoration:none
}
.table-of-contents__sublist {
  margin:0;
  padding:8px 0 0 26px;
  list-style:disc inside
}
.table-of-contents__sublist .table-of-contents__item::marker {
  font-size:14px
}
.table-of-contents__sublist .table-of-contents__link {
  font-size:16px;
  line-height:24px;
  font-weight:400
}
.steps {
  border-radius:10px;
  background-color:var(--bg-2);
  padding:24px 16px;
  margin-bottom:32px
}
.steps__item {
  display:flex;
  align-items:flex-start
}
.steps__item:not(:last-child) {
  margin-bottom:16px
}
.steps__counter {
  border-radius:10px;
  background-color:var(--accent-1);
  margin-right:16px;
  min-width:66px;
  text-align:center;
  font-size:16px;
  line-height:24px;
  font-weight:700;
  color:var(--button-text)
}
.steps__text {
  font-size:16px;
  line-height:24px;
  font-weight:400
}
.advantages {
  display:grid;
  grid-gap:16px 30px
}
.advantages:not(:last-child) {
  margin-bottom:32px
}
.advantages__item {
  background-color:var(--bg-2);
  border-radius:10px;
  overflow:hidden
}
.advantages__title {
  padding:12px 24px;
  color:var(--button-text)
}
.advantages__title--plus {
  background-color:var(--success)
}
.advantages__title--minus {
  background-color:var(--error)
}
.advantages__list {
  padding:24px
}
.advantages__list li {
  padding-left:28px;
  background-repeat:no-repeat;
  background-position:left center;
  background-size:16px;
  word-wrap:break-word
}
.advantages__list li:not(:last-child) {
  margin-bottom:16px
}
.advantages__list--plus li {
  background-image:var(--icon-success)
}
.advantages__list--minus li {
  background-image:var(--icon-error)
}
.faq {
  display:grid
}
.faq:not(:last-child) {
  margin-bottom:48px
}
.faq__item {
  background-color:rgba(0, 0, 0, 0);
  border-bottom:1px solid var(--stroke)
}
.faq__item:first-child {
  border-top:1px solid var(--stroke)
}
.faq__icon {
  flex:none;
  width:24px;
  height:24px;
  fill:var(--title);
  margin-left:auto
}
.faq__title {
  display:flex;
  padding:24px 0;
  position:relative;
  cursor:pointer;
  transition:background-color .3s, color .3s, padding-bottom .3s;
  text-transform:none
}
.faq__title h3 {
  margin-right:24px
}
.faq__title.open {
  padding-bottom:20px
}
.faq__title.open h3 {
  color:var(--accent-1)
}
.faq__title.open .faq__icon {
  fill:var(--accent-1);
  transform:rotate(180deg)
}
.faq__text {
  padding:0 24px 24px 0;
  display:none
}
.faq__text p {
  font-size:16px;
  line-height:24px;
  font-weight:400
}
.faq__text p:not(:first-child) {
  margin-top:16px
}
.faq__text ol, .faq__text ul {
  list-style-position:inside;
  padding-left:16px
}
.faq__text ol:not(:first-child), .faq__text ul:not(:first-child) {
  margin-top:16px
}
.faq__text ul {
  list-style-type:disc
}
.faq__text ol {
  list-style-type:decimal
}
.copyright__text {
  font-size:12px;
  line-height:16px;
  font-weight:400;
  color:var(--secondary-text)
}
.header {
  position:sticky;
  top:0;
  left:0;
  z-index:80;
  width:100%;
  background-color:var(--main-bg)
}
.header__wrap {
  display:flex;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid var(--stroke)
}
.header__logo img {
  width:100%;
  -o-object-fit:contain;
  object-fit:contain;
  -o-object-position:left;
  object-position:left
}
.header__logo.style-1 img {
  height:32px
}
.header__logo.style-2 img {
  height:38px
}
.header__buttons .button {
  padding:10px;
  min-width:90px
}
.footer {
  background:var(--main-bg);
  padding:0 0 96px
}
.error-page__info {
  margin-bottom:48px
}
.error-page__title {
  margin-bottom:8px;
  text-transform:uppercase
}
.error-page__subtitle {
  margin-bottom:24px
}
.error-page__button {
  text-decoration:none
}
.error-page__image {
  width:100%;
  margin:0 auto
}
@media screen and (min-width:480px) {
  .hero__card {
    justify-content:center
  }
  .hero__info {
    text-align:center;
    align-items:center;
    padding-top:37px
  }

}
@media screen and (min-width:640px) {
  .hero {
    margin-left:0;
    margin-right:0
  }
  .hero__card, .hero__image {
    border-radius:10px
  }

}
@media screen and (min-width:768px) {
  .additional-menu__button {
    min-width:120px
  }
  .hero__card {
    height:370px
  }
  .hero__text {
    font-size:40px;
    line-height:48px;
    font-weight:900;
    margin-bottom:8px
  }
  .hero__text span {
    font-size:52px;
    line-height:50px;
    font-weight:900
  }
  .hero__subtext {
    font-size:40px;
    line-height:48px;
    font-weight:900
  }
  .hero__button {
    width:320px;
    margin-bottom:75px
  }
  .game-block {
    margin-bottom:32px
  }
  .game-block__image-wrap {
    padding-bottom:8px;
    height:222px
  }
  .game-block__icon-play {
    top:105px
  }
  .game-block .swiper-slide {
    width:220px
  }
  .game-block .swiper-button-next, .game-block .swiper-button-prev {
    top:94px
  }
  .game-block .swiper-button-next:before, .game-block .swiper-button-prev:before {
    top:-94px;
    height:268px
  }
  .game-block--winners .swiper-slide {
    width:144px
  }
  .footer-logos {
    width:calc(50% - 20px)
  }
  .footer-logos__title {
    margin-bottom:16px
  }
  .footer-logos__wrap {
    display:flex;
    justify-content:space-between
  }
  .footer-logos__list {
    flex-wrap:wrap
  }
  .footer-logos__item {
    width:120px;
    height:44px
  }
  .advantages {
    grid-template-columns:repeat(2, 1fr)
  }
  .advantages:not(:last-child) {
    margin-bottom:48px
  }
  .advantages__title {
    padding:12px 32px
  }
  .advantages__list {
    padding:24px 32px
  }

}
@media screen and (min-width:1024px) {
  .h1, h1 {
    font-size:40px;
    line-height:46px
  }
  .h2, h2 {
    font-size:32px;
    line-height:38px
  }
  .h3, h3 {
    font-size:26px;
    line-height:30px
  }
  .h4, h4 {
    font-size:22px;
    line-height:26px
  }
  .h5, h5 {
    font-size:18px;
    line-height:24px
  }
  .bon-small {
    font-size:40px;
    line-height:48px;
    font-weight:900
  }
  .bon-big {
    font-size:50px;
    line-height:52px;
    font-weight:900
  }
  .main {
    margin-top:32px;
    margin-bottom:96px
  }
  .container {
    padding:0 40px 0 320px
  }
  .header-menu {
    width:280px;
    max-width:280px;
    transform:unset;
    left:0
  }
  .header-menu__wrap {
    overflow:auto
  }
  .header-menu__logo {
    margin:0 auto 4px
  }
  .header-menu__logo.style-1 img {
    height:34px
  }
  .header-menu__logo.style-2 img {
    height:52px
  }
  .additional-menu, .header-menu__buttons, .header-menu__close {
    display:none
  }
  .content h1.wp-block-heading, .content h2.wp-block-heading, .content h3.wp-block-heading, .content h4.wp-block-heading, .content h5.wp-block-heading, .content>h1:not([class]), .content>h2:not([class]), .content>h3:not([class]), .content>h4:not([class]), .content>h5:not([class]) {
    margin-bottom:24px
  }
  .content h2.wp-block-heading:not(:first-child), .content>h2:not([class]):not(:first-child) {
    margin-top:32px
  }
  .content>p:not([class]):not(:last-child) {
    margin-bottom:24px
  }
  .wp-block-image img {
    margin-bottom:12px
  }
  .wp-block-image .wp-element-caption {
    margin-bottom:24px
  }
  .content>ul:not([class]) {
    margin-top:24px;
    padding-left:48px
  }
  .content>ul:not([class])>li {
    padding-left:34px
  }
  .content>ol:not([class]) {
    margin-top:24px;
    padding-left:48px
  }
  .content .wp-block-table:not(:last-child), .content>ol:not([class]):not(:last-child), .content>ol:not([class])>li:not(:last-child) {
    margin-bottom:24px
  }
  .image-gallery__main-slider {
    height:486px
  }
  .table-of-contents {
    margin-bottom:48px
  }
  .table-of-contents__list {
    margin:0 6px 0 32px;
    padding:20px 22px 20px 0
  }
  .table-of-contents__button.open:before {
    width:calc(100% - 64px)
  }
  .steps {
    padding:24px 32px;
    margin-bottom:48px
  }
  .steps__item:not(:last-child) {
    margin-bottom:20px
  }
  .faq:not(:last-child) {
    margin-bottom:64px
  }
  .faq__title {
    padding:24px 16px 24px 12px
  }
  .faq__title.open {
    padding-bottom:24px
  }
  .faq__text {
    padding:0 40px 24px 12px
  }
  .header__wrap {
    padding:16px 0
  }
  .header__logo {
    display:none
  }
  .header__buttons .button {
    padding:16px;
    min-width:139px
  }
  .footer {
    padding:40px 0
  }
  .error-page {
    display:flex;
    justify-content:space-between
  }
  .error-page__info {
    margin-bottom:0
  }
  .error-page__title {
    margin-top:81px
  }
  .error-page__subtitle {
    margin-bottom:32px
  }

}
@media screen and (min-width:1400px) {
  .game-block .swiper {
    overflow:hidden
  }
}
.faq__title h3 {
  color: #FFC107; /* жовтий */
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--secondary-button);
  cursor: pointer;
  pointer-events: auto;
}

.swiper-button-next .swiper__icon,
.swiper-button-prev .swiper__icon {
  width: 12px;
  height: 12px;
  color: var(--accent-1);
}

.swiper-button-disabled {
  opacity: .4;
  pointer-events: none;
}
/* Убираем горизонтальный скроллбар, но оставляем прокрутку */
.swiper-wrapper {
  scrollbar-width: none;   /* Firefox */
}
.swiper-wrapper::-webkit-scrollbar {
  display: none;           /* Chrome, Safari */
}
/* Сбрасываем любые повороты и задаём явные углы */
.swiper-button-next .swiper__icon {
  transform: rotate(0deg) !important;   /* вправо */
}

.swiper-button-prev .swiper__icon {
  transform: rotate(180deg) !important; /* влево */
}

/* Podcast */
.podcast { margin: 32px 0 48px; }
.podcast__card{
  display:grid;
  grid-template-columns: 1fr;
  gap:16px;
  background-color: var(--bg-2);
  border-radius:10px;
  padding:16px;
}
@media (min-width:768px){
  .podcast__card{ grid-template-columns: 300px 1fr; align-items:center; padding:24px; }
}

.podcast__brand{ display:flex; align-items:center; gap:12px; }
.podcast__logo{ width:32px; height:32px; object-fit:contain; }
.podcast__heading{ color: var(--yellow); }

.podcast__eq{ display:flex; gap:3px; margin-top:6px; height:14px; }
.podcast__bar{
  width:3px; height:100%;
  background: var(--accent-1);
  border-radius:2px;
  animation: podcast-eq 1s infinite ease-in-out;
  opacity:.9;
}
.podcast__bar:nth-child(2){ animation-delay: .1s }
.podcast__bar:nth-child(3){ animation-delay: .2s }
.podcast__bar:nth-child(4){ animation-delay: .3s }
.podcast__bar:nth-child(5){ animation-delay: .4s }
.podcast__bar:nth-child(6){ animation-delay: .5s }
.podcast__bar:nth-child(7){ animation-delay: .6s }
.podcast__bar:nth-child(8){ animation-delay: .7s }

@keyframes podcast-eq{
  0%, 100% { transform: scaleY(.3); }
  50% { transform: scaleY(1); }
}

.podcast__right{ width:100%; }
.podcast__meta{
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:8px;
}
.podcast__title{ color: var(--title); font-weight:700; }
.podcast__duration{ color: var(--secondary-text); font-size:14px; }

.podcast__audio{
  width:100%;
  height:40px;
  background: var(--bg-1);
  border-radius:8px;
}

/* (необязательно) сгладим нативные контролы в тёмной теме */
.podcast__audio::-webkit-media-controls-panel{
  background: var(--bg-1);
  color: var(--title);
}
.podcast__audio::-webkit-media-controls-play-button,
.podcast__audio::-webkit-media-controls-timeline,
.podcast__audio::-webkit-media-controls-current-time-display,
.podcast__audio::-webkit-media-controls-time-remaining-display,
.podcast__audio::-webkit-media-controls-volume-slider,
.podcast__audio::-webkit-media-controls-mute-button{
  filter: saturate(1.1);
}