::-webkit-scrollbar {     width: 2px; }  ::-webkit-scrollbar-thumb {     background: #3f4e69;     border-radius: 2px;     -webkit-transition: background-color .3s ease-out;     transition: background-color .3s ease-out; }  ::-webkit-scrollbar-track {     background: #0c111c; }  ::selection {     background: #b3d4fc;     text-shadow: none; }  :root {     --swiper-theme-color: #007aff;     --swiper-navigation-size: 44px;     --toastify-color-light: #fff;     --toastify-color-dark: #121212;     --toastify-color-info: #3498db;     --toastify-color-success: #07bc0c;     --toastify-color-warning: #f1c40f;     --toastify-color-error: #e74c3c;     --toastify-color-transparent: #ffffffb3;     --toastify-icon-color-info: var(--toastify-color-info);     --toastify-icon-color-success: var(--toastify-color-success);     --toastify-icon-color-warning: var(--toastify-color-warning);     --toastify-icon-color-error: var(--toastify-color-error);     --toastify-toast-width: 320px;     --toastify-toast-background: #fff;     --toastify-toast-min-height: 64px;     --toastify-toast-max-height: 800px;     --toastify-font-family: sans-serif;     --toastify-z-index: 9999;     --toastify-text-color-light: #757575;     --toastify-text-color-dark: #fff;     --toastify-text-color-info: #fff;     --toastify-text-color-success: #fff;     --toastify-text-color-warning: #fff;     --toastify-text-color-error: #fff;     --toastify-spinner-color: #616161;     --toastify-spinner-color-empty-area: #e0e0e0;     --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);     --toastify-color-progress-dark: #bb86fc;     --toastify-color-progress-info: var(--toastify-color-info);     --toastify-color-progress-success: var(--toastify-color-success);     --toastify-color-progress-warning: var(--toastify-color-warning);     --toastify-color-progress-error: var(--toastify-color-error);     --bgColor: #0c111c;     --text: #fff;     --bgModal: #121a29;     --borderModal: #465063;     --topLine: #212f44;     --lines: #475774;     --btnDark: #192232;     --blue: #2b90fe;     --blueDark: #2b91fe56;     --lightBtn: #232c43;     --secondary: #192232;     --textSecondary: #677a9d;     --textDark: #677a9d;     --line: #273140;     --iconColor: #475774;     --slotHover: #10131fbf;     --accent: #1a2534;     --blueSecond: #1e6cfd; }  body {     background-color: #0c111c;     color: #fff;     font-family: Inter, sans-serif; }  img {     -webkit-touch-callout: none;     -webkit-user-select: none;     user-select: none;     max-width: 100%;     height: auto; }  a {     color: #fff;     text-decoration: none; }  button {     border: 0;     margin: 0;     padding: 0; }  * {   line-height: 1.1; }  .header {     align-items: center;     -webkit-backdrop-filter: blur(0);     backdrop-filter: blur(0);     display: block;     display: flex;     flex-direction: column;     justify-content: space-between;     padding: 0 20px;     position: sticky;     top: 0;     transition: transform .1s ease;     z-index: 999; }  .header.scrolled {     -webkit-backdrop-filter: blur(7px);     backdrop-filter: blur(7px);     background-color: rgba(12, 17, 28, .9);     box-shadow: 0 2px 10px 0 #11141b80; }  .header .wrapper {     grid-gap: 20px;     display: grid;     grid-template-columns: auto 1fr;     padding: 13px 0; }  .header .topHeader, .header .wrapper {     align-items: center;     max-width: 1400px;     width: 100%; }  .header:after {     background-color: var(--lines);     bottom: 0;     content: "";     height: 1px;     left: 0;     opacity: 0;     position: absolute;     transition: opacity .1s ease-out;     width: 100%; }  .header .logo {     cursor: pointer; }  .header .logo img {     width: 150px; }  .header .flexWrap {     grid-gap: 10px;     display: flex;     justify-content: flex-end;     position: relative; }  .newMainStyle {     -webkit-touch-callout: none;     align-items: center;     background-color: rgba(25, 33, 54, .765);     border-radius: 15px;     color: #fff;     cursor: pointer;     display: flex;     justify-content: center;     position: relative;     transition: background-color .15s ease;     -webkit-user-select: none;     user-select: none; }  .header .search {     align-items: center;     color: var(--blue);     display: flex;     height: 50px;     justify-content: center;     width: 50px; }  .header .icon, .header svg {     transition: transform .3s ease; }  .header .search svg {     width: 20px; }  .header .anAuth {     grid-gap: 10px;     display: flex;     justify-content: end; }  .newMainStyle.blue {     background: linear-gradient(149deg, #41c6ff 8.4%, #1a64fc 80.38%);     box-shadow: 0 0 25px 0 #3a7cffab;     transition: transform .15s ease; }  .header .anAuth .mainBtn, .header .anAuth .unAuthBtn {     padding: 0 50px; }  .newMainStyle span {     font-weight: 900;     text-shadow: 0 3px 5px #0a0d114d; }  .newMainStyle.blue span {     text-shadow: inherit; }  .header .menu {     height: 50px;     position: relative;     width: 50px; }  .header .menu svg {     height: 25px;     width: 25px; }  .header .element .open {     transform: scale(1.1); }  .dropdown {     animation: selectAppear .3s ease both;     -webkit-backdrop-filter: blur(7px);     backdrop-filter: blur(7px);     background-color: #121a29;     border-radius: 25px;     box-shadow: 0 1px 10px 0 #11141b80;     cursor: default;     display: flex;     flex-direction: column;     max-height: 400px;     padding: 15px 10px;     position: absolute;     right: 0;     top: calc(100% + 25px);     transform: translate(0);     width: 215px;     z-index: 99;     display: none; }  .dropdown.show {     display: flex; }  .dropdown.main {     left: auto;     max-height: max-content;     right: 0;     width: 330px; }  .dropdown.main .grided {     grid-gap: 10px;     display: grid;     grid-template-columns: 1fr 1fr; }  .dropdown .dropBtn, .dropdown .mainBtn {     border: 2px solid #19223200;     border-radius: 15px;     color: #fff;     color: var(--text);     cursor: pointer;     font-size: 15px;     height: 40px;     margin-bottom: 10px;     padding: 0 10px;     position: relative;     transition: border-color .3s ease, transform .6s ease;     width: 100%; }  .dropdown.main .grided .colored {     background-color: #1a2538;     border: 0;     border-radius: 15px;     height: 65px;     margin: 0;     overflow: hidden;     padding: 0 15px;     position: relative;     transition: background-color .3s ease, transform .3s ease; }  .dropdown.main .grided .colored.active {     background: linear-gradient(351deg, #1a64fc, #41c6ff); }  .dropdown.main .grided .colored.m {     overflow: visible;     overflow: initial; }  .dropdown.main .grided .colored .character {     bottom: 0;     position: absolute;     right: 0;     transform-origin: bottom;     transition: transform .3s ease;     z-index: 1; }  .dropdown.main .grided .colored.j .character {     bottom: -7px;     right: 4px;     width: 57px; }  .dropdown.main .grided .colored.m .character {     height: 100px;     left: 20px;     right: auto; }  .dropdown .dropBtn span, .dropdown .mainBtn span {     align-items: center;     display: flex;     height: 100%;     position: relative;     width: 100%;     z-index: 9; }  .dropdown.main .grided .colored span {     align-items: flex-start;     color: #fff;     flex-direction: column;     justify-content: center; }  .dropdown.main .grided .colored.m span {     align-items: flex-end; }  .dropdown.main .grided .colored span p {     color: #f9fbff;     font-size: 10px;     font-weight: 600;     padding-top: 3px; }  .dropdown .lntg {     grid-gap: 10px;     display: grid;     grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);     margin-top: 20px;     position: relative; }  .dropdown .lntg:before {     background-color: #829dff;     content: "";     height: 1px;     left: 50%;     opacity: .1;     position: absolute;     top: -10px;     transform: translateX(-50%);     width: 90%; }  .dropdown:after {     background-color: #121a29;     border-radius: 5px;     content: "";     height: 25px;     left: calc(50% - 16px);     position: absolute;     top: -8px;     transform: translateX(-50%);     transform: rotate(45deg) translateZ(-1px);     width: 25px;     z-index: -1; }  .dropdown.main:after {     left: auto;     right: 20px; }  .dropdown .lntg a {     align-items: center;     background: #334470;     border-radius: 12px;     display: flex;     font-size: 16px;     font-weight: 900;     gap: 10px;     height: auto;     padding: 10px; }  .dropdown .lntg .mainBtn .langImg {     border-radius: 5px;     height: 20px;     margin-right: 7px;     width: 20px; }  .dropdown.main .mainBtn span {     display: flex;     align-items: center;     justify-content: center;     width: 100%;     font-size: 16px;     font-weight: 900; }  .jackpotMenuBlock {     align-items: center;     display: flex;     height: 20px;     justify-content: center;     margin-top: 3px;     position: relative;     width: 50px; }  .jackpotMenuBlock .text {     -webkit-text-fill-color: #0000;     background: linear-gradient(180deg, #d29237, #c36e2d);     background-clip: text;     -webkit-background-clip: text;     font-size: 8px;     font-style: normal;     font-weight: 700;     padding-bottom: 4px;     text-align: center;     z-index: 1; }  .dropdown .lntg .mainBtn {     background: #1a2538;     border-radius: 12px;     height: 50px;     margin-top: 0;     margin: 0 !important;     padding: 0 !important; }  .headerMobile {     align-items: center;     background-color: rgba(25, 33, 54, .753);     border-radius: 15px;     display: none;     height: 70px;     justify-content: center;     left: 5px;     max-width: calc(100vw - 10px) !important;     padding: 0 15px;     position: sticky;     top: 5px;     transition: background-color .2s ease;     width: calc(100% - 10px);     z-index: 31; }  .headerMobile.opened {     display: none !important; }  .sandwichMenu {     background-color: var(--bgModal);     display: none;     flex-direction: column;     height: 100%;     left: 0;     overflow-x: clip;     overflow-y: auto;     padding: 20px 20px 30px;     position: fixed;     top: 0;     width: 100%;     z-index: 31; }  @media (max-width: 700px) {     .header {         display: none;     }      .headerMobile {         display: flex !important;     }      .headerMobile .wrapper {         grid-gap: 10px;         align-items: center;         display: grid;         grid-template-columns: 47px minmax(0, 1fr) 47px;         max-width: calc(100vw - 20px);         width: 100%;     }      .headerMobile.unauth .wrapper {         grid-template-columns: 150px auto 47px;     }      .headerMobile .logo {         display: flex;         justify-content: center;         margin: auto 0;         transition: margin-left .3s ease;     }      .headerMobile .logo img {         max-width: 150px;     }      .headerMobile .wrapper .anAuth .unAuthBtn {         background-color: #121a29;         height: 50px;         margin-left: auto;         max-width: 130px;         width: 100%;     }      .headerMobile .sandwich {         align-items: center;         background-color: #121a29;         display: flex;         height: 40px;         justify-content: center;         position: relative;         top: 0;         transition: top .2s ease;         width: 40px;     }      .headerMobile.fixed .wrapper .notificationsWrapper,     .headerMobile.fixed .wrapper .sandwich {         top: 0;     }      .headerMobile .sandwich svg {         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);         color: #475774;         cursor: pointer;         transition: transform .4s;         -webkit-user-select: none;         user-select: none;         width: 30px;     }      .headerMobile .sandwich svg .line {         fill: none;         stroke: #475774;         stroke-width: 5.5;         stroke-linecap: round;         transition: stroke-dasharray .4s, stroke-dashoffset .4s;     }      .headerMobile .sandwich svg .top {         stroke-dasharray: 40 160;     }      .headerMobile .sandwich svg .middle {         stroke-dasharray: 40 142;         transform-origin: 50%;         transition: transform .4s;     }      .headerMobile .sandwich svg .bottom {         stroke-dasharray: 40 85;         transform-origin: 50%;         transition: transform .4s, stroke-dashoffset .4s;     }      .sandwichMenu.opened {         display: flex;     }      .sandwichMenu .eventMobileNav {         margin-bottom: 25px;         padding-bottom: 0;         padding-top: 0;         position: relative;     }      .sandwichMenu .eventMobileNav .eventMobContent {         align-items: center;         animation: bounceIn .3s ease forwards;         display: flex;         flex-direction: column;         margin-bottom: 30px;         padding-bottom: 50px;         position: relative;     }      .sandwichMenu .eventMobileNav .eventMobContent.flx {         flex-direction: row;         justify-content: space-between;         margin-bottom: 25px;         padding-bottom: 0;     }      .sandwichMenu .eventMobileNav .eventMobContent .uiPart {         display: flex;         flex-direction: column;     }      .sandwichMenu .eventMobileNav .eventMobContent .uiPart h4 {         font-size: 34px;         font-style: normal;         font-weight: 900;         text-transform: capitalize;     }      .sandwichMenu .eventMobileNav .eventMobContent .uiPart h4 .bl {         -webkit-text-fill-color: #0000;         background: linear-gradient(149deg, #41c6ff 8.4%, #1a64fc 80.38%);         background-clip: text;         -webkit-background-clip: text;         display: inline;     }      .sandwichMenu .eventMobileNav .eventMobContent .uiPart .medium {         font-size: 23px;         font-style: normal;         font-weight: 900;     }      .sandwichMenu .eventMobileNav .eventMobContent .uiPart span {         font-size: 16px;         font-style: normal;         font-weight: 900;         text-transform: lowercase;     }      .sandwichMenu .eventMobileNav .eventMobContent .fsMascot {         width: 150px;     }      .sandwichMenu .eventMobileNav .eventMobContent:after {         background: #192232;         bottom: 0;         content: "";         height: 1px;         left: 0;         opacity: .5;         position: absolute;         width: 100%;     }      .sandwichMenu .eventMobileNav .back,     .sandwichMenu .eventMobileNav .backFight {         animation: fadeInTopLeft .3s ease forwards;         left: -30px;         object-fit: cover;         position: absolute;         width: calc(100% + 60px);         z-index: -1;     }      .sandwichMenu .eventMobileNav .back {         height: 150%;         top: -65px;     }      .sandwichMenu .searchSandwich {         align-items: flex-start;         color: #677a9d;         display: flex;         flex-direction: column;         margin-bottom: 50px;         margin-top: 10px;         position: absolute;         right: 20px;         top: 20px;         z-index: 2;     }      .sandwichMenu .searchSandwich .close {         align-items: center;         background: rgba(25, 34, 50, .871);         border-radius: 9px;         cursor: pointer;         display: flex;         height: 35px;         justify-content: center;         width: 35px;     }      .sandwichMenu .searchSandwich .close svg {         color: #475774;         height: 21px;         width: 21px;     }      .sandwichMenu .authButtons {         grid-gap: 15px;         display: grid;         gap: 15px;         grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);         margin-bottom: 30px;         padding-top: 30px;     }      .sandwichMenu .authButtons .newMainStyle {         color: #fff;         font-size: 14px;         font-weight: 900;         height: 65px;         width: 100%;     }      .sandwichMenu .authButtons .newMainStyle.def {         background: #192232;     }      .sandwichMenu .authButtons .newMainStyle {         color: #fff;         font-size: 14px;         font-weight: 900;         height: 65px;         width: 100%;     }      .sandwichMenu .authButtons .blue {         box-shadow: none;     }      .sandwichMenu .sMenuTitle {         font-size: 20px;         font-weight: 700;         margin-bottom: 35px;     }      .sandwichMenu .elements {         grid-gap: 15px;         display: grid;         grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);         margin-bottom: 20px;         padding: 0 0 20px;         position: relative;     }      .sandwichMenu .elements .mobBtn,     .sandwichMenu .elements a {         align-items: center;         background: #192232;         border: 3px solid #0000;         border-radius: 15px;         display: flex;         font-size: 15px;         font-weight: 700;         height: 65px;         justify-content: center;         opacity: 1;         position: relative;         transition: border-color .15s ease;     }      .sandwichMenu .elements .mobBtn:first-child,     .sandwichMenu .elements a:first-child {         animation: elementSandwich .2s ease .05s both;     }      @keyframes elementSandwich {         0% {             opacity: 0;             transform: translateX(-20px);         }          100% {             opacity: 1;             transform: translateX(0);         }     }      .sandwichMenu .elements .mobBtn.active,     .sandwichMenu .elements a:hover {         border-color: #2b90fecc;     }      .sandwichMenu .mobileBanners {         grid-gap: 20px;         display: flex;         flex-direction: column;     }      .sandwichMenu .mobileBanners .graBtn {         align-items: center;         animation: elementSandwich .2s ease .35s both;         background-image: linear-gradient(180deg, #162541, #0f3062);         border-radius: 20px;         display: flex;         height: 75px;         padding: 0 70px 0 85px;         position: relative;         width: 100%;     }      .sandwichMenu .mobileBanners .graBtn .bagImg {         bottom: -21px;         left: -30px;         position: absolute;     }      .sandwichMenu .mobileBanners .graBtn span {         font-size: 18px;         font-weight: 900;     }      .sandwichMenu .mobileBanners .graBtn .graImage {         bottom: -3px;         position: absolute;         right: 10px;     }      .sandwichMenu .mobileBanners .graBtn.appication {         background-image: linear-gradient(180deg, #301842, #2a1558);     }      .sandwichMenu .mobileBanners .graBtn .icons {         align-items: center;         display: flex;         left: 10px;         position: absolute;         top: 50%;         transform: translateY(-50%);     }      .sandwichMenu .mobileBanners .graBtn .icons svg {         height: auto;         width: 30px;     }      .sandwichMenu .mobileBanners .graBtn .graImage {         bottom: -3px;         position: absolute;         right: 10px;     }      .sandwichMenu .mobileBanners .graBtn.vpnMenu {         align-items: flex-start;         justify-content: center;         display: flex;         flex-direction: column;         padding: 0 70px 0 65px;     }      .sandwichMenu .mobileBanners .graBtn.vpnMenu .bagImg {         bottom: -15px;         left: -23px;     }      .sandwichMenu .mobileBanners .graBtn.vpnMenu .vpnTitle {         font-size: 20px;         font-weight: 900;     }      .sandwichMenu .mobileBanners .graBtn.vpnMenu .vpnTitle span {         color: #41c6ff;         font-size: 20px;     }      .sandwichMenu .mobileBanners .graBtn.vpnMenu p {         font-size: 11px;         font-style: normal;         font-weight: 700;         padding-top: 3px;     }      .bottomBtns {         grid-gap: 10px;         animation: fadeInUp .2s ease .45s both;         display: grid;         grid-template-columns: 1fr 1fr 1fr 1fr;     }      .mainBtn {         -webkit-touch-callout: none;         align-items: center;         background-clip: padding-box, border-box;         background-image: linear-gradient(180deg, #192232, #192232), linear-gradient(180deg, #212f44 20%, #192232 47%);         background-image: linear-gradient(to bottom, #192232, #192232), linear-gradient(to bottom, var(--topLine) 20%, #192232 47%);         background-origin: border-box;         border: 3px solid #0000;         border-radius: 50px;         box-shadow: 0 5px 6px 0 #11141b1f;         color: #fff;         color: var(--text);         cursor: pointer;         display: flex;         font-size: 15px;         font-style: normal;         font-weight: 400;         font-weight: 300;         height: 47px;         justify-content: center;         line-height: normal;         position: relative;         transition: border .3s ease;         -webkit-user-select: none;         user-select: none;     }      .bottomBtns .mainBtn {         background-image: linear-gradient(180deg, #192232, #192232);         border-radius: 23px;         padding-bottom: 90%;         position: relative;         width: 100%;     }      .mainBtn span {         z-index: 3;     }      .bottomBtns .mainBtn span {         align-items: center;         display: flex;         flex-direction: column;         font-size: 10px;         font-weight: 700;         height: 100%;         justify-content: center;         left: 0;         position: absolute;         top: 0;         width: 100%;     }      .bottomBtns .mainBtn img {         padding-bottom: 3px;         width: 30px;     }      .bottomBtns .mainBtn.lng span {         text-transform: uppercase;     } }  .banerBody {     max-width: 1400px;     margin: 0 auto;     transition-duration: 0ms;     transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1);     z-index: 1;     height: 100%;     padding-top: 75px;     position: relative; }  .banner {     background: linear-gradient(90deg, #121a29 .11%, #10162000 97.48%);     background-position: 50%;     background-repeat: no-repeat;     background-size: cover;     position: relative;     width: 100%;     padding: 40px 15px; }  .banner.bonusBanner {     background: #0000;     border-radius: 25px;     position: relative; }  .banner .inside {     max-width: 1200px;     margin: 0 auto;     display: flex;     flex-direction: column;     justify-content: space-around;     gap: 40px;     position: relative;     z-index: 99; }  .banner.bonusBanner .inside {     justify-content: space-between; }  .banner.bonusBanner .mainImg {     bottom: 0;     height: 470px;     position: absolute;     right: 25%; }  .banner.bonusBanner .back {     background: #192232;     border-radius: 25px;     height: 100%;     left: 0;     overflow: hidden;     position: absolute;     top: 0;     width: 100%;     z-index: -1; }  .banner.bonusBanner .backImg {     height: 100%;     object-fit: cover;     transform: scale(1.01);     width: 100%; }  .contentWrapper {     max-width: 100vw;     margin-top: 15px; }  .banner.bonusBanner .inside .bannerH1.green {     color: #4ce892;     font-size: 115px;     font-weight: 900;     letter-spacing: -1.15px;     line-height: 95%;     padding: 0;     text-shadow: 0 2.5px 49px #4ce89296;     text-transform: uppercase; }  .banner.bonusBanner .inside p {     font-size: 48px;     font-style: normal;     font-weight: 900;     letter-spacing: -.492px;     line-height: 115%;     text-transform: uppercase; }  .banner.bonusBanner .inside p b {     display: block;     font-size: 66px; }  .banner.bonusBanner .inside .info {     display: flex; }  .banner.bonusBanner .inside .info .iblock {     border-radius: 15px;     margin-right: 15px; }  .banner.bonusBanner .inside .info .iblock h3 {     color: #4ce892;     font-size: 41px;     font-style: normal;     font-weight: 900;     letter-spacing: -.418px;     text-shadow: 0 2.596px 49.315px #4ce89296;     text-transform: uppercase; }  .banner.bonusBanner .inside .info .iblock.col .underCol {     font-size: 18px;     font-weight: 900;     letter-spacing: -.175px;     line-height: 97.8%;     max-width: 150px;     text-transform: uppercase; }  .user__jackpot {     background: #192136;     margin: 0 auto;     max-width: 1300px;     min-height: 140px;     position: relative;     white-space: nowrap;     margin-top: 50px;     display: flex;     overflow: hidden;     flex-wrap: wrap;     justify-content: space-evenly; }  .user__jackpot, .user__jackpot::after {     border-radius: 30px;     width: 100%; }  .user__jackpot__item {     display: block;     flex-shrink: 0;     height: 100%;     position: relative;     transition-property: transform;     width: auto; }  .bet {     display: flex;     position: relative;     padding: 20px 0px; }  .bet .image {     box-shadow: rgb(10, 15, 17) 0px 0px 10px 0px;     height: 50px;     left: 50%;     position: absolute;     top: 20px;     transform: translateX(-50%);     width: 50px;     z-index: 1;     border-radius: 10px;     overflow: hidden; }  .bet .image::before {     background-color: var(--slotHover);     bottom: 0px;     content: "";     left: 0px;     opacity: 0;     position: absolute;     right: 0px;     top: 0px;     z-index: 1;     transition: opacity 0.15s; }  .bet .image .playBtnLast {     height: 40px;     left: 50%;     opacity: 0;     position: absolute;     top: 50%;     transform: translate(-50%, -50%);     width: 40px;     z-index: 2; }  .bet .image img {     height: 100%;     object-fit: cover;     object-position: center top;     width: 100%;     transition: transform 0.3s; }  .bet .image .playBtnLast img {     height: 15px;     position: relative;     width: 15px;     z-index: 2; }  .bet .image img {     height: 100%;     object-fit: cover;     object-position: center top;     width: 100%;     transition: transform 0.3s; }  .bet .info {     display: flex;     flex-direction: column;     justify-content: space-between;     min-width: 90px;     position: relative;     z-index: 1;     padding: 60px 17px 7px; }  .bet .info .top {     align-items: center;     display: flex;     flex-direction: column; }  .bet .info p {     font-size: 11px;     font-weight: 900;     opacity: 0;     text-transform: uppercase; }  .bet .info .win {     font-size: 15px;     font-style: normal;     font-weight: 900;     padding: 3px 0px; }  .bet .info .username {     color: var(--textSecondary);     font-size: 0.6rem;     margin-bottom: 3px; }  .bet .info::after {     content: "";     height: 95px;     position: absolute;     right: 0px;     top: 50%;     transform: translateY(-50%);     width: 1px;     background: rgb(34, 44, 69); }  .bet .slotLight {     bottom: 0px;     left: 50%;     position: absolute;     transform: translateX(-50%); }  .bet .slotLight::before {     bottom: -100%;     content: "";     filter: blur(15px);     height: 130px;     left: 50%;     opacity: 0.6;     pointer-events: none;     position: absolute;     transform: translateX(-50%);     width: 130px;     animation: 0.5s ease 0s 1 normal forwards running glowUp;     background: radial-gradient(circle at center, var(--slotColor, #fff) 0, #0000 70%);     border-radius: 50%; }  .bet .slotLight:before {     animation: glowUp .5s ease forwards;     background: radial-gradient(circle at center, #fff 0, #0000 70%);     background: radial-gradient(circle at center, var(--slotColor, #fff) 0, #0000 70%);     border-radius: 50%;     bottom: -100%;     content: "";     filter: blur(15px);     height: 130px;     left: 50%;     opacity: .6;     pointer-events: none;     position: absolute;     transform: translateX(-50%);     width: 130px;     opacity: 0.2;     transform: translateX(-50%) translateY(-20px); }  .searhCompilation {     display: flex;     margin: 20px auto 0;     max-width: 100%;     object-fit: contain; }  .gameList {     margin: 50px auto 0;     max-width: 1300px;     position: relative; }  .gameList .top {     align-items: center;     display: flex;     justify-content: space-between; }  .gameList .top .title {     align-items: center;     border: 2px solid #0000;     border-radius: 13px;     display: flex;     font-size: 1.2rem;     font-weight: 900;     height: 55px;     padding: 8px 25px 8px 20px;     transition: background-color .15s ease, border-color .15s ease;     white-space: nowrap;     z-index: 1; }  .gameList .top .title img {     margin-right: 10px;     width: 23px; }  .games__wrapper {     display: flex;     flex-wrap: wrap;     justify-content: center;     gap: 20px;     margin-top: 20px; }  .slot {     align-self: flex-start;     border-radius: 25px;     position: relative;     transition: transform .3s ease;     display: block;     flex-shrink: 0;     height: 100%;     transition-property: transform;     width: 168.571px; }  .slot:before {     background-color: rgba(16, 19, 31, .749);     border-radius: 23px;     content: "";     height: 100%;     left: 0;     opacity: 0;     position: absolute;     top: 8px;     transition: opacity .3s ease;     width: 100%;     z-index: 1; }  .slot:after {     background-color: var(--underColor);     border-radius: 23px;     content: "";     height: 100%;     left: 0;     position: absolute;     top: 8px;     width: 100%;     z-index: 0; }  .slot .slotInner {     background: #121a29;     z-index: 2; }  .slot .slotInner {     border-radius: 25px;     height: 100%;     overflow: hidden;     position: relative;     transition: transform .3s ease;     width: 100%; }  .play {     -webkit-touch-callout: none;     align-items: center;     background-color: #10131fbf;     background-color: var(--slotHover);     content: "";     display: flex;     flex-direction: column;     height: 110%;     justify-content: space-around;     left: 50%;     opacity: 0;     padding: 3%;     position: relative;     position: absolute;     top: 50%;     transform: translate(-50%, -50%);     transition: opacity .3s ease;     -webkit-user-select: none;     user-select: none;     width: 110%;     z-index: 3 !important; }  .slot .slotInner .name {     align-items: center;     display: flex;     flex-direction: column;     margin-top: 10px;     width: 100%; }  .play h2 {     display: flex;     font-size: 17px;     font-weight: 700;     gap: 5px;     max-width: 100%;     padding: 0 15px;     text-align: center; }  .play h1, .play h1 .nameInner {     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap; }  .play h1 .nameInner {     flex: 1 1 auto; }  .play p {     color: #677a9d;     color: var(--textSecondary);     font-size: 14px;     font-weight: 400;     overflow: hidden;     padding: 5px 15px 0;     text-align: center;     text-overflow: ellipsis;     white-space: nowrap;     width: 100%; }  .play .mainBtn {     display: flex;     font-size: 16px;     font-weight: 300;     height: 40px;     margin-bottom: 8px;     width: 100px;     justify-content: center;     align-items: center; }  .play .mainBtn.blue {     border-radius: 25%;     height: 90px;     width: 90px; }  .mainBtn a {     position: relative;     z-index: 3; }  .play .mainBtn img {     height: 50px;     padding-left: 5px;     width: 50px; }  .play .mainBtn.blue img {     transition: transform .3s ease-in-out; }  .mainBtn.blue:after {     background-image: linear-gradient(180deg, #3ec2fa, #195fee);     bottom: 0;     content: "";     height: 100%;     left: 0;     opacity: 0;     position: absolute;     transition: opacity .1s ease-out;     width: 100%; }  .slot .demo {     align-items: center;     background-color: #192232cc;     border-radius: 0 0 10px 10px;     color: var(--textSecondary);     display: flex;     font-size: .7rem;     font-weight: 700;     height: 25px;     justify-content: center;     top: 65%;     left: 50%;     transform: translateX(-50%);     opacity: 0;     position: absolute;     transition: transform .3s ease, color .3s ease;     width: 70px;     z-index: -1; }  .play .down {     align-items: center;     display: flex;     justify-content: center;     margin-top: 10px;     padding-bottom: 5px;     width: 100%; }  .play .down .like {     align-items: center;     -webkit-backdrop-filter: blur(1px);     backdrop-filter: blur(1px);     background-color: #192232cc;     border-radius: 10px;     cursor: pointer;     display: flex;     height: 36px;     justify-content: center;     opacity: 0;     transition: background-color .3s ease;     width: 36px;     position: relative;     z-index: 3; }  .play .down .like svg {     height: 18px;     transition: transform .3s ease;     width: 18px; }  .play .down .like svg path {     fill: #475774;     fill: var(--lines);     stroke: #475774;     stroke: var(--lines);     transition: fill .3s ease, stroke .3s ease; }  .slot .slotMark {     background: linear-gradient(35deg, #2760ea 24.85%, #23a3e3 76.68%);     border-radius: 7px;     font-size: .5em;     font-weight: 900;     left: 4%;     padding: 6px 3px;     position: absolute;     text-transform: uppercase;     top: 4%;     z-index: 2; }  .slot .slotMark.pre-release {     background: linear-gradient(62deg, #9e29d4 20.18%, #a130ed 70.94%); }  .slot .sign {     background: linear-gradient(180deg, var(--slotColorStart) 0, var(--slotColorEnd) 81.73%);     bottom: 0;     display: flex;     flex-direction: column;     font-size: 16px;     height: 50%;     justify-content: flex-end;     left: 0;     position: absolute;     right: 0;     z-index: 2; }  .gameList .gameSwiper .sign {     font-size: 14px; }  .slot .sign h2 {     font-weight: 900; }  .slot .sign h2, .slot .sign p {     text-align: center;     text-shadow: 0 4px 4px #00000040;     text-transform: uppercase; }  .slot .sign p {     font-size: .7em;     font-weight: 500;     margin: .625em 0 .9375em;     opacity: .8; }  .slot .slotBack {     height: 100%;     object-fit: cover;     transition: transform .3s ease;     width: 100%;     z-index: 1; }  .slot:hover .slotInner {     transform: translateY(5px); }  .slot:hover .play {     opacity: 1; }  .mainBtn.blue {     background-image: linear-gradient(180deg, #41c6ff, #1a64fc), linear-gradient(180deg, #79cdfd, #1a64fc);     box-shadow: 0 5px 6px 0 #11141b1f, 0 0 36.54px 0 #3a7cffab;     overflow: hidden; }  .slot:hover .demo {     animation: demoAppear .3s ease .3s both;     z-index: 1; }  .slot:hover .play .like {     animation: likeAppear .3s ease .3s both; }  @keyframes likeAppear {     0% {         opacity: 0;     }      100% {         opacity: 1;     } }  @keyframes demoAppear {     0% {         opacity: 0;     }      100% {         opacity: 1;     } }  .jackpotBlock {     display: grid;     grid-template-columns: auto 245px;     height: 100px;     position: relative;     width: 100%; }  .jackpotBlock.start {     grid-gap: 10px;     align-items: center;     background: url(../../../shared/3633/jackpotBlockF-1.webp);     background-repeat: no-repeat;     background-size: cover;     border-radius: 25px;     box-shadow: 14px 0 12px 0 #0a0e1b40;     grid-template-columns: 200px 1fr auto;     height: 180px;     margin: 40px auto;     max-width: 1300px;     padding: 0 35px;     transition: transform .3s ease; }  .jackpotBlock.start:before {     border: 7px solid #3b54d080;     border-radius: 25px;     content: "";     height: calc(100% - 8px);     left: 0;     position: absolute;     top: 0;     width: calc(100% - 8px);     z-index: 1; }  .jackpotBlock.start .centerImage {     height: 100%;     margin: auto;     position: relative;     width: 100%;     z-index: 2; }  .jackpotBlock.start .centerImage .jacpotCompilation {     top: -30px;     left: -30px;     object-fit: contain;     position: absolute;     width: 200px; }  .jackpotBlock.start .centerImage .jacpotCompilation.secondary {     display: none; }  .jackpotBlock.start .title {     position: relative;     transition: transform .3s ease;     width: 100%;     z-index: 3; }  .jackpotBlock.start .title h2 {     font-size: 34px;     font-weight: 900;     text-transform: uppercase; }  .jackpotBlock.start .title span {     color: #28ff69;     font-size: 56px;     font-weight: 900;     text-align: center; }  .jackpotBlock.start .title span b {     color: #fff; }  .jackpotBlock.start .title p {     color: #5b69a5;     font-size: 16px;     font-weight: 500;     padding-top: 5px;     text-transform: uppercase; }  .jackpotBtnNy {     align-items: center;     cursor: pointer;     display: flex;     filter: drop-shadow(0 0 10px rgba(121, 158, 216, .5));     height: 60px;     justify-content: center;     position: relative;     transition: transform .1s ease, filter .15s ease;     width: 300px;     z-index: 1; }  .jackpotBlock.start .jackpotBtnNy {     filter: none;     height: 115px;     width: 200px; }  .nyText {     -webkit-text-fill-color: #0000;     background: linear-gradient(180deg, #005799, #1370b7);     background-clip: text;     -webkit-background-clip: text;     font-family: Inter;     font-size: 26px;     font-style: normal;     font-weight: 800;     text-align: center; }  .jackpotBtnNy .nyText {     padding-bottom: 16px;     transform: rotate(-3.467deg); }  .jackpotBtnNy .nyText.p {     -webkit-text-fill-color: #0000;     background: #087f00;     background-clip: text;     -webkit-background-clip: text; }  .jackpotBtnNy .abs, .jackpotBtnNy .btnBody {     left: 0;     position: absolute; }  .jackpotBtnNy .btnBody {     height: 100%;     top: 0;     width: 100%;     z-index: -1; }  .jackpotBlock.start .title .subimg {     position: absolute;     right: 40px;     top: -23px;     width: 150px; }  @media (max-width: 1100px) {     .jackpotBlock.start {         background: url(../../../shared/3633/jackpotBlockMobileF-1.webp);         background-repeat: no-repeat;         background-size: cover;         grid-template-columns: 1fr;         height: auto !important;         padding-bottom: 15px;     }      .jackpotBlock.start:before {         border: 4px solid #3b54d080;         border-radius: 20px;     }      .jackpotBlock.start .centerImage .jacpotCompilation.firstly {         display: none;     }      .jackpotBlock.start .centerImage .jacpotCompilation {         bottom: auto !important;         left: 50% !important;         max-width: none;         top: -20px !important;         transform: translateX(-50%) !important;         width: 250px !important;     }      .jackpotBlock.start .centerImage .jacpotCompilation.secondary {         display: initial;     }      .jackpotBlock.start .title {         align-items: center;         display: flex;         flex-direction: column;         padding-top: 155px;     }      .jackpotBlock.start .title h2 {         font-size: 20px !important;     }      .jackpotBlock.start .title span {         font-size: 28px !important;     }      .jackpotBlock.start .title .subimg {         display: none;     }      .jackpotBlock.start .jackpotBtnNy {         height: 75px;         margin: 0 auto;         width: 150px;     }      .jackpotBlock.start .title p {         display: none;     } }  .tour {     margin-top: 70px; }  .tournament {     border-radius: 35px;     display: flex;     flex-direction: column;     height: 400px;     justify-content: space-between;     opacity: 1;     padding: 30px 60px;     position: relative;     transform: scale(1);     transition: transform 1s ease, opacity 1s ease;     width: 100%;     margin-top: 20px; }  .tournament:before {     background: #1d263c;     border-radius: 35px;     content: "";     height: 100%;     left: 0;     position: absolute;     top: 12px;     width: 100%;     z-index: -3; }  .backHolder img {     border-radius: 35px; }  .tournament .activeBlock {     display: flex;     position: relative;     z-index: 3; }  .tournament .activeBlock .active {     align-items: center;     -webkit-backdrop-filter: blur(13px);     backdrop-filter: blur(13px);     background: #1117253b;     border-radius: 25px;     display: flex;     height: 110px;     margin-right: 15px;     padding: 0 25px; }  .tournament .activeBlock .active .title {     font-weight: 900;     margin-right: 15px;     text-shadow: 0 13px 18px #172e502e;     text-transform: uppercase; }  .tournament .activeBlock .active .title h3 {     font-size: 18px; }  .tournament .activeBlock .active .title h2 {     font-size: 25px;     font-weight: 900;     padding-bottom: 5px;     padding-top: 5px; }  .tournament .activeBlock .active .countdown {     grid-gap: 8px;     display: grid;     grid-template-columns: auto auto auto auto; }  .tournament .activeBlock .active .countdown .item {     align-items: center;     display: flex;     flex-direction: column;     justify-content: center; }  .tournament .activeBlock .active .countdown .item span {     align-items: center;     display: flex;     font-size: 34px;     font-weight: 900;     height: 25px;     justify-content: center;     text-transform: uppercase;     width: 58px; }  .tournament .activeBlock .active .small {     font-size: 14px;     font-style: normal;     font-weight: 900;     padding-top: 10px;     text-align: center;     text-transform: uppercase; }  .tournament .info {     position: relative;     z-index: 3; }  .tournament .info h2 {     font-size: 28px;     font-style: normal;     font-weight: 900;     max-width: 670px;     opacity: 1;     padding-bottom: 10px;     text-shadow: 0 4px 8px #172e502e;     text-transform: uppercase; }  .tournament .info .rewards {     color: #fff;     font-size: 42px;     font-style: normal;     font-weight: 900;     text-shadow: 0 9px 13px #172e502e; }  .tournament .info .rewards h3 {     display: inline-block;     margin-right: 10px; }  .tournament .about {     align-items: center;     display: flex;     justify-content: flex-start;     padding: 2px; }  .tournament .about .newMainStyle span {     font-size: 15px;     font-style: normal;     font-weight: 900;     text-transform: uppercase; }  .tournament .about .newMainStyle {     box-shadow: 0 5px 6px 0 #11141b1f;     height: 55px;     transition: transform .15s ease;     width: 180px; }  .tournament .character {     bottom: 0;     position: absolute;     right: 0;     transform-origin: bottom;     transition: transform 1s ease;     width: 470px; }  .tournament .back, .tournament .backHolder {     height: 100%;     left: 0;     position: absolute;     top: 0;     width: 100%;     z-index: -2; }  @media (max-width: 1100px) {     .tournament .character {         right: -60px !important;         width: 440px !important;     }      .tournament .info {         border-radius: 25px;         margin: 35px 0;         max-width: 700px;     }      .tournament .info h2 {         opacity: 1 !important;     }      .tournament {         height: auto;     } }  @media (max-width: 900px) {     .tournament .character {         width: 470px !important;     }      .tournament .active {         border-radius: 20px !important;         height: 95px !important;     }      .tournament {         padding: 30px;     } }  @media (max-width: 690px) {     .tournament .character {         width: 400px !important;     }      .tournament .info {         border-radius: 15px !important;         margin: 20px 0 !important;     }      .tournament .info .rewards h3 {         font-size: 28px;     }      .tournament .info h2 {         font-size: 16px !important;         max-width: 60% !important;     }      .tournament .active {         border-radius: 15px !important;         height: 80px !important;         padding: 0 15px !important;     }      .tournament .active .countdown .item span {         font-size: 22px !important;         width: 45px !important;     }      .tournament .active .countdown .item .small {         font-size: 10px !important;         padding-top: 4px !important;     }      .tournament .active .title.timeTitle {         display: none;     } }  @media (max-width: 560px) {     .tournament .active:last-child {         margin-right: 0 !important;         height: 70px !important;         margin-right: 10px !important;     }      .tournament .active .countdown {         grid-gap: 4px !important;     }      .tournament .active .countdown .item span {         font-size: 18px !important;         height: 22px !important;         width: 35px !important;     }      .tournament .active .countdown .item .small {         font-size: 8px !important;     }      .tournament .info {         border-radius: 15px !important;         margin: 15px 0 !important;     }      .tournament .info h2 {         font-size: 12px !important;     }      .tournament .info .rewards h3 {         font-size: 24px;     }      .tournament .about {         height: 45px !important;         width: 150px !important;         z-index: 3;     }      .tournament .character {         width: 360px !important;     } }  @media (max-width: 450px) {     .tournament .character {         right: -70px !important;         width: 310px !important;     } }  .footer {     background-color: var(--bgModal);     max-width: 100vw;     overflow: hidden;     padding: 50px 20px; }  .footer .wrap {     margin: 0 auto;     max-width: 1280px; }   .footer .row {     grid-gap: 30px;     display: grid;     grid-template-columns: 2fr 1fr 1fr 2fr;     padding-bottom: 30px;     position: relative;     width: 100%; }  .footer .row .col {     display: flex;     flex-direction: column; }  .footer .row .col .logo {     margin-bottom: 20px;     width: 180px; }  .footer .row .col a, .footer .row .col p {     color: var(--textSecondary);     font-size: 12px;     font-weight: 300;     line-height: 18px;     transition: .15s ease; }  .footer .row .col h2 {     color: var(--text);     font-size: 16px;     font-weight: 400;     margin-bottom: 8px; }  .footer .row a {     align-items: center;     display: flex;     justify-content: center;     transition: opacity .3s ease; }  .footer .row .col.list a, .footer .row .col.list p {     font-size: 14px;     padding: 4px 0; }  .footer .row .col.list .subLink, .footer .row .col.list a {     display: inline-block; }  .footer .row:after {     background-color: var(--line);     bottom: 0;     content: "";     height: 1px;     left: 50%;     position: absolute;     transform: translateX(-50%);     width: calc(100% - 30px); }  .footer .row.simple {     grid-column-gap: 20px;     grid-row-gap: 32px;     display: grid;     grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));     padding: 30px 0;     text-align: center;     width: 100%; }  .footer .row .icon {     width: 108px; }  .footer .row.simple img {     max-height: 45px; }  .footer .last {     grid-gap: 15px;     align-items: center;     display: grid;     grid-template-columns: 1fr 1fr;     padding: 30px 10px 0; }  .footer .last .inLine {     grid-gap: 10px;     align-items: center;     display: flex;     width: 100%; }  .footer .last .inLine svg {     height: 50px;     margin-right: 15px;     width: 50px; }  .footer .last .inLine p {     color: var(--textSecondary);     font-size: 13px;     font-weight: 300; }  .footer .last .inLine:last-child {     justify-content: flex-end; } .baseBlock {     background: #121a29;     border-radius: 20px; }  .footer .last .inLine .rate {     align-items: center;     border-radius: 20px;     color: var(--textSecondary);     display: flex;     font-size: 12px;     justify-content: center;     padding: 10px 15px; }  .footer .last .inLine a {     transition: opacity .3s ease; }  .footer .last .inLine a .licence {     border-radius: 10px;     width: 90px; }  .footer .last .inLine a .ter {     height: 32px;     width: 40px; }  .footer .row .col.list .subLink:hover, .footer .row .col.list a:hover {     color: var(--text); } .footer .row .col.list .subLink {     cursor: pointer;     text-decoration: underline; }  h1, h2, h3 {     margin-bottom: 20px;     margin-top: 30px;     font-size: 26px;     font-weight: 700; } p {     line-height: 1.6; } ol li, ul li {   line-height: 2; }