@font-face {     font-family: 'Rubik Bold';     src: url(/shared/3249/Rubik-Bold.eot);     src: url(/shared/3249/Rubik-Bold.eot) format('embedded-opentype'),     url(/shared/3249/Rubik-Bold.woff2) format('woff2'),     url(/shared/3249/Rubik-Bold.woff) format('woff'),     url(/shared/3249/Rubik-Bold.ttf) format('truetype'),     url(/shared/3249/Rubik-Bold.svg) format('svg');     font-weight: bold;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Rubik Regular';     src: url(/shared/3249/Rubik-Regular.eot);     src: url(/shared/3249/Rubik-Regular.eot) format('embedded-opentype'),     url(/shared/3249/Rubik-Regular.woff2) format('woff2'),     url(/shared/3249/Rubik-Regular.woff) format('woff'),     url(/shared/3249/Rubik-Regular.ttf) format('truetype'),     url(/shared/3249/Rubik-Regular.svg) format('svg');     font-weight: normal;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'Rubik SemiBold';     src: url(/shared/3249/Rubik-SemiBold.eot);     src: url(/shared/3249/Rubik-SemiBold.eot) format('embedded-opentype'),     url(/shared/3249/Rubik-SemiBold.woff2) format('woff2'),     url(/shared/3249/Rubik-SemiBold.woff) format('woff'),     url(/shared/3249/Rubik-SemiBold.ttf) format('truetype'),     url(/shared/3249/Rubik-SemiBold.svg) format('svg');     font-weight: 600;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'SF Pro Text Bold';     src: url(/shared/3249/SFProText-Bold.eot);     src: url(/shared/3249/SFProText-Bold.eot) format('embedded-opentype'),     url(/shared/3249/SFProText-Bold.woff2) format('woff2'),     url(/shared/3249/SFProText-Bold.woff) format('woff'),     url(/shared/3249/SFProText-Bold.ttf) format('truetype'),     url(/shared/3249/SFProText-Bold.svg) format('svg');     font-weight: bold;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'SF Pro Text Medium';     src: url(/shared/3249/SFProText-Medium.eot);     src: url(/shared/3249/SFProText-Medium.eot) format('embedded-opentype'),     url(/shared/3249/SFProText-Medium.woff2) format('woff2'),     url(/shared/3249/SFProText-Medium.woff) format('woff'),     url(/shared/3249/SFProText-Medium.ttf) format('truetype'),     url(/shared/3249/SFProText-Medium.svg) format('svg');     font-weight: 500;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'SF Pro Text Regular';     src: url(/shared/3249/SFProText-Regular.eot);     src: url(/shared/3249/SFProText-Regular.eot) format('embedded-opentype'),     url(/shared/3249/SFProText-Regular.woff2) format('woff2'),     url(/shared/3249/SFProText-Regular.woff) format('woff'),     url(/shared/3249/SFProText-Regular.ttf) format('truetype'),     url(/shared/3249/SFProText-Regular.svg) format('svg');     font-weight: normal;     font-style: normal;     font-display: swap; }  @font-face {     font-family: 'SF Pro Text Semibold';     src: url(/shared/3249/SFProText-Semibold.eot);     src: url(/shared/3249/SFProText-Semibold.eot) format('embedded-opentype'),     url(/shared/3249/SFProText-Semibold.woff2) format('woff2'),     url(/shared/3249/SFProText-Semibold.woff) format('woff'),     url(/shared/3249/SFProText-Semibold.ttf) format('truetype'),     url(/shared/3249/SFProText-Semibold.svg) format('svg');     font-weight: 600;     font-style: normal;     font-display: swap; }  blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {     margin: 0; }  * {     box-sizing: border-box; }  body, html {     overflow-x: hidden;     scroll-behavior: smooth; }  body {     display: flex;     flex-direction: column;     color: #fff;     font-size: 16px;     font-family: 'SF Pro Text Regular', sans-serif;     margin: 0;     line-height: inherit;     background-color: #150822; }  .container {     max-width: 1252px;     margin: 0 auto; }  .burger {     position: relative;     display: none;     flex-direction: column;     align-items: center;     justify-content: center;     width: 1.5rem;     height: 1.5rem;     margin-right: .75rem;     margin-left: .75rem;     cursor: pointer;     transition: .3s ease-out; }  .burger-white {     background-color: rgb(255 255 255);     position: absolute;     display: block;     width: 1.5rem;     height: .1875rem;     border-radius: .125rem;     transform: translateZ(0);     transform-origin: left;     transition: .3s transform ease-out, .15s width ease-out, .4s opacity ease-out; }  .burger span:first-child {     top: .125rem; }  .burger span:nth-child(2) {     width: 2rem; }  .burger span:nth-child(3) {     bottom: .125rem; }  .burger:hover:not(.active) span {     width: 2rem;     background-color: rgb(251 247 27); }  .header--qes {     position: fixed;     top: 0;     left: 0;     z-index: 4;     display: flex;     align-items: center;     justify-content: space-between;     width: 100%;     height: 70px;     padding: .625rem 1.875rem;     background-color: rgb(29 21 41); }  .logo {     display: block;     box-sizing: content-box;     width: 6.875rem;     height: 100%;     padding: 0 1.5rem;     user-select: none; }  .header--qes__block, .nav__list {     display: flex;     align-items: center; }  .nav__list {     list-style: none;     padding: 0; }  .nav__link {     position: relative;     display: block;     padding: .75rem;     text-transform: uppercase;     transition: color .15s ease-out;     user-select: none;     color: rgb(156 163 175);     font-family: 'SF Pro Text Medium', sans-serif;     text-decoration: inherit; }  .nav__link:hover {     color: rgb(255 255 255); }  .btn {     position: relative;     border-radius: .75rem;     background-color: #ffffff0f;     padding: .75rem 1.5rem;     font-size: .875rem;     color: rgb(255 255 255);     font-family: 'SF Pro Text Bold', sans-serif;     text-decoration: none; }  .btn:hover {     background-color: #ffffff1f;     color: rgb(231 231 249); }  .registration {     color: rgb(21 8 33);     background-color: rgb(251 247 28); }  .registration:hover {     color: rgb(29, 9, 49);     background-color: rgb(255, 251, 72); }  .main--qes {     margin-top: 90px; }  .main--qes__nav__list {     list-style: none;     padding: 0;     display: flex;     flex-wrap: wrap;     margin: 0; }  .main--qes__nav__item {     margin: 0; }  .main--qes__nav__link {     display: flex;     align-items: center;     justify-content: center;     padding: .9375rem 1.125rem;     user-select: none;     font-weight: 500;     line-height: 1.125rem;     color: #ffffff;     text-decoration: none; }  .main--qes__nav__link img {     margin-right: .625rem; }  .swiper {     width: 100%;     height: 100%;     position: relative; }  .swiper-slide {     text-align: center;     font-size: 18px;     display: flex;     justify-content: center;     align-items: center; }  .swiper-slide img {     width: 100%;     height: 100%;     object-fit: cover; }  .swiper-slide .desktop {     display: block; }  .swiper__text {     position: absolute;     bottom: calc(45% - 5rem);     left: 2rem;     width: 83.333333%;     gap: calc(1vh - 2.5rem);     display: flex;     flex-direction: column;     align-items: flex-start;     font-family: 'SF Pro Text Bold', sans-serif; }  .table {     display: none; }  .mobile {     display: none; }  .text-body, .text-subtitle {     font-family: 'SF Pro Text Regular', sans-serif;     margin-bottom: 1rem;     background-color: rgb(142 54 255);     font-size: 1rem;     line-height: 1.5rem;     text-align: center;     padding: .5rem;     border-radius: .75rem; }  .text-title {     max-width: 24rem;     font-size: 1.875rem;     line-height: 2.25rem;     font-weight: 700;     font-family: 'SF Pro Text Bold', sans-serif;     text-align: left; }  .text-subtitle {     background: none; }  .game--qse {     position: relative;     display: block;     overflow: hidden;     border-radius: 28px;     transform: translateZ(0);     aspect-ratio: 1; }  .game--qses__wrapper {     margin-top: 1.5rem;     margin-bottom: 1.5rem; }  .game--qses__wrapper__inner {     display: grid;     grid-template-columns: repeat(6, 1fr);     gap: 12px; }  .game--qses__title {     display: flex;     gap: .5rem;     font-size: 1.5rem;     line-height: 2rem;     font-family: 'Rubik SemiBold', sans-serif;     padding-top: .5rem;     padding-bottom: .5rem; }  .game--qse__images {     width: 100%;     height: 100%;     transform: scaleZ(1);     transition: transform .5s;     will-change: transform;     mask-image: linear-gradient(#1e1628, #1e1628); }  .game--qse:hover .game--qse__images {     transform: scale3d(1.05, 1.05, 1.05);     mask-image: linear-gradient(#1e1628b3, #1e162800); }  .picture__img {     width: auto;     max-width: 100%;     height: 100%;     object-position: center;     overflow: hidden;     transition: opacity .2s ease-in-out;     object-fit: cover; }  .game--qse__content {     position: absolute;     top: 0;     left: 0;     display: flex;     flex-direction: column;     align-items: center;     justify-content: flex-end;     width: 100%;     height: 100%;     padding: 12px;     text-align: center;     visibility: hidden;     cursor: default;     opacity: 1;     transition: .3s;     pointer-events: none;     touch-action: none; }  .game--qse:hover .game--qse__content {     visibility: visible;     opacity: 1;     pointer-events: unset;     touch-action: unset; }  .game--qse__title {     font-family: 'SF Pro Text Bold', sans-serif;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     margin-top: .25rem;     font-size: .875rem;     line-height: 1.25rem;     padding-left: .25rem;     padding-right: .25rem;     margin-bottom: 0;     max-width: 100%; }  .game--qse__text {     font-family: 'SF Pro Text Regular', sans-serif;     margin-top: .25rem;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;     color: rgb(156 163 175);     font-size: .875rem;     line-height: 1.25rem;     margin-bottom: 0; }  .demo {     display: flex;     justify-content: space-between;     margin-top: .75rem;     margin-left: auto; }  .game--qses__wrapper__inner.promo {     display: flex;     justify-content: space-between;     gap: 12px; }  .promo__game--qse {     background: url(/shared/3249/default-event-background.webp) center center / cover no-repeat;     width: 49%;     border-radius: .75rem;     transform: translateZ(0);     backface-visibility: hidden;     overflow: hidden;     transition-property: transform;     flex-shrink: 0;     position: relative;     display: flex;     height: auto;     align-items: stretch;     justify-content: center; }  .promo__game--qse__content {     padding: 2rem;     width: 50%;     display: flex;     flex-direction: column;     justify-content: center; }  .promo__game--qse__title {     font-family: 'SF Pro Text Bold', sans-serif;     font-size: 1.875rem;     line-height: 2.25rem; }  .promo__game--qse__text {     font-size: .875rem;     line-height: 1.25rem;     margin-top: .375rem; }  .promo__game--qse .btn {     margin-top: 1rem;     width: max-content; }  .promo__game--qse__images {     width: 50%; }  .reverse {     flex-direction: row-reverse; }  .text__right {     text-align: right; }  .right {     margin-left: auto; }  .bonuses .game--qses__title {     display: flex;     align-items: center;     justify-content: space-between;     padding: 1.5rem 0 .75rem; }  .bonuses__wrapper {     display: flex;     flex-wrap: wrap;     margin: .75rem 0; }  .game--qses__wrapper__flex {     display: flex;     justify-content: space-between;     align-items: center;     gap: 12px; }  .provider__game--qse {     width: 168.5px;     display: flex;     align-items: center;     justify-content: center;     height: 5.625rem;     padding: 1.25rem;     border-radius: 1.75rem;     background-color: #ffffff0f; }  .provider__game--qse img {     width: 100%;     max-height: 100%; }  .provider__game--qse:nth-child(2) img {     width: auto;     max-height: 100%; }  .content__wrapper {     background-color: #ffffff0f;     position: relative;     box-sizing: border-box;     margin-top: 3rem;     padding: 1.5rem;     overflow: hidden;     border-radius: 1.75rem;     transition: background .3s, max-height .5s; }  .content__title {     font-size: 1.875rem;     line-height: 2.25rem;     margin-top: 1.5rem;     margin-bottom: 1.5rem;     text-transform: uppercase; } .table-of-contents {     margin-bottom: 15px; } .toc_title {     display: flex;     justify-content: space-between; }  .table-of-contents__list {     display: none;     margin: 0 30px 0;     padding: 0 0 15px 0;     list-style: none; }  .table-of-contents__hide {     cursor: pointer;     text-transform: uppercase;     font-weight: 600; }  .table-of-contents__hide:hover {     text-decoration: underline; }  .table-of-contents.open .table-of-contents__list {     display: block; } .content__text {     color: #8990a5;     font-size: 1rem;     line-height: 1.5rem;     margin-bottom: .75rem; }  .content__text p {     margin-bottom: .75rem; }  .content__text a, .level-1 a {     color: #fbf71c; }  .content__text a:hover, .level-1 a:hover {     text-decoration: none;     color: #fffdaa; }  .content__text h2 {     font-size: 1.25rem;     line-height: 2rem;     margin-bottom: .75rem;     color: #fff;     text-transform: uppercase; }  .content__text h3 {     font-size: 1.15rem;     line-height: 2rem;     margin-bottom: .75rem;     color: #fff;     text-transform: uppercase; }  .content__text ul {     list-style: none;     padding: 0; }  .content__text ul li {     position: relative;     padding-left: 25px; }  .content__text li {     margin-bottom: 1.5rem; }  .content__text ul li:before {     content: '-'; }  table {     border: 1px solid #8990a5;     border-collapse: collapse;     width: 100%; }  tr, td, th {     border: 1px solid #8990a5;     padding: 10px; }  tr:nth-child(odd) {     background: #ffffff0f; }  tr:first-child {     background: none; }  tbody tr:first-child {     background: #ffffff0f; }  .content__text img {     max-width: 100%;     height: auto;     margin: 10px 0; }  .content button {     width: 100%;     display: block;     background: none;     border: none;     padding: .75rem 1.5rem;     margin-top: 25px; }  .content button a {     display: block;     position: relative;     border-radius: .75rem;     padding: .75rem 1.5rem;     font-size: .875rem;     font-family: 'SF Pro Text Bold', sans-serif;     text-decoration: none;     color: rgb(21 8 33);     background-color: rgb(251 247 28); }  .content button a:hover {     color: rgb(29, 9, 48);     background-color: rgb(255, 251, 73); }  .footer {     margin-top: 2.8125rem; }  .footer__wrapper {     padding: 2.25rem 0;     border-top: 1px solid rgb(255 255 255 / 6%);     display: flex; }  .footer__col:first-child {     width: 21.25rem;     flex-shrink: 1; } .footer__col__inner {     display: flex;     align-items: center; } .footer__col:not(:last-child) {     margin-right: 3rem; } .trast {     display: block;     text-decoration: none;     width: 90px;     height: 50px;     padding: 0 1.5rem;     margin: 15px; } .trast img {     width: auto;     height: 100%; } .trast:nth-child(3), .trast:nth-child(4) {     width: 165px;     height: 40px; } .trast:nth-child(3) img, .trast:nth-child(4) img {     width: 100%;     height: auto; } .footer__18plus {     display: inline-block;     width: 2.5rem;     height: 2.5rem;     vertical-align: middle; }  .footer__col .logo {     height: max-content; }  .footer__title {     margin-bottom: .6875rem;     text-transform: uppercase;     font-size: .875rem;     line-height: 1.25rem;     font-family: 'SF Pro Text Bold', sans-serif; }  .footer__col ul {     list-style: none;     margin: 0;     padding: 0; }  .footer__link {     display: inline-block;     margin-top: .8125rem;     color: #8990a5;     transition: color .3s;     text-decoration: inherit;     font-family: 'SF Pro Text Medium', sans-serif;     font-size: .875rem;     line-height: 1.25rem; }  .footer__link:hover {     color: #fbf71c; }  .fixed {     position: fixed;     right: 0;     z-index: 2;     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     font-weight: 700;     font-size: 1rem;     cursor: pointer;     -webkit-backdrop-filter: blur(12px);     backdrop-filter: blur(12px);     transition: .3s;     -webkit-user-select: none;     -ms-user-select: none;     user-select: none;     background-color: #ffffff0f;     visibility: visible;     opacity: 1;     width: 3.6923076923rem;     height: 3.6923076923rem;     border-radius: .9230769231rem 0 0 .9230769231rem; }  .scroll-to-top-btn.fixed {     display: none;     bottom: 8.7692307692rem; }  .cookie-banner {     max-width: 540px;     width: 100%;     z-index: 900;     justify-content: center;     padding-bottom: 16px;     display: none;     position: fixed;     bottom: 0;     left: 50%;     transform: translate(-50%); }  .cookie-banner__wrap {     box-sizing: border-box;     background-color: #332b44;     align-items: center;     display: flex;     box-shadow: 0 0 15px #0000001a;     border-radius: 10px;     padding: 16px; }  .cookie-banner__text {     color: #ffffff;     flex: auto;     padding-inline-end: 12px;     font-size: 12px;     line-height: 16px; }  .cookie-banner__wrap img {     width: 40px;     height: 40px;     margin-right: 10px; }  .cookie-banner__wrap .btn {     border: none;     cursor: pointer; }  @media (max-width: 1255px) {     .container {         padding: 0 10px;     } }  @media (max-width: 1024px) {     .game--qses__wrapper__inner {         grid-template-columns: repeat(3, 1fr);     }      .game--qses__wrapper__flex {         justify-content: space-evenly;         flex-wrap: wrap;     } }  @media (max-width: 960px) {     .promo__game--qse {         width: 100%;     }      .game--qses__wrapper__inner.promo {         flex-wrap: wrap;     } }  @media (max-width: 768px) {     .burger {         display: flex;     }      .header--qes__nav {         position: fixed;         background: #1e1628;         top: 70px;         left: -300px;         height: 100vh;         width: 300px;         transition: .3s transform ease-out, .15s left ease-out, .05s opacity ease-out;     }      .header--qes__nav.active {         left: 0;     }      .nav__list {         flex-direction: column;     }      .nav__link:hover {         background-color: #ffffff0f;         border-radius: .75rem;     }      .nav__link:before {         position: absolute;         left: 0;         display: block;         width: .125rem;         height: 1rem;         border-radius: 0 .125rem .125rem 0;         box-shadow: 0 0 1.125rem 0 #fbf71c;         opacity: 0;         transition: .15s ease-out;         background-color: rgb(251 247 28);         content: "";     }      .nav__link:hover:before {         opacity: 1;     }      .burger.active span {         transition: .3s transform ease-out, .15s width ease-out, .05s opacity ease-out;     }      .burger.active span:first-child {         transform: rotate(45deg) translateZ(0);     }      .burger.active span:nth-child(2) {         opacity: 0;     }      .burger.active span:nth-child(3) {         transform: rotate(-45deg) translateZ(0);     }      .swiper-slide .desktop {         display: none;     }      .swiper-slide .table {         display: block;     }      .swiper__text {         align-items: center;         width: 100%;         left: 0;         bottom: calc(30% - 5rem);     }      .text-title {         text-align: center;     }      .footer__wrapper {         flex-wrap: wrap;     }  }  @media (max-width: 576px) {     .swiper-slide .table {         display: none;     }      .swiper-slide .mobile {         display: block;     }      .text-body, .text-subtitle {         margin: 0;     }      .swiper__text {         bottom: calc(20% - 5rem);     }      .text-title {         max-width: 20rem;     }      p img {         float: none;         text-align: center;         margin: 0 auto;     } }   @media (max-width: 497px) {     .game--qses__wrapper__inner {         grid-template-columns: repeat(2, 1fr);     }      .sign-in {         display: none;     }      .footer__wrapper {         flex-direction: column;     }      .footer__col {         margin-bottom: 3rem;     }      tr, td, th {         padding: 5px;         font-size: 11px;     }      .swiper__text {         bottom: calc(30% - 5rem);     }      .header--qes {         padding: .625rem .5rem;     }      .logo {         padding: 0 1rem;     }      .promo__game--qse__title {         font-size: 1rem;         line-height: 1.5rem;     }      .promo__game--qse__text {         font-size: .8rem;         line-height: 1.25rem;     }      .promo__game--qse__content {         padding: 1rem;     }      .content__wrapper {         padding: 1.5rem .5rem;     }      .main--qes__nav__link {         padding: .9375rem 1rem;     } }