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





#root,
body,
html {
    height: 100%;
    overflow-y: auto
}

.cFvQuP {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    font-family: "Roboto_Condensed", sans-serif;
    background: #262626;
    color: #97a4c3
}

* {
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0
}

h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 53px
}

h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px
}

h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 29px
}

h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px
}

h5 {
    font-size: 13px;
    line-height: 17px
}

h5,
h6 {
    font-weight: 500
}

h6 {
    font-size: 11px;
    line-height: 15px
}

p {
    font-size: 15px;
    font-weight: 400;
    line-height: 21px
}

::-webkit-scrollbar {
    width: 3px;
    border-radius: 4px
}

::-webkit-scrollbar-thumb {
    background: #f8ff13;
    border-radius: 4px
}

::-webkit-scrollbar-track {
    border-radius: 10px
}

.field-in-form {
    margin-bottom: 10px
}

.field-in-form__hidden {
    display: none
}

.grecaptcha-badge {
    visibility: hidden
}

@font-face {
    font-family: "Roboto_Condensed";
    src: url(/static/media/RobotoCondensed-Regular.db6d9169.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}





.dhYiWQ {
    mask-image: url(../../assets/0OULlnXQEFIskXYeCYpoRXdltJJKqWRU7tumpX1j.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}
.lcMxKT {
    mask-image: url(/static/media/all.a33b5c0a.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}
.hWaEtH {
    mask-image: url(../../assets/BWOx1cNOhOJDxGu28weBidny9nKyuBZbZoom67e6.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}
.czwUil {
    mask-image: url(../../assets/04uWmL3w6rAGME1t9p7QUHBpIJ2grkvFPRCgqi3U.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}
.fsxsji {
    mask-image: url(../../assets/jz9YG5nNkkUrXiCJCHc05zDH0FTeCqGaZjAD4Mmh.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}
.gWJGjD {
    mask-image: url(../../assets/saZvvd7k61zHV8jOldZVuX80LJZIx4uwgGcJL1wf.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}
.iXkDLw {
    mask-image: url(../../assets/7T6ZBcf07jrSoFTDhknUJZ7VSO51VKuDSZLFZ3qQ.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}
.FEkVI {
    mask-image: url(../../assets/J3OOufWw31f5cVTmQe7WjLJSfvoJTk37Tm3HHQST.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}
.fpJBen {
    mask-image: url(../../assets/hh1eLVzL1SiEC9TCRyvLXGwUOAxgyMA9bEGTTA53.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}
.gUTsiq {
    mask-image: url(../../assets/7gmvG1070yHVSdTnBSpC74lE7aAJc18pVo6vkKWq.svg);
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 32px;
    height: 32px;
}


.FEeRa {
    width: 100%;
    display: flex
;
    flex-direction: column;
    border-bottom: 1px solid rgb(85, 85, 85);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.dAeQhj {
    font-size: 14px;
    font-weight: 700;
}
.ERSnR {
    position: relative;
    margin-top: 10px;
}
.FEeRa .swiper {
    overflow: hidden;
}
.FEeRa .swiper-wrapper {
    display: flex
;
    flex-direction: row;
    gap: 8px;
}
.cFvQuP .sc-bqWxrE {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.cFvQuP .sc-bqWxrE, .cFvQuP .sc-ksBlkl {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out;
}
.FEeRa .banner {
    width: 200px;
    height: 120px;
}
.dltHmO .banner__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    max-width: 100%;
    text-align: left;
}

@media (max-width: 812px) {
    .promo-list-page__select {
        display: flex
;
    }
}
.promo-list-page__select .dropdown {
    width: 100%;
}
div.dropdown {
    position: relative;
    margin-bottom: 15px;
}
div.dropdown-container {
    outline: none;
}
.css-2b097c-container {
    position: relative;
    box-sizing: border-box;
}
div.dropdown__control {
    height: 50px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.css-yk16xz-control {
    -webkit-box-align: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    border-color: rgb(204, 204, 204);
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    cursor: default;
    display: flex
;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    min-height: 38px;
    position: relative;
    transition: 100ms;
    box-sizing: border-box;
    outline: 0px !important;
}
.promo-item, .promo-item__content {
    position: relative;
    display: flex
;
    flex-direction: column;
}
.jAZmmk {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: rgb(255, 255, 255);
}









.dropdown-wrapper.is-active .dropdown-wrapper__dropdown-info {
    display: block;
}
@media (max-width: 812px) {
    .dropdown-wrapper__dropdown-info {
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        padding: 0;
        margin: 0;
        width: 100%;
        top: 52px;
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 5px;
        z-index: 111111;
    }
}
.dropdown-wrapper__dropdown-info {
    width: 265px;
    padding: 0;
    margin: 0;
    top: 52px;
    right: -22px;
    position: absolute;
    z-index: 11;
    cursor: auto;
    background: #121212;
    border-radius: 0;
}
.dropdown-wrapper__close {
    display: none;
}
@media (max-width: 812px) {
    .caFSzo {
        float: unset;
        width: unset;
        height: unset;
    }
}
.caFSzo {
    float: left;
    width: 50%;
    height: 100%;
    padding: 20px;
    background: rgb(38, 38, 38);
}
.cCGqmm {
    display: flex
;
    flex-direction: column;
    gap: 16px;
}
.eiTKIa {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}
.bPHZZh {
    display: inline-flex
;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}
.bPHZZh svg {
    transform: scale(1.5);
}
.lhdcfG {
    display: flex
;
    flex-direction: column;
}
.loUSqN {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: rgb(157, 157, 157);
}
.dxYzyP {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgb(255, 255, 255);
}
.lhdcfG {
    display: flex
;
    flex-direction: column;
}
.doLbQn {
    background-color: rgb(56, 56, 56);
    width: 100%;
    height: 1px;
}
.cCGqjK {
    display: flex
;
    flex-direction: column;
    gap: 12px;
}
.kmJJNp {
    display: flex
;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.hZnKtO {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgb(157, 157, 157);
}
.hdtvso {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: rgb(248, 255, 19);
}
.kmJJNp {
    display: flex
;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.hZnKtO {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgb(157, 157, 157);
}
.dxYzyP {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: rgb(255, 255, 255);
}
.kmJJNp {
    display: flex
;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.doLbQn {
    background-color: rgb(56, 56, 56);
    width: 100%;
    height: 1px;
}
.gCMiBj {
    position: relative;
    display: inline-flex
;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border: unset;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    border-radius: 2px;
    background-color: rgb(248, 255, 19);
    color: rgb(0, 0, 0);
    padding: 12px 30px;
    width: 100%;
}
.ZcpJn {
    display: flex
;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin-right: 8px;
}
@media (max-width: 812px) {
    .kTYzTM {
        overflow-y: scroll;
        height: calc(-347px + 100vh);
    }
}
.kTYzTM {
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px;
    height: calc(100% - 347px);
}
.hJrbRf {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    padding: 12px 20px;
    border-bottom: 1px solid rgb(38, 38, 38);
    background-color: rgb(18, 18, 18);
}
.cHnpVY {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}
.dropdown-wrapper.is-active .dropdown-wrapper__dropdown-info {
    display: block;
}
@media (max-width: 812px) {
    .dropdown-wrapper__dropdown-info {
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        padding: 0;
        margin: 0;
        width: 100%;
        top: 52px;
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 5px;
        z-index: 111111;
    }
}







@media (max-width: 812px) {
    .main-template__container .user-profile .user-tabs {
        margin: 0;
        padding: 0;
        border-radius: 0;
        background: #262626;
    }
}
.main-template__container .user-profile .user-tabs {
    margin: 20px 20px 0;
    border-radius: 0;
    width: 100%;
    height: inherit;
}

@media (max-width: 812px) {
    .ceHnaJ {
        padding: 16px;
    }
}
.jRDzjq {
    display: flex
;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 812px) {
    .busTan {
        grid-template-columns: 1fr;
        background-color: rgb(38, 38, 38);
    }
}
.busTan {
    align-items: flex-start;
    display: grid
;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
.cTTTzh {
    display: flex
;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background-color: rgb(28, 28, 28);
}
.YmTAM {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: rgb(235, 235, 235);
}
.iEyyuu {
    display: flex
;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}
.dYQehN {
    display: flex
;
    flex-direction: column;
    gap: 4px;
}
.hIlTgA {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: rgb(157, 157, 157);
}
.iXjsVm {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: rgb(235, 235, 235);
}
.hbvuhd {
    position: relative;
    display: inline-flex
;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border: unset;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    border-radius: 2px;
    background-color: rgb(248, 255, 19);
    color: rgb(0, 0, 0);
    padding: 12px 30px;
    opacity: 0.5;
    pointer-events: none;
}
.hbvuhd {
    position: relative;
    display: inline-flex
;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border: unset;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    border-radius: 2px;
    background-color: rgb(248, 255, 19);
    color: rgb(0, 0, 0);
    padding: 12px 30px;
    opacity: 0.5;
    pointer-events: none;
}
.cTTTzh {
    display: flex
;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background-color: rgb(28, 28, 28);
}
.YmTAM {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: rgb(235, 235, 235);
}
@media (max-width: 812px) {
    .main-template__container .user-profile .user-tabs {
        margin: 0;
        padding: 0;
        border-radius: 0;
        background: #262626;
    }
}
.main-template__container .user-profile .user-tabs {
    margin: 20px 20px 0;
    border-radius: 0;
    width: 100%;
    height: inherit;
}
@media (max-width: 812px) {
    .ceHnaJ {
        padding: 16px;
    }
}
.jRDzjq {
    display: flex
;
    flex-direction: column;
    gap: 16px;
}
@media (max-width: 812px) {
    .busTan {
        grid-template-columns: 1fr;
        background-color: rgb(38, 38, 38);
    }
}
.efLFaP {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: rgb(235, 235, 235);
}
.ggAOWu {
    position: relative;
    display: inline-flex
;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border: unset;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    border-radius: 2px;
    background-color: rgb(248, 255, 19);
    color: rgb(0, 0, 0);
    padding: 12px 30px;
}
.iJgxQF {
    display: flex
;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    gap: 16px;
}
.iBNnGk {
    display: flex
;
    -webkit-box-align: center;
    align-items: center;
    gap: 8px;
}
.ca-DQfn {
    padding-top: 8px;
    padding-bottom: 8px;
}
.cspTbN {
    display: flex
;
    flex-direction: column;
    gap: 8px;
}
.faRgQv {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgb(235, 235, 235);
}
.table {
    display: flex
;
    flex-direction: column;
}
@media (max-width: 812px) {
    .table-head {
        display: none;
    }
}
.table-head {
    display: flex
;
    border-radius: 4px 4px 0 0;
    padding: 11px 20px 12px;
    background-color: #121212;
    border-top: 1px solid #9d9d9d;
    border-left: 1px solid #9d9d9d;
    border-right: 1px solid #9d9d9d;
}
.table-head__column {
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #ebebeb;
}
@media (max-width: 812px) {
    .kPeTjW {
        background: rgb(28, 28, 28);
        border-radius: 4px;
        border: unset;
        padding: 12px 0px;
    }
}
.kPeTjW {
    -webkit-box-align: center;
    align-items: center;
    background: rgb(38, 38, 38);
    border-radius: 0px 0px 4px 4px;
    border: 1px solid rgb(157, 157, 157);
    color: rgb(235, 235, 235);
    display: flex
;
    font-size: 14px;
    font-weight: 400;
    -webkit-box-pack: center;
    justify-content: center;
    line-height: 20px;
    padding: 24px 0px;
}
.faRgQv {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: rgb(235, 235, 235);
}


.kfEzBG {
    position: relative;
    display: inline-flex
;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border: unset;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    border-radius: 2px;
    background-color: rgb(248, 255, 19);
    color: rgb(0, 0, 0);
    padding: 12px 30px;
    width: 100%;
}
.iWpTDF {
    margin-left: auto;
    transform: rotate(-90deg);
}
@media (max-width: 812px) {
    .caFSzo {
        float: unset;
        width: unset;
        height: unset;
    }
}
.cmOzdP path {
    fill: rgb(0, 0, 0);
}
.jTYBIL {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: rgb(235, 235, 235);
}



.eDTKKv {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: rgb(248, 255, 19);
}
@media (max-width: 812px) {
    .dropdown-wrapper__clicked-section:after {
        top: 9px;
        right: -17px;
    }
}
.dropdown-wrapper__clicked-section:after {
    content: " ";
    top: 14px;
    right: -8px;
    position: absolute;
    display: flex
;
    height: 8px;
    width: 8px;
    background: url(/static/media/arrow-down.c28aba28.svg) no-repeat;
}
.hxtXHU {
    display: flex
;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 8px;
}
@media (max-width: 812px) {
    .dropdown-wrapper__clicked-section>svg {
        width: 22px;
        height: 22px;
    }
}
.cQhTyB .sc-bqWxrE, .cQhTyB .sc-ksBlkl {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.promo-item {
    width: 100%;
    background-color: #1b2020;
    text-decoration: none;
}
.cYiytH {
    width: 100%;
    height: 250px;
    flex-shrink: 0;
}

.cYiytH .sc-bqWxrE, .cYiytH .sc-ksBlkl {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@font-face {
    font-family: "Roboto_Condensed";
    src: url(/static/media/RobotoCondensed-Bold.89a39652.ttf);
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Roboto_Condensed";
    src: url(/static/media/RobotoCondensed-Black.ea66a26d.ttf);
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Pari-Match";
    src: url(/static/media/Paribahis-Bold.310e0bd8.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Pari-Match";
    src: url(/static/media/Paribahis-Regular.e56e1c54.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Druk Wide Bold";
    src: url(/static/media/druk-wide-bold-webfont.22e1d60d.woff2) format("woff2"), url(/static/media/druk-wide-bold-webfont.a10c4131.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Oliviar Sans Black Ex";
    src: url(/static/media/OliviarSans-BlackEx.2b9d6a26.woff2) format("woff2"), url(/static/media/OliviarSans-BlackEx.99579cf2.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "ChivoMono";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(/static/media/ChivoMono-Regular.59503be5.woff2) format("woff2"), url(/static/media/ChivoMono-Regular.59503be5.woff2) format("woff")
}

@font-face {
    font-family: "ChivoMono";
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: url(/static/media/ChivoMono-Light.8ae1c656.woff2) format("woff2"), url(/static/media/ChivoMono-Light.8ae1c656.woff2) format("woff")
}

@font-face {
    font-family: "ChivoMono";
    font-weight: 100;
    font-style: normal;
    font-display: swap;
    src: url(/static/media/ChivoMono-Thin.b86e6aac.woff2) format("woff2"), url(/static/media/ChivoMono-Thin.b86e6aac.woff2) format("woff")
}

@font-face {
    font-family: "ChivoMono";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(/static/media/ChivoMono-Bold.2e3fdbd3.woff2) format("woff2"), url(/static/media/ChivoMono-Bold.2e3fdbd3.woff2) format("woff")
}

@font-face {
    font-family: "Termina";
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url(/static/media/Termina-Black.a6c106fb.woff2) format("woff2"), url(/static/media/Termina-Black.a6c106fb.woff2) format("woff")
}

.nav-item {
    color: #9d9d9d;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 24px;
    min-height: 25px;
    font-size: 14px;
    justify-content: center
}

@media(max-width:1350px) {
    .nav-item {
        font-size: 11px
    }
}

.nav-item svg path {
    fill: #fff
}

@media(max-width:986px) {
    .nav-item {
        font-size: 12px
    }
}

.nav-item--link_active,
.nav-item:hover {
    color: #f8ff13
}

.nav-item--link_active svg path,
.nav-item:hover svg path {
    fill: #f8ff13
}

.nav-item--link_active:after,
.nav-item:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #f8ff13;
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    margin: auto
}

.nav-item--link_active.full-underscore:after,
.nav-item.full-underscore:hover:after {
    width: 100%
}

@media screen and (min-width:813px) {
    .nav-item+.nav-item {
        margin-left: 24px
    }
}

@media(max-width:986px) {
    .nav-item+.nav-item {
        margin-left: 10px
    }
}

.nav-item--default {
    height: 72px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.nav-item--with-icon:after,
.nav-item--with-icon:hover:after {
    content: none
}

.nav-item--with-icon path {
    fill: #fff
}

.nav-item--with-icon .nav-item+.nav-item {
    margin-left: 32px
}

.nav-item--left {
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.nav-item--left .nav-item__title {
    margin-left: 12px
}

.nav-item--default {
    flex-direction: column
}

.nav-item--selected {
    color: #f8ff13
}

.nav-item--selected svg path {
    fill: #f8ff13
}

.sport-links {
    overflow: hidden
}

.sport-links__box {
    overflow: hidden;
    position: relative;
    border-radius: 4px
}

.sport-links__box-img-sizes {
    width: 100%;
    height: 100%
}

.sport-links__box-background {
    background-color: #1b1c1c;
    cursor: pointer
}

.sport-links__box-background:hover {
    transition: .1s ease-in;
    background-color: #f8ff13
}

.sport-links__bg {
    padding-bottom: 75%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.sport-links__name {
    display: block;
    margin: 6px 3px 2px;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    text-overflow: ellipsis;
    color: #9d9d9d;
    white-space: nowrap;
    overflow: hidden
}

.slider-arrow.slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.slider-arrow.slick-arrow:before {
    content: "";
    display: flex;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50%;
    background-image: url(/static/media/slider-arrow-prev.266b5781.svg);
    opacity: 1
}

.slider-arrow.slick-arrow,
.slider-arrow.slick-arrow:active,
.slider-arrow.slick-arrow:focus,
.slider-arrow.slick-arrow:hover {
    display: flex;
    width: 36px;
    height: 90px;
    background: #262626;
    border: 1px solid #9d9d9d;
    border-radius: 16px
}

.slider-arrow.slick-arrow:hover:not(.slick-disabled) {
    border-color: #f8ff13
}

.slider-arrow.slick-arrow.slick-disabled {
    border-color: hsla(0, 0%, 61.6%, .4)
}

.slider-arrow.slick-arrow.slick-prev {
    left: 8px
}

.slider-arrow.slick-arrow.slick-next {
    right: 8px
}

.slider-arrow.slick-arrow.slick-next:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slider-arrow.slick-arrow.slick-next,
.slider-arrow.slick-arrow.slick-prev {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.slick-slider:hover .slider-arrow.slick-arrow.slick-next,
.slick-slider:hover .slider-arrow.slick-arrow.slick-prev {
    opacity: 1
}

.license-img-wrapper {
    display: grid;
    grid-gap: 5px 0;
    gap: 5px 0;
    grid-template-columns: auto auto;
    grid-template-rows: repeat(2, 1fr)
}

.license-img {
    width: 40px;
    cursor: pointer
}

.license-img-additional {
    width: 36px;
    cursor: pointer;
    margin-left: 2px
}

.license-img-gcb {
    grid-area: 1/1/3/2;
    width: 150px;
    margin-right: 15px
}

@media(max-width:480px) {
    .license-img-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 -10px
    }

    .license-img {
        width: auto;
        height: 85px;
        margin-right: 10px
    }

    .license-img-additional {
        width: auto;
        height: 85px;
        margin-left: 0
    }

    .license-img-gcb {
        margin-right: 10px
    }
}

@media(max-width:360px) {

    .license-img,
    .license-img-additional {
        height: 54px
    }
}

.btn,
.btn-action,
.btn-dark,
.btn-default,
.btn-demo,
.btn-logout,
.btn-outline,
.btn-play,
.btn-primary,
.btn-primary-transparent,
.btn-secondary,
.btn-star,
.btn-transparent,
.btn-transparent-bordered,
.copy-to-clipboard__button,
.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    display: inline-flex;
    -webkit-appearance: none;
    appearance: none;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    outline: none;
    cursor: pointer
}

.btn__icon {
    display: flex;
    justify-content: center;
    align-items: center
}

.btn__label {
    font-weight: 700
}

.btn__loader {
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 13px);
    width: 26px;
    height: 26px;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2
}

.btn__loader .path {
    stroke: #fff;
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.btn-action:disabled,
.btn-dark:disabled,
.btn-default:disabled,
.btn-demo:disabled,
.btn-logout:disabled,
.btn-outline:disabled,
.btn-play:disabled,
.btn-primary-transparent:disabled,
.btn-primary:disabled,
.btn-secondary:disabled,
.btn-star:disabled,
.btn-transparent-bordered:disabled,
.btn-transparent:disabled,
.btn:disabled,
.copy-to-clipboard__button:disabled,
.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link:disabled {
    opacity: .5;
    cursor: default
}

.btn.is-loading,
.is-loading.btn-action,
.is-loading.btn-dark,
.is-loading.btn-default,
.is-loading.btn-demo,
.is-loading.btn-logout,
.is-loading.btn-outline,
.is-loading.btn-play,
.is-loading.btn-primary,
.is-loading.btn-primary-transparent,
.is-loading.btn-secondary,
.is-loading.btn-star,
.is-loading.btn-transparent,
.is-loading.btn-transparent-bordered,
.is-loading.copy-to-clipboard__button,
.modal.disable-popup-blocker-modal .is-loading.disable-popup-blocker__btn-link {
    position: relative;
    cursor: default
}

.btn.is-loading svg.btn__loader circle,
.is-loading.btn-action svg.btn__loader circle,
.is-loading.btn-dark svg.btn__loader circle,
.is-loading.btn-default svg.btn__loader circle,
.is-loading.btn-demo svg.btn__loader circle,
.is-loading.btn-logout svg.btn__loader circle,
.is-loading.btn-outline svg.btn__loader circle,
.is-loading.btn-play svg.btn__loader circle,
.is-loading.btn-primary-transparent svg.btn__loader circle,
.is-loading.btn-primary svg.btn__loader circle,
.is-loading.btn-secondary svg.btn__loader circle,
.is-loading.btn-star svg.btn__loader circle,
.is-loading.btn-transparent-bordered svg.btn__loader circle,
.is-loading.btn-transparent svg.btn__loader circle,
.is-loading.copy-to-clipboard__button svg.btn__loader circle,
.modal.disable-popup-blocker-modal .is-loading.disable-popup-blocker__btn-link svg.btn__loader circle {
    stroke: #000
}

.btn.is-loading .btn__icon,
.btn.is-loading .btn__label,
.is-loading.btn-action .btn__icon,
.is-loading.btn-action .btn__label,
.is-loading.btn-dark .btn__icon,
.is-loading.btn-dark .btn__label,
.is-loading.btn-default .btn__icon,
.is-loading.btn-default .btn__label,
.is-loading.btn-demo .btn__icon,
.is-loading.btn-demo .btn__label,
.is-loading.btn-logout .btn__icon,
.is-loading.btn-logout .btn__label,
.is-loading.btn-outline .btn__icon,
.is-loading.btn-outline .btn__label,
.is-loading.btn-play .btn__icon,
.is-loading.btn-play .btn__label,
.is-loading.btn-primary-transparent .btn__icon,
.is-loading.btn-primary-transparent .btn__label,
.is-loading.btn-primary .btn__icon,
.is-loading.btn-primary .btn__label,
.is-loading.btn-secondary .btn__icon,
.is-loading.btn-secondary .btn__label,
.is-loading.btn-star .btn__icon,
.is-loading.btn-star .btn__label,
.is-loading.btn-transparent-bordered .btn__icon,
.is-loading.btn-transparent-bordered .btn__label,
.is-loading.btn-transparent .btn__icon,
.is-loading.btn-transparent .btn__label,
.is-loading.copy-to-clipboard__button .btn__icon,
.is-loading.copy-to-clipboard__button .btn__label,
.modal.disable-popup-blocker-modal .is-loading.disable-popup-blocker__btn-link .btn__icon,
.modal.disable-popup-blocker-modal .is-loading.disable-popup-blocker__btn-link .btn__label {
    opacity: 0
}

.btn-xs {
    padding: 8px 16px;
    font-size: 13px
}

.btn-sm {
    padding: 10px 16px;
    font-size: 13px
}

.btn-md,
.btn-sm {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btn-md {
    padding: 12px 30px
}

.btn-lg {
    padding: 12px 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media(max-width:812px) {
    .btn-lg {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media(max-width:986px) {
    .btn-lg {
        padding: 7px 11px
    }
}

.btn-block {
    display: flex;
    width: 100%
}

.btn-round {
    width: 65px;
    height: 65px;
    border-radius: 50%
}

.btn-action,
.btn-primary,
.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    color: #262626;
    background: #f8ff13;
    border-color: #f8ff13;
    border-radius: 2px
}

.btn-action:hover,
.btn-primary:hover,
.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link:hover {
    background: #faeb00;
    border-color: #faeb00
}

.btn-action:active,
.btn-primary:active,
.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link:active {
    background: #f8ff13;
    border-color: #f8ff13
}

.btn-action .btn__label,
.btn-primary .btn__label,
.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link .btn__label {
    font-weight: 700
}

.btn-action .loader__animation:before,
.btn-primary .loader__animation:before,
.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link .loader__animation:before {
    border-top-color: #262626
}

.btn-action .loader__animation:after,
.btn-primary .loader__animation:after,
.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link .loader__animation:after {
    border-color: rgba(38, 38, 38, .4)
}

.btn-action:disabled,
.btn-primary:disabled,
.btn-secondary:disabled,
.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link:disabled {
    color: #9d9d9d;
    background: #d9d9d9;
    border-color: #d9d9d9
}

.btn-primary-transparent {
    color: #f8ff13;
    background: transparent;
    border-color: transparent
}

.btn-primary-transparent:hover {
    background: #f8ff13;
    border-color: #f8ff13
}

.btn-primary-transparent:active {
    background: #faeb00;
    border-color: #faeb00
}

.btn-primary-transparent:active,
.btn-primary-transparent:hover {
    color: #262626
}

.btn-primary-transparent:active .btn__label,
.btn-primary-transparent:hover .btn__label {
    font-weight: 700
}

.btn-secondary {
    color: #fff;
    background: #00984a;
    border-color: #00984a;
    border-radius: 2px
}

.btn-secondary:active,
.btn-secondary:hover {
    background: #00ab53;
    border-color: transparent
}

.btn-transparent-bordered {
    color: #000;
    background: transparent;
    border-radius: 2px;
    border-color: #000
}

.btn-transparent-bordered:active,
.btn-transparent-bordered:hover {
    background: #9d9d9d;
    border-color: #000
}

.btn-transparent-bordered .btn__label {
    font-weight: 700
}

.btn-transparent-bordered:disabled {
    opacity: .5
}

.btn-default {
    color: #000;
    background: #fff;
    border-color: #c4c4c4
}

.btn-default:disabled {
    color: #b9c5e1;
    border-color: #b9c5e1;
    background: transparent
}

.btn-default--selected,
.btn-default:active,
.btn-default:hover {
    border-color: #000
}

.btn-outline {
    color: #c4c4c4;
    background-color: transparent;
    border-color: #ebebeb
}

.btn-outline:disabled {
    color: #b9c5e1;
    border-color: #b9c5e1;
    background: transparent
}

.btn-outline--selected,
.btn-outline:active,
.btn-outline:hover {
    color: #f8ff13;
    border-color: #f8ff13
}

.btn-transparent {
    color: #c4c4c4;
    background: transparent;
    border-color: transparent
}

.btn-play {
    color: #fff;
    background: #f8ff13;
    border-color: #f8ff13;
    padding: 0
}

.btn-play:active,
.btn-play:hover {
    background: radial-gradient(circle, #ffea21 0, #ffc700 100%), #ff9e2c;
    border-color: transparent
}

.btn-play .btn__icon {
    margin-left: 4px
}

.btn-dark {
    color: #fff
}

.btn-dark,
.btn-dark:active,
.btn-dark:hover {
    background: #1d222f;
    border-color: #1d222f
}

.btn-demo {
    border: none;
    padding: 10px 30px;
    text-transform: capitalize;
    color: #fff;
    border-radius: 44px;
    background-color: rgba(225, 243, 247, .4);
    transition: background-color .3s
}

.btn-demo:active,
.btn-demo:hover {
    background: rgba(225, 243, 247, .3);
    border-color: transparent
}

.btn-star {
    border: none;
    background: rgba(35, 41, 57, .6)
}

.btn-logout {
    border: none;
    color: #fff
}

.btn-close-cross,
.modal-header__close {
    position: absolute;
    top: 15px;
    right: 12px;
    padding: 5px;
    z-index: 1;
    cursor: pointer;
    background-color: transparent;
    border: none
}

.btn-close-cross:before,
.modal-header__close:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(/static/media/close-black.3645e14d.svg) no-repeat
}

.btn-close-cross:active,
.btn-close-cross:focus,
.modal-header__close:active,
.modal-header__close:focus {
    outline: none
}

.btn-close-cross-mob:before {
    background: url(/static/media/close-yellow.b8e12f40.svg) no-repeat
}

.btn-back-circle {
    width: 28px;
    height: 28px;
    padding: 0;
    background: transparent;
    border: 1px solid #f8ff13
}

.btn-back-circle svg {
    margin-left: -1px;
    fill: transparent;
    stroke: #f8ff13
}

.custom-input__currency {
    font-size: 24px;
    margin-top: 15px;
    color: #f8ff13
}

.custom-input__placeholder {
    position: absolute;
    top: 16px;
    color: #9d9d9d;
    font-size: 14px;
    line-height: 20px;
    transition: .25s;
    pointer-events: none
}

.custom-input__container {
    position: relative;
    padding: 0;
    width: 100%;
    background: transparent;
    font-family: Roboto_Condensed, sans-serif;
    transition: .25s
}

.custom-input__container--has-error {
    transition: .25s
}

.custom-input__container--has-error .custom-input__wrap:after,
.custom-input__container--has-error .custom-input__wrap:before {
    background: #e21a3d
}

.custom-input__container--has-error .custom-input__placeholder {
    color: #e21a3d !important
}

.custom-input__container--mobile .custom-input__placeholder {
    top: 18.5px
}

.custom-input__container--mobile .custom-input__wrap {
    height: 54px
}

.custom-input__container--mobile .custom-input__input-field:focus+.custom-input__placeholder,
.custom-input__container--mobile .custom-input__input-field:not(.empty)+.custom-input__placeholder {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.custom-input__container--disabled {
    opacity: .6
}

.custom-input__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0 0 2px;
    width: 100%;
    height: 50px;
    background: transparent;
    border: none;
    border-radius: 8px 8px 0 0
}

.custom-input__wrap:after,
.custom-input__wrap:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #9d9d9d;
    bottom: -1px
}

.custom-input__wrap:before {
    z-index: 1;
    background: #9d9d9d;
    opacity: 0;
    transition: opacity .25s
}

.custom-input__wrap--input-focused:before {
    background: #9d9d9d;
    height: 2px;
    opacity: 1;
    transition: opacity .25s
}

.custom-input__wrap .custom-input__placeholder-filled {
    -webkit-transform: translateY(-13px);
    transform: translateY(-13px);
    font-size: 12px
}

.custom-input__input-field {
    padding: 23.4px 0 7.6px;
    background: transparent;
    flex-grow: 1;
    color: #ebebeb;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    width: 100%;
    border: none;
    height: 100%;
    transition: .25s;
    border-radius: 0
}

.custom-input__input-field:-webkit-autofill,
.custom-input__input-field:-webkit-autofill:active,
.custom-input__input-field:-webkit-autofill:focus,
.custom-input__input-field:-webkit-autofill:hover {
    background-color: rgba(7, 7, 7, 0) !important;
    -webkit-transition: background-color 99999999s ease-in-out 0s, color 99999999s ease-in-out 0s, font-size 99999999s ease-in-out 0s;
    transition: background-color 99999999s ease-in-out 0s, color 99999999s ease-in-out 0s, font-size 99999999s ease-in-out 0s;
    border-radius: 8px 8px 0 0
}

.custom-input__input-field:-webkit-autofill:first-line {
    font-size: 16px
}

.custom-input__input-field::-webkit-inner-spin-button,
.custom-input__input-field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.custom-input__input-field[type=number] {
    -moz-appearance: textfield
}

.custom-input__input-field:focus {
    outline: none;
    transition: .25s
}

.custom-input__input-field:focus:not(.empty)+.custom-input__placeholder {
    color: #ebebeb
}

.custom-input__input-field:focus+.custom-input__placeholder {
    color: #ebebeb;
    transition: .25s
}

.custom-input__input-field:focus+.custom-input__placeholder,
.custom-input__input-field:not(.empty)+.custom-input__placeholder {
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px);
    font-size: 12px;
    line-height: 16px;
    transition: .1s;
    color: #ebebeb
}

.custom-input__input-field:not(.empty)+.custom-input__placeholder {
    color: #9d9d9d
}

.custom-input__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    flex-shrink: 0;
    min-width: 30px;
    background: transparent
}

.custom-input__icon img {
    padding: 0 13px 0 0
}

.custom-input__icon svg {
    margin-right: 13px
}

.custom-input__icon.password {
    cursor: pointer
}

.custom-input__icon.warning-icon {
    position: absolute;
    right: 0
}

.custom-input__error {
    display: block;
    margin: 5px 10px 0 0;
    font-size: 12px;
    line-height: 16px;
    color: #e21a3d
}

.date-range-picker .rdrCalendarWrapper {
    color: #fff;
    background-color: #262626;
    border-radius: 4px
}

.date-range-picker .rdrDateDisplayWrapper {
    background-color: #262626
}

.date-range-picker .rdrMonthAndYearPickers select {
    color: #fff;
    background: unset;
    padding: unset
}

.date-range-picker .rdrPprevButton i {
    border-color: transparent #fff transparent transparent
}

.date-range-picker .rdrNextButton i {
    border-color: transparent transparent transparent #fff
}

.date-range-picker .rdrWeekDay {
    color: #ebebeb;
    text-transform: uppercase
}

.date-range-picker .rdrDay {
    background: #262626
}

.date-range-picker .rdrDayNumber span {
    color: #fff
}

.date-range-picker .rdrDayToday .rdrDayNumber span:after,
.date-range-picker .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,
.date-range-picker .rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,
.date-range-picker .rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,
.date-range-picker .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after {
    background: #f8ff13
}

.date-range-picker .rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,
.date-range-picker .rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,
.date-range-picker .rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,
.date-range-picker .rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span {
    color: #262626;
    opacity: 1
}

.date-range-picker .rdrDayPassive .rdrDayNumber span {
    color: transparent !important
}

.date-range-picker .rdrDayDisabled .rdrDayNumber span {
    color: #555
}

.date-range-picker .rdrMonthAndYearPickers select:hover {
    background-color: transparent
}

.date-range-picker .rdrNextPrevButton,
.date-range-picker .rdrNextPrevButton:hover {
    background: transparent
}

.date-range-picker .rdrEndEdge,
.date-range-picker .rdrInRange,
.date-range-picker .rdrSelected,
.date-range-picker .rdrStartEdge {
    background: #f8ff13
}

.date-range-picker .rdrDayDisabled,
.date-range-picker .rdrDayPassive {
    background-color: transparent
}

.date-range-picker .rdrStartEdge {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.date-range-picker .rdrEndEdge {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.date-range-picker .rdrSelected {
    border-radius: 4px
}

.date-range-picker .rdrDayStartOfMonth .rdrEndEdge,
.date-range-picker .rdrDayStartOfMonth .rdrInRange,
.date-range-picker .rdrDayStartOfWeek .rdrEndEdge,
.date-range-picker .rdrDayStartOfWeek .rdrInRange {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.date-range-picker .rdrDayEndOfMonth .rdrInRange,
.date-range-picker .rdrDayEndOfMonth .rdrStartEdge,
.date-range-picker .rdrDayEndOfWeek .rdrInRange,
.date-range-picker .rdrDayEndOfWeek .rdrStartEdge {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.date-range-picker .rdrDayStartOfMonth .rdrDayEndPreview,
.date-range-picker .rdrDayStartOfMonth .rdrDayInPreview,
.date-range-picker .rdrDayStartOfWeek .rdrDayEndPreview,
.date-range-picker .rdrDayStartOfWeek .rdrDayInPreview {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.date-range-picker .rdrDayEndOfMonth .rdrDayInPreview,
.date-range-picker .rdrDayEndOfMonth .rdrDayStartPreview,
.date-range-picker .rdrDayEndOfWeek .rdrDayInPreview,
.date-range-picker .rdrDayEndOfWeek .rdrDayStartPreview {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.date-range-picker .rdrDayStartPreview {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.date-range-picker .rdrDayEndPreview {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.date-range-picker .rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
    border-radius: 4px;
    background: transparent
}

@media(max-width:812px) {
    .date-range-picker .rdrDateRangeWrapper {
        width: 100%;
        position: relative;
        z-index: 1
    }

    .date-range-picker .rdrMonth {
        width: 100%
    }
}

.game-card {
    position: relative;
    cursor: pointer
}

.game-card__box {
    overflow: hidden;
    position: relative
}

.game-card__bg {
    padding-bottom: 75%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .2s ease-in-out
}

.game-card__buttons,
.game-card__content,
.game-card__labels {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .1s ease-in
}

.game-card__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 20px 20px 14px;
    background: linear-gradient(180deg, transparent, #000)
}

.game-card__desc {
    margin-bottom: 6px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #c4c4c4
}

.game-card__title {
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.game-card__labels {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    pointer-events: none
}

.game-card__hot-label,
.game-card__jackpot-label,
.game-card__status-label {
    display: inline-flex;
    position: relative;
    z-index: 0
}

.game-card__new-label {
    position: absolute;
    top: -2px;
    left: -4px
}

.game-card__new-label-text {
    position: absolute;
    left: 7px;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 10px;
    font-weight: 900;
    color: #000
}

.game-card__hot-label {
    position: absolute;
    top: 4px;
    right: 4px
}

.game-card__jackpot-label {
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 8px;
    padding: 6px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    background: rgba(85, 85, 85, .9);
    border-radius: 4px
}

.game-card__buttons,
.game-card__jackpot-label {
    display: flex;
    justify-content: center;
    align-items: center
}

.game-card__buttons {
    flex-direction: column;
    background-color: rgba(0, 0, 0, .65)
}

.game-card__buttons:has(.game-card__play-for-fun) {
    padding-top: 30px
}

.game-card__play-for-real {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: -10px 0 16px;
    background-color: transparent;
    border-radius: 50%;
    border: none;
    outline: none;
    transition: all .1s ease-in;
    cursor: pointer
}

.game-card__play-for-real:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 43px;
    height: 43px;
    background-size: 48px 48px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/static/media/play-button-circle.3206c829.svg);
    transition: -webkit-transform .1s ease-in;
    transition: transform .1s ease-in;
    transition: transform .1s ease-in, -webkit-transform .1s ease-in;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    overflow: hidden
}

.game-card__play-for-real svg {
    fill: #fff;
    transition: fill .1s ease-in;
    -webkit-transform: translateX(5%);
    transform: translateX(5%)
}

.game-card__play-for-real:hover {
    background-color: #f8ff13;
    box-shadow: 0 0 0 4px #f8ff13
}

.game-card__play-for-real:hover:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg) scale(1.1);
    transform: translate(-50%, -50%) rotate(45deg) scale(1.1)
}

.game-card__play-for-real:hover svg {
    fill: #000
}

.game-card--with-content .game-card__play-for-real {
    width: 62px;
    height: 62px
}

.game-card--with-content .game-card__play-for-real:before {
    width: 60px;
    height: 60px;
    background-size: 68px 68px
}

.game-card--with-content .game-card__play-for-real svg {
    width: 18px;
    height: 18px
}

.game-card__play-for-fun {
    background-color: transparent;
    margin-top: 5px;
    color: #fff
}

.game-card__play-for-fun,
.game-card__play-for-fun:active,
.game-card__play-for-fun:hover {
    color: #fff
}

.game-card__play,
.game-card__play-for-fun {
    border-radius: 4px;
    padding: 10px 18px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    border: none;
    width: 152px;
    text-align: center
}

.game-card__provider-logo {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 28px;
    height: 28px
}

@media(max-width:812px) {

    .game-card__play,
    .game-card__play-for-fun {
        padding: 6px 15px;
        font-size: 12px;
        width: 132px
    }

    .game-card__play-for-fun {
        margin-top: 4px
    }
}

@media(max-width:320px) {

    .game-card__play,
    .game-card__play-for-fun {
        padding: 2px 8px;
        font-size: 8px;
        width: 96px
    }

    .game-card__play {
        margin-top: -8px
    }
}

.game-card__name {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: 4px 1px 0;
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    text-overflow: ellipsis;
    color: #9d9d9d;
    white-space: nowrap;
    overflow: hidden;
    background-color: #262626;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .1s ease-in;
    opacity: 0
}

@media(max-width:480px) {
    .game-card__name {
        padding: 1px 1px 0;
        font-size: 9px;
        line-height: 12px
    }
}

.game-card__favorite {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 36px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: unset
}

.game-card__favorite--inactive:focus svg path,
.game-card__favorite--inactive:hover svg path {
    fill: #f8ff13
}

@media(max-width:480px) {
    .game-card__favorite {
        width: 30px;
        height: 30px
    }
}

.game-card--active .game-card__name,
.game-card:not(.game-card--touch):hover .game-card__name {
    color: #fff
}

.game-card--active .game-card__content,
.game-card--active .game-card__labels,
.game-card:not(.game-card--touch):hover .game-card__content,
.game-card:not(.game-card--touch):hover .game-card__labels,
.game-card__buttons {
    opacity: 0
}

.game-card--active .game-card__buttons,
.game-card:not(.game-card--touch):hover .game-card__buttons {
    opacity: 1
}

.game-card--active .game-card__bg,
.game-card:not(.game-card--touch):hover .game-card__bg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.game-card--touch:not(.game-card--active) .game-card__buttons {
    pointer-events: none
}

.game-card--active .game-card__name,
.game-card:not(.game-card--touch):hover .game-card__name {
    -webkit-transform: none;
    transform: none;
    opacity: 1
}

.seo-panel {
    width: 100%;
    position: relative
}

.seo-panel:after {
    content: unset
}

.seo-panel__scroll-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 45px auto 40px;
    padding: 0;
    max-width: 1222px;
    font-family: "Roboto_Condensed", sans-serif;
    overflow-y: scroll
}

.seo-panel__content-wrap {
    position: relative;
    margin: 0 101px;
    overflow-wrap: break-word
}

.seo-panel__title {
    position: relative;
    margin: 0 0 20px;
    padding-right: 40px;
    font-size: 24px;
    text-align: left;
    line-height: 30px;
    font-weight: 700;
    color: #fff
}

.collapsed .seo-panel__text-wrap {
    position: relative;
    height: 40px;
    overflow: hidden
}

.collapsed .seo-panel__text-wrap:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-image: linear-gradient(180deg, rgba(38, 38, 38, 0), #262626)
}

.seo-panel__collapse-btn {
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    padding: 2px;
    background-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/media/plus.4f64b705.svg);
    background-size: 24px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    transition: all .1s ease-in;
    border: none
}

.collapsed .seo-panel__collapse-btn {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.seo-panel__text {
    margin: 0 0 25px;
    padding-right: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #c4c4c4
}

.seo-panel__text:last-child {
    margin: 0
}

.seo-panel h1 {
    font-size: 24px
}

.seo-panel h2 {
    font-size: 18px
}

@media(max-width:812px) {
    .seo-panel__scroll-wrap {
        margin: 20px 7px 30px 15px
    }

    .seo-panel__content-wrap {
        margin: 0 20px 0 0
    }

    .seo-panel__wrap {
        margin: 0 7px 0 15px
    }

    .seo-panel__text {
        padding-right: 5px
    }
}

@media(max-width:480px) {
    .seo-panel__content-wrap {
        margin: 0 10px 0 0
    }

    .seo-panel__title {
        text-align: left;
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 16px
    }

    .seo-panel__text {
        font-size: 13px;
        line-height: 19px
    }

    .seo-panel__collapse-btn {
        width: 22px;
        height: 22px;
        background-size: 16px
    }
}

.provider-icon {
    display: block;
    padding: 6px 0;
    margin: 0 15px;
    max-width: 100px;
    height: 35px
}

.casino-link {
    width: 100%;
    height: 96px;
    border-radius: 17px;
    padding: 12px 25px 14px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    text-decoration: none;
    background-repeat: no-repeat
}

.casino-link:not(:last-child) {
    margin-right: 20px
}

.casino-link--placeholder {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(136.18deg, #555 28.25%, #262626 98.65%);
    border: 2px solid #79839c
}

.casino-link__title {
    color: #fff;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700
}

.casino-link__text {
    margin: 3px 0 8px;
    color: #fff;
    font-size: 13px;
    line-height: 17px
}

.casino-link__accented-text {
    color: #f8ff13;
    font-size: 15px;
    line-height: 21px;
    text-decoration: none
}

.slider-control {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

.slider-control__label {
    color: #f8ff13;
    margin-right: 26px;
    text-decoration: none
}

.slider-control__label .text-link__label {
    color: #fff
}

.slider-control__label .text-link:after {
    background-color: #fff
}

@media(max-width:480px) {
    .slider-control__label {
        margin-right: 15px
    }
}

.slider-control__button-wrap {
    display: flex;
    justify-content: center;
    align-items: center
}

@media(max-width:480px) {
    .slider-control__button-wrap {
        display: none
    }
}

.slider-control__button-next,
.slider-control__button-prev {
    padding: 0;
    width: 26px;
    height: 26px;
    border: none;
    cursor: pointer;
    background: url(/static/media/slider-circled-arrow.353ea469.svg) no-repeat 50%
}

.slider-control__button-next:hover,
.slider-control__button-prev:hover {
    background: url(/static/media/slider-circled-arrow-active.46c8e8c2.svg) no-repeat 50%
}

.slider-control__button-next:focus,
.slider-control__button-next:hover,
.slider-control__button-prev:focus,
.slider-control__button-prev:hover {
    outline: none
}

.slider-control__button-next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 6px
}

.progress-bar {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden
}

.progress-bar__bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

.progress-bar--default {
    height: 2px;
    background: #555;
    border-radius: 4px
}

.progress-bar--default .progress-bar__bar {
    background: #f8ff13
}

.progress-bar--user-level {
    width: 280px;
    height: 8px
}

.progress-bar--user-level:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-mask-image: url(/static/media/progress-bar.97bb0b36.svg);
    mask-image: url(/static/media/progress-bar.97bb0b36.svg);
    background: rgba(223, 234, 240, .3)
}

.progress-bar--user-level .progress-bar__bar {
    background: linear-gradient(81.25deg, #2dd078 -.52%, #00ae8b 99.56%);
    -webkit-mask: url(/static/media/progress-bar.97bb0b36.svg);
    mask: url(/static/media/progress-bar.97bb0b36.svg)
}

.prizes {
    max-width: 394px;
    width: 100%
}

.prizes--modal {
    margin: 0 0 25px
}

.prizes--modal .prizes__title {
    font-weight: 700;
    font-size: 22px;
    line-height: 28px
}

.prizes__title {
    color: #fff;
    margin: 0 0 11px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 700
}

.prizes__podium {
    display: flex;
    align-items: flex-end
}

.prizes__podium .prizebox {
    margin: 0 0 38px
}

.prizes__podium .prizebox__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 10px;
    width: 58px;
    height: 58px;
    color: #232939;
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    border-radius: 17px;
    -webkit-filter: drop-shadow(4.2px 4.2px 0 hsla(0, 0%, 100%, .18));
    filter: drop-shadow(4.2px 4.2px 0 rgba(255, 255, 255, .18))
}

.prizes__podium .prizebox__text {
    max-width: 78%;
    margin: 0 auto;
    color: rgba(185, 197, 225, .9);
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
    text-align: center
}

.prizes__first,
.prizes__second,
.prizes__third {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    max-width: 121px
}

.prizes__first:not(:last-child),
.prizes__second:not(:last-child),
.prizes__third:not(:last-child) {
    margin: 0 15px 0 0
}

.prizes .podium-step {
    position: relative;
    width: 100%;
    background: linear-gradient(#c4c4c4, #262626);
    color: #262626;
    font-size: 35px;
    line-height: 42px;
    font-weight: 800;
    text-align: center;
    border-radius: 5px
}

.prizes .podium-step:before {
    display: block;
    position: absolute;
    top: -14px;
    left: 0;
    content: "";
    width: 100%;
    height: 22px;
    background: #555;
    border-radius: 5px
}

.prizes__first .prizebox__icon {
    background: #f8ff13
}

.prizes__first .podium-step {
    height: 111px;
    padding: 34.5px 0 0
}

.prizes__second .prizebox__icon {
    background: #d0d2ff
}

.prizes__second .podium-step {
    height: 82px;
    padding: 22px 0 0
}

.prizes__third .prizebox__icon {
    background: #ffbf79
}

.prizes__third .podium-step {
    height: 58px;
    padding: 11px 0 0
}

@media(max-width:480px) {
    .prizes {
        max-width: 296px
    }

    .prizes__podium .prizebox__icon {
        margin: 0 auto 7px;
        width: 43px;
        height: 43px;
        font-size: 11px;
        line-height: 14px
    }

    .prizes__first,
    .prizes__second,
    .prizes__third {
        max-width: 90.5px
    }

    .prizes__first:not(:last-child),
    .prizes__second:not(:last-child),
    .prizes__third:not(:last-child) {
        margin: 0 11px 0 0
    }

    .prizes .podium-step {
        font-size: 26px;
        line-height: 32px
    }

    .prizes .podium-step:before {
        background: #232939
    }
}

.dropdown-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 28px 0 0;
    flex-direction: row-reverse
}

.dropdown-wrapper__clicked-section {
    display: flex;
    cursor: pointer;
    margin-right: 8px
}

.dropdown-wrapper__clicked-section:after {
    content: " ";
    top: 14px;
    right: -8px;
    position: absolute;
    display: flex;
    height: 8px;
    width: 8px;
    background: url(/static/media/arrow-down.c28aba28.svg) no-repeat
}

.dropdown-wrapper__clicked-section>svg {
    width: 28px;
    height: 28px
}

@media(max-width:812px) {
    .dropdown-wrapper__clicked-section>svg {
        width: 22px;
        height: 22px
    }
}

@media(max-width:812px) {
    .dropdown-wrapper__clicked-section {
        margin: 0 6px 0 0;
        padding: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .dropdown-wrapper__clicked-section:after {
        top: 9px;
        right: -17px
    }
}

.dropdown-wrapper__dropdown-info {
    width: 265px;
    padding: 0;
    margin: 0;
    top: 52px;
    right: -22px;
    position: absolute;
    z-index: 11;
    cursor: auto;
    background: #121212;
    border-radius: 0
}

@media screen and (max-height:710px) {
    .dropdown-wrapper__dropdown-info {
        top: 5px
    }
}

@media screen and (max-height:655px) {
    .dropdown-wrapper__dropdown-info {
        top: 5px;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

@media(max-width:812px) {
    .dropdown-wrapper__dropdown-info {
        transition: -webkit-transform 1s;
        transition: transform 1s;
        transition: transform 1s, -webkit-transform 1s;
        padding: 0;
        margin: 0;
        width: 100%;
        top: 52px;
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 5px;
        z-index: 111111
    }

    .dropdown-wrapper__dropdown-info .navigation-block .nav-bar.navigation-block__links .nav-item__title {
        font-size: 15px
    }
}

.dropdown-wrapper.is-active {
    z-index: 12
}

.dropdown-wrapper.is-active .dropdown-wrapper__clicked-section:after {
    top: 13px;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

@media(max-width:812px) {
    .dropdown-wrapper.is-active .dropdown-wrapper__clicked-section:after {
        top: 5px
    }
}

.dropdown-wrapper.is-active .dropdown-wrapper__dropdown-info {
    display: block
}

.dropdown-wrapper.inactive .dropdown-wrapper__dropdown-info {
    display: none
}

@media(max-width:812px) {
    .dropdown-wrapper.inactive .dropdown-wrapper__dropdown-info {
        display: block;
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px)
    }
}

.dropdown-wrapper__close {
    display: none
}

.social-media-badge {
    display: flex;
    align-items: center
}

.social-media-badge:not(:last-child) {
    margin: 0 16px 0 0
}

.social-media-badge img {
    width: 42px;
    height: 42px
}

.loader {
    display: grid;
    justify-items: center;
    grid-row-gap: 15px
}

.loader__animation {
    position: relative;
    height: 40px;
    width: 40px
}

.loader__animation:before {
    border: 3px solid transparent;
    border-top-color: #f8ff13;
    border-radius: 50%;
    -webkit-animation: loader-keyframes .6s linear infinite;
    animation: loader-keyframes .6s linear infinite
}

.loader__animation:after,
.loader__animation:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 32px;
    width: 32px
}

.loader__animation:after {
    border: 3px solid rgba(255, 214, 14, .4);
    border-radius: 50%
}

.loader img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-animation: loader-img-keyframes 1.2s linear infinite;
    animation: loader-img-keyframes 1.2s linear infinite
}

.loader__text {
    color: #fff
}

.loader--overflow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    align-content: center;
    background: #121212
}

.loader--wrap {
    position: fixed;
    z-index: 9999999;
    height: 100%;
    width: 100%;
    background: #262626
}

.loader--center {
    align-content: center
}

.loader--full-height {
    height: 100%
}

@-webkit-keyframes loader-img-keyframes {
    0% {
        -webkit-transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes loader-img-keyframes {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loader-keyframes {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes loader-keyframes {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.Toastify__toast {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    background-color: #d9d9d9;
    box-shadow: none
}

.Toastify__toast-container {
    z-index: 1000000
}

.Toastify__toast--success:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    margin: 0 12px 0 6px;
    background-image: url(/static/media/check.cf3af0f6.svg)
}

.Toastify__toast--default:before {
    content: none
}

.Toastify__toast--default .Toastify__progress-bar {
    background: #f2f2f2
}

.Toastify__toast--error:before {
    content: "";
    display: block;
    flex-shrink: 0;
    width: 29px;
    height: 29px;
    margin: 0 12px 0 6px;
    background-image: url(/static/media/toast-error.370a3cb1.svg)
}

.Toastify__close-button {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-color: rgba(38, 38, 38, .5);
    border-radius: 50%
}

.Toastify__close-button svg {
    width: 14px;
    height: 14px;
    -webkit-transform: translateX(4%);
    transform: translateX(4%)
}

.Toastify__progress-bar {
    height: 3px
}

.countdown__display {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 40px;
    border-radius: 17px;
    background: #fff;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    text-align: center
}

.countdown__display--days {
    margin-right: 8px
}

.countdown__display--hours,
.countdown__display--minutes {
    margin-right: 20px
}

.countdown__display--hours:after,
.countdown__display--hours:before,
.countdown__display--minutes:after,
.countdown__display--minutes:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 100%;
    right: -12px
}

.countdown__display--hours:before,
.countdown__display--minutes:before {
    top: 14px
}

.countdown__display--hours:after,
.countdown__display--minutes:after {
    bottom: 14px
}

.cashbox-method-container {
    position: relative;
    background: #1c1c1c;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.cashbox-method-container .cashbox-method__head-section {
    margin-bottom: auto;
    max-width: 200px;
    width: 100%
}

.cashbox-method-container .cashbox-method__head-section .limits-info {
    margin-top: 15px
}

@media screen and (min-width:813px) {
    .cashbox-method-container .cashbox-method__head-section .limits-info {
        padding: 0 20px
    }
}

.cashbox-method-container .cashbox-method__logo {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 40px
}

.cashbox-method-container .cashbox-method__logo img,
.cashbox-method-container .cashbox-method__logo svg {
    height: 100%;
    width: 100%;
    max-height: 80px;
    max-width: 150px
}

.cashbox-method-container .cashbox-method__inner-wrap {
    margin: 0 0 9px
}

@media(max-width:812px) {
    .cashbox-method-container .cashbox-method__head-section .limits-info {
        font-size: 12px
    }
}

.cashbox-bonus {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    min-width: 225px;
    max-width: 300px;
    height: 115px;
    width: 100%;
    padding: 10px;
    border: 1px solid #4f576a;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-origin: border-box;
    cursor: pointer
}

.cashbox-bonus--selected,
.cashbox-bonus--selected.cashbox-bonus--no-bonus {
    border: 2px solid #000;
    padding: 9px
}

.cashbox-bonus--selected.cashbox-bonus--no-bonus .cashbox-bonus__checkbox,
.cashbox-bonus--selected .cashbox-bonus__checkbox {
    top: 11px;
    right: 11px;
    background-origin: border-box;
    background: #000 no-repeat 50%;
    border: none
}

.cashbox-bonus--selected.cashbox-bonus--no-bonus .cashbox-bonus__checkbox:before,
.cashbox-bonus--selected .cashbox-bonus__checkbox:before {
    position: absolute;
    top: 7.7px;
    left: 6px;
    content: "";
    display: block;
    width: 13px;
    height: 9px;
    background: url(/static/media/checkmark_white.61b3189d.svg) no-repeat 50%
}

.cashbox-bonus--no-bonus {
    background: #fff;
    border: 1px solid #4f576a;
    justify-content: center;
    align-items: center
}

.cashbox-bonus--no-bonus .cashbox-bonus__checkbox {
    top: 12px;
    right: 12px;
    border: 1px solid #4f576a
}

.cashbox-bonus--no-bonus .cashbox-bonus__type {
    color: #000;
    font-size: 14px;
    line-height: 17px
}

.cashbox-bonus--no-bonus .cashbox-bonus__title {
    color: #9d9d9d;
    font-size: 12px;
    line-height: 14px
}

.cashbox-bonus--no-bonus .cashbox-bonus__title,
.cashbox-bonus--no-bonus .cashbox-bonus__type {
    font-weight: 400
}

.cashbox-bonus--no-bonus svg {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.cashbox-bonus__checkbox {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 100%
}

.cashbox-bonus__type {
    margin: 0 0 2px;
    color: #dfeaf0;
    font-weight: 600;
    font-size: 11px;
    line-height: 14px
}

.cashbox-bonus__title {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    line-height: 17px
}

.cashbox-bonus__bonus-type {
    position: absolute;
    text-transform: capitalize;
    color: #9d9d9d;
    bottom: 50px;
    font-size: 12px;
    line-height: 16px
}

.cashbox-bonus__description {
    font-size: 25px;
    max-width: 160px;
    color: #fff;
    text-align: left;
    max-height: 52px;
    overflow: hidden
}

.cashbox-bonus__v2 {
    display: flex;
    position: relative;
    margin-bottom: 8px;
    border: 1px solid transparent;
    padding: 10px 16px 10px 10px;
    background: #1c1c1c;
    border-radius: 2px;
    cursor: pointer
}

.cashbox-bonus__v2-img {
    background-position: 50%;
    background-size: cover;
    border-radius: 2px;
    width: 71px;
    height: 44px
}

.cashbox-bonus__v2-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    color: #ebebeb
}

.cashbox-bonus__v2-checkbox {
    background: #fff;
    border: 1px solid #9d9d9d;
    top: 20px;
    right: 18px
}

.cashbox-bonus__v2-selected {
    border: 1px solid #9d9d9d
}

.cashbox-bonus__v2-selected .cashbox-bonus__checkbox {
    background: #f8ff13;
    border: 1px solid #1b1c1c
}

.cashbox-bonus__v2-selected .cashbox-bonus__checkbox:before {
    position: absolute;
    top: .7px;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/static/media/checkmark_black.555cd3f5.svg) no-repeat 50%
}

.section-header-wrap {
    position: relative;
    width: 100%
}

.section-header {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 121px;
    height: 29px;
    margin: 26px 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 600;
    color: #b9c5e1;
    border: 2px solid #555;
    border-radius: 12.5px
}

.section-header:after,
.section-header:before {
    position: absolute;
    top: 14px;
    left: 121px;
    content: "";
    display: block;
    width: calc(100% - 121px);
    height: 0;
    border: 1px solid rgba(85, 85, 85, .5);
    border-right: none;
    border-left: none;
    z-index: 1
}

.section-header:before {
    display: none
}

@media(max-width:480px) {
    .section-header {
        margin: 20px auto
    }

    .section-header:after {
        width: calc(50% - 60px);
        right: 0;
        left: unset
    }

    .section-header:before {
        position: absolute;
        left: 0;
        width: calc(50% - 60px);
        height: 0;
        display: block
    }
}

.casino-load-more {
    display: flex;
    flex-direction: column;
    align-items: center
}

.casino-load-more__text {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    color: #fff
}

.casino-load-more__progress-bar {
    margin-bottom: 20px
}

.casino-search-input {
    position: relative
}

.casino-search-input__input {
    display: block;
    width: 200px;
    height: 40px;
    padding-left: 36px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    line-height: 20px;
    color: #9d9d9d;
    background-color: transparent;
    border: 1px solid #505050;
    border-radius: 12px;
    outline: none
}

.casino-search-input__input::-webkit-input-placeholder {
    color: #9d9d9d
}

.casino-search-input__input:-ms-input-placeholder {
    color: #9d9d9d
}

.casino-search-input__input::placeholder {
    color: #9d9d9d
}

.casino-search-input__input:focus {
    border-color: #f8ff13
}

.casino-search-input__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.casino-search-input__icon path {
    fill: #9d9d9d
}

.casino-search-input--focused .casino-search-input__icon path {
    fill: #f8ff13
}

.casino-search-input__clear-button {
    padding: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.casino-category-item,
.casino-search-input__clear-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer
}

.casino-category-item {
    flex-direction: column;
    padding: 12px 0;
    position: relative;
    text-decoration: none
}

.casino-category-item__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 32px;
    height: 32px;
    margin-bottom: 8px
}

.casino-category-item--active .casino-category-item__icon {
    border-color: #f8ff13
}

.casino-category-item__icon-img {
    display: flex
}

.casino-category-item__icon-img img {
    background-color: #c4c4c4
}

.casino-category-item__icon-count {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 16px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 30px;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #1d222f;
    background: #f8ff13;
    border-radius: 4px
}

.casino-category-item__arrow {
    display: flex;
    position: relative;
    margin-left: 2px;
    transition: .2s ease-in
}

.casino-category-item__arrow svg {
    stroke: #b9c5e1
}

.casino-category-item__name {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #9d9d9d;
    white-space: nowrap
}

.casino-category-item--active .casino-category-item__arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.casino-category-item--active .casino-category-item__arrow svg {
    stroke: #f8ff13
}

.casino-category-item:hover .casino-category-item__icon-img img {
    background-color: #fff
}

.casino-category-item--active .casino-category-item__icon-img img,
.casino-category-item--active:hover .casino-category-item__icon-img img {
    background-color: #f8ff13
}

.casino-category-item--active .casino-category-item__name,
.casino-category-item:hover .casino-category-item__name {
    color: #fff
}

.casino-category-item--with-count .casino-category-item__icon-img,
.casino-category-item--with-count .casino-category-item__icon-img-active {
    visibility: hidden
}

@media(max-width:812px) {
    .casino-category-item--providers {
        display: none
    }
}

.casino-provider-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    max-height: 36px;
    width: 100%;
    padding: 5px;
    background: transparent;
    border: 1px solid #555;
    border-radius: 4px;
    outline: none;
    cursor: pointer
}

.casino-provider-item__icon {
    width: auto;
    height: 26px;
    margin-right: 5px
}

.casino-provider-item__name {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #9d9d9d
}

.casino-provider-item__count {
    display: none
}

.casino-provider-item--active,
.casino-provider-item:hover {
    border-color: #f8ff13
}

@media(max-width:812px) {
    .casino-provider-item {
        display: flex;
        width: 100%
    }

    .casino-provider-item__icon {
        height: 36px;
        margin-top: 0
    }

    .casino-provider-item__text {
        margin-right: auto
    }

    .casino-provider-item__name {
        margin-left: 5px;
        font-size: 15px;
        line-height: 21px
    }

    .casino-provider-item__count {
        margin-left: 5px;
        text-align: left
    }
}

.not-found {
    display: flex;
    flex-direction: column;
    align-items: center
}

.not-found__icon {
    margin-top: -10px;
    display: none
}

.not-found__title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    text-align: center
}

.not-found__desc {
    font-size: 15px;
    line-height: 21px;
    color: #9d9d9d;
    text-align: center
}

.user-profile .not-found__desc,
.user-profile .not-found__title {
    color: #9d9d9d
}

.thematic-category-item {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 80px;
    background: linear-gradient(146.6deg, #2b3141 22.92%, #464f66 80.06%), #3c455c;
    text-decoration: none;
    border-radius: 17px
}

.thematic-category-item__img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 70px;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.thematic-category-item__img {
    height: 100px;
    width: auto
}

.thematic-category-item__name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 100px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: #b9c5e1
}

.thematic-category-item__name:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 1px;
    background-image: url(/static/media/arrow-right.769c07ff.svg);
    opacity: 0;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.thematic-category-item:hover {
    background: #f8ff13
}

.thematic-category-item:hover .thematic-category-item__name {
    color: #262626
}

.thematic-category-item:hover .thematic-category-item__name:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.custom-list {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: tourney_list
}

.custom-list__list-item,
.custom-list li {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    min-height: 30px;
    margin: 0;
    padding: 0 0 16px 46px
}

.custom-list__list-item:last-child,
.custom-list li:last-child {
    padding-bottom: 0
}

.custom-list__list-item:before,
.custom-list li:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    font-weight: 600;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    counter-increment: tourney_list;
    content: counter(tourney_list);
    border: 1px solid rgba(185, 197, 225, .4);
    border-radius: 100%;
    box-sizing: border-box
}

.custom-list__list-item-title,
.custom-list li {
    margin: 0 0 8px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px
}

.custom-list__list-item-text,
.custom-list li {
    color: #b9c5e1;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px
}

.custom-list__green .custom-list__list-item {
    padding: 0 0 24px 58px;
    min-height: 42px
}

.custom-list__green .custom-list__list-item:last-child {
    padding-bottom: 0
}

.custom-list__green .custom-list__list-item:before {
    width: 42px;
    height: 42px;
    font-size: 15px;
    line-height: 42px;
    border: none;
    background: linear-gradient(81.25deg, #2dd078 -.52%, #00ae8b 99.56%);
    -webkit-filter: drop-shadow(3.10203px 3.10203px 0 rgba(36, 91, 102, .21));
    filter: drop-shadow(3.10203px 3.10203px 0 rgba(36, 91, 102, .21))
}

.custom-list__green .custom-list__list-item:not(:last-child):after {
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
    border-left: 2px dashed rgba(0, 0, 0, .4);
    z-index: -1
}

.custom-list__green .custom-list__text {
    font-size: 13px;
    line-height: 19px
}

.custom-list__yellow .custom-list__list-item,
.custom-list__yellow li {
    padding-left: 35px;
    min-height: 21px
}

.custom-list__yellow .custom-list__list-item:before,
.custom-list__yellow li:before {
    top: 3px;
    left: 1px;
    width: 6px;
    height: 6px;
    background: #f8ff13;
    border: 2.5px solid transparent;
    box-shadow: 0 0 0 1px #f8ff13;
    background-clip: content-box;
    box-sizing: content-box;
    border-radius: 100%;
    content: ""
}

.custom-list__yellow .custom-list__list-item-text,
.custom-list__yellow li {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #97a4c3
}

@media(max-width:480px) {
    .custom-list__list-item-text {
        font-size: 13px;
        line-height: 19px
    }
}

.text-link {
    font-size: 12px;
    color: #000;
    cursor: pointer;
    display: inline-block
}

.text-link:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background: #000
}

.text-link__before-label {
    margin-right: 5px;
    vertical-align: middle
}

.text-link.gap-on-top {
    margin-top: 20px
}

.platform-tile {
    cursor: pointer
}

.platform-tile__inner-wrap {
    display: flex;
    align-items: center;
    max-height: 65px;
    min-width: 173px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 14px 18px 18px;
    background: #000;
    border-radius: 11px
}

.platform-tile__inner-wrap img {
    max-height: 33px;
    margin-right: 16px
}

.platform-tile__text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.platform-tile__get-it {
    margin: 0 0 2px;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: hsla(0, 0%, 100%, .7)
}

.platform-tile__platformName {
    font-weight: 900;
    font-size: 20px;
    line-height: 20px;
    color: #fff
}

.platform-tile__condition {
    margin-top: 3px;
    font-size: 13px;
    line-height: 15px;
    color: hsla(0, 0%, 100%, .8)
}

.pending-withdrawal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 26px 20px;
    border: 1px solid rgba(223, 234, 240, .15);
    border-radius: 4px
}

.pending-withdrawal__items {
    display: flex;
    width: 100%
}

.pending-withdrawal__item {
    position: relative;
    padding-right: 7%;
    margin-right: 7%;
    border-right: 1px solid rgba(223, 234, 240, .15)
}

.pending-withdrawal__item:last-child {
    margin-right: 0;
    padding-right: 0;
    border: none
}

.pending-withdrawal__label {
    display: flex;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.3;
    color: #b9c5e1
}

.pending-withdrawal__value {
    display: flex;
    align-items: center;
    min-height: 26px;
    font-size: 15px;
    line-height: 21px;
    color: #fff
}

.pending-withdrawal__item--sum .pending-withdrawal__value {
    font-weight: 700;
    color: #f8ff13
}

.pending-withdrawal__item--status .pending-withdrawal__value {
    margin-left: -3px
}

.pending-withdrawal__action-button {
    flex-shrink: 0;
    width: 100%;
    max-width: 100px
}

@media(max-width:812px) {
    .pending-withdrawal {
        flex-direction: column;
        padding: 15px;
        background-color: #555;
        border: none
    }

    .pending-withdrawal__items {
        flex-wrap: wrap
    }

    .pending-withdrawal__item {
        width: 50%;
        padding: 0;
        margin: 0 0 10px;
        border: none
    }

    .pending-withdrawal__action-button {
        max-width: none;
        margin-top: 6px
    }
}

.recaptcha {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

@media(max-width:812px) {
    .recaptcha {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.recaptcha__error {
    padding-left: 16px;
    font-size: 13px;
    line-height: 17px;
    color: #e21a3d
}

.install-app-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0;
    padding: 0 20px;
    background: #262626;
    color: #fff;
    transition: height .5s ease-in;
    overflow: hidden
}

.install-app-panel--visible {
    height: 55px
}

.install-app-panel__btn {
    flex-shrink: 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 21px;
    border-radius: 5px
}

.install-app-panel__btn:hover {
    color: #f8ff13
}

.install-app-panel__hide-btn {
    font-size: 15px;
    font-weight: 500;
    color: hsla(0, 0%, 100%, .7)
}

.install-app-panel__text-wrap {
    margin-right: 20px
}

.install-app-panel__title {
    font-weight: 600;
    font-size: 15px;
    line-height: 21px
}

.install-app-panel__text {
    font-size: 13px;
    line-height: 17px
}

@media(max-width:812px) {
    .install-app-panel {
        padding: 0 14px
    }

    .install-app-panel--visible {
        height: 50px
    }

    .install-app-panel__title {
        font-size: 14px;
        line-height: 20px
    }

    .install-app-panel__text {
        font-size: 12px;
        line-height: 15px
    }

    .install-app-panel__text-wrap {
        margin-right: 0
    }

    .install-app-panel__hide-btn {
        padding-right: 0;
        padding-left: 10px
    }
}

.banner {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 300px;
    border-top: 1px solid transparent;
    transition: border-top .3s ease-in-out;
    overflow: hidden;
    cursor: pointer
}

.banner:after,
.banner:before {
    content: "";
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    background: linear-gradient(180deg, #f8ff13, rgba(248, 255, 19, 0));
    transition: opacity .3s ease-in-out;
    opacity: 0;
    z-index: 10
}

.banner:before {
    left: 0
}

.banner:after {
    right: 0
}

.banner:hover {
    border-top-color: #f8ff13
}

.banner:hover:after,
.banner:hover:before {
    opacity: 1
}

.banner__body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    background: linear-gradient(180deg, rgba(54, 54, 54, 0), rgba(27, 27, 27, .7) 50%, #000);
    transition: padding .3s ease-in-out
}

.banner:hover .banner__body {
    padding-top: 64px;
    padding-bottom: 40px
}

.banner__title {
    display: inline;
    max-width: 70%;
    font-weight: 700;
    font-size: 36px;
    line-height: 38px;
    text-align: center;
    color: #fff
}

.banner:hover .banner__title {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 2px
}

.banner__text {
    margin-top: 5px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #c4c4c4
}

@media(max-width:812px) {
    .banner {
        height: 220px
    }

    .banner__title {
        font-size: 24px;
        line-height: 27px
    }
}

.game-bar-tab-item {
    display: flex;
    align-items: center;
    cursor: pointer
}

.game-bar-tab-item__arrow,
.game-bar-tab-item__icon {
    fill: #c4c4c4
}

.game-bar-tab-item__icon {
    display: flex;
    margin-right: 10px
}

.game-bar-tab-item__icon svg {
    width: 25px;
    height: 25px
}

.game-bar-tab-item__name {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #c4c4c4;
    font-family: "Roboto_Condensed", sans-serif
}

.game-bar-tab-item__arrow {
    display: flex;
    margin-left: 4px;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

.game-bar-tab-item--active .game-bar-tab-item__arrow,
.game-bar-tab-item--active .game-bar-tab-item__icon {
    fill: #f8ff13
}

.game-bar-tab-item--active .game-bar-tab-item__name {
    color: #f8ff13
}

.game-bar-tab-item--active .game-bar-tab-item__arrow {
    margin-top: 0;
    -webkit-transform: rotate(-180deg) translateY(-1px);
    transform: rotate(-180deg) translateY(-1px)
}

.game-search-item {
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none
}

.game-search-item__img {
    width: 85px;
    height: auto;
    flex-shrink: 0;
    margin-right: 16px
}

.game-search-item__body {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.game-search-item__name {
    display: block;
    margin-bottom: 3px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-search-item__desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #c4c4c4
}

@-webkit-keyframes animImg {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes animImg {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.lazy-img--loaded {
    -webkit-animation: animImg .2s linear;
    animation: animImg .2s linear
}

.limits-info {
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    font-size: 14px
}

.limits-info__value {
    color: #d9d9d9
}

.limits-info__value .label {
    color: #9d9d9d;
    margin-right: 3px;
    text-transform: capitalize
}

.withdrawal-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    max-width: 287px;
    margin: 0 auto;
    padding: 27px 20px;
    background: #262626;
    border-radius: 2px;
    text-align: center
}

.withdrawal-info__title {
    margin: 0 0 16px;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #fff
}

.withdrawal-info__sum {
    margin: 0 0 16px;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
    color: #f8ff13
}

.withdrawal-info__lowest-amount {
    font-weight: 500;
    font-size: 13px;
    line-height: 17px;
    color: #b9c5e1
}

@media(max-width:480px) {
    .withdrawal-info {
        width: 100%;
        max-width: unset;
        order: 1;
        margin-bottom: 20px;
        background: transparent;
        border: 1px solid #555
    }

    .withdrawal-info__title {
        font-size: 15px
    }
}

.currency-select-label__symbol-icon {
    font-size: 13px;
    margin-right: 5px;
    text-align: center;
    position: relative;
    background-color: #c4c4c4;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 50%;
    line-height: 18px;
    color: #000
}

.currency-select-label__value {
    font-size: 15px;
    color: #000;
    font-weight: 200
}

.copy-to-clipboard {
    display: flex
}

.copy-to-clipboard__button,
.copy-to-clipboard__text {
    background-color: #262626;
    border-radius: 2px
}

.copy-to-clipboard__text {
    width: 100%;
    margin-right: 2px;
    padding: 9px 10px 8px;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #fff
}

.copy-to-clipboard__button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0
}

.copy-to-clipboard__button:hover {
    background-color: #d9d9d9
}

.sponsors {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3px 0 10px;
    background-color: #f8f8f8
}

.sponsors__title {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 10px;
    line-height: 20px;
    color: #555;
    text-align: center
}

.sponsors__list {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none
}

.sponsors__item {
    margin: 0 4px;
    padding: 0
}

.sponsors__item-img {
    display: block
}

.pwa-button {
    position: relative;
    word-wrap: break-word
}

.pwa-button__button {
    display: flex
}

.modal.disable-popup-blocker-modal .pwa-button__button .disable-popup-blocker__btn-link,
.pwa-button__button .btn,
.pwa-button__button .btn-action,
.pwa-button__button .btn-dark,
.pwa-button__button .btn-default,
.pwa-button__button .btn-demo,
.pwa-button__button .btn-logout,
.pwa-button__button .btn-outline,
.pwa-button__button .btn-play,
.pwa-button__button .btn-primary,
.pwa-button__button .btn-primary-transparent,
.pwa-button__button .btn-secondary,
.pwa-button__button .btn-star,
.pwa-button__button .btn-transparent,
.pwa-button__button .btn-transparent-bordered,
.pwa-button__button .copy-to-clipboard__button,
.pwa-button__button .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    display: flex;
    flex-direction: column;
    height: 50px;
    padding: 5px 14px;
    border-color: transparent
}

.modal.disable-popup-blocker-modal .pwa-button__button .disable-popup-blocker__btn-link:hover,
.pwa-button__button .btn-action:hover,
.pwa-button__button .btn-dark:hover,
.pwa-button__button .btn-default:hover,
.pwa-button__button .btn-demo:hover,
.pwa-button__button .btn-logout:hover,
.pwa-button__button .btn-outline:hover,
.pwa-button__button .btn-play:hover,
.pwa-button__button .btn-primary-transparent:hover,
.pwa-button__button .btn-primary:hover,
.pwa-button__button .btn-secondary:hover,
.pwa-button__button .btn-star:hover,
.pwa-button__button .btn-transparent-bordered:hover,
.pwa-button__button .btn-transparent:hover,
.pwa-button__button .btn:hover,
.pwa-button__button .copy-to-clipboard__button:hover,
.pwa-button__button .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link:hover {
    border-color: #f8ff13
}

@media(max-width:1141px) {
    .pwa-button__button .btn__iconDesktop {
        margin-right: 0
    }
}

.pwa-button__button .btn__label {
    font-weight: 400;
    font-size: 10px;
    margin-top: 2px;
    line-height: 9px;
    color: #c4c4c4
}

@media(max-width:1141px) {
    .pwa-button__button .btn__labelDesktop {
        display: none
    }
}

.pwa-link {
    position: relative
}

.pwa-link__icon {
    position: absolute;
    top: 2px;
    left: 4px
}

.pwa-link__desc,
.pwa-link__title {
    margin-left: 36px
}

.pwa-link__title {
    margin-bottom: 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.pwa-link__desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #9d9d9d
}

.game-mode {
    display: flex
}

.game-mode__item {
    position: relative;
    height: 100%;
    min-width: 130px;
    line-height: 26px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden
}

.game-mode__item:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.game-mode__item:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
    height: 2px;
    background: #f8ff13
}

.game-mode__item:hover {
    color: #f8ff13
}

.game-mode__item--active {
    color: #f8ff13;
    background: #101010
}

.game-mode__item--active:after {
    display: block
}

@media(max-width:812px) {
    .game-mode {
        flex-direction: row;
        height: auto;
        padding: 20px 16px;
        background: #1d222f;
        box-shadow: 0 12px 30px rgba(28, 51, 56, .1);
        border-radius: 17px;
        justify-content: center
    }

    .game-mode__item {
        flex-basis: 40%;
        margin-bottom: 6px;
        color: #b9c5e1;
        background: rgba(0, 0, 0, .8);
        border: none;
        height: 44px
    }

    .game-mode__item:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .game-mode__item:last-child {
        margin-bottom: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .game-mode__item--support {
        border: none
    }

    .game-mode__item--support .btn__icon {
        margin-right: 8px
    }

    .game-mode__item--active {
        color: #f8ff13;
        background-color: #000;
        border-bottom: 1px solid #f8ff13
    }
}

.game-controls {
    justify-content: flex-end;
    align-items: center
}

.game-controls__deposit {
    margin: 0 2px
}

@media(max-width:812px) {
    .game-controls {
        width: 100%
    }
}

.cryptopay-widget {
    display: flex;
    align-items: center;
    justify-content: center
}

.cryptopay-widget__logo {
    margin-right: 7px
}

.cryptopay-widget__bitcoin-img {
    margin-right: 5px
}

.cryptopay-widget__text {
    display: flex;
    flex-direction: column
}

.cryptopay-widget__text-item {
    font-weight: 700;
    font-size: 7px;
    line-height: 8px;
    white-space: nowrap;
    color: #555
}

.formatted-text {
    color: #fff
}

.formatted-text h1,
.formatted-text h2,
.formatted-text h3,
.formatted-text h4 {
    font-weight: 700;
    text-align: center
}

.formatted-text h1,
.formatted-text h2 {
    margin: 40px 0 24px;
    font-size: 30px;
    line-height: 36px
}

.formatted-text ol li,
.formatted-text ul li {
    margin-bottom: 6px
}

.tab-item {
    color: #9d9d9d;
    cursor: pointer;
    position: relative;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    min-height: 48px;
    justify-content: center
}

.tab-item--link_active,
.tab-item:hover {
    color: #f8ff13
}

.tab-item--link_active:after,
.tab-item:hover:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #f8ff13;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0
}

.tab-item--default {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: column
}

.tab-item--selected {
    color: #f8ff13
}

.fill-profile-proposal {
    display: flex
}

.fill-profile-proposal__icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 16px
}

.fill-profile-proposal__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.fill-profile-proposal__title {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.fill-profile-proposal__desc {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.fill-profile-proposal__buttons {
    display: flex
}

.fill-profile-proposal__btn {
    padding: 10px 22px
}

.fill-profile-proposal__btn .btn__label {
    color: #000
}

.user-info {
    display: flex;
    align-items: center
}

.user-info .active-session {
    position: relative;
    margin-right: 32px
}

.user-info .active-session__value {
    color: #dfeaf0
}

.user-info .active-session:after {
    content: "";
    top: -2px;
    right: -12px;
    height: 28px;
    border-left: 1px solid #c4c4c4;
    position: absolute
}

.user-info .btn-countdown {
    display: none;
    padding: 0;
    margin: 0 16px 0 0
}

@media(max-width:812px) {
    .user-info .btn-countdown {
        display: block
    }
}

.user-info .btn-deposit {
    display: inline-flex;
    align-items: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 8px 14px 8px 18px;
    font-weight: 700;
    font-size: 14px;
    background: #f8ff13;
    border: none;
    color: #000;
    border-radius: 2px
}

.user-info .btn-deposit svg {
    position: relative;
    left: -5px
}

.user-info .btn-deposit svg path {
    fill: #000
}

@media(max-width:480px) {
    .user-info .btn-deposit {
        min-width: unset;
        padding: 8px 14px;
        font-size: 13px;
        line-height: 16px
    }

    .user-info .btn-deposit svg {
        display: none
    }
}

@media screen and (min-width:812px) {

    .user-info .account-info,
    .user-info .navigation-block {
        float: left;
        width: 50%
    }
}

@media(max-width:812px) {
    .user-info {
        margin-left: auto;
        margin-right: 10px
    }
}

.user-info .navigation-block .nav-bar.navigation-block__links,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links {
    display: block;
    margin: 0;
    flex-direction: unset;
    align-items: unset;
    text-align: center
}

@media screen and (min-width:812px) {

    .user-info .navigation-block .nav-bar.navigation-block__links,
    .user-navigation-mobile .navigation-block .nav-bar.navigation-block__links,
    .user-profile-balance-container .navigation-block .nav-bar.navigation-block__links {
        border-left: 1px solid #485167;
        padding-left: 32px
    }
}

.user-info .navigation-block .nav-bar.navigation-block__links a,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links a,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links a {
    text-decoration: unset
}

.user-info .navigation-block .nav-bar.navigation-block__links a svg,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links a svg,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links a svg {
    margin-right: 15px
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item {
    margin: 10px 0;
    background: #485167;
    padding: 12px 20px;
    font-size: 15px;
    display: flex;
    border-radius: 12px;
    align-items: center;
    text-decoration: unset;
    border: 1px solid transparent;
    position: unset;
    font-weight: unset;
    text-decoration: none;
    text-align: unset;
    flex-direction: unset;
    line-height: unset;
    min-height: unset;
    justify-content: unset
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item__icon-img,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item__icon-img,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item__icon-img {
    margin-right: 10px
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:first-child,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:first-child,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:first-child {
    margin-top: 0
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:last-child,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:last-child,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:last-child {
    margin-bottom: 0
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item__arrow,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item__arrow,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item__arrow {
    position: relative;
    margin-left: auto;
    margin-right: 0;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item__arrow path,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item svg:first-child path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item__arrow path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item svg:first-child path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item__arrow path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item svg:first-child path {
    fill: #c4c4c4
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover {
    border: 1px solid #f8ff13
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active .nav-item__title,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover .nav-item__title,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active .nav-item__title,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover .nav-item__title,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active .nav-item__title,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover .nav-item__title {
    color: #f8ff13
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active svg.nav-item__arrow path,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover svg.nav-item__arrow path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active svg.nav-item__arrow path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover svg.nav-item__arrow path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active svg.nav-item__arrow path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover svg.nav-item__arrow path {
    fill: #f8ff13
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:first-child svg:first-child,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:nth-child(2) svg:first-child,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover:first-child svg:first-child,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover:nth-child(2) svg:first-child,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:first-child svg:first-child,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:nth-child(2) svg:first-child,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover:first-child svg:first-child,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover:nth-child(2) svg:first-child,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:first-child svg:first-child,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:nth-child(2) svg:first-child,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover:first-child svg:first-child,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover:nth-child(2) svg:first-child {
    fill: none
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:first-child svg:first-child path,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:nth-child(2) svg:first-child path,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover:first-child svg:first-child path,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover:nth-child(2) svg:first-child path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:first-child svg:first-child path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:nth-child(2) svg:first-child path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover:first-child svg:first-child path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover:nth-child(2) svg:first-child path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:first-child svg:first-child path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:nth-child(2) svg:first-child path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover:first-child svg:first-child path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover:nth-child(2) svg:first-child path {
    fill: none;
    stroke: #f8ff13
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active svg:first-child path,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover svg:first-child path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active svg:first-child path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover svg:first-child path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active svg:first-child path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover svg:first-child path {
    fill: #f8ff13
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:last-child svg rect,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover:last-child svg rect,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:last-child svg rect,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover:last-child svg rect,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:last-child svg rect,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover:last-child svg rect {
    stroke: #f8ff13
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:last-child svg path,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover:last-child svg path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:last-child svg path,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover:last-child svg path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:last-child svg path,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover:last-child svg path {
    fill: #f8ff13
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:after,
.user-info .navigation-block .nav-bar.navigation-block__links .nav-item:hover:after,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:after,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:hover:after,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--link_active:after,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:hover:after {
    content: unset
}

.user-info .navigation-block .nav-bar.navigation-block__links .nav-item--default,
.user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item--default,
.user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item--default {
    height: unset;
    width: unset
}

@media(max-width:812px) {

    .user-info .navigation-block .nav-bar.navigation-block__links .nav-item,
    .user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item,
    .user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item {
        border-radius: 0;
        margin: 0
    }

    .user-info .navigation-block .nav-bar.navigation-block__links .nav-item:first-child,
    .user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:first-child,
    .user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:first-child {
        border-radius: 12px;
        margin-bottom: 20px
    }

    .user-info .navigation-block .nav-bar.navigation-block__links .nav-item:nth-child(2),
    .user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:nth-child(2),
    .user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:nth-child(2) {
        border-radius: 12px 12px 0 0
    }

    .user-info .navigation-block .nav-bar.navigation-block__links .nav-item:last-child,
    .user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:last-child,
    .user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:last-child {
        border-radius: 0 0 12px 12px
    }
}

@media screen and (min-width:812px) {

    .user-info .navigation-block .nav-bar.navigation-block__links .nav-item:first-child,
    .user-navigation-mobile .navigation-block .nav-bar.navigation-block__links .nav-item:first-child,
    .user-profile-balance-container .navigation-block .nav-bar.navigation-block__links .nav-item:first-child {
        display: none
    }
}

.user-info .navigation-block .btn-logout,
.user-navigation-mobile .navigation-block .btn-logout,
.user-profile-balance-container .navigation-block .btn-logout {
    background: transparent;
    margin: 15px;
    width: calc(100% - 30px);
    font-size: 15px
}

@media(max-width:812px) {

    .user-info .navigation-block .btn-logout,
    .user-navigation-mobile .navigation-block .btn-logout,
    .user-profile-balance-container .navigation-block .btn-logout {
        width: 100%;
        margin: 10px 0 0;
        font-size: 13px
    }
}

@media screen and (min-width:812px) {

    .user-info .account-info,
    .user-navigation-mobile .account-info,
    .user-profile-balance-container .account-info {
        padding-right: 32px
    }

    .user-info .account-info .btn-deposit,
    .user-navigation-mobile .account-info .btn-deposit,
    .user-profile-balance-container .account-info .btn-deposit {
        display: none
    }
}

.user-info .account-info__progress-bar,
.user-navigation-mobile .account-info__progress-bar,
.user-profile-balance-container .account-info__progress-bar {
    margin: 10px auto 12px
}

@media(max-width:812px) {

    .user-info .account-info__progress-bar,
    .user-navigation-mobile .account-info__progress-bar,
    .user-profile-balance-container .account-info__progress-bar {
        text-align: center
    }
}

.user-info .account-info .btn-deposit,
.user-navigation-mobile .account-info .btn-deposit,
.user-profile-balance-container .account-info .btn-deposit {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 10px 0 20px;
    font-weight: 700;
    font-size: 15px
}

@media(max-width:812px) {

    .user-info .account-info,
    .user-navigation-mobile .account-info,
    .user-profile-balance-container .account-info {
        border-bottom: 1px solid #4f586f;
        margin-bottom: 20px
    }
}

.nav-bar {
    align-items: center;
    margin: 0 auto
}

.nav-bar,
.nav-bar.desc-navigation-panel .nav-item {
    display: flex;
    flex-direction: row
}

.nav-bar.desc-navigation-panel .nav-item__icon-img {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.nav-bar.footer-navigation-panel {
    height: auto;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    display: flex;
    justify-content: space-between;
    z-index: 12;
    background: #171a24
}

.nav-bar.footer-navigation-panel .nav-item {
    padding: 5px 5px calc(.1rem + env(safe-area-inset-bottom));
    margin: 0;
    height: inherit;
    color: #fff
}

.nav-bar.footer-navigation-panel .nav-item:first-child {
    padding-left: 20px
}

.nav-bar.footer-navigation-panel .nav-item:last-child {
    padding-right: 20px
}

.nav-bar.footer-navigation-panel .nav-item__icon-img-active {
    display: none
}

.nav-bar.footer-navigation-panel .nav-item--link_active .nav-item__title,
.nav-bar.footer-navigation-panel .nav-item:active .nav-item__title,
.nav-bar.footer-navigation-panel .nav-item:focus .nav-item__title,
.nav-bar.footer-navigation-panel .nav-item:hover .nav-item__title {
    color: #f8ff13
}

.nav-bar.footer-navigation-panel .nav-item--link_active .nav-item__icon-img,
.nav-bar.footer-navigation-panel .nav-item:active .nav-item__icon-img,
.nav-bar.footer-navigation-panel .nav-item:focus .nav-item__icon-img,
.nav-bar.footer-navigation-panel .nav-item:hover .nav-item__icon-img {
    display: none
}

.nav-bar.footer-navigation-panel .nav-item--link_active .nav-item__icon-img-active,
.nav-bar.footer-navigation-panel .nav-item:active .nav-item__icon-img-active,
.nav-bar.footer-navigation-panel .nav-item:focus .nav-item__icon-img-active,
.nav-bar.footer-navigation-panel .nav-item:hover .nav-item__icon-img-active {
    display: block
}

.nav-bar.footer-navigation-panel .nav-item--link_active:after,
.nav-bar.footer-navigation-panel .nav-item:active:after,
.nav-bar.footer-navigation-panel .nav-item:focus:after,
.nav-bar.footer-navigation-panel .nav-item:hover:after {
    content: unset
}

.nav-bar.footer-navigation-panel .nav-item__title {
    line-height: 14px;
    font-size: 11px;
    font-weight: 500
}

.nav-bar.footer-navigation-panel .user-info {
    margin: 0
}

.nav-bar.footer-navigation-panel.hidden,
.nav-bar.footer-navigation-panel .user-info .btn-deposit {
    display: none
}

.nav-bar.tabs-navigation {
    height: 48px;
    justify-content: center;
    background-color: #262626
}

@media screen and (min-width:813px) {
    .nav-bar.tabs-navigation {
        border-bottom: 1px solid #383838
    }
}

.nav-bar.tabs-navigation .nav-item {
    height: 48px;
    font-weight: 600;
    font-size: 15px;
    padding: 0 30px;
    flex-direction: row;
    line-height: unset
}

.nav-bar.tabs-navigation .nav-item--link_active,
.nav-bar.tabs-navigation .nav-item:hover {
    color: #ebebeb
}

.nav-bar.tabs-navigation .nav-item--link_active:after,
.nav-bar.tabs-navigation .nav-item:hover:after {
    background: #ebebeb
}

.nav-bar.tabs-navigation .nav-item__title {
    white-space: nowrap
}

.nav-bar.tabs-navigation .nav-item--link_active.full-underscore:after,
.nav-bar.tabs-navigation .nav-item.full-underscore:hover:after {
    bottom: 0
}

@media screen and (min-width:813px) {

    .nav-bar.tabs-navigation .nav-item--link_active.full-underscore:after,
    .nav-bar.tabs-navigation .nav-item.full-underscore:hover:after {
        bottom: -2px
    }
}

@media(max-width:812px) {
    .nav-bar.tabs-navigation {
        justify-content: flex-start;
        background-color: #000;
        margin: 0
    }
}

.nav-bar.pill-nav-bar {
    margin: 0;
    overflow: hidden
}

.nav-bar.pill-nav-bar .nav-item {
    min-width: 120px;
    margin: 0;
    padding: 0 10px;
    font-weight: 700;
    line-height: 24px;
    font-size: 14px;
    background-color: transparent;
    border-bottom: 3px solid transparent
}

.nav-bar.pill-nav-bar .nav-item:after {
    content: none
}

.nav-bar.pill-nav-bar .nav-item--default {
    height: 40px
}

.nav-bar.pill-nav-bar .nav-item--link_active {
    background-color: transparent;
    border-bottom-color: #f8ff13
}

@media(max-width:812px) {
    .nav-bar.pill-nav-bar .nav-item {
        min-width: 120px;
        padding: 0 7px
    }

    .nav-bar.pill-nav-bar .nav-item--default {
        height: 30px
    }
}

@media(max-width:812px) {
    .nav-bar-desktop {
        width: 100%
    }
}

.slick-slide:focus {
    outline: none
}

.slider__item-wrap {
    display: inline-block;
    width: 100%
}

.slider__item-wrap>* {
    margin: 0 auto
}

.slick-list,
.slick-slide>div,
.slick-track {
    height: 100%
}

.slick-list :focus,
.slick-slide>div :focus,
.slick-track :focus {
    outline: none
}

.slick-list>.slick-track {
    margin: 0
}

ul.slick-dots {
    bottom: 24px;
    height: 13px
}

ul.slick-dots .slick-dot {
    height: 12px;
    width: 12px
}

ul.slick-dots li {
    top: -2px;
    margin: 0 2.5px;
    width: 13px;
    height: 13px
}

ul.slick-dots li a {
    width: 100%;
    height: 100%
}

ul.slick-dots li a:before {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    border: 1px solid #fff;
    content: "";
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-sizing: border-box
}

ul.slick-dots li.slick-active a:before {
    opacity: 1;
    border-color: #f8ff13;
    background: #f8ff13
}

.placeholder-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: linear-gradient(136.18deg, #555 28.25%, #262626 98.65%);
    text-align: center
}

.placeholder-slide__title {
    color: #fff
}

@media(max-width:480px) {
    .placeholder-slide__title {
        font-size: 24px;
        line-height: 29px
    }
}

@media(max-width:480px) {
    ul.slick-dots {
        height: 10px;
        bottom: 11px
    }

    ul.slick-dots .slick-dot {
        height: 9px;
        width: 9px
    }

    ul.slick-dots li {
        top: -4px;
        margin: 0 2px;
        width: 10px;
        height: 10px
    }

    ul.slick-dots li a:before {
        width: 9px;
        height: 9px
    }
}

.game-list__item {
    width: 100%
}

.game-list--grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 8px
}

.game-list--row {
    display: flex
}

.game-list--row .game-list__item {
    flex-shrink: 0;
    max-width: 228px
}

@media(max-width:480px) {
    .game-list--grid {
        grid-template-columns: repeat(2, 2fr)
    }
}

div.dropdown {
    position: relative;
    margin-bottom: 15px
}

div.dropdown.isClearable .dropdown__value-container--has-value+.dropdown__indicators .dropdown__indicator-separator {
    display: flex
}

div.dropdown.isSearchable .dropdown__single-value {
    top: 25px
}

div.dropdown.isSearchable .dropdown__input {
    position: relative;
    top: 11px;
    left: -2px;
    margin: 0;
    color: #fff;
    font-size: 15px;
    line-height: 21px
}

div.dropdown.hasError .dropdown__control,
div.dropdown.hasError .dropdown__control:hover {
    background: #623641
}

div.dropdown.hasError .dropdown__control .dropdown__floating-placeholder,
div.dropdown.hasError .dropdown__control:hover .dropdown__floating-placeholder {
    color: #e21a3d
}

div.dropdown.hasError .dropdown__control:after,
div.dropdown.hasError .dropdown__control:before,
div.dropdown.hasError .dropdown__control:hover:after,
div.dropdown.hasError .dropdown__control:hover:before {
    background: #e21a3d;
    opacity: 1
}

div.dropdown.noPlaceholder .dropdown__single-value {
    top: 50%;
    left: 0
}

div.dropdown--is-disabled {
    opacity: .6
}

div.dropdown-container {
    outline: none
}

div.dropdown__control {
    height: 50px;
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0
}

div.dropdown__control:after,
div.dropdown__control:before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 1;
    opacity: 1;
    margin-bottom: -1px;
    background: #9d9d9d
}

div.dropdown__control:after {
    z-index: 2;
    background: #ebebeb;
    height: 2px;
    opacity: 0;
    transition: opacity .25s
}

div.dropdown__control--menu-is-open,
div.dropdown__control:focus {
    border-color: transparent;
    outline: none;
    box-shadow: none
}

div.dropdown__control--menu-is-open:after,
div.dropdown__control:focus:after {
    opacity: 1;
    transition: opacity .25s
}

div.dropdown__single-value {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 19.5px;
    margin: 0;
    color: #ebebeb;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    text-transform: capitalize
}

div.dropdown__single-value .dropdown__value-icon {
    width: 30px;
    height: 30px;
    margin-right: 12px
}

div.dropdown__floating-placeholder {
    margin: 0;
    padding: 0;
    position: absolute;
    color: #9d9d9d;
    transition: color .25s
}

div.dropdown__value-container {
    padding: 0;
    margin: 0;
    overflow: visible
}

div.dropdown__control--has-value .dropdown__floating-placeholder,
div.dropdown__control--is-focused .dropdown__floating-placeholder,
div.dropdown__value-container--has-value .dropdown__floating-placeholder,
div.dropdown__value-container--is-focused .dropdown__floating-placeholder {
    font-size: 12px;
    line-height: 16px;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    transition: .25s
}

div.dropdown__control--is-focused .dropdown__floating-placeholder,
div.dropdown__control--is-focused div.dropdown__control--has-value .dropdown__floating-placeholder,
div.dropdown__control--is-focused div.dropdown__value-container--has-value .dropdown__floating-placeholder,
div.dropdown__value-container--is-focused .dropdown__floating-placeholder,
div.dropdown__value-container--is-focused div.dropdown__control--has-value .dropdown__floating-placeholder,
div.dropdown__value-container--is-focused div.dropdown__value-container--has-value .dropdown__floating-placeholder {
    color: #ebebeb;
    transition: .25s
}

div.dropdown__indicators {
    margin: 0 10px
}

div.dropdown__clear-indicator {
    padding: 4px
}

div.dropdown .dropdown__indicator-separator {
    display: none
}

div.dropdown__dropdown-indicator .dropdown-arrow {
    transition: .25s
}

div.dropdown__dropdown-indicator .flipped {
    transition: .25s;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

div.dropdown__menu {
    left: 1px;
    margin: 15px auto 0;
    width: calc(100% - 2px);
    padding: 8px;
    background: #262626;
    border-radius: 0;
    z-index: 2
}

div.dropdown__menu-list {
    max-height: 150px;
    overflow-y: auto;
    padding-bottom: 4px;
    padding-top: 4px;
    position: relative;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box
}

div.dropdown__option {
    display: flex;
    position: relative;
    padding: 0 0 0 36px;
    align-items: center;
    border-radius: 0;
    cursor: pointer;
    color: #555;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    min-height: 36px;
    background-color: transparent
}

div.dropdown__option:hover {
    background: #555
}

div.dropdown__option--is-focused {
    background: #555;
    color: #ebebeb
}

div.dropdown__option--is-selected {
    color: #fff;
    background-color: transparent
}

div.dropdown__option .dropdown__selected-icon {
    position: absolute;
    left: 8px;
    top: 8px
}

div.dropdown__option .dropdown__option-icon {
    width: 20px;
    height: 20px;
    margin-right: 12px
}

div.dropdown__error {
    font-size: 13px;
    line-height: 17px;
    color: #e21a3d;
    padding: 4.5px 0 0 16px
}

.promo-item {
    width: 100%;
    background-color: #1b2020;
    text-decoration: none
}

.promo-item,
.promo-item__content {
    position: relative;
    display: flex;
    flex-direction: column
}

.promo-item__content {
    height: 100%;
    padding: 26px;
    z-index: 1
}

.promo-item__title {
    font-weight: 700;
    font-size: 26px;
    line-height: 36px;
    color: #fff
}

.promo-item__desc {
    margin-top: 2px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

.promo-item__btn {
    width: 100%;
    margin-top: auto;
    padding-top: 18px
}

.promo-hero {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: #1b2020;
    text-decoration: none;
    height: 400px
}

.promo-hero__back {
    position: absolute;
    top: 24px;
    left: 24px
}

.promo-hero__back .text-link {
    display: flex;
    align-items: center;
    flex-direction: row-reverse
}

.promo-hero__back .text-link__label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #f8ff13
}

.promo-hero__back .text-link:after {
    display: flex;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50%;
    background-image: url(/static/media/chevron-right.6bcb9f09.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.promo-hero__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    transition: padding .3s ease-in-out;
    z-index: 1
}

.promo-hero:hover .promo-hero__content {
    padding-top: 64px;
    padding-bottom: 40px
}

.promo-hero__title {
    display: inline;
    max-width: 70%;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: #fff
}

.promo-hero:hover .promo-hero__title {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 2px
}

.promo-hero__teaser {
    margin-top: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #c4c4c4
}

@media(max-width:812px) {
    .promo-hero {
        height: 270px
    }

    .promo-hero__bg:after {
        top: 100px;
        height: calc(100% - 100px)
    }

    .promo-hero__content {
        padding: 24px 0
    }

    .promo-hero__title {
        font-size: 24px;
        line-height: 28px
    }
}

.icon-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.footer-menu {
    display: block;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    font-family: "Roboto_Condensed", sans-serif
}

.footer-menu:not(:last-child) {
    margin: 0 0 22px
}

.footer-menu:nth-child(4) {
    width: 225%
}

.footer-menu:nth-child(4) .footer-menu__list-item {
    width: auto
}

.footer-menu:nth-child(4) .footer-menu__list-item:first-child {
    margin-right: 10px
}

@media(max-width:812px) {
    .footer-menu:nth-child(4) {
        width: auto
    }
}

.footer-menu__title {
    margin: 0 0 9px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    text-transform: capitalize
}

.footer-menu__list {
    display: block;
    grid-column-gap: 50px;
    -webkit-column-gap: 50px;
    column-gap: 50px;
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-menu__list-item {
    display: inline-block;
    width: 100%;
    max-width: 250px;
    white-space: nowrap
}

.footer-menu__list-item:not(:last-child) {
    margin: 0 0 4px
}

.footer-menu__link {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: auto;
    color: #c4c4c4;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
    transition: .25s;
    text-transform: none
}

.footer-menu__link:hover {
    color: #f8ff13;
    text-decoration: underline;
    transition: .25s
}

.footer-menu .nav-item {
    width: auto;
    justify-content: flex-start
}

.footer-menu .nav-item__icon-img {
    width: 24px;
    height: 24px;
    margin-right: 10px
}

.footer-menu .nav-item__title {
    white-space: break-spaces;
    text-align: left
}

.footer-menu .nav-item:hover:after {
    display: none
}

.footer-info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px
}

.footer-info__license-wrap {
    margin-right: 15px;
    vertical-align: top;
    display: inline-block
}

.footer-info__text-wrap {
    display: inline-block;
    line-height: 10px
}

.footer-info__text-wrap__title {
    position: relative;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 9px
}

.footer-info__text-wrap p,
.footer-info__text-wrap span {
    font-weight: 500;
    font-size: 8px;
    line-height: 10px;
    color: #c4c4c4;
    margin-top: 20px
}

.footer-info .read-more-trigger {
    display: none;
    color: #f8ff13;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    font-weight: 700
}

.footer-info .read-more-trigger:hover {
    text-decoration: underline
}

.footer-info .read-more-dots {
    display: none
}

@media(max-width:480px) {
    .footer-info {
        flex-direction: column;
        margin-bottom: 0
    }

    .footer-info .read-more-dots,
    .footer-info .read-more-trigger {
        display: inline
    }

    .footer-info .view-more-btn {
        display: none
    }

    .footer-info .read-more-target {
        opacity: 0;
        font-size: 0;
        max-height: 0;
        transition: .25s ease
    }

    .footer-info .read-more-target.active {
        opacity: 1;
        font-size: 9px;
        max-height: unset
    }

    .footer-info__license-wrap {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0
    }

    .footer-info__text-wrap__title {
        display: none
    }
}

.account-progress-info .progress-bar--user-level {
    margin: 15px auto
}

@media screen and (min-width:411px)and (max-width:812px) {
    .account-progress-info .progress-bar--user-level {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@media(max-width:410px) {
    .account-progress-info .progress-bar--user-level {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }
}

@media(max-width:375px) {
    .account-progress-info .progress-bar--user-level {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@media(max-width:360px) {
    .account-progress-info .progress-bar--user-level {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media(max-width:320px) {
    .account-progress-info .progress-bar--user-level {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.account-progress-info .level-container {
    display: flex
}

.account-progress-info .level-container__text-block {
    padding: 10px 15px
}

.account-progress-info .level-container__text-block .account-progress-info__level,
.account-progress-info .level-container__text-block .account-progress-info__nickname {
    display: block
}

.account-progress-info .level-container__text-block .account-progress-info__level {
    color: #b9c5e1;
    font-size: 15px;
    white-space: nowrap
}

.account-progress-info .level-container__text-block .account-progress-info__level-name {
    color: #fff;
    margin-left: 5px
}

.account-progress-info .level-container__text-block .account-progress-info__nickname {
    color: #fff;
    margin-bottom: 5px
}

.account-progress-info__completed {
    font-size: 13px;
    margin: 15px 0 25px;
    color: #b9c5e1
}

.account-progress-info__completed-value {
    color: #fff;
    margin-right: 5px
}

.account-progress-info__completed__to-next-level {
    float: right
}

.winners {
    display: flex;
    flex-direction: column
}

.winners__title {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.winners__list {
    display: flex
}

.winners__group {
    width: 100%;
    padding: 24px;
    background-color: rgba(85, 85, 85, .33);
    border-radius: 4px;
    overflow: hidden
}

.winners__group:not(:last-child) {
    margin-right: 3px
}

.winners-item {
    display: flex;
    align-items: center;
    text-decoration: none
}

.winners-item:not(:last-child) {
    position: relative;
    margin-bottom: 20px
}

.winners-item:not(:last-child):after {
    content: "";
    position: absolute;
    left: 80px;
    right: 0;
    bottom: -10px;
    height: 1px;
    background: #a3acb3;
    opacity: .2;
    border-radius: 1px
}

.winners-item__img {
    width: 48px;
    height: 40px;
    margin-right: 16px;
    border-radius: 4px
}

.winners-item__player {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.winners-item__game {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #a3acb3
}

.winners-item__game-name {
    margin-left: 4px;
    color: #fff
}

.winners-item__amount {
    margin-left: auto;
    padding: .5px 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 24px
}

.form--in-modal {
    display: grid;
    grid-row-gap: 10px;
    grid-auto-columns: 1fr;
    justify-items: center;
    justify-content: center
}

@media(max-width:480px) {
    .form--in-modal {
        grid-auto-columns: 100%
    }
}

.form--in-modal .form__submit {
    margin-top: 10px
}

.casino-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 24px;
    overflow: hidden
}

.casino-panel__categories {
    order: 2;
    overflow-x: auto
}

.casino-panel__categories::-webkit-scrollbar {
    width: 0;
    height: 0;
    border-radius: 0
}

.casino-panel__search-input {
    order: 3
}

.casino-panel__platforms-toggle {
    order: 1
}

.casino-panel__platforms-toggle-stub {
    width: 200px
}

@media(max-width:812px) {
    .casino-panel__platforms-toggle-stub {
        width: 40px
    }
}

@media(max-width:812px) {
    .casino-panel {
        flex-wrap: wrap;
        padding: 0;
        background-color: transparent;
        border-radius: 0
    }

    .casino-panel__categories {
        order: 1
    }

    .casino-panel__search-input {
        order: 2;
        width: calc(100% - 88px);
        margin-left: 16px
    }

    .casino-panel__search-input--full-width-on-mobile {
        width: calc(100% - 32px)
    }

    .casino-panel__search-input .casino-search-input__input {
        width: 100%
    }

    .casino-panel__platforms-toggle {
        order: 3;
        margin-right: 16px
    }
}

@media(max-width:480px) {
    .casino-panel__controls {
        margin-left: 13px;
        margin-right: 13px
    }
}

.casino-categories-list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 6px;
    list-style: none
}

.casino-categories-list__item {
    max-width: 110px;
    margin: 0 12px
}

.casino-categories-list__item:last-child {
    padding-right: 30px
}

.casino-categories-list__devider {
    height: 44px;
    width: 1px;
    margin: 0 4px;
    background-color: rgba(185, 197, 225, .2);
    flex-shrink: 0
}

@media(max-width:812px) {
    .casino-categories-list__devider~.casino-categories-list__item {
        padding-right: 20px
    }
}

.casino-platforms-toggle {
    position: relative;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 200px;
    height: 40px;
    padding: 8px 12px;
    background-color: transparent;
    border: 1px solid #505050;
    border-radius: 12px;
    outline: none;
    cursor: pointer
}

.casino-platforms-toggle--active {
    border-color: #f8ff13
}

.casino-platforms-toggle__icon {
    display: flex
}

.casino-platforms-toggle__icon svg path {
    fill: #c4c4c4
}

.casino-platforms-toggle--active .casino-platforms-toggle__icon svg path {
    fill: #f8ff13
}

.casino-platforms-toggle__count {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    background: #f8ff13;
    border-radius: 50%
}

@media screen and (min-width:812px) {
    .casino-platforms-toggle__count {
        left: 12px
    }
}

.casino-platforms-toggle--with-count .casino-platforms-toggle__icon {
    visibility: hidden
}

.casino-platforms-toggle__text {
    margin-left: 10px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #9d9d9d
}

.casino-platforms-toggle--active .casino-platforms-toggle__text,
.casino-platforms-toggle--with-count .casino-platforms-toggle__text {
    color: #fff
}

.casino-platforms-toggle__arrow {
    margin-left: auto;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.casino-platforms-toggle--active .casino-platforms-toggle__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media(max-width:812px) {
    .casino-platforms-toggle {
        width: 40px;
        height: 40px;
        justify-content: center;
        padding: 0;
        border: 1px solid #505050;
        border-radius: 12px
    }

    .casino-platforms-toggle__arrow,
    .casino-platforms-toggle__text {
        display: none
    }
}

.casino-providers {
    background-color: #000;
    margin: 0
}

.casino-providers__header {
    display: none
}

.casino-providers__body {
    padding: 24px
}

.casino-providers__no-filters {
    color: #9d9d9d;
    font-size: 16px;
    line-height: 18px;
    text-align: center
}

.casino-providers__footer {
    display: none
}

.casino-providers__clear-all-button .btn-outline {
    max-height: 36px;
    color: #fff;
    border-color: #fff;
    margin-right: 12px;
    white-space: nowrap;
    font-size: 12px
}

.casino-providers__clear-all-button .btn-outline span {
    font-weight: 400
}

.casino-providers__show-button {
    display: none
}

@media(max-width:812px) {
    .casino-providers {
        background-color: #262626;
        border-radius: 0;
        padding: 0 16px 16px
    }

    .casino-providers__header {
        display: block;
        padding: 16px;
        margin: 0 -16px;
        background-color: #000
    }

    .casino-providers__body {
        position: absolute;
        top: 60px;
        bottom: 120px;
        padding: 10px 0;
        overflow-y: auto;
        width: calc(100% - 15px)
    }

    .casino-providers__footer {
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        flex-wrap: wrap;
        padding: 15px
    }

    .casino-providers__footer .casino-providers__clear-all-button {
        display: block;
        width: 100%;
        max-height: unset
    }

    .casino-providers__footer .casino-providers__clear-all-button .btn,
    .casino-providers__footer .casino-providers__clear-all-button .btn-action,
    .casino-providers__footer .casino-providers__clear-all-button .btn-dark,
    .casino-providers__footer .casino-providers__clear-all-button .btn-default,
    .casino-providers__footer .casino-providers__clear-all-button .btn-demo,
    .casino-providers__footer .casino-providers__clear-all-button .btn-logout,
    .casino-providers__footer .casino-providers__clear-all-button .btn-outline,
    .casino-providers__footer .casino-providers__clear-all-button .btn-play,
    .casino-providers__footer .casino-providers__clear-all-button .btn-primary,
    .casino-providers__footer .casino-providers__clear-all-button .btn-primary-transparent,
    .casino-providers__footer .casino-providers__clear-all-button .btn-secondary,
    .casino-providers__footer .casino-providers__clear-all-button .btn-star,
    .casino-providers__footer .casino-providers__clear-all-button .btn-transparent,
    .casino-providers__footer .casino-providers__clear-all-button .btn-transparent-bordered,
    .casino-providers__footer .casino-providers__clear-all-button .copy-to-clipboard__button,
    .casino-providers__footer .casino-providers__clear-all-button .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link,
    .modal.disable-popup-blocker-modal .casino-providers__footer .casino-providers__clear-all-button .disable-popup-blocker__btn-link {
        max-height: unset;
        height: 100%
    }

    .casino-providers__title {
        font-weight: 700;
        font-size: 22px;
        line-height: 27px;
        color: #fff
    }

    .casino-providers__close-button {
        position: absolute;
        top: 12px;
        right: 12px;
        padding: 9px;
        background-color: transparent;
        border: none;
        z-index: 1;
        outline: none;
        cursor: pointer
    }

    .casino-providers__close-button:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(/static/media/close-white.1f7f25d9.svg);
        background-position: 50%;
        background-size: cover
    }

    .casino-providers__show-button {
        display: block;
        width: 100%;
        margin-bottom: 12px
    }

    .casino-providers__clear-all-button {
        display: none
    }
}

.casino-providers-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none
}

.casino-providers-list__item {
    display: flex;
    justify-content: center;
    width: 100%;
    word-break: break-word;
    margin-right: 12px
}

.casino-providers-list__item:last-child {
    margin-right: 0
}

.casino-providers-list__item--all-providers {
    width: auto;
    max-width: none;
    flex-shrink: 0
}

@media(max-width:812px) {
    .casino-providers-list {
        display: flex;
        flex-direction: column
    }

    .casino-providers-list__item {
        width: calc(100% - 16px)
    }
}

.casino-providers-panel {
    position: relative;
    padding: 10px 16px
}

.casino-providers-panel__more-providers-button {
    width: 200px
}

.casino-providers-panel__list {
    display: flex;
    width: 100%
}

.casino-providers-panel__more-providers {
    position: relative;
    background-color: #262626;
    margin-top: 12px;
    z-index: 1
}

.thematic-categories-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
    margin: 0;
    padding: 0
}

.thematic-categories-list__item {
    list-style: none
}

@media(max-width:1024px) {
    .thematic-categories-list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:812px) {
    .thematic-categories-list {
        grid-template-columns: repeat(2, 1fr)
    }

    .casino-sliders .thematic-categories-list {
        grid-template-rows: repeat(3, 1fr);
        grid-template-columns: repeat(10, calc(100% - 60px));
        grid-auto-flow: column;
        grid-gap: 13px;
        padding-right: 20px
    }
}

@media(max-width:480px) {
    .thematic-categories-list {
        grid-template-columns: repeat(1, 1fr)
    }

    .casino-sliders .thematic-categories-list {
        padding-right: 13px
    }
}

.table {
    display: flex;
    flex-direction: column
}

.table-head {
    display: flex;
    border-radius: 4px 4px 0 0;
    padding: 11px 20px 12px;
    background-color: #121212;
    border-top: 1px solid #9d9d9d;
    border-left: 1px solid #9d9d9d;
    border-right: 1px solid #9d9d9d
}

.table-head__column {
    width: 100%;
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    color: #ebebeb
}

.table-head__action-space {
    flex-shrink: 0;
    width: 100px
}

@media(max-width:812px) {
    .table-head {
        display: none
    }
}

.table-item {
    background-color: #1c1c1c;
    margin-bottom: 1px;
    border-left: 1px solid #9d9d9d;
    border-right: 1px solid #9d9d9d
}

.table-item:nth-child(2n) {
    background-color: #262626
}

.table-item:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: 1px solid #9d9d9d
}

.table-item__row {
    display: flex;
    align-items: center;
    padding: 8px 20px;
    min-height: 56px;
    color: #ebebeb
}

.table-item__column {
    display: flex;
    flex-direction: column;
    width: 100%
}

.table-item__column-name {
    display: none;
    font-size: 13px;
    line-height: 1.3;
    color: #b9c5e1
}

.table-item__column-value {
    display: inline-flex;
    font-size: 14px;
    line-height: 20px
}

.table-item__column-value span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.table-item__action-button {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
    width: 100px
}

.table-item__action-button--mobile {
    display: none
}

.table-item__details {
    padding: 18px 20px;
    border-top: 1px solid #ebebeb
}

.table-item.is-collapsed {
    border: 1px solid #000
}

@media(max-width:812px) {
    .table-item {
        margin-bottom: 16px;
        padding: 16px;
        border: unset
    }

    .table-item:nth-child(2n),
    .table-item:nth-child(odd) {
        background-color: #1c1c1c
    }

    .table-item,
    .table-item:last-child {
        border-radius: 4px;
        border: unset
    }

    .table-item__row {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        grid-column-gap: 10px;
        grid-row-gap: 8px;
        padding: 0
    }

    .table-item__column-name {
        color: #9d9d9d;
        display: block
    }

    .table-item__action-button {
        display: flex;
        width: 100%
    }

    .modal.disable-popup-blocker-modal .table-item__action-button .disable-popup-blocker__btn-link,
    .table-item__action-button .btn,
    .table-item__action-button .btn-action,
    .table-item__action-button .btn-dark,
    .table-item__action-button .btn-default,
    .table-item__action-button .btn-demo,
    .table-item__action-button .btn-logout,
    .table-item__action-button .btn-outline,
    .table-item__action-button .btn-play,
    .table-item__action-button .btn-primary,
    .table-item__action-button .btn-primary-transparent,
    .table-item__action-button .btn-secondary,
    .table-item__action-button .btn-star,
    .table-item__action-button .btn-transparent,
    .table-item__action-button .btn-transparent-bordered,
    .table-item__action-button .copy-to-clipboard__button,
    .table-item__action-button .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
        margin-top: 16px
    }

    .table-item__action-button--desktop {
        display: none
    }

    .table-item__details {
        padding: 0;
        margin-top: 8px;
        border: none
    }
}

.table-details {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 15px;
    margin: 0;
    padding: 0
}

.table-details__item {
    display: flex;
    flex-direction: column;
    max-width: 200px
}

.table-details__label {
    margin: 0 0 1px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.table-details__value {
    font-size: 14px;
    line-height: 20px;
    color: #262626
}

.table-details__empty {
    list-style: none;
    color: #000;
    right: 0;
    left: 0;
    margin: 10px auto 20px
}

@media(max-width:812px) {
    .table-details {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        grid-column-gap: 10px;
        grid-row-gap: 8px
    }

    .table-details__label {
        color: #9d9d9d;
        font-weight: 400
    }
}

.play-history-table .table-head__column:first-child,
.play-history-table .table-item__column:first-child,
.sport-history-table .table-head__column:first-child,
.sport-history-table .table-item__column:first-child {
    width: 120%
}

@media(max-width:812px) {

    .play-history-table .table-head__column:first-child,
    .play-history-table .table-item__column:first-child,
    .sport-history-table .table-head__column:first-child,
    .sport-history-table .table-item__column:first-child {
        width: 100%
    }
}

.play-history-table .lost-status,
.sport-history-table .lost-status {
    color: #e21a3d
}

.sport-history-table .is-collapsed,
.sport-history-table .table-head,
.sport-history-table .table-item {
    border: 1px solid #555
}

.sport-history-table .table-item,
.sport-history-table .table-item__details {
    border-top: none
}

.sport-history-table .table-item__details {
    background-color: #262626;
    padding: 16px
}

.sport-history-table .table-item {
    background-color: #262626
}

.sport-history-table .table-item.is-collapsed {
    background-color: #1c1c1c;
    border-top: none
}

.sport-history-table .table-item__row {
    position: relative
}

.sport-history-table .table-item__action-button--desktop {
    position: absolute;
    right: 20px
}

.transactions-history-table .table-head__column {
    font-weight: 700
}

.transactions-history-table .table-head__column:first-child,
.transactions-history-table .table-item__column:first-child {
    width: 100%
}

.transactions-history-table .table-head__column:nth-child(2),
.transactions-history-table .table-head__column:nth-child(3),
.transactions-history-table .table-item__column:nth-child(2),
.transactions-history-table .table-item__column:nth-child(3) {
    width: 80%
}

.transactions-history-table .table-head__column:nth-child(4),
.transactions-history-table .table-item__column:nth-child(4) {
    width: 120%
}

.transactions-history-table .table-head__column:nth-child(5),
.transactions-history-table .table-item__column:nth-child(5) {
    width: 90%
}

.transactions-history-table .table-head__column:nth-child(6),
.transactions-history-table .table-item__column:nth-child(6) {
    width: 80%
}

@media(max-width:812px) {

    .transactions-history-table .table-head__column:first-child,
    .transactions-history-table .table-head__column:nth-child(2),
    .transactions-history-table .table-head__column:nth-child(3),
    .transactions-history-table .table-head__column:nth-child(4),
    .transactions-history-table .table-head__column:nth-child(5),
    .transactions-history-table .table-head__column:nth-child(6),
    .transactions-history-table .table-item__column:first-child,
    .transactions-history-table .table-item__column:nth-child(2),
    .transactions-history-table .table-item__column:nth-child(3),
    .transactions-history-table .table-item__column:nth-child(4),
    .transactions-history-table .table-item__column:nth-child(5),
    .transactions-history-table .table-item__column:nth-child(6) {
        width: 100%
    }
}

.modal-link {
    display: flex
}

.modal-link--center {
    justify-content: center
}

.term-cond {
    width: 100%;
    justify-content: flex-start;
    padding: 11px 0
}

.term-cond__error {
    color: #e21a3d;
    bottom: 0;
    padding-left: 16px;
    font-size: 12px;
    line-height: 17px;
    padding-top: 5px
}

.term-cond input:checked~label {
    color: #9d9d9d
}

.term-cond label {
    color: #9d9d9d;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    cursor: default
}

.term-cond svg {
    width: 20px;
    cursor: pointer;
    height: 14px;
    vertical-align: middle
}

.term-cond svg:hover {
    opacity: .9
}

.cashbox-methods-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    justify-items: center
}

@media(max-width:812px) {
    .cashbox-methods-list {
        margin: 0 9px;
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))
    }
}

.cashbox-methods-list {
    display: block;
    background: #262626;
    padding: 16px
}

@media(max-width:812px) {
    .cashbox-methods-list {
        background: #262626
    }
}

.cashbox-methods-list__title {
    color: #fff;
    font-weight: 700;
    margin: 10px 0 15px
}

.cashbox-methods-list__list {
    display: flex;
    flex-direction: column;
    grid-gap: 2px;
    gap: 2px
}

@media screen and (min-width:812px) {
    .cashbox-methods-list__list {
        max-height: calc(100vh - 220px);
        overflow: auto
    }
}

.cashbox-methods-list__list .cashbox-method-container {
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: unset
}

.cashbox-methods-list__list .cashbox-method-container .cashbox-method__logo {
    height: 30px
}

.cashbox-methods-list__list .cashbox-method-container:hover,
.cashbox-methods-list__list .cashbox-method-container__selected {
    border-color: #9d9d9d
}

.cashbox-methods-list__list .cashbox-method__head-section {
    display: flex;
    max-width: unset;
    padding: 11px 16px
}

@media(max-width:812px) {
    .cashbox-methods-list__list .cashbox-method__head-section {
        align-items: center
    }

    .cashbox-methods-list__list .cashbox-method__head-section svg {
        margin-left: auto
    }
}

.cashbox-methods-list__list .cashbox-method__head-section .cashbox-method__inner-wrap {
    width: 45%;
    margin: 0;
    display: flex;
    align-items: center
}

@media(max-width:812px) {
    .cashbox-methods-list__list .cashbox-method__head-section .cashbox-method__inner-wrap {
        width: 35%
    }
}

.cashbox-methods-list__list .cashbox-method__head-section .cashbox-method__box-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #d9d9d9;
    max-width: 125px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.cashbox-methods-list__list .cashbox-method__head-section .cashbox-method__logo {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #383838
}

.cashbox-methods-list__list .cashbox-method__head-section .cashbox-method__logo img {
    object-fit: contain
}

.cashbox-methods-list__list .cashbox-method__head-section .limits-info {
    padding: 0;
    margin: 0;
    grid-gap: 15px;
    gap: 15px
}

.deposit-modal .cashbox-methods-list {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px
}

@media(max-width:812px) {
    .deposit-modal .cashbox-methods-list {
        margin: 0;
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr))
    }
}

.play-tile {
    display: flex;
    flex-direction: column;
    max-width: 317px;
    width: 100%;
    height: 450px;
    padding: 28px 24px;
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.play-tile,
.play-tile:hover {
    transition: .2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.play-tile:hover {
    -webkit-transform: scale(1.01) perspective(1px);
    transform: scale(1.01) perspective(1px);
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-filter: blur -.1px;
    filter: blur -.1px
}

.play-tile--dark .play-tile__text,
.play-tile--dark .play-tile__title {
    color: #262626
}

.play-tile__text {
    margin: 0 0 3px;
    font-size: 18px;
    line-height: 22px
}

.play-tile__title {
    margin: 0 0 22px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px
}

.play-tile__btn {
    min-width: 108px
}

@media(max-width:812px) {
    .play-tile {
        max-width: 290px;
        height: 130px;
        padding: 22px 16px
    }

    .play-tile__text {
        font-size: 15px;
        line-height: 18px;
        font-weight: 400
    }

    .play-tile__title {
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        margin: 0 0 9px
    }
}

.cashbox-panel-header {
    position: relative;
    background-color: #ebebeb;
    padding-bottom: 8px
}

.cashbox-panel-header__tabs {
    display: flex;
    height: 42px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #9e9e9e
}

.cashbox-panel-header__tab-item {
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1b1c1c;
    background: transparent;
    border: none;
    border-bottom: 1px solid transparent
}

.cashbox-panel-header__tab-item--active {
    border-bottom-color: #1b1c1c
}

.button-group {
    text-align: center
}

.button-group .btn,
.button-group .btn-action,
.button-group .btn-dark,
.button-group .btn-default,
.button-group .btn-demo,
.button-group .btn-logout,
.button-group .btn-outline,
.button-group .btn-play,
.button-group .btn-primary,
.button-group .btn-primary-transparent,
.button-group .btn-secondary,
.button-group .btn-star,
.button-group .btn-transparent,
.button-group .btn-transparent-bordered,
.button-group .copy-to-clipboard__button,
.button-group .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link,
.modal.disable-popup-blocker-modal .button-group .disable-popup-blocker__btn-link {
    margin: 2px 4px
}

.button-group__content-switch-wrap {
    display: flex;
    width: 100%;
    background-color: #1c1c1c;
    margin: 16px 0
}

@media(max-width:812px) {
    .button-group__content-switch-wrap.new-cashier .btn-default {
        padding: 6px 12px
    }
}

.button-group__content-switch-wrap .btn-default {
    width: 100%;
    margin: 4px;
    color: #555;
    background-color: transparent;
    border-color: transparent;
    overflow: hidden
}

.button-group__content-switch-wrap .btn-default .btn__label {
    color: #ebebeb;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: inherit
}

.button-group__content-switch-wrap .btn-default--selected {
    color: #000;
    background: #121212;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .12);
    border-color: transparent
}

.button-group__content-switch-wrap .btn-default:hover {
    border-color: transparent
}

.game-bar-tabs {
    display: flex
}

.game-bar-tabs__item {
    margin-right: 40px
}

.game-search-result {
    background: #262626;
    width: 320px;
    border-radius: 4px
}

.game-search-result__body {
    padding: 15px;
    margin-right: 4px;
    max-height: 450px;
    overflow-y: auto
}

.game-search-result__body::-webkit-scrollbar-thumb {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    background-clip: padding-box
}

.game-search-result__not-found {
    margin: 20px 0
}

.game-search-result__item {
    margin-bottom: 12px
}

.game-search-result__item:last-child {
    margin-bottom: 0
}

.confirm-modal {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.confirm-modal__icon {
    margin-bottom: 16px
}

.confirm-modal__title {
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #f8ff13
}

.confirm-modal__desc {
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #b9c5e1
}

.confirm-modal__buttons {
    display: flex;
    margin-top: 32px
}

.confirm-modal__cancel {
    margin-right: 20px
}

.cashbox-method-wrap {
    margin-top: 16px
}

.cashbox-method-wrap__header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin: 0 0 6px
}

.cashbox-method-wrap__header__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 15px;
    line-height: 21px;
    color: #ebebeb
}

.cashbox-method-wrap__header__title-v2 {
    color: #ebebeb
}

.cashbox-method-wrap .limits-info {
    justify-content: flex-end;
    font-size: 13px
}

.cashbox-method-wrap .limits-info__value+.limits-info__value {
    margin-left: 5px
}

.cashbox-details .custom-input__container {
    margin-bottom: 10px
}

.cashbox-details .dropdown-container .dropdown__menu {
    z-index: 10
}

.date-of-birth-select {
    display: flex;
    flex-wrap: nowrap;
    grid-gap: 6px;
    gap: 6px
}

.date-of-birth-select .dropdown {
    flex: 1 1
}

.date-of-birth-select .dropdown__menu {
    padding: 5px
}

.date-of-birth-select .dropdown:first-child {
    flex: 1.3 1
}

.date-of-birth-select .dropdown:nth-child(2) {
    flex: 1.4 1
}

.date-of-birth-select .dropdown__single-value {
    justify-content: flex-start
}

.form--in-modal {
    grid-auto-columns: 100%
}

.form--in-modal .dropdown {
    width: 100%
}

.form--in-modal__title {
    text-align: center;
    margin: 0;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #fff
}

.form--in-modal .btn-group {
    display: flex;
    width: 100%;
    grid-gap: 20px;
    gap: 20px
}

.form__content {
    text-align: center;
    color: #ebebeb;
    max-width: 325px;
    font-size: 15px
}

.form .btn,
.form .btn-action,
.form .btn-dark,
.form .btn-default,
.form .btn-demo,
.form .btn-logout,
.form .btn-outline,
.form .btn-play,
.form .btn-primary,
.form .btn-primary-transparent,
.form .btn-secondary,
.form .btn-star,
.form .btn-transparent,
.form .btn-transparent-bordered,
.form .copy-to-clipboard__button,
.form .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link,
.modal.disable-popup-blocker-modal .form .disable-popup-blocker__btn-link {
    height: 44px;
    margin-top: 14px
}

.form__date-of-birth {
    width: 100%
}

.form__date-of-birth__label {
    text-align: left;
    margin-bottom: 6px;
    color: #fff;
    font-size: 15px;
    display: block
}

.fillout-profile {
    height: calc(100% - 48px);
    background-color: #262626
}

.fillout-profile__form {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px
}

.notification-block__wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.notification-block__icon-wrap {
    margin: 0 0 15px
}

.notification-block__title {
    text-align: center;
    margin: 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #ebebeb
}

.notification-block__title--yellow {
    color: #f8ff13
}

.notification-block__text {
    margin: 0 0 12px;
    text-align: center;
    color: #ebebeb;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.notification-block__text--dim {
    color: #ebebeb
}

.notification-block__italic {
    text-align: center;
    font-style: italic;
    font-weight: 400;
    color: #b9c5e1;
    font-size: 13px;
    line-height: 127.5%
}

.notification-block__btn {
    margin: 20px 0 0;
    min-width: 113px
}

.notification-block__btn .btn__label {
    font-weight: 600
}

.notification-block__btn-wrap {
    display: flex;
    justify-content: space-between;
    grid-gap: 8px;
    gap: 8px
}

.tooltip__icon {
    position: absolute;
    top: 11px;
    right: 11px
}

.tooltip__icon svg {
    width: 20px;
    height: 20px
}

.tooltip-container {
    width: -webkit-max-content;
    width: max-content;
    max-width: 460px;
    padding: 16px 17px 12px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

.tooltip-container__additional {
    margin-top: 6px;
    background: #555;
    --tooltipBackground: #555;
    --tooltipBorder: transparent
}

.tooltip__title {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    color: #1b1c1c
}

.tooltip__title__desktop,
.tooltip__title__header {
    font-size: 14px;
    font-weight: 400
}

.tooltip__title__additional {
    color: #fff
}

.tooltip-header {
    margin-left: 10px
}

.tooltip-header-first {
    margin-left: 0
}

.tooltip-license-wrap {
    margin-left: 15px
}

.tooltip-desktop {
    margin-left: 30px
}

@media(max-width:480px) {
    .tooltip-desktop {
        margin-left: 17px
    }
}

@media(max-width:390px) {
    .tooltip-desktop {
        margin-left: 12px
    }
}

.tooltip-desktop-first {
    margin-left: 0
}

.tooltip__text {
    font-size: 14px;
    line-height: 20px;
    color: #1b1c1c
}

.tooltip__text__additional {
    color: #fff
}

@media(max-width:812px) {
    .tooltip-container {
        max-width: 300px
    }
}

.btn-popover-box {
    position: relative
}

.btn-popover-box .bonus-info-popover {
    height: 220px;
    padding: 0 15px;
    width: -webkit-max-content;
    width: max-content;
    -webkit-transform: translateY(-220px);
    transform: translateY(-220px);
    left: 50%;
    margin-left: -190px;
    text-align: center;
    border-radius: 17px;
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    background-color: #262626;
    border: 1px solid #c4c4c4;
    color: #fff;
    visibility: visible;
    opacity: 1;
    transition: opacity .3s linear
}

.btn-popover-box .bonus-info-popover.box-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .3s, opacity .3s linear
}

.btn-popover-box .bonus-info-popover .min-bonus {
    width: 350px
}

.btn-popover-box .bonus-info-popover .min-bonus__amount {
    color: #fff
}

.btn-popover-box .bonus-info-popover:after {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: -11px;
    background-color: #262626;
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.btn-popover-box .bonus-info-popover .btn-group {
    display: flex;
    grid-gap: 10px;
    gap: 10px;
    width: 100%
}

.btn-popover-box .bonus-info-popover .btn-group .btn__label {
    width: 100%;
    white-space: nowrap
}

@media(max-width:812px) {
    .btn-popover-box .bonus-info-popover {
        width: 100%;
        left: unset;
        margin-left: unset
    }

    .btn-popover-box .bonus-info-popover .min-bonus {
        width: auto
    }

    .btn-popover-box .bonus-info-popover .btn-group {
        flex-direction: column;
        width: 100%
    }

    .btn-popover-box .bonus-info-popover .btn-group .btn,
    .btn-popover-box .bonus-info-popover .btn-group .btn-action,
    .btn-popover-box .bonus-info-popover .btn-group .btn-dark,
    .btn-popover-box .bonus-info-popover .btn-group .btn-default,
    .btn-popover-box .bonus-info-popover .btn-group .btn-demo,
    .btn-popover-box .bonus-info-popover .btn-group .btn-logout,
    .btn-popover-box .bonus-info-popover .btn-group .btn-outline,
    .btn-popover-box .bonus-info-popover .btn-group .btn-play,
    .btn-popover-box .bonus-info-popover .btn-group .btn-primary,
    .btn-popover-box .bonus-info-popover .btn-group .btn-primary-transparent,
    .btn-popover-box .bonus-info-popover .btn-group .btn-secondary,
    .btn-popover-box .bonus-info-popover .btn-group .btn-star,
    .btn-popover-box .bonus-info-popover .btn-group .btn-transparent,
    .btn-popover-box .bonus-info-popover .btn-group .btn-transparent-bordered,
    .btn-popover-box .bonus-info-popover .btn-group .copy-to-clipboard__button,
    .btn-popover-box .bonus-info-popover .btn-group .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link,
    .modal.disable-popup-blocker-modal .btn-popover-box .bonus-info-popover .btn-group .disable-popup-blocker__btn-link {
        width: inherit
    }
}

.tab-bar {
    display: flex;
    flex-direction: row;
    align-items: center
}

.tab-bar.tabs-navigation {
    display: flex;
    justify-content: center;
    padding: 13px 15px 23px;
    background-color: #fff
}

.tab-bar.tabs-navigation.tabs-navigation__one-item {
    margin: 0
}

@media(max-width:812px) {
    .tab-bar.tabs-navigation.tabs-navigation__one-item {
        box-sizing: content-box
    }
}

.tab-bar.tabs-navigation .tab-item {
    height: 48px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    flex-direction: row;
    min-width: 140px;
    padding: 12px 10px 11px;
    border-bottom: 1px solid #9d9d9d;
    color: #555;
    transition: all .2s ease-in
}

.tab-bar.tabs-navigation .tab-item--link_active,
.tab-bar.tabs-navigation .tab-item:hover {
    color: #000
}

.tab-bar.tabs-navigation .tab-item--link_active:after,
.tab-bar.tabs-navigation .tab-item:hover:after {
    background: #000
}

@media(max-width:812px) {
    .tab-bar.tabs-navigation {
        justify-content: flex-start;
        margin: 0
    }
}

.sponsors-block {
    display: flex;
    justify-content: center;
    margin-bottom: 15px
}

.sponsors-block--header,
.sponsors-block--small {
    flex-direction: column;
    align-items: center
}

.sponsors-block--header {
    margin-bottom: 0;
    margin-left: 14px
}

.sponsors-block--header-bar {
    height: 24px;
    border-left: 1px solid #9d9d9d;
    opacity: .3
}

@media(max-width:812px) {
    .sponsors-block--header {
        display: none
    }
}

.sponsors-block__content {
    display: flex
}

.sponsors-block__title {
    color: #9d9d9d;
    display: flex;
    align-items: center;
    margin-right: 30px
}

.sponsors-block__title-small {
    margin-right: 0;
    margin-bottom: 13px
}

.sponsors-block__title-header {
    margin-bottom: 6px;
    font-size: 11px;
    margin-right: 0
}

.sponsors-block__item {
    position: relative
}

.sponsors-block__item-small {
    margin-left: 21px
}

@media(max-width:320px) {
    .sponsors-block__item-small {
        margin-left: 10px
    }
}

.sponsors-block__item-small:first-child {
    margin-left: 0
}

.sponsors-block__item-header {
    width: 22px
}

@media(max-width:390px) {
    .sponsors-block__item-desktop {
        width: 45px
    }
}

@media(max-width:320px) {
    .sponsors-block__item-desktop {
        width: 33px
    }
}

.sponsors-block__header-img {
    width: 100%
}

@media(max-width:480px) {
    .sponsors-block__desktop-img {
        width: 100%
    }
}

.sponsors-block-additional {
    display: flex;
    width: 100%;
    align-items: flex-start;
    margin-left: 0;
    padding: 20px 0 15px 20px;
    border-bottom: 1px solid #555
}

.sponsors-block-additional__item {
    width: 35px
}

.header {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 72px;
    box-shadow: 0 12px 28px rgba(28, 51, 56, .04);
    background: #000
}

.header__license-wrap {
    width: 39px;
    min-width: 39px;
    height: 39px
}

.header__license-img {
    width: 100%;
    height: 100%
}

.header-info__license-wrap {
    width: 36px;
    margin-top: 15px;
    vertical-align: top;
    display: inline-block
}

.header-info__license-wrap>div {
    margin-bottom: 10px
}

.header__install-app {
    display: flex;
    align-items: center;
    margin-left: 10px
}

@media(max-width:1200px) {
    .header__install-app {
        display: none
    }
}

.header__bonus-countdown {
    display: none
}

.header .hamburger-menu {
    display: none;
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0 10px 0 0;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.header img[alt=logo] {
    max-width: 150px
}

.header__pwa-button {
    margin-left: 40px
}

@media(max-width:1350px) {
    .header__pwa-button {
        margin-left: 10px
    }
}

@media(max-width:1200px) {
    .header__pwa-button {
        display: none
    }
}

@media(max-width:1200px) {
    .header .nav-bar:not(.footer-navigation-panel) {
        margin-left: 10px
    }
}

.header .nav-item {
    color: #fff
}

.header .nav-item--link_active {
    color: #f8ff13
}

.header__not-logged-mob {
    width: 100%
}

.header__not-logged .btn,
.header__not-logged .btn-action,
.header__not-logged .btn-dark,
.header__not-logged .btn-default,
.header__not-logged .btn-demo,
.header__not-logged .btn-logout,
.header__not-logged .btn-outline,
.header__not-logged .btn-play,
.header__not-logged .btn-primary,
.header__not-logged .btn-primary-transparent,
.header__not-logged .btn-secondary,
.header__not-logged .btn-star,
.header__not-logged .btn-transparent,
.header__not-logged .btn-transparent-bordered,
.header__not-logged .copy-to-clipboard__button,
.header__not-logged .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link,
.modal.disable-popup-blocker-modal .header__not-logged .disable-popup-blocker__btn-link {
    margin-left: 8px
}

.header__not-logged .btn-reg-login {
    border-radius: 2px;
    border: unset;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 12px;
    background: #f8ff13
}

.header__not-logged .btn-reg-login .btn__label {
    font-weight: 700;
    font-size: 14px;
    color: #000;
    text-transform: capitalize
}

.header__not-logged .btn-reg-login:hover {
    border: unset
}

.header__not-logged .btn-login {
    color: #f8ff13;
    border-color: #f8ff13;
    background-color: transparent
}

.header__not-logged .btn-login:hover {
    color: #faeb00;
    border-color: #faeb00
}

@media(max-width:812px) {
    .header {
        padding: 0;
        height: 52px;
        align-items: center
    }

    .header .hamburger-menu {
        display: flex;
        margin: 0 10px
    }

    .header__bonus-countdown {
        display: flex
    }

    .header__pwa-button {
        display: none
    }

    .header__not-logged {
        top: 0;
        right: 0;
        position: relative;
        display: block;
        margin-right: 10px;
        text-align: right;
        direction: unset
    }

    .header__not-logged-desktop {
        width: 40%
    }
}

.main-template--pwa-landing .header {
    padding-left: 10px
}

.main-template--pwa-landing .header .hamburger-menu,
.main-template--pwa-landing .header .nav-bar,
.main-template--pwa-landing .header .user-info,
.main-template--pwa-landing .header__not-logged {
    display: none
}

.footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "top-left top-right" "mid mid" "bot bot";
    margin: 0 auto;
    max-width: 1366px;
    padding: 20px 20px 25px
}

.footer .dropdown {
    grid-area: bot;
    width: 180px;
    justify-self: center
}

.footer .dropdown .language-select .dropdown__control {
    background: #555;
    border-radius: 40px;
    border: 1px solid transparent;
    transition: border .25s
}

.footer .dropdown .language-select .dropdown__control--menu-is-open {
    border: 1px solid #f8ff13;
    transition: .25s
}

.footer .dropdown .language-select .dropdown__control:after,
.footer .dropdown .language-select .dropdown__control:before {
    display: none
}

.footer .dropdown__menu {
    padding: 8px 14px;
    background: #555
}

.footer .dropdown__menu-list {
    max-height: 120px
}

.footer .dropdown__option {
    color: #b9c5e1;
    transition: .25s;
    padding: 8px 0
}

.footer .dropdown__option--is-focused,
.footer .dropdown__option--is-selected {
    background: none
}

.footer .dropdown__option:hover {
    color: #fff;
    transition: .25s
}

.footer__menu-wrap {
    grid-area: top-left;
    margin-bottom: 30px;
    display: flex;
    flex-basis: 50%
}

.footer__menu-wrap>div:not(:last-child) {
    margin: 0 70px 0 0
}

.footer .footer-info {
    grid-area: top-right
}

.footer__icon-block-container {
    grid-area: mid;
    margin-top: 30px
}

.footer__socialm-wrap {
    display: flex;
    align-items: center;
    grid-area: bot;
    justify-self: end;
    word-break: break-word
}

@media(max-width:860px) {
    .footer-menu__wrap>div:not(:last-child) {
        margin: 0 35px 0 0
    }

    .footer-menu__list {
        -webkit-column-count: 1 !important;
        column-count: 1 !important;
        max-height: unset
    }
}

@media(max-width:680px) {
    .footer {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "locale" "menus" "media" "info"
    }

    .footer .dropdown {
        grid-area: locale;
        margin-bottom: 24px;
        width: 270px
    }

    .footer__menu-wrap {
        grid-area: menus;
        justify-self: center
    }

    .footer .footer-menu__list {
        max-height: inherit
    }

    .footer__socialm-wrap {
        grid-area: media;
        justify-self: center;
        margin-bottom: 24px
    }

    .footer .footer-info {
        grid-area: info
    }

    .footer .icon-block {
        display: none
    }
}

@media(max-width:480px) {
    .footer {
        padding: 20px 15px
    }

    .footer .dropdown {
        width: 100%
    }

    .footer .footer-menu__list-item a {
        font-size: 13px
    }

    .footer__socialm-wrap {
        position: relative;
        width: 100%;
        justify-content: center
    }

    .footer__socialm-wrap:before {
        content: "";
        width: 30px;
        height: 30px;
        position: absolute;
        left: 15px;
        bottom: 1px;
        background-image: url(/static/media/18plus.64363e7a.svg)
    }

    .footer .footer-info__text-wrap h4 {
        display: none
    }
}

.footer-wrap {
    background: #292724
}

.modal-wrapper-with-banner-right {
    display: flex;
    height: 100%;
    overflow-y: hidden !important
}

.modal-wrapper-with-banner-right .modal-content {
    width: 30%;
    border-radius: 0;
    min-width: 487px
}

.modal-wrapper-with-banner-bottom {
    display: flex;
    flex-direction: column;
    height: 100%
}

.modal-wrapper-with-banner-bottom .modal-content {
    flex-shrink: 0
}

.modal-wrapper-with-banner-left,
.modal-wrapper-with-banner-top {
    display: flex
}

.modal-wrapper-with-banner-left .modal-content,
.modal-wrapper-with-banner-top .modal-content {
    order: 2
}

.modal-wrapper-with-banner-left .modal__banner,
.modal-wrapper-with-banner-top .modal__banner {
    order: 1
}

.modal--with-banner .modal__overlay {
    padding: 0
}

.modal__overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(38, 38, 38, .85);
    overflow: auto
}

.modal__overlay:after,
.modal__overlay:before {
    content: "";
    flex: 1 1
}

.modal--do-not-close .modal__overlay {
    background-color: #262626
}

.fast-sign-up-result-modal .modal__overlay {
    background-color: rgba(38, 38, 38, .85)
}

.modal__content {
    width: 100%;
    overflow: auto;
    outline: none
}

.modal.disable-popup-blocker-modal .modal__content .disable-popup-blocker__btn-link,
.modal__content .btn,
.modal__content .btn-action,
.modal__content .btn-dark,
.modal__content .btn-default,
.modal__content .btn-demo,
.modal__content .btn-logout,
.modal__content .btn-outline,
.modal__content .btn-play,
.modal__content .btn-primary,
.modal__content .btn-primary-transparent,
.modal__content .btn-secondary,
.modal__content .btn-star,
.modal__content .btn-transparent,
.modal__content .btn-transparent-bordered,
.modal__content .copy-to-clipboard__button,
.modal__content .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    font-size: 14px
}

@media(max-width:812px) {
    .modal__content {
        height: 100%
    }
}

.modal__description__img {
    height: auto;
    width: 100%;
    border-top-right-radius: 17px;
    border-top-left-radius: 17px
}

.modal__description__subtext,
.modal__description__text {
    color: #b9c5e1;
    max-height: calc(100vh - 375px);
    overflow: auto
}

@media screen and (min-width:480px)and (max-width:812px) {

    .modal__description__subtext,
    .modal__description__text {
        max-height: calc(90vh - 375px)
    }
}

.modal__description__subtext img,
.modal__description__text img {
    max-width: 100%
}

.modal__description__btn {
    font-size: 15px;
    display: block;
    margin: 0 auto
}

.modal-default {
    width: 524px
}

.modal-lg {
    width: 100%
}

.modal-md {
    width: 600px
}

.modal-sm {
    width: 300px
}

@media(max-width:812px) {

    .modal-default,
    .modal-lg,
    .modal-md,
    .modal-sm {
        max-width: 600px;
        width: 100%
    }
}

.modal .after-login-modal__successful,
.modal .bonus-claim-modal__successful,
.modal .change-password-modal__successful,
.modal .email_verification-modal__successful,
.modal .fill-out-profile-modal__successful,
.modal .forgot-password-modal__successful,
.modal .reset-password-success-modal__successful {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 15px;
    gap: 15px
}

.modal .after-login-modal__successful-title,
.modal .bonus-claim-modal__successful-title,
.modal .change-password-modal__successful-title,
.modal .email_verification-modal__successful-title,
.modal .fill-out-profile-modal__successful-title,
.modal .forgot-password-modal__successful-title,
.modal .reset-password-success-modal__successful-title {
    color: #ebebeb;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px
}

.modal .after-login-modal__successful-content,
.modal .bonus-claim-modal__successful-content,
.modal .change-password-modal__successful-content,
.modal .email_verification-modal__successful-content,
.modal .fill-out-profile-modal__successful-content,
.modal .forgot-password-modal__successful-content,
.modal .reset-password-success-modal__successful-content {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #ebebeb
}

.modal .after-login-modal__successful-subcontent,
.modal .bonus-claim-modal__successful-subcontent,
.modal .change-password-modal__successful-subcontent,
.modal .email_verification-modal__successful-subcontent,
.modal .fill-out-profile-modal__successful-subcontent,
.modal .forgot-password-modal__successful-subcontent,
.modal .reset-password-success-modal__successful-subcontent {
    text-align: center;
    line-height: 21px;
    font-size: 13px;
    font-style: italic;
    color: #555
}

.fast-sign-up-modal .modal-body .dropdown-container,
.fast-sign-up-result-modal .modal-body .dropdown-container,
.forgot-password-modal .modal-body .dropdown-container,
.sign-in-modal .modal-body .dropdown-container,
.sign-up-modal .modal-body .dropdown-container {
    background: #1b1c1c;
    border-radius: 2px
}

.fast-sign-up-modal .modal-body .dropdown-container .dropdown__value-container,
.fast-sign-up-result-modal .modal-body .dropdown-container .dropdown__value-container,
.forgot-password-modal .modal-body .dropdown-container .dropdown__value-container,
.sign-in-modal .modal-body .dropdown-container .dropdown__value-container,
.sign-up-modal .modal-body .dropdown-container .dropdown__value-container {
    padding: 0 12px
}

.fast-sign-up-modal .modal-body .custom-input__container .custom-input__wrap,
.fast-sign-up-result-modal .modal-body .custom-input__container .custom-input__wrap,
.forgot-password-modal .modal-body .custom-input__container .custom-input__wrap,
.sign-in-modal .modal-body .custom-input__container .custom-input__wrap,
.sign-up-modal .modal-body .custom-input__container .custom-input__wrap {
    background: #1b1c1c;
    border-radius: 2px;
    padding: 10px 13px;
    height: 58px
}

.fast-sign-up-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field,
.fast-sign-up-result-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field,
.forgot-password-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field,
.sign-in-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field,
.sign-up-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field {
    font-size: 16px
}

.fast-sign-up-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:focus+.custom-input__placeholder,
.fast-sign-up-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:not(.empty)+.custom-input__placeholder,
.fast-sign-up-result-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:focus+.custom-input__placeholder,
.fast-sign-up-result-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:not(.empty)+.custom-input__placeholder,
.forgot-password-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:focus+.custom-input__placeholder,
.forgot-password-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:not(.empty)+.custom-input__placeholder,
.sign-in-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:focus+.custom-input__placeholder,
.sign-in-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:not(.empty)+.custom-input__placeholder,
.sign-up-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:focus+.custom-input__placeholder,
.sign-up-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__input-field:not(.empty)+.custom-input__placeholder {
    font-size: 12px;
    -webkit-transform: translateY(-11px);
    transform: translateY(-11px)
}

.fast-sign-up-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__placeholder,
.fast-sign-up-result-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__placeholder,
.forgot-password-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__placeholder,
.sign-in-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__placeholder,
.sign-up-modal .modal-body .custom-input__container .custom-input__wrap .custom-input__placeholder {
    top: 20px;
    color: #9d9d9d
}

.fast-sign-up-modal .modal-body .custom-input__container .custom-input__wrap input,
.fast-sign-up-result-modal .modal-body .custom-input__container .custom-input__wrap input,
.forgot-password-modal .modal-body .custom-input__container .custom-input__wrap input,
.sign-in-modal .modal-body .custom-input__container .custom-input__wrap input,
.sign-up-modal .modal-body .custom-input__container .custom-input__wrap input {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #f5f5f5
}

.fast-sign-up-modal .modal-body .custom-input__container .custom-input__wrap:after,
.fast-sign-up-modal .modal-body .custom-input__container .custom-input__wrap:before,
.fast-sign-up-result-modal .modal-body .custom-input__container .custom-input__wrap:after,
.fast-sign-up-result-modal .modal-body .custom-input__container .custom-input__wrap:before,
.forgot-password-modal .modal-body .custom-input__container .custom-input__wrap:after,
.forgot-password-modal .modal-body .custom-input__container .custom-input__wrap:before,
.sign-in-modal .modal-body .custom-input__container .custom-input__wrap:after,
.sign-in-modal .modal-body .custom-input__container .custom-input__wrap:before,
.sign-up-modal .modal-body .custom-input__container .custom-input__wrap:after,
.sign-up-modal .modal-body .custom-input__container .custom-input__wrap:before {
    content: none
}

.modal-content {
    border: 1px solid #555;
    position: relative;
    padding: 20px 0;
    border-radius: 0;
    background: #fff;
    word-break: break-word
}

.modal-content--transparent-bg {
    background: transparent
}

.modal-content--with-after-footer {
    padding-bottom: 0
}

.modal-content__promo {
    padding: 0 0 16px
}

@media(max-width:812px) {
    .modal-content__promo {
        width: calc(100% - 30px);
        margin: 0 auto
    }
}

.modal-content__promo .modal-header {
    padding: 0
}

.modal-content__promo .modal-body {
    padding: 0;
    margin: 0
}

@media(max-width:812px) {
    .modal-content__promo .modal-header__close {
        -webkit-transform: scale(.65);
        transform: scale(.65);
        top: 0;
        right: 0;
        position: absolute
    }
}

@media(max-width:812px) {
    .modal-content {
        top: 80px
    }
}

.modal-header {
    padding: 0 20px
}

.modal-header .login-reg-tabs {
    display: flex;
    width: 100%;
    margin-top: 18px;
    background: #1b1c1c;
    grid-gap: 6px;
    gap: 6px;
    padding: 6px;
    border-radius: 2px
}

.modal-header .login-reg-tabs .modal-link {
    height: 36px;
    width: 49%;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    grid-gap: 10px;
    gap: 10px
}

.modal-header .login-reg-tabs .modal-link--fullArea {
    display: flex;
    grid-gap: 10px;
    gap: 10px;
    white-space: nowrap;
    padding: 9px 30px;
    cursor: pointer;
    align-items: center
}

@media(max-width:812px) {
    .modal-header .login-reg-tabs .modal-link--fullArea {
        justify-content: center;
        padding: 9px 0;
        width: 100%
    }
}

.modal-header .login-reg-tabs .modal-link:first-child svg {
    stroke: #9d9d9d
}

.modal-header .login-reg-tabs .modal-link:last-child svg {
    fill: #9d9d9d
}

.modal-header .login-reg-tabs .modal-link .text-link {
    text-align: center
}

.modal-header .login-reg-tabs .modal-link .text-link:after {
    content: unset
}

.modal-header .login-reg-tabs .modal-link .text-link__label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #fff
}

.modal-body {
    margin: 10px 0 0;
    padding: 0 20px
}

.form--in-modal .modal-link {
    width: 100%
}

.form--in-modal .modal-link .btn-primary,
.form--in-modal .modal-link .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link,
.modal.disable-popup-blocker-modal .form--in-modal .modal-link .disable-popup-blocker__btn-link {
    width: inherit;
    margin-top: 2px
}

.modal-footer {
    display: block
}

.modal-footer--with-captcha {
    padding-bottom: 20px
}

.modal-after-footer {
    position: relative;
    margin: 16px 0 0;
    padding: 4px 0 18px;
    text-align: center;
    font-size: 12px;
    line-height: 20px
}

.form__title,
.modal-title {
    margin: 0;
    line-height: 29px;
    text-align: left;
    color: #000;
    width: 100%;
    font-weight: 700;
    font-size: 14px
}

.modal-desc {
    margin-top: 12px;
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #555
}

.modal.after-login-modal .modal__content,
.modal.reset-password-success-modal .modal__content {
    background: #fff
}

.modal.after-login-modal .modal-content .after-login-modal__successful-title,
.modal.after-login-modal .modal-content .reset-password-success-modal__successful-title,
.modal.reset-password-success-modal .modal-content .after-login-modal__successful-title,
.modal.reset-password-success-modal .modal-content .reset-password-success-modal__successful-title {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #000
}

.modal.after-login-modal .modal-content .after-login-modal__successful-content,
.modal.after-login-modal .modal-content .reset-password-success-modal__successful-content,
.modal.reset-password-success-modal .modal-content .after-login-modal__successful-content,
.modal.reset-password-success-modal .modal-content .reset-password-success-modal__successful-content {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000
}

.modal.after-login-modal .modal-content .after-login-modal__successful .btn-primary,
.modal.after-login-modal .modal-content .after-login-modal__successful .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link,
.modal.after-login-modal .modal-content .reset-password-success-modal__successful .btn-primary,
.modal.after-login-modal .modal-content .reset-password-success-modal__successful .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link,
.modal.disable-popup-blocker-modal .modal.after-login-modal .modal-content .after-login-modal__successful .disable-popup-blocker__btn-link,
.modal.disable-popup-blocker-modal .modal.after-login-modal .modal-content .reset-password-success-modal__successful .disable-popup-blocker__btn-link,
.modal.disable-popup-blocker-modal .modal.reset-password-success-modal .modal-content .after-login-modal__successful .disable-popup-blocker__btn-link,
.modal.disable-popup-blocker-modal .modal.reset-password-success-modal .modal-content .reset-password-success-modal__successful .disable-popup-blocker__btn-link,
.modal.reset-password-success-modal .modal-content .after-login-modal__successful .btn-primary,
.modal.reset-password-success-modal .modal-content .after-login-modal__successful .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link,
.modal.reset-password-success-modal .modal-content .reset-password-success-modal__successful .btn-primary,
.modal.reset-password-success-modal .modal-content .reset-password-success-modal__successful .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    width: 100%;
    margin-bottom: 0
}

.modal.fast-sign-up-result-modal .modal__banner {
    position: relative;
    overflow: hidden;
    width: 273px
}

.modal.fast-sign-up-result-modal .modal__banner--bottom {
    display: none
}

.modal.fast-sign-up-result-modal .modal__overlay::-webkit-scrollbar {
    display: none
}

.modal.fast-sign-up-result-modal .modal__content {
    width: 657px;
    min-height: 502px;
    height: 532px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2)
}

.modal.fast-sign-up-result-modal .modal__content .modal-content {
    width: 100%;
    height: 100%;
    padding: 0
}

.modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body {
    padding: 0;
    margin: 0;
    height: 100%
}

.modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up {
    display: flex;
    height: 100%
}

.modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #fff
}

.modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 20px 0 18px;
    text-align: left;
    color: #f5f5f5
}

.modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__modal {
    width: 273px
}

.modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__modal-desc {
    height: 100%
}

.modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__menu {
    padding: 40px 28px 0;
    width: 384px
}

@media(max-width:812px) {
    .modal.fast-sign-up-result-modal .modal__content {
        width: 100%;
        height: 100%
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__template {
        margin-left: -16px;
        width: 100%
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__modal {
        width: 100%
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__title {
        display: none
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__desc {
        justify-content: center
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-content .modal-body .fast-sign-up__menu {
        width: 100%;
        padding: 0 16px
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body {
        padding: 0 20px
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up {
        flex-direction: column
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__template {
        margin-left: -21px;
        padding: 30px 3px
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__template .copy-to-clipboard__text {
        text-overflow: clip;
        white-space: normal;
        padding-right: 3px;
        font-size: 15px
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__template .copy-to-clipboard__button {
        display: none
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__template .fast-sign-up__field {
        padding: 12px 6px
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__template .fast-sign-up__field-label {
        font-size: 15px
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__field-label {
        width: 30%
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up .copy-to-clipboard {
        width: 70%
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up .copy-to-clipboard__text {
        text-align: right;
        max-width: 100%
    }

    .modal.disable-popup-blocker-modal .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .disable-popup-blocker__btn-link,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-action,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-dark,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-default,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-demo,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-logout,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-outline,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-play,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-primary,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-primary-transparent,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-secondary,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-star,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-transparent,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .btn-transparent-bordered,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .copy-to-clipboard__button,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__save-as .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
        padding: 11px;
        color: #000
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-header {
        padding: 0 20px
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-header .modal-title,
    .modal.fast-sign-up-result-modal .modal__content .modal-header__close {
        display: none
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-header .login-reg-tabs .modal-link:last-child {
        background: #262626
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-content {
        height: 100%;
        width: 100%;
        padding-top: 0
    }

    .modal.fast-sign-up-result-modal .modal__content .modal-content .modal-desc {
        margin-top: 0;
        text-align: center
    }

    .modal.fast-sign-up-result-modal .modal__content .modal__banner {
        overflow: visible;
        overflow: initial;
        width: 100%
    }
}

@media screen and (min-width:812px) {
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__modal-desc-hidden {
        display: none
    }
}

@media(max-width:320px) {

    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__template .copy-to-clipboard__text,
    .modal.fast-sign-up-result-modal .modal__content .modal-body .fast-sign-up__template .fast-sign-up__field-label {
        font-size: 11px
    }
}

@media(max-width:812px) {
    .modal.fast-sign-up-result-modal .modal-wrapper-with-banner-top {
        flex-direction: column
    }
}

.modal.fast-sign-up-result-modal .modal-content {
    width: 384px;
    background: #262626;
    padding-top: 40px
}

.modal.fast-sign-up-result-modal .modal-content .modal-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #fff
}

.modal.fast-sign-up-result-modal .modal-content .modal-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: start;
    color: #f5f5f5
}

.modal.fast-sign-up-result-modal .modal-content .modal-header {
    padding: 0 32px
}

.modal.fast-sign-up-result-modal .modal-content .modal-header__close {
    top: 40px;
    right: 28px
}

.modal.fast-sign-up-result-modal .modal-content .modal-header__close:before {
    background: url(/static/media/close-white.1f7f25d9.svg) no-repeat
}

.modal.fast-sign-up-result-modal .modal-body {
    padding: 0 32px;
    margin-top: 18px
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__template {
    position: absolute;
    padding: 30px 11px;
    margin-left: -301px;
    top: 0;
    z-index: -1;
    background: #262626
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__logo {
    text-align: center;
    padding-bottom: 15px
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__logo .lazy-img {
    height: 44px;
    background-repeat: no-repeat;
    background-position: 50%
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__fields {
    grid-gap: 5px;
    gap: 5px;
    display: flex;
    flex-direction: column
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    height: 44px;
    border-radius: 2px;
    background: #1b1c1c
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__field-label {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #9d9d9d
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up .copy-to-clipboard__button {
    background: transparent;
    padding: 0
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up .copy-to-clipboard__button svg {
    width: 16px;
    height: 18px
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up .copy-to-clipboard__text {
    background-color: transparent;
    font-weight: 700;
    font-size: 16px;
    padding: 9px 14px 8px;
    margin-right: 0;
    line-height: 24px;
    color: #f5f5f5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__body .copy-to-clipboard__text {
    max-width: 200px
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__desc {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
    padding: 0 30px
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__img {
    height: 44px
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__img img {
    height: 100%
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__text {
    padding: 20px 0 15px;
    color: #f5f5f5;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__continue {
    width: 100%;
    padding: 11px 30px;
    margin-top: 20px
}

.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as {
    display: flex;
    grid-gap: 10px;
    gap: 10px
}

.modal.disable-popup-blocker-modal .modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .disable-popup-blocker__btn-link,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-action,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-dark,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-default,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-demo,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-logout,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-outline,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-play,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-primary,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-primary-transparent,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-secondary,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-star,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-transparent,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .btn-transparent-bordered,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .copy-to-clipboard__button,
.modal.fast-sign-up-result-modal .modal-body .fast-sign-up__save-as .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    padding: 11px 30px;
    border-radius: 2px;
    width: 50%
}

.modal.fast-sign-up-result-modal .modal-footer {
    margin-top: 15px
}

.modal.fast-sign-up-result-modal .modal-footer .modal-link span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.modal.fast-sign-up-result-modal .modal-footer .modal-link .text-link span {
    color: #f8ff13;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.modal.fast-sign-up-result-modal .modal-footer .modal-link .text-link:after {
    background: #f8ff13
}

.modal.fast-sign-up-result-modal .modal-after-footer {
    margin: 12px 0 0
}

.modal.fast-sign-up-result-modal .modal-after-footer .text-link:after {
    background: #f8ff13
}

.modal.fast-sign-up-result-modal .modal-after-footer .text-link__label {
    color: #f8ff13
}

.modal.sign-in-modal .modal__banner {
    position: relative;
    overflow: hidden;
    width: 273px
}

.modal.sign-in-modal .modal__banner--bottom {
    display: none
}

.modal.sign-in-modal .modal__overlay::-webkit-scrollbar {
    display: none
}

.modal.sign-in-modal .modal__content {
    width: 657px;
    min-height: 502px;
    height: 532px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2)
}

@media(max-width:812px) {
    .modal.sign-in-modal .modal__content {
        height: 100%;
        width: 100%
    }

    .modal.sign-in-modal .modal__content .modal-header .login-reg-tabs .modal-link:last-child {
        background: #262626
    }

    .modal.sign-in-modal .modal__content .modal-body {
        padding: 0 20px
    }

    .modal.sign-in-modal .modal__content .modal-content {
        height: 100%;
        width: 100%
    }

    .modal.sign-in-modal .modal__content .modal-content .modal-header {
        padding: 0 20px
    }

    .modal.sign-in-modal .modal__content .modal-content .modal-header .modal-before-desc {
        margin-top: 15px
    }

    .modal.sign-in-modal .modal__content .modal-content .modal-header .modal-before-desc img {
        position: inherit
    }

    .modal.sign-in-modal .modal__content .modal__banner {
        display: none
    }
}

.modal.sign-in-modal .modal-content {
    width: 384px;
    background: #262626;
    padding-top: 40px
}

.modal.sign-in-modal .modal-content .modal-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #fff
}

.modal.sign-in-modal .modal-content .modal-header {
    padding: 0 32px
}

.modal.sign-in-modal .modal-content .modal-header__close {
    top: 40px;
    right: 28px
}

.modal.sign-in-modal .modal-content .modal-header__close:before {
    background: url(/static/media/close-white.1f7f25d9.svg) no-repeat
}

.modal.sign-in-modal .modal-body {
    padding: 0 32px;
    margin-top: 18px
}

.modal.sign-in-modal .modal-body .modal-link {
    flex-wrap: wrap;
    padding: 20px 20px 0
}

.modal.sign-in-modal .modal-body .modal-link span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.modal.sign-in-modal .modal-body .modal-link .text-link__label {
    font-size: 16px
}

.modal.sign-in-modal .modal-body .modal-link .text-link span {
    color: #f8ff13;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.modal.sign-in-modal .modal-body .modal-link .text-link:after {
    background: #f8ff13
}

.modal.sign-in-modal .modal-after-footer {
    margin: 12px 0 0
}

.modal.sign-in-modal .modal-after-footer .text-link:after {
    background: #f8ff13
}

.modal.sign-in-modal .modal-after-footer .text-link__label {
    color: #f8ff13
}

.modal.bonus-exchange-modal .modal-title {
    text-align: center
}

.modal.bonus-exchange-modal .modal-content {
    padding: 28px 0 6px
}

.modal.bonus-exchange-modal .bonus-exchange-info {
    display: flex;
    align-items: flex-start;
    margin: 28px 0
}

.modal.bonus-exchange-modal .bonus-exchange-info__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.modal.bonus-exchange-modal .bonus-exchange-info__value {
    font-weight: 700;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    white-space: nowrap;
    color: #fff
}

.modal.bonus-exchange-modal .bonus-exchange-info__label {
    max-width: 120px;
    margin-top: 6px;
    font-size: 13px;
    text-align: center;
    color: #9d9d9d
}

.modal.bonus-exchange-modal .bonus-exchange-info__divider {
    display: block;
    flex-shrink: 0;
    width: 1px;
    height: 40px;
    margin: 0 20px;
    background-color: hsla(0, 0%, 61.6%, .3)
}

.modal.bonus-exchange-modal .bonus-exchange-footer {
    margin-top: 16px;
    font-weight: 500;
    font-size: 11px;
    text-align: center;
    color: #9d9d9d
}

.modal.bonus-exchange-modal .bonus-exchange-form {
    display: flex;
    flex-direction: column
}

.modal.bonus-exchange-modal .bonus-exchange-form__inputs {
    display: flex;
    align-items: flex-start
}

.modal.bonus-exchange-modal .bonus-exchange-form__input-wrapper {
    display: flex;
    width: 100%
}

.modal.bonus-exchange-modal .bonus-exchange-form__label {
    flex-shrink: 0;
    margin-right: 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 54px;
    color: #fff
}

.modal.bonus-exchange-modal .bonus-exchange-form__input {
    width: 100%
}

.modal.bonus-exchange-modal .bonus-exchange-form__input .custom-input__input-field {
    padding-top: 9px
}

.modal.bonus-exchange-modal .bonus-exchange-form__input .custom-input__error {
    margin: 5px -70px 0 0
}

.modal.bonus-exchange-modal .bonus-exchange-form__arrow {
    display: flex;
    flex-shrink: 0;
    width: 80px;
    height: 54px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url(/static/media/bonus-exchange-arrow.e1530d2e.svg)
}

.modal.bonus-exchange-modal .bonus-exchange-form__submit {
    margin-top: 28px
}

.modal.confirmation-modal .modal-body {
    margin: 0
}

.modal.how2play-modal .modal-body {
    margin: 23px 0 0
}

.modal.how2play-modal .modal-title {
    text-align: left
}

.modal.how2play-modal .modal__content {
    max-width: 500px
}

.modal.how2play-modal .modal-content {
    padding: 29px 30px 40px
}

@media(max-width:812px) {
    .modal.how2play-modal .modal-content {
        padding: 15px 15px 27px
    }
}

.modal.notification-modal .modal-body {
    margin: 0
}

.modal.notification-modal .modal-footer {
    display: none
}

@media(max-width:812px) {
    .modal.notification-modal .notification-modal__icon-wrap img {
        width: 72px;
        height: 72px
    }

    .modal.notification-modal .notification-modal__title {
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 12px
    }

    .modal.notification-modal .notification-modal__btn {
        font-size: 15px;
        margin: 12px 0 0
    }
}

@media(max-width:480px) {
    .modal.notification-modal .modal__content {
        max-width: 100vw
    }
}

.modal.verify-phone-modal .modal-content .form__resend-code-timer {
    display: block;
    color: #ebebeb;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin: 15px 0 0;
    position: relative;
    width: 100%;
    text-align: center
}

.modal.verify-phone-modal .modal-content .form__resend-code-timer:after,
.modal.verify-phone-modal .modal-content .form__resend-code-timer:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 1px;
    background: #555;
    top: 9px
}

.modal.verify-phone-modal .modal-content .form__resend-code-timer:before {
    left: 0
}

.modal.verify-phone-modal .modal-content .form__resend-code-timer:after {
    right: 0
}

.modal.verify-phone-modal .modal-content .form__content {
    text-align: left;
    color: #ebebeb;
    max-width: 325px;
    font-size: 14px;
    line-height: 20px
}

.modal.disable-popup-blocker-modal .modal.verify-phone-modal .modal-content .form--in-modal .disable-popup-blocker__btn-link,
.modal.verify-phone-modal .modal-content .form--in-modal .btn,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-action,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-dark,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-default,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-demo,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-logout,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-outline,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-play,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-primary,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-primary-transparent,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-secondary,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-star,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-transparent,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-transparent-bordered,
.modal.verify-phone-modal .modal-content .form--in-modal .copy-to-clipboard__button,
.modal.verify-phone-modal .modal-content .form--in-modal .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    width: 100%;
    margin-top: 20px
}

.modal.disable-popup-blocker-modal .modal.verify-phone-modal .modal-content .form--in-modal .disable-popup-blocker__btn-link .btn__label,
.modal.verify-phone-modal .modal-content .form--in-modal .btn-primary .btn__label,
.modal.verify-phone-modal .modal-content .form--in-modal .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link .btn__label {
    font-weight: 700
}

.modal.verify-phone-modal .modal-content .form--in-modal .btn__label {
    font-size: 15px
}

.modal.verify-phone-modal .modal-content .form--in-modal .text-link {
    margin-top: 15px;
    color: #ebebeb;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.modal.verify-phone-modal .modal-content .form--in-modal .text-link:after {
    margin-top: -2px;
    background: #ebebeb
}

.modal.verify-phone-modal .modal-body {
    margin: 16px 0 10px
}

.modal.verify-phone-modal .modal-body .verification-phone-form__btn-wrapper {
    display: flex;
    width: 100%
}

.modal.verify-phone-modal .modal-body .verification-phone-form__btn-wrapper .btn-default,
.modal.verify-phone-modal .modal-body .verification-phone-form__btn-wrapper .btn-outline {
    margin-right: 12px
}

.modal.verify-phone-modal .modal-body .verification-tfa-form__btn-wrapper {
    display: flex;
    width: 100%
}

@media(max-width:812px) {
    .modal.verify-phone-modal .modal-content {
        top: 0
    }

    .modal.verify-phone-modal .modal__content {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .modal.verify-phone-modal .modal-sm {
        width: calc(100% - 32px)
    }
}

.modal.fill-out-profile-modal .modal-sm {
    width: 320px
}

.modal.fill-out-profile-modal .modal-body {
    margin: 12px 0 0;
    padding: 0
}

.modal.fill-out-profile-modal .modal__content {
    overflow: unset;
    max-width: 400px
}

.modal.fill-out-profile-modal .modal-content {
    padding: 15px 15px 30px
}

.modal.fill-out-profile-modal .modal-footer {
    display: none
}

.modal.disable-popup-blocker-modal .modal.fill-out-profile-modal .fill-out-profile-modal__successful .disable-popup-blocker__btn-link,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-action,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-dark,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-default,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-demo,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-logout,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-outline,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-play,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-primary,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-primary-transparent,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-secondary,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-star,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-transparent,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .btn-transparent-bordered,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .copy-to-clipboard__button,
.modal.fill-out-profile-modal .fill-out-profile-modal__successful .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    width: 100%;
    margin: 10px 0 0
}

.modal.pwa-qr-modal .pwa-qr-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal.pwa-qr-modal .pwa-qr-modal-body__qr {
    margin-bottom: 7px
}

.modal.pwa-qr-modal .pwa-qr-modal-body__footer-text {
    font-size: 15px;
    line-height: 21px;
    color: #555;
    text-align: center
}

.modal.pwa-add-to-home-modal .modal__content {
    height: auto
}

.modal.pwa-add-to-home-modal .modal-content {
    padding: 16px 0;
    top: 0
}

.modal.pwa-add-to-home-modal .pwa-add-to-home-modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.modal.pwa-add-to-home-modal .pwa-add-to-home-modal-body__img {
    height: 60px;
    width: auto;
    margin-bottom: 20px;
    border-radius: 14px
}

.modal.pwa-add-to-home-modal .pwa-add-to-home-modal-body__title {
    margin-bottom: 20px;
    font-weight: 400;
    text-align: center;
    color: #000
}

.modal.pwa-add-to-home-modal .pwa-add-to-home-modal-body__desc {
    text-align: center;
    color: #555
}

.modal.pwa-add-to-home-modal .pwa-add-to-home-modal-body__text {
    margin-top: 40px;
    color: #555
}

.modal.pwa-add-to-home-modal .pwa-add-to-home-modal-body__pointer {
    position: fixed;
    bottom: 5%;
    left: 25%;
    height: 18%
}

@media(max-width:812px) {
    .modal.pwa-add-to-home-modal .modal-content {
        margin: 0 20px
    }
}

.modal.forgot-password-modal .modal__content {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2)
}

.modal.forgot-password-modal .modal-content {
    background: #262626;
    padding: 37px 0;
    height: 300px
}

.modal.forgot-password-modal .modal-content .modal-header__close:before {
    background: url(/static/media/close-gray.f6385b65.svg);
    background-position: 50%
}

.modal.forgot-password-modal .modal-body {
    margin: 0;
    padding: 0 21.5px
}

.modal.forgot-password-modal .modal-body .form__desc {
    margin-bottom: 10px;
    color: #000
}

.modal.disable-popup-blocker-modal .modal.forgot-password-modal .modal-body .disable-popup-blocker__btn-link,
.modal.forgot-password-modal .modal-body .btn-primary,
.modal.forgot-password-modal .modal-body .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    text-transform: unset
}

.modal.forgot-password-modal .modal-body .form__title {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

.modal.forgot-password-modal .modal-body .form__desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff
}

@media(max-width:812px) {
    .modal.forgot-password-modal .modal__content {
        height: auto;
        width: 300px
    }
}

@media(max-width:320px) {
    .modal.forgot-password-modal .modal__content {
        width: 100%
    }
}

.modal.forgot-password-modal .forgot-password-modal__successful-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center
}

.modal.forgot-password-modal .forgot-password-modal__successful-content {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    max-width: 235px
}

.modal.forgot-password-modal .forgot-password-modal__successful-subcontent {
    display: none
}

.modal.disable-popup-blocker-modal .modal.forgot-password-modal .forgot-password-modal__successful .disable-popup-blocker__btn-link,
.modal.forgot-password-modal .forgot-password-modal__successful .btn-primary,
.modal.forgot-password-modal .forgot-password-modal__successful .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    width: 100%
}

.modal.change-password-modal .modal-body {
    margin: 0
}

.modal.after-login-modal .modal__content {
    overflow: unset
}

@media(max-width:812px) {
    .modal.after-login-modal .modal__content {
        height: auto;
        width: calc(100% - 20px)
    }
}

.modal.after-login-modal .modal-body {
    margin: 0
}

.modal.after-login-modal .user-after-login-container {
    max-width: 650px;
    margin: auto
}

.modal.after-login-modal .user-after-login-container .user-welcome {
    position: relative;
    min-height: 108px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/static/media/user-after-login-bg.61760394.png);
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #fff
}

.modal.after-login-modal .user-after-login-container .user-welcome__username {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 5px
}

@media(max-width:812px) {
    .modal.after-login-modal .user-after-login-container .user-welcome {
        min-height: 68px;
        background-size: cover;
        background-position: 50%;
        border-radius: 17px;
        background-image: url(/static/media/user-after-login-bg-small.4452e523.png)
    }

    .modal.after-login-modal .user-after-login-container .user-welcome__username {
        font-size: .9em
    }

    .modal.after-login-modal .user-after-login-container .user-welcome__welcome-back {
        font-size: .8em
    }
}

.modal.after-login-modal .user-after-login-container .go-play-games,
.modal.after-login-modal .user-after-login-container .user-current-progress {
    background: linear-gradient(0deg, #343b4f, #343b4f), linear-gradient(136.18deg, #292f41 28.25%, #464f66 98.65%);
    border-radius: 17px;
    margin-top: 20px
}

.modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info {
    display: flex;
    padding: 15px
}

.modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .account-progress-info__container {
    width: 350px
}

.modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .account-progress-info__container .progress-bar--user-level {
    width: inherit
}

@media(max-width:812px) {
    .modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .account-progress-info__container {
        display: none
    }
}

.modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance {
    padding: 0 0 0 15px;
    margin: 10px 0 10px 15px;
    flex-grow: 2;
    color: #b9c5e1;
    border-left: 1px solid #9d9d9d
}

.modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance__label {
    text-align: center;
    display: block
}

@media(max-width:812px) {
    .modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance__label {
        text-align: left
    }
}

.modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance__value {
    display: block;
    text-align: center;
    font-weight: 700;
    margin: 5px 0 20px;
    font-size: 24px;
    color: #f8ff13
}

.modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance .btn-action {
    width: 100%
}

@media(max-width:812px) {
    .modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-left: unset;
        margin: 0;
        padding: 0
    }

    .modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance__block {
        display: inline-block
    }

    .modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance__block .total-balance__value {
        margin: 5px 0 0;
        font-size: 20px
    }
}

@media(max-width:812px)and (max-width:360px) {
    .modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance__block .total-balance__value {
        max-width: 160px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }
}

@media(max-width:812px) {
    .modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance__block .total-balance__label {
        font-size: 13px
    }
}

@media(max-width:812px) {
    .modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance .btn-action {
        display: inline-block;
        width: auto;
        float: right
    }

    .modal.after-login-modal .user-after-login-container .user-current-progress .account-progress-info .total-balance .btn-action .btn__label {
        font-weight: 700
    }
}

.modal.after-login-modal .user-after-login-container .go-play-games .recently-played__block-title,
.modal.after-login-modal .user-after-login-container .go-play-games .recommends__block-title {
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

@media(max-width:812px) {

    .modal.after-login-modal .user-after-login-container .go-play-games .recently-played__block-title,
    .modal.after-login-modal .user-after-login-container .go-play-games .recommends__block-title {
        font-size: 15px
    }
}

.modal.after-login-modal .user-after-login-container .go-play-games .recently-played__block-title:before,
.modal.after-login-modal .user-after-login-container .go-play-games .recommends__block-title:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    position: relative
}

.modal.after-login-modal .user-after-login-container .go-play-games__recently-played,
.modal.after-login-modal .user-after-login-container .go-play-games__recommends {
    margin: 16px 16px 0;
    display: inline-block;
    width: calc(100% - 32px)
}

.modal.after-login-modal .user-after-login-container .go-play-games__recently-played .slider__recently-played,
.modal.after-login-modal .user-after-login-container .go-play-games__recently-played .slider__recommends,
.modal.after-login-modal .user-after-login-container .go-play-games__recommends .slider__recently-played,
.modal.after-login-modal .user-after-login-container .go-play-games__recommends .slider__recommends {
    justify-content: space-between
}

.modal.after-login-modal .user-after-login-container .go-play-games__recently-played .custom-slider-container,
.modal.after-login-modal .user-after-login-container .go-play-games__recommends .custom-slider-container {
    margin-top: 15px;
    width: calc(100% + 11px)
}

.modal.after-login-modal .user-after-login-container .go-play-games__recently-played .custom-slider-container .slick-slide,
.modal.after-login-modal .user-after-login-container .go-play-games__recommends .custom-slider-container .slick-slide {
    padding-right: 11px
}

.modal.after-login-modal .user-after-login-container .go-play-games .recently-played__block-title:before {
    top: 7px;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    background: url(/static/media/clock.07672e4a.svg) no-repeat
}

.modal.after-login-modal .user-after-login-container .go-play-games .recommends__block-title:before {
    top: 6px;
    background: url(/static/media/fire.b14762bf.svg) no-repeat
}

.modal.after-login-modal .user-after-login-container .go-play-games .btn-link-block {
    width: 100%;
    display: inline-block
}

.modal.after-login-modal .user-after-login-container .go-play-games .btn-link-block .btn-action {
    display: block;
    margin: 14px auto 24px
}

@media(max-width:812px) {
    .modal-header__close {
        position: absolute;
        top: 6px;
        right: 6px
    }

    .modal-header__close-sign-up-modal {
        position: fixed;
        top: 11px;
        right: 11px
    }

    .modal-header__close-sign-up-modal:before {
        background: url(/static/media/close-white.1f7f25d9.svg) no-repeat
    }
}

.modal.deposit-modal .modal-content {
    padding-top: 0
}

.modal.deposit-modal .modal-header {
    padding: 10px 20px;
    background-color: #121212
}

.modal.deposit-modal .modal-title {
    text-align: center
}

.modal.deposit-modal .modal__content {
    max-width: 804px;
    width: 100%;
    overflow: visible
}

@media(max-width:812px) {
    .modal.deposit-modal .modal-body {
        margin-top: 0;
        padding: 0 9px
    }

    .modal.deposit-modal .modal-content {
        padding-top: 0;
        overflow-y: auto
    }

    .modal.deposit-modal .modal-header {
        background: #121212;
        padding: 12px 17px
    }

    .modal.deposit-modal .modal-header__close {
        top: 12px;
        right: 12px
    }

    .modal.deposit-modal .modal-title {
        font-weight: 700;
        font-size: 16px;
        line-height: 24px
    }
}

.modal.deposit-modal .cashbox-panel {
    padding: 0
}

.modal.deposit-modal .cashbox-panel-header {
    margin-left: -9px;
    margin-right: -9px
}

.modal.deposit-modal .cashbox-panel-header__back,
.modal.deposit-modal .cashbox-panel-header__title {
    display: none
}

.modal.deposit-modal.new-cashier .modal-content {
    padding: 0;
    top: 0
}

@media(max-width:812px) {
    .modal.deposit-modal.new-cashier .modal-body {
        padding: 0
    }

    .modal.deposit-modal.new-cashier .modal-content {
        height: 100%
    }
}

.modal.promo-info-modal .modal-content {
    background: #262626
}

.modal.promo-info-modal .modal-header__close:before {
    background: url(/static/media/close-white.1f7f25d9.svg) no-repeat
}

.modal.sign-up-modal .modal__overlay::-webkit-scrollbar {
    display: none
}

.modal.sign-up-modal .modal__content {
    width: 657px;
    min-height: 502px;
    height: 532px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2)
}

.modal.sign-up-modal .modal__banner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.modal.sign-up-modal .modal__banner--bottom {
    display: none
}

.modal.sign-up-modal .modal-content {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    overflow: auto;
    width: 384px;
    background: #262626;
    padding-top: 40px
}

.modal.sign-up-modal .modal-content .modal-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #fff
}

.modal.sign-up-modal .modal-content .modal-header {
    padding: 0 32px
}

.modal.sign-up-modal .modal-content .modal-header__close {
    top: 40px;
    right: 28px
}

.modal.sign-up-modal .modal-content .modal-header__close:before {
    background: url(/static/media/close-white.1f7f25d9.svg) no-repeat
}

.modal.sign-up-modal .modal-content .modal-header .login-reg-tabs .modal-link:last-child {
    background: #262626
}

.modal.sign-up-modal .modal-content .modal-header .login-reg-tabs .modal-link:last-child svg {
    fill: #f8ff13
}

.modal.sign-up-modal .modal-body {
    margin-left: auto;
    margin-right: auto;
    max-width: 440px;
    width: 100%;
    padding: 0 32px;
    margin-top: 15px
}

.modal.sign-up-modal .modal-body .form.form--in-modal .term-cond {
    padding: 3px 0
}

.modal.sign-up-modal .modal-body .form.form--in-modal .term-cond__error {
    padding-left: 21px
}

.modal.disable-popup-blocker-modal .modal.sign-up-modal .modal-body .form.form--in-modal .disable-popup-blocker__btn-link,
.modal.sign-up-modal .modal-body .form.form--in-modal .btn-primary,
.modal.sign-up-modal .modal-body .form.form--in-modal .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    margin-top: 2px
}

.modal.sign-up-modal .modal-body .form.form--in-modal .text-link {
    font-size: 12px;
    color: #f8ff13
}

.modal.sign-up-modal .modal-body .form.form--in-modal .text-link:after {
    background: #f8ff13
}

.modal.sign-up-modal .modal-body .form.form--in-modal .download-link svg {
    margin-left: -3px;
    margin-right: -4px
}

.modal.sign-up-modal .modal-body .form.form--in-modal .download-link path {
    fill: #f8ff13
}

.modal.sign-up-modal .modal-body .custom-checkbox {
    display: flex
}

.modal.sign-up-modal .modal-body .custom-checkbox label {
    display: flex;
    align-items: center
}

.modal.sign-up-modal .modal-body .custom-checkbox label>span {
    margin-left: 10px
}

.modal.sign-up-modal .modal-body .custom-checkbox label:before {
    background: transparent;
    border-radius: 2px
}

.modal.sign-up-modal .modal-body .custom-checkbox input {
    top: auto
}

.modal.sign-up-modal .modal-body .custom-checkbox input:checked~label:before {
    background: #f8ff13;
    border-color: #f8ff13
}

.modal.sign-up-modal .modal-body .custom-checkbox input:checked:after,
.modal.sign-up-modal .modal-body .custom-checkbox input:checked:before {
    border-color: #262626
}

.modal.sign-up-modal .modal__banner {
    height: 100%
}

.modal.sign-up-modal .modal-footer {
    margin-top: 15px;
    margin-bottom: 15px
}

.modal.sign-up-modal .modal-footer .modal-link span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.modal.sign-up-modal .modal-footer .modal-link .text-link span {
    color: #f8ff13;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.modal.sign-up-modal .modal-footer .modal-link .text-link:after {
    background: #f8ff13
}

.modal.sign-up-modal .modal-after-footer {
    margin: 0;
    padding: 0
}

.modal.sign-up-modal .sign-up-modal-sponsors {
    margin-top: 8px
}

@media(max-width:812px) {
    .modal.sign-up-modal .modal__content {
        width: 100%;
        height: 100%;
        flex-direction: column;
        background: #262626
    }

    .modal.sign-up-modal .modal-content {
        width: 100%;
        padding-top: 0
    }

    .modal.sign-up-modal .modal-content .modal-header {
        padding: 36px 20px 0
    }

    .modal.sign-up-modal .modal-content .modal-header .modal-before-desc {
        margin-top: 15px
    }

    .modal.sign-up-modal .modal-content .modal-header .modal-before-desc img {
        position: inherit
    }

    .modal.sign-up-modal .modal__banner {
        display: none
    }

    .modal.sign-up-modal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
        flex-direction: column
    }

    .modal.sign-up-modal .modal-body .form.form--in-modal {
        margin-top: 15px
    }

    .modal.sign-up-modal .modal-body .fast-sign-up__text {
        padding: 0 13px;
        text-align: center
    }
}

.modal.promo-item-modal .modal-body,
.modal.promo-item-modal .modal-content,
.modal.promo-item-modal .modal-header {
    padding: 0;
    margin: 0;
    overflow: auto
}

.modal.promo-item-modal .modal-header__close:before {
    background-image: url(/static/media/close-light.02d49274.svg)
}

@media(max-width:812px) {
    .modal.promo-item-modal .modal-content {
        margin: 0 6px
    }
}

.complated-modal__payment-id {
    display: block;
    max-width: 200px;
    margin: 0 auto 10px
}

.complated-modal__description {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #ebebeb
}

.modal.ny2024 {
    font-family: "Termina"
}

.modal.ny2024 .modal__content {
    max-height: 629px;
    border-radius: 8px;
    width: 620px;
    overflow: hidden
}

.modal.ny2024 .modal-content {
    background: url(/static/media/bg-modal.d33c54cf.png), #151525;
    border-radius: 8px;
    padding: 40px
}

.modal.ny2024 .modal-content .modal-header__close {
    display: none
}

.modal.ny2024 .modal-body {
    margin: 0;
    padding: 0
}

.modal.ny2024 .modal-body .info-title {
    color: #00adf5;
    margin-top: 0;
    font-size: 36px;
    text-align: left
}

.modal.ny2024 .modal-body .info-block {
    margin: 24px auto;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    overflow-y: auto;
    max-height: 400px
}

.modal.ny2024 .modal-body .info-block::-webkit-scrollbar {
    display: none
}

.modal.ny2024 .modal-body .info-block strong:first-child {
    color: #00adf5;
    font-size: 24px;
    font-weight: 400
}

.modal.ny2024 .modal-body .info-modal-body__close {
    background: transparent;
    outline: none;
    border: 2px solid #00adf5;
    color: #00adf5;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
    padding: 10px 32px;
    border-radius: 4px
}

.modal.ny2024 .modal__overlay {
    background-color: rgba(38, 38, 38, .35)
}

@media(max-width:812px) {
    .modal.ny2024 .modal__content {
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .modal.ny2024 .modal-content {
        top: inherit;
        height: 100%
    }

    .modal.ny2024 .modal-body .info-modal-body__close {
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .modal.ny2024 .modal-body .info-title {
        font-size: 24px
    }

    .modal.ny2024 .modal-body .info-block {
        font-size: 12px;
        line-height: 18px;
        max-height: 430px
    }
}

@media(max-width:480px) {
    .modal.ny2024 .modal-content {
        padding: 30px 15px
    }
}

@media(max-width:320px) {
    .modal.ny2024 .modal__content {
        max-height: 550px
    }

    .modal.ny2024 .modal-body .info-title {
        white-space: nowrap
    }

    .modal.ny2024 .modal-body .info-block {
        max-height: 366px
    }
}

.modal.euro2024 .modal {
    font-family: "ITC Avant Garde Gothic Pro, sans-serif"
}

.modal.euro2024 .modal__content {
    max-height: 520px;
    border-radius: 20px;
    width: 640px;
    overflow: hidden
}

.modal.euro2024 .modal-content {
    background: #143cda;
    border: 4px solid #216eff;
    border-radius: 20px;
    padding: 40px
}

.modal.euro2024 .modal-content .modal-header__close {
    display: none
}

.modal.euro2024 .modal-body {
    margin: 0;
    padding: 0
}

.modal.euro2024 .modal-body .info-title {
    margin-top: 0;
    color: #fff;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase
}

.modal.euro2024 .modal-body .info-block {
    margin: 24px auto;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    overflow-y: auto;
    max-height: 320px
}

.modal.euro2024 .modal-body .info-block::-webkit-scrollbar {
    display: none
}

.modal.euro2024 .modal-body .info-block strong:first-child {
    color: #00adf5;
    font-size: 24px;
    font-weight: 400
}

.modal.euro2024 .modal-body .info-modal-body__close {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin: 0 auto;
    padding: 4px 30px 0;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #216eff;
    border: 2px solid #216eff;
    border-radius: 5px;
    outline: none;
    cursor: pointer
}

.modal.euro2024 .modal__overlay {
    background-color: rgba(38, 38, 38, .35)
}

@media(max-width:812px) {
    .modal.euro2024 .modal__content {
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .modal.euro2024 .modal-content {
        top: inherit;
        height: 100%
    }

    .modal.euro2024 .modal-body .info-modal-body__close {
        min-height: 20px;
        padding: 2px 15px 0;
        font-size: 12px;
        font-weight: 400
    }

    .modal.euro2024 .modal-body .info-title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px 20px;
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        z-index: 1
    }

    .modal.euro2024 .modal-body .info-title:before {
        content: "";
        position: absolute;
        top: -50px;
        left: -50px;
        right: -50px;
        bottom: 0;
        background-color: #216eff;
        -webkit-transform: skewY(2deg);
        transform: skewY(2deg);
        z-index: -1
    }

    .modal.euro2024 .modal-body .info-block {
        margin-top: 60px;
        font-size: 12px;
        line-height: 18px;
        max-height: 350px
    }
}

@media(max-width:480px) {
    .modal.euro2024 .modal-content {
        padding: 30px 15px
    }
}

@media(max-width:320px) {
    .modal.euro2024 .modal__content {
        max-height: 550px
    }

    .modal.euro2024 .modal-body .info-title {
        white-space: nowrap
    }

    .modal.euro2024 .modal-body .info-block {
        max-height: 380px
    }
}

.modal.gt-tournament .modal {
    font-family: "ITC Avant Garde Gothic Pro, Neuzon, Termina, sans-serif"
}

.modal.gt-tournament .modal__content {
    max-height: 520px;
    border-radius: 0;
    width: 640px;
    overflow: hidden;
    -webkit-animation: slideInRight .5s forwards;
    animation: slideInRight .5s forwards
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.modal.gt-tournament .modal-content {
    background: #2d2b29;
    border: 2px solid #383633;
    border-radius: 0;
    padding: 40px
}

.modal.gt-tournament .modal-content .modal-header__close {
    display: none
}

.modal.gt-tournament .modal-body {
    margin: 0;
    padding: 0
}

.modal.gt-tournament .modal-body .info-title {
    font-family: "Neuzon";
    margin-top: 0;
    color: #fff;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase
}

.modal.gt-tournament .modal-body .info-block {
    font-family: "Termina";
    margin: 24px auto;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    overflow-y: auto;
    max-height: 320px
}

.modal.gt-tournament .modal-body .info-block::-webkit-scrollbar {
    display: none
}

.modal.gt-tournament .modal-body .info-block strong:first-child {
    font-size: 24px;
    font-weight: 400
}

.modal.gt-tournament .modal-body .info-modal-body__close {
    font-family: "Termina";
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    margin: 0 auto;
    padding: 10px 30px;
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    background: #424242;
    border: 2px solid #424242;
    border-radius: 0;
    outline: none;
    cursor: pointer;
    transition: all .3s ease
}

.modal.gt-tournament .modal-body .info-modal-body__close:hover {
    background: #383633;
    border: 2px solid #383633;
    color: #f8ff13
}

.modal.gt-tournament .modal__overlay {
    background-color: rgba(38, 38, 38, .35);
    overflow: hidden
}



.cFvQuP .sc-bqWxrE, .cFvQuP .sc-ksBlkl{
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out;
}


@media(max-width:812px) {
    .modal.gt-tournament .modal__content {
        width: 90%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .modal.gt-tournament .modal-content {
        top: inherit;
        height: 100%
    }

    .modal.gt-tournament .modal-body .info-modal-body__close {
        min-height: 26px;
        padding: 8px 16px;
        font-size: 14px;
        font-weight: 300
    }

    .modal.gt-tournament .modal-body .info-title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 10px 20px;
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        z-index: 1
    }

    .modal.gt-tournament .modal-body .info-block {
        margin-top: 60px;
        font-size: 12px;
        line-height: 18px;
        max-height: 350px
    }
}

@media(max-width:480px) {
    .modal.gt-tournament .modal-content {
        padding: 30px 15px
    }
}

@media(max-width:320px) {
    .modal.gt-tournament .modal__content {
        max-height: 550px
    }

    .modal.gt-tournament .modal-body .info-title {
        white-space: nowrap
    }

    .modal.gt-tournament .modal-body .info-block {
        max-height: 380px
    }
}

.modal.leaderboard-modal .modal__content {
    width: 100%;
    max-width: 840px;
    max-height: 640px;
    margin: 40px 0;
    color: #000
}

.modal.leaderboard-modal .modal__content::-webkit-scrollbar-thumb {
    background-color: #f8ff13
}

.modal.leaderboard-modal .modal__overlay {
    background-color: rgba(0, 0, 0, .75)
}

.modal.leaderboard-modal .modal-header__close {
    display: none
}

.modal.leaderboard-modal .modal-content {
    position: relative;
    background-color: #151525;
    overflow: hidden
}

.modal.leaderboard-modal .modal-content .info-modal-body {
    max-width: 600px;
    margin: 0 auto
}

.modal.leaderboard-modal .modal-content .info-modal-body__close {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0 auto 10px;
    font-family: "Druk Wide Bold", "Oliviar Sans Black Ex";
    font-weight: 500;
    font-size: 24px;
    line-height: 125%;
    text-align: center;
    text-decoration: underline;
    color: #f8ff13;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.modal.leaderboard-modal .modal-content .info-title {
    margin: 50px 0 22px;
    font-family: "Druk Wide Bold", "Oliviar Sans Black Ex";
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 125%;
    text-align: center;
    color: #fff
}

.modal.leaderboard-modal .modal-content .info-block {
    max-height: 380px;
    margin: 0 0 22px;
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    overflow: auto
}

.modal.leaderboard-modal .modal-content .info-block::-webkit-scrollbar {
    width: 0
}

@media(max-width:812px) {
    .modal.leaderboard-modal .modal-content .info-title {
        font-size: 21px
    }
}

.modal.disable-popup-blocker-modal .modal__content {
    max-width: 320px
}

.modal.disable-popup-blocker-modal .modal-body {
    margin-top: 0
}

.modal.disable-popup-blocker-modal .modal-content {
    padding-bottom: 20px
}

.modal.disable-popup-blocker-modal .disable-popup-blocker__hero {
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal.disable-popup-blocker-modal .disable-popup-blocker__hero-icon {
    margin-bottom: 20px
}

.modal.disable-popup-blocker-modal .disable-popup-blocker__hero-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #ebebeb
}

.modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    margin-top: 20px;
    text-decoration: none;
    padding: 10px 20px;
    width: 100%;
    font-weight: 700
}

.modal.welcome-back-modal .modal__content {
    width: 100%;
    max-width: 800px;
    margin: 32px 0
}

@media(max-width:812px) {
    .modal.welcome-back-modal .modal__content {
        padding: 0 12px
    }
}

.modal.welcome-back-modal .modal-body,
.modal.welcome-back-modal .modal-content {
    padding: 0;
    margin: 0;
    position: static
}

@media(max-width:812px) {

    .modal.welcome-back-modal .modal-body,
    .modal.welcome-back-modal .modal-content {
        position: relative
    }
}

.modal.welcome-back-modal .modal-header__close:before {
    background-image: url(/static/media/close-white.1f7f25d9.svg)
}

@media(max-width:812px) {
    .modal.welcome-back-modal .modal-header__close {
        top: 16px
    }
}

.modal.count-down-modal .modal__content {
    width: 100%;
    max-width: 400px
}

.modal.count-down-modal .modal-body,
.modal.count-down-modal .modal-content {
    padding: 0;
    margin: 0
}

.modal.email_verification-modal .modal-body {
    margin: 0
}

.modal.email_verification-modal .email_verification-modal__successful {
    margin-top: 20px
}

.modal.email_verification-modal .email_verification-modal__successful-title {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    text-align: center
}

.modal.email_verification-modal .email_verification-modal__successful-content {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    max-width: 235px
}

.modal.email_verification-modal .email_verification-modal__successful .btn-default {
    width: 100%
}

@media(max-width:812px) {
    .modal.verify-phone-welcome-modal .modal__overlay {
        overflow: visible;
        overflow: initial
    }
}

.modal.verify-phone-welcome-modal .modal__content {
    margin: 16px
}

@media(max-width:812px) {
    .modal.verify-phone-welcome-modal .modal__content {
        max-width: 400px;
        height: auto;
        padding: 0 15px
    }
}

.modal.verify-phone-welcome-modal .modal-content {
    padding: 20px 0 0;
    background: #f8ff13
}

.modal.verify-phone-welcome-modal .modal-content .modal-title {
    text-align: center
}

.modal.verify-phone-welcome-modal .modal-content .modal-header__close {
    z-index: 2
}

.modal.verify-phone-welcome-modal .modal-content .form__content {
    width: 100%;
    padding: 20px;
    text-align: center;
    color: #262626;
    font-size: 14px;
    line-height: 20px
}

.modal.verify-phone-welcome-modal .modal-content .form--in-modal {
    grid-row-gap: 0
}

.modal.disable-popup-blocker-modal .modal.verify-phone-welcome-modal .modal-content .form--in-modal .disable-popup-blocker__btn-link,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-action,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-dark,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-default,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-demo,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-logout,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-outline,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-play,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-primary,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-primary-transparent,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-secondary,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-star,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-transparent,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-transparent-bordered,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .copy-to-clipboard__button,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    width: 100%;
    margin-top: 20px
}

.modal.disable-popup-blocker-modal .modal.verify-phone-welcome-modal .modal-content .form--in-modal .disable-popup-blocker__btn-link,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-primary,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    background: #00984a;
    border-color: #fff;
    border-radius: 4px;
    color: #fff
}

.modal.disable-popup-blocker-modal .modal.verify-phone-welcome-modal .modal-content .form--in-modal .disable-popup-blocker__btn-link .btn__label,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .btn-primary .btn__label,
.modal.verify-phone-welcome-modal .modal-content .form--in-modal .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link .btn__label {
    font-weight: 700
}

.modal.verify-phone-welcome-modal .modal-body {
    margin: 0;
    padding: 0;
    background: #fff
}

.modal.verify-phone-welcome-modal .modal-body .verify-phone-welcome-modal__fs-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: 12px;
    border: 1px solid #000;
    border-radius: 50%;
    background: #f8ff13;
    font-weight: 700
}

.modal.verify-phone-welcome-modal .modal-body .verify-phone-welcome-modal__img-wrapper {
    width: 100%;
    background: #f8ff13;
    text-align: center;
    position: relative;
    z-index: 1
}

.modal.verify-phone-welcome-modal .modal-body .verify-phone-welcome-modal__img-wrapper .lottie-animation-box {
    width: 225px;
    height: 179px;
    margin: 0 auto;
    padding: 0 28px
}

.modal.verify-phone-welcome-modal .modal-body .verify-phone-welcome-modal__btn-wrapper {
    display: flex;
    width: 100%
}

.modal.verify-phone-welcome-modal .modal-body .verify-phone-welcome-modal__btn-wrapper .btn-default {
    margin-right: 12px
}

.modal.verify-google-modal .modal__content {
    width: 343px
}

.modal.verify-google-modal .modal-content {
    padding: 15px 0 10px
}

.modal.verify-google-modal .modal-content .verify-google-modal__step {
    margin-bottom: 16px;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.modal.verify-google-modal .modal-content .verify-google-modal__step-text {
    display: flex;
    align-items: center
}

.modal.verify-google-modal .modal-content .verify-google-modal__step-number {
    margin-right: 16px;
    padding: 1px 7px;
    background: #555;
    border-radius: 18px;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.modal.verify-google-modal .modal-content .verify-google-modal__step-hint {
    color: #ebebeb
}

.modal.verify-google-modal .modal-content .verify-google-modal__step-subhint {
    text-align: center
}

.modal.verify-google-modal .modal-content .verify-google-modal__step-subhint .subhint-text {
    margin-bottom: 8px
}

.modal.verify-google-modal .modal-content .verify-google-modal__step-subhint .subhint-code {
    font-weight: 700
}

.modal.verify-google-modal .modal-content .verify-google-modal__step-subhint .subhint-copy {
    margin-top: 5px
}

.modal.verify-google-modal .modal-content .verify-google-modal__step-content {
    display: flex;
    align-items: center
}

.modal.verify-google-modal .modal-content .verify-google-modal__step-content svg {
    width: 158px;
    height: 158px;
    margin: 5px 8px -8px -6px
}

.modal.disable-popup-blocker-modal .modal.verify-google-modal .modal-content .verify-google-modal .disable-popup-blocker__btn-link,
.modal.verify-google-modal .modal-content .verify-google-modal .btn-primary,
.modal.verify-google-modal .modal-content .verify-google-modal .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    width: 100%
}

.modal.verify-google-modal .modal-body {
    margin: 10px 0
}

.modal.pay-and-play-modal .modal__content {
    width: 100%;
    max-width: 400px
}

.modal.pay-and-play-modal .modal-body,
.modal.pay-and-play-modal .modal-content {
    padding: 0
}

.modal.pay-and-play-modal .pay-and-play {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 36px 20px 20px
}

.modal.pay-and-play-modal .pay-and-play__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #000
}

.modal.pay-and-play-modal .pay-and-play__desc {
    margin-top: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #555
}

.modal.pay-and-play-modal .pay-and-play__img {
    margin: 36px 0
}

.modal.pay-and-play-modal .pay-and-play__btn {
    width: 100%
}

.modal.pay-and-play-modal .pay-and-play__text {
    margin-top: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #555
}

.modal.pay-and-play-modal .pay-and-play__text a {
    color: #555;
    text-decoration: underline
}

.modal.fast-sign-up-modal .modal__overlay::-webkit-scrollbar {
    display: none
}

.modal.fast-sign-up-modal .modal__content {
    width: 657px;
    min-height: 502px;
    height: 532px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .2)
}

.modal.fast-sign-up-modal .modal__banner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.modal.fast-sign-up-modal .modal__banner--bottom {
    display: none
}

.modal.fast-sign-up-modal .modal-content {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 384px;
    background: #262626;
    padding-top: 40px
}

.modal.fast-sign-up-modal .modal-content .modal-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #fff
}

.modal.fast-sign-up-modal .modal-content .modal-header {
    padding: 0 32px
}

.modal.fast-sign-up-modal .modal-content .modal-header__close {
    top: 40px;
    right: 28px
}

.modal.fast-sign-up-modal .modal-content .modal-header__close:before {
    background: url(/static/media/close-white.1f7f25d9.svg) no-repeat
}

.modal.fast-sign-up-modal .modal-content .modal-header .login-reg-tabs .modal-link:first-child {
    background: #262626
}

.modal.fast-sign-up-modal .modal-content .modal-header .login-reg-tabs .modal-link:first-child svg {
    stroke: #f8ff13
}

.modal.fast-sign-up-modal .modal-body {
    margin-left: auto;
    margin-right: auto;
    max-width: 440px;
    width: 100%;
    padding: 0 32px;
    margin-top: 15px
}

.modal.fast-sign-up-modal .modal-body .fast-sign-up__desc {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    gap: 20px;
    padding: 0 30px
}

.modal.fast-sign-up-modal .modal-body .fast-sign-up__img {
    height: 44px
}

.modal.fast-sign-up-modal .modal-body .fast-sign-up__img img {
    height: 100%
}

.modal.fast-sign-up-modal .modal-body .fast-sign-up__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #ebebeb
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .term-cond {
    padding: 15px 0
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .term-cond__error {
    padding-left: 21px
}

.modal.disable-popup-blocker-modal .modal.fast-sign-up-modal .modal-body .form.form--in-modal .disable-popup-blocker__btn-link,
.modal.fast-sign-up-modal .modal-body .form.form--in-modal .btn-primary,
.modal.fast-sign-up-modal .modal-body .form.form--in-modal .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    margin-top: 2px
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .text-link {
    font-size: 12px;
    color: #f8ff13
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .text-link:after {
    background: #f8ff13
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .download-link svg {
    margin-left: -3px;
    margin-right: -4px
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .download-link path {
    fill: #f8ff13
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .custom-checkbox {
    display: flex
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .custom-checkbox label {
    display: flex;
    align-items: center;
    margin-right: 2px
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .custom-checkbox label>span {
    margin-left: 10px
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .custom-checkbox label:before {
    background: transparent;
    border-radius: 2px
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .custom-checkbox input {
    top: auto
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .custom-checkbox input:checked~label:before {
    background: #f8ff13;
    border-color: #f8ff13
}

.modal.fast-sign-up-modal .modal-body .form.form--in-modal .custom-checkbox input:checked:after,
.modal.fast-sign-up-modal .modal-body .form.form--in-modal .custom-checkbox input:checked:before {
    border-color: #262626
}

.modal.fast-sign-up-modal .modal__banner {
    height: 100%
}

.modal.fast-sign-up-modal .modal-footer {
    margin-top: 15px;
    margin-bottom: 15px
}

.modal.fast-sign-up-modal .modal-footer .modal-link span {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.modal.fast-sign-up-modal .modal-footer .modal-link .text-link span {
    color: #f8ff13;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.modal.fast-sign-up-modal .modal-footer .modal-link .text-link:after {
    background: #f8ff13
}

.modal.fast-sign-up-modal .modal-after-footer {
    margin: 0;
    padding: 0
}

.modal.fast-sign-up-modal .sign-up-modal-sponsors {
    margin-top: 8px
}

@media(max-width:812px) {
    .modal.fast-sign-up-modal .modal__content {
        width: 100%;
        height: 100%;
        flex-direction: column;
        background: #262626
    }

    .modal.fast-sign-up-modal .modal-content {
        width: 100%;
        padding-top: 0
    }

    .modal.fast-sign-up-modal .modal-content .modal-header {
        padding: 36px 20px 0
    }

    .modal.fast-sign-up-modal .modal-content .modal-header .modal-before-desc {
        margin-top: 15px
    }

    .modal.fast-sign-up-modal .modal-content .modal-header .modal-before-desc img {
        position: inherit
    }

    .modal.fast-sign-up-modal .modal__banner {
        display: none
    }

    .modal.fast-sign-up-modal .modal-body {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%
    }

    .modal.fast-sign-up-modal .modal-body .fast-sign-up__img {
        display: none
    }

    .modal.fast-sign-up-modal .modal-body .fast-sign-up__desc {
        flex-direction: column;
        padding: 0
    }

    .modal.fast-sign-up-modal .modal-body .fast-sign-up__desc .fast-sign-up__text {
        padding: 0 13px;
        text-align: center
    }
}

.modal.fill-out-email-modal .modal-desc {
    text-align: left
}

.modal.right-bottom-modal .modal__overlay {
    position: fixed;
    top: auto;
    background: transparent
}

@media(max-width:812px) {
    .modal.right-bottom-modal .modal__overlay {
        -webkit-animation: show-modal-mob 2.5s linear;
        animation: show-modal-mob 2.5s linear;
        bottom: 50px;
        margin: auto
    }
}

@media screen and (min-width:812px) {
    .modal.right-bottom-modal .modal__overlay {
        -webkit-animation: show-modal 2.5s linear;
        animation: show-modal 2.5s linear;
        bottom: 10px;
        right: 10px;
        left: auto
    }
}

.modal.right-bottom-modal .modal__content {
    width: 100%
}

.modal.right-bottom-modal .modal-content {
    padding: 20px 0;
    border: 1px solid #dfeaf0
}

.modal.right-bottom-modal .modal-body {
    margin: 0;
    padding: 0 20px
}

@-webkit-keyframes show-modal {
    0% {
        bottom: -100%
    }

    to {
        bottom: 10px
    }
}

@keyframes show-modal {
    0% {
        bottom: -100%
    }

    to {
        bottom: 10px
    }
}

@-webkit-keyframes show-modal-mob {
    0% {
        bottom: -100%
    }

    to {
        bottom: 50px
    }
}

@keyframes show-modal-mob {
    0% {
        bottom: -100%
    }

    to {
        bottom: 50px
    }
}

.modal.fill-profile-proposal .modal__content {
    max-width: 350px
}

.modal.search-modal .modal__overlay {
    overflow: visible;
    overflow: initial
}

.modal.search-modal .modal__content {
    width: 100%;
    max-width: 992px;
    overflow: visible;
    overflow: initial
}

.modal.search-modal .modal-content {
    padding: 0;
    background-color: #262626
}

@media(max-width:812px) {
    .modal.search-modal .modal-content {
        top: 0
    }
}

.modal.search-modal .modal-body {
    padding: 56px 0 0;
    margin: 0
}

.modal.search-modal .modal-header__close:before {
    background: url(/static/media/close-gray.f6385b65.svg) no-repeat;
    background-position: 50%
}

@media(max-width:812px) {
    .modal.search-modal .modal-header__close {
        top: 15px;
        right: 12px
    }
}

.modal.bonus-claim-proposal-modal .modal__overlay {
    z-index: 999998;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3)
}

.modal.bonus-claim-proposal-modal .modal-content {
    background-color: rgba(38, 38, 38, .85);
    border: unset;
    padding: unset
}

.modal.bonus-claim-proposal-modal .modal-header__close:before {
    background: url(/static/media/close-white.1f7f25d9.svg) no-repeat
}

.modal.bonus-claim-proposal-modal .modal-body {
    padding: unset
}

@media(max-width:812px) {
    .modal.bonus-claim-proposal-modal .modal__overlay {
        -webkit-animation: unset;
        animation: unset;
        background-color: rgba(38, 38, 38, .85);
        position: fixed;
        top: 0
    }

    .modal.bonus-claim-proposal-modal .modal-content {
        border: 1px solid #555;
        margin-left: 32px;
        margin-right: 32px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.bonus-claim-modal .modal-content,
.bonus-exchange-modal .modal-content,
.change-password-modal .modal-content,
.deposit-modal .modal-content,
.disable-popup-blocker-modal .modal-content,
.fill-out-email-modal .modal-content,
.notification-modal .modal-content,
.verify-google-modal .modal-content,
.verify-phone-modal .modal-content {
    background-color: #262626
}

.bonus-claim-modal .modal-header__close:before,
.bonus-exchange-modal .modal-header__close:before,
.change-password-modal .modal-header__close:before,
.deposit-modal .modal-header__close:before,
.disable-popup-blocker-modal .modal-header__close:before,
.fill-out-email-modal .modal-header__close:before,
.notification-modal .modal-header__close:before,
.verify-google-modal .modal-header__close:before,
.verify-phone-modal .modal-header__close:before {
    background: url(/static/media/close-white.1f7f25d9.svg) no-repeat
}

@media(max-width:812px) {
    .bonus-claim-modal .modal-content {
        margin-left: 32px;
        margin-right: 32px;
        top: 20%
    }
}

.bonus-exchange-modal .form--in-modal .form__content,
.bonus-exchange-modal .modal-desc,
.bonus-exchange-modal .modal-title,
.deposit-modal .form--in-modal .form__content,
.deposit-modal .modal-desc,
.deposit-modal .modal-title,
.fill-out-email-modal .form--in-modal .form__content,
.fill-out-email-modal .modal-desc,
.fill-out-email-modal .modal-title,
.verify-google-modal .form--in-modal .form__content,
.verify-google-modal .modal-desc,
.verify-google-modal .modal-title,
.verify-phone-modal .form--in-modal .form__content,
.verify-phone-modal .modal-desc,
.verify-phone-modal .modal-title {
    color: #ebebeb
}

.modal.ny25-tournament_modal .modal__content {
    border-radius: 20px;
    width: 580px;
    overflow: visible;
    -webkit-animation: slideInRight .6s forwards;
    animation: slideInRight .6s forwards
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.modal.ny25-tournament_modal .modal-content {
    position: relative;
    background: #1a1a1a;
    border: none;
    border-radius: 20px;
    padding: 22px 35px 32px
}

.modal.ny25-tournament_modal .modal-content .modal-header__close {
    top: 12px;
    right: 12px;
    border-radius: 50%;
    background: #f8ff13
}

.modal.ny25-tournament_modal .modal-content .modal-header__close:before {
    width: 14px;
    height: 14px
}

.modal.ny25-tournament_modal .modal-content:after,
.modal.ny25-tournament_modal .modal-content:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%
}

.modal.ny25-tournament_modal .modal-content:before {
    top: -57px;
    left: -66px;
    width: 215px;
    height: 158px;
    background: url(/static/media/shapes_triangle.4bf7993f.png) no-repeat;
    z-index: 1
}

.modal.ny25-tournament_modal .modal-content:after {
    bottom: -49px;
    right: -65px;
    width: 215px;
    height: 158px;
    background: url(/static/media/shapes_hexagon.b63c983d.png) no-repeat;
    z-index: 2
}

.modal.ny25-tournament_modal .modal-body {
    position: relative;
    margin: 0;
    padding: 0
}

.modal.ny25-tournament_modal .modal-body .info-title {
    position: relative;
    margin-top: 0;
    color: #fff;
    font-family: "Termina", sans-serif;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 1.3px;
    text-transform: uppercase;
    text-align: left;
    z-index: 15
}

.modal.ny25-tournament_modal .modal-body .info-block {
    position: relative;
    height: calc(100vh - 160px);
    max-height: 321px;
    font-family: "ChivoMono", sans-serif;
    margin: 17px auto 4px;
    padding-top: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    overflow-y: auto
}

.modal.ny25-tournament_modal .modal-body .info-block::-webkit-scrollbar {
    display: none
}

.modal.ny25-tournament_modal .modal-body .info-block strong:first-child {
    font-size: 24px;
    font-weight: 400
}

.modal.ny25-tournament_modal .modal-body .info-block:before {
    content: "";
    position: sticky;
    top: -10px;
    display: block;
    width: 100%;
    height: 16px;
    margin: -10px 0 -6px;
    background: linear-gradient(180deg, #1a1a1a, rgba(26, 26, 26, 0))
}

.modal.ny25-tournament_modal .modal-body .info-block:after {
    content: "";
    display: block;
    position: sticky;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 46px;
    margin-top: -12px;
    background: linear-gradient(0deg, #1a1a1a, rgba(26, 26, 26, 0));
    opacity: 0;
    transition: opacity .5s ease
}

.modal.ny25-tournament_modal .modal-body .info-block.has-shadow:after {
    opacity: 1
}

.modal.ny25-tournament_modal .modal-body .info-modal-body {
    position: relative
}

.modal.ny25-tournament_modal .modal-body .info-modal-body__close {
    display: none
}

.modal.ny25-tournament_modal .modal__overlay {
    background-color: rgba(0, 0, 0, .25);
    overflow: hidden
}

@media(max-width:812px) {
    .modal.ny25-tournament_modal .modal__content {
        display: flex;
        width: 100%;
        max-width: 345px;
        justify-content: center;
        align-items: center
    }

    .modal.ny25-tournament_modal .modal-content {
        top: 0;
        padding: 22px 20px 15px;
        border-radius: 10px
    }

    .modal.ny25-tournament_modal .modal-content .modal-header__close {
        display: none
    }

    .modal.ny25-tournament_modal .modal-content:after {
        z-index: 0
    }

    .modal.ny25-tournament_modal .modal-content:before {
        left: -76px
    }

    .modal.ny25-tournament_modal .modal-body .info-modal-body__close {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 118px;
        min-height: 43px;
        margin: 0 auto;
        padding: 8px 10px 6px;
        border: none;
        border-radius: 10px;
        background: #f8ff13;
        color: #1b1c1c;
        font-family: "ChivoMono", sans-serif;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.25;
        z-index: 2
    }

    .modal.ny25-tournament_modal .modal-body .info-title {
        width: 100%;
        padding: 10px 0 3px;
        color: #fff;
        font-size: 22px;
        text-align: center;
        letter-spacing: 3px
    }

    .modal.ny25-tournament_modal .modal-body .info-block {
        height: calc(100vh - 240px);
        max-height: 424px;
        margin: 0 auto 35px;
        padding-top: 9px;
        font-size: 14px;
        line-height: 1.5
    }

    .modal.ny25-tournament_modal .modal-body .info-block:before {
        top: -12px;
        height: 22px;
        margin: -15px 0 -7px
    }

    .modal.ny25-tournament_modal .modal-body .info-block:after {
        margin-top: -46px
    }

    .modal.ny25-tournament_modal .modal__overlay {
        padding: 15px
    }
}

.modal.ny25-tournament_modal_info .modal__content {
    width: 100%;
    max-width: 345px;
    border-radius: 10px
}

.modal.ny25-tournament_modal_info .modal-content {
    padding: 0
}

.promo-block__promo-section-title-wrap {
    margin: 28px 0 16px
}

.promo-block__promo-section-title {
    color: #000
}

.promo-block__promo-section-subtitle {
    color: #555;
    font-size: 16px;
    line-height: 24px
}

.promo-block__promo-top {
    margin: 0 -15px
}

.promo-block__promo-top .promo-item__background {
    height: 450px
}

.promo-block__promo-top .promo-item__content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center
}

.promo-block__promo-top .promo-item__teaser,
.promo-block__promo-top .promo-item__title {
    display: none
}

.promo-block__promo-top .promo-item:hover {
    -webkit-transform: none;
    transform: none
}

.promo-block__promo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, 434px);
    grid-gap: 16px;
    justify-content: center
}

@media screen and (min-width:813px) {
    .promo-block__nav-select {
        display: none
    }
}

@media(max-width:812px) {
    .promo-block__promo-top .promo-item__background {
        height: 276px
    }

    .promo-block__promo-grid {
        grid-template-columns: repeat(auto-fill, 300px);
        grid-row-gap: 20px
    }

    .promo-block__nav {
        margin-bottom: 11px;
        padding: 12px 30px 14px;
        background: #f5f5f5
    }

    .promo-block__nav .dropdown {
        margin-bottom: 0
    }

    .promo-block__nav .dropdown__control {
        height: 38px
    }

    .promo-block__nav .dropdown__control:after,
    .promo-block__nav .dropdown__control:before {
        height: 2px;
        background: #000
    }

    .promo-block__nav .dropdown__control--menu-is-open .dropdown__floating-placeholder {
        opacity: 1
    }

    .promo-block__nav .dropdown__control--menu-is-open .dropdown__dropdown-indicator:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .promo-block__nav .dropdown__dropdown-indicator:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border-color: #000 transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0;
        transition: all .25s ease-in
    }

    .promo-block__nav .dropdown__dropdown-indicator .dropdown-arrow {
        display: none
    }

    .promo-block__nav .dropdown__floating-placeholder {
        opacity: 0;
        transition: all .25s linear
    }

    .promo-block__nav .dropdown__option {
        text-transform: capitalize
    }

    .promo-block__nav-tabs {
        display: none
    }
}

@media(max-width:480px) {
    .promo-block__promo-section-title-wrap {
        padding: 0 0 0 12px
    }

    .promo-block__promo-section-title {
        font-size: 24px;
        line-height: 36px
    }

    .promo-block__promo-section-subtitle {
        font-size: 14px;
        line-height: 20px
    }
}

.game-slider__top-panel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px
}

.game-slider--recently-played {
    margin-top: 20px
}

.game-slider__control {
    margin-left: 10px
}

.game-slider__control .text-link {
    display: flex;
    align-items: center
}

.game-slider__control .text-link__label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #f8ff13
}

.game-slider__control .text-link:after {
    display: flex;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50%;
    background-image: url(/static/media/chevron-right.6bcb9f09.svg)
}

.game-slider__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.game-slider__desc {
    margin-top: 4px;
    font-size: 13px;
    line-height: 18px;
    color: #b9c5e1
}

.game-slider .slick-arrow.slick-prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.game-slider .slick-arrow.slick-next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.game-slider .slick-slide {
    width: 230px;
    padding-right: 3px
}

@media(max-width:480px) {
    .game-slider .slick-slide {
        width: 115px
    }
}

.game-slider .slick-slide>div:not(:last-child) {
    margin-bottom: 3px
}

.game-slider--big .slick-slide {
    width: 320px
}

@media(max-width:812px) {
    .game-slider--big .slick-slide {
        width: 260px
    }

    .game-slider:not(.game-slider--big) .game-card__jackpot-label {
        padding: 6px;
        font-size: 12px;
        line-height: 10px
    }
}

.recommended-games-slider {
    position: relative;
    padding-bottom: 20px
}

.recommended-games-slider:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #555
}

.recommended-games-slider:after {
    content: "";
    position: absolute;
    left: calc(50% - 15px);
    bottom: 0;
    right: 0;
    display: block;
    width: 30px;
    height: 7px;
    background-color: #262626;
    background-image: url(/static/media/recommended-slider-devider.5f600da4.svg);
    background-position: center .5px;
    background-size: auto 7px;
    background-repeat: no-repeat
}

.casino-sliders .recommended-games-slider:before {
    width: calc(100% - 13px)
}

.casino-sliders .recommended-games-slider:after,
.casino-sliders .recommended-games-slider:before {
    right: 13px
}

.sports-slider {
    display: flex;
    flex-direction: column
}

.sports-slider__header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px
}

.sports-slider__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.sports-slider__control {
    margin-left: 10px
}

.sports-slider__control .text-link {
    display: flex;
    align-items: center
}

.sports-slider__control .text-link__label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #f8ff13
}

.sports-slider__control .text-link:after {
    display: flex;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50%;
    background-image: url(/static/media/chevron-right.6bcb9f09.svg)
}

.sports-slider__list {
    display: flex
}

.sports-slider__list .slick-list,
.sports-slider__list .slick-slider {
    width: 100%
}

.sports-slider__list .slick-slide>div {
    width: 300px;
    margin-right: 3px
}

.sports-slider__list .slick-arrow.slick-prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sports-slider__list .slick-arrow.slick-next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.sports-slider__item {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 230px;
    text-decoration: none;
    background-color: #000;
    overflow: hidden;
    transition: background-color .3s ease-in
}

.sports-slider__item:hover {
    background-color: #f8ff13
}

.sports-slider__item-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in
}

.sports-slider__item:hover .sports-slider__item-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.sports-slider__item-title {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    padding: 16px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 35%, #000);
    z-index: 1
}

@media(max-width:812px) {
    .sports-slider__list .slick-slide>div {
        width: 260px
    }

    .sports-slider__item {
        height: 180px
    }
}

.promo-slider {
    display: flex;
    flex-direction: column;
    width: 100%
}

.promo-slider__header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px
}

.promo-slider__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.promo-slider__more {
    margin-left: 10px
}

.promo-slider__more .text-link {
    display: flex;
    align-items: center
}

.promo-slider__more .text-link__label {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #f8ff13
}

.promo-slider__more .text-link:after {
    display: flex;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50%;
    background-image: url(/static/media/chevron-right.6bcb9f09.svg)
}

.promo-slider__list {
    display: flex
}

.promo-slider__list .slick-list,
.promo-slider__list .slick-slider {
    width: 100%
}

.promo-slider__list .slick-slide>div {
    display: flex;
    width: 430px;
    height: 260px;
    margin-right: 3px
}

.promo-slider__list .slick-arrow.slick-prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.promo-slider__list .slick-arrow.slick-next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.promo-slider__list .banner {
    height: auto
}

.promo-slider__list .banner__title {
    font-size: 20px;
    line-height: 24px
}

.promo-slider__list .banner__text,
.promo-slider__list .banner__title {
    width: 100%;
    max-width: none;
    text-align: left
}

@media(max-width:812px) {
    .promo-slider .slick-slide>div {
        width: 300px;
        height: 180px
    }
}

.best-providers {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.best-providers__title {
    margin-bottom: 24px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #c4c4c4
}

.best-providers__list {
    display: flex;
    width: 100%
}

.best-providers__list .slick-list,
.best-providers__list .slick-slider {
    width: 100%
}

.best-providers__list .slick-track {
    display: flex;
    width: 100%
}

.best-providers__list .slick-slide {
    display: flex;
    flex-direction: column;
    width: 100%
}

.best-providers__list .slick-slide.slick-active:not(.slick-current) {
    margin-left: -1px
}

.best-providers__list .slick-slide>div {
    display: flex;
    width: 100%;
    height: auto
}

.best-providers__list .slick-slide>div:not(:last-child) {
    margin-bottom: -1px
}

.best-providers__list .slick-arrow.slick-prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.best-providers__list .slick-arrow.slick-next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.best-providers__item {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 80px;
    border: 1px solid #555
}

.best-providers__item:hover {
    border-color: #f8ff13;
    z-index: 1
}

@media(max-width:812px) {
    .best-providers__title {
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 24px;
        text-align: left
    }

    .best-providers__list .slick-list {
        overflow: visible
    }

    .best-providers__list .slick-slide {
        margin-right: -1px
    }

    .best-providers__list .slick-slide.slick-active:not(.slick-current) {
        margin-left: 0
    }
}

.reg-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px
}

.reg-section__label {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #c4c4c4
}

.reg-section__title {
    max-width: 390px;
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    text-align: center
}

.reg-section__body {
    width: 100%;
    max-width: 650px;
    display: flex;
    justify-content: center
}

.reg-section__form {
    max-width: 320px;
    width: 100%
}

.reg-section__form .custom-input__input-field:-webkit-autofill,
.reg-section__form .custom-input__input-field:-webkit-autofill:active,
.reg-section__form .custom-input__input-field:-webkit-autofill:focus,
.reg-section__form .custom-input__input-field:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 29px #262626 inset !important;
    -webkit-text-fill-color: #fff;
    border-radius: 0
}

.reg-section__form .term-cond .custom-checkbox input {
    top: auto
}

.reg-section__form .term-cond .custom-checkbox label {
    display: flex;
    align-items: center
}

.reg-section__form .term-cond .custom-checkbox label span {
    margin-left: 8px
}

.reg-section__form .custom-input__wrap .custom-input__placeholder-filled {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px)
}

.reg-section__form .custom-input__input-field:focus+.custom-input__placeholder,
.reg-section__form .custom-input__input-field:not(.empty)+.custom-input__placeholder {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
    line-height: 20px
}

.reg-section__form .custom-input__input-field:focus:not(.empty)+.custom-input__placeholder {
    color: #f8ff13
}

.reg-section__form .custom-input__placeholder {
    color: #c4c4c4
}

.reg-section__form .custom-input__input-field {
    color: #fff
}

.reg-section__form .custom-input__wrap--input-focused:before {
    background: #f8ff13
}

.reg-section__form .custom-input__container--has-error .custom-input__input-field {
    color: #e21a3d
}

.reg-section__form .custom-input__container--has-error .custom-input__wrap--input-focused:before {
    background: #e21a3d
}

.reg-section__form .text-link__label {
    color: #f8ff13
}

.reg-section__form .text-link:after {
    background-color: #f8ff13
}

.reg-section__form .download-link path {
    fill: #f8ff13
}

.reg-section__form .custom-checkbox input:checked~label:before {
    background: #9d9d9d;
    border-color: #9d9d9d
}

.reg-section__form .custom-checkbox input:checked:after,
.reg-section__form .custom-checkbox input:checked:before {
    border-color: #262626
}

@media(max-width:812px) {
    .reg-section {
        padding: 36px 0 0
    }

    .reg-section__label {
        margin-bottom: 8px
    }

    .reg-section__title {
        max-width: 280px;
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 28px
    }

    .reg-section__body {
        flex-direction: column
    }

    .reg-section__form {
        max-width: none
    }
}

.sidebar {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    overflow: hidden;
    z-index: 9999;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-delay: .5s
}

.sidebar.visible {
    width: 100%;
    transition-delay: 0s
}

.sidebar.visible .sidebar__overlay {
    display: inline-block
}

.sidebar.visible .sidebar__overlay.dimmed {
    background: #555;
    transition: background .5s;
    opacity: .4
}

.sidebar.visible .sidebar__content {
    -webkit-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    transition: .5s
}

.sidebar.sidebarRight .sidebar__content {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.sidebar__overlay {
    display: none;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background: transparent;
    z-index: -1
}

.sidebar__content,
.sidebar__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.sidebar__content {
    display: flex;
    overflow: auto;
    flex-direction: column;
    align-items: center;
    padding: 14px 16px 40px;
    background: #262626;
    color: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    box-sizing: border-box
}

.sidebar__content .close-sidebar {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 5px;
    z-index: 1;
    cursor: pointer;
    background-color: transparent;
    border: none
}

.sidebar__content .close-sidebar:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: url(/static/media/close-white.1f7f25d9.svg) no-repeat
}

.sidebar__content .close-sidebar:before:active,
.sidebar__content .close-sidebar:before:focus,
.sidebar__content .close-sidebar:before:hover {
    outline: none
}

.sidebar__content .navigation-links {
    width: 100%;
    list-style-type: none;
    margin-top: 25px;
    margin-bottom: 15px;
    width: calc(100% - 10px);
    padding: 0 15px 25px;
    border-bottom: 1px solid #555
}

.sidebar__content .navigation-links a {
    cursor: pointer;
    text-decoration: unset
}

.sidebar__content .navigation-links a .nav-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 18px;
    color: #fff
}

.sidebar__content .navigation-links a .nav-link__label {
    font-size: 14px;
    margin-left: 15px
}

.sidebar__content .sidebar-pwa-link {
    width: 100%;
    padding: 0 20px 20px;
    border-bottom: 1px solid #555
}

.sidebar__content .auth-section {
    width: 100%;
    padding-bottom: 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #4f586f
}

.modal.disable-popup-blocker-modal .sidebar__content .auth-section .disable-popup-blocker__btn-link,
.sidebar__content .auth-section .btn,
.sidebar__content .auth-section .btn-action,
.sidebar__content .auth-section .btn-dark,
.sidebar__content .auth-section .btn-default,
.sidebar__content .auth-section .btn-demo,
.sidebar__content .auth-section .btn-logout,
.sidebar__content .auth-section .btn-outline,
.sidebar__content .auth-section .btn-play,
.sidebar__content .auth-section .btn-primary,
.sidebar__content .auth-section .btn-primary-transparent,
.sidebar__content .auth-section .btn-secondary,
.sidebar__content .auth-section .btn-star,
.sidebar__content .auth-section .btn-transparent,
.sidebar__content .auth-section .btn-transparent-bordered,
.sidebar__content .auth-section .copy-to-clipboard__button,
.sidebar__content .auth-section .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    width: 100%;
    padding: 10px 0;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 700
}

.modal.disable-popup-blocker-modal .sidebar__content .auth-section .disable-popup-blocker__btn-link:first-child,
.sidebar__content .auth-section .btn-action:first-child,
.sidebar__content .auth-section .btn-dark:first-child,
.sidebar__content .auth-section .btn-default:first-child,
.sidebar__content .auth-section .btn-demo:first-child,
.sidebar__content .auth-section .btn-logout:first-child,
.sidebar__content .auth-section .btn-outline:first-child,
.sidebar__content .auth-section .btn-play:first-child,
.sidebar__content .auth-section .btn-primary-transparent:first-child,
.sidebar__content .auth-section .btn-primary:first-child,
.sidebar__content .auth-section .btn-secondary:first-child,
.sidebar__content .auth-section .btn-star:first-child,
.sidebar__content .auth-section .btn-transparent-bordered:first-child,
.sidebar__content .auth-section .btn-transparent:first-child,
.sidebar__content .auth-section .btn:first-child,
.sidebar__content .auth-section .copy-to-clipboard__button:first-child,
.sidebar__content .auth-section .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link:first-child {
    margin-top: 0
}

.sidebar__content .auth-section .btn__label {
    font-weight: 700
}

.sidebar__content .dropdown {
    width: 100%;
    background: transparent
}

.sidebar__content .dropdown div.dropdown__control,
.sidebar__content .dropdown div.dropdown__control:after,
.sidebar__content .dropdown div.dropdown__control:before {
    background: transparent
}

.sidebar__content .dropdown .dropdown__dropdown-indicator,
.sidebar__content .dropdown .dropdown__dropdown-indicator .dimmed {
    color: #b9c5e1
}

.sidebar__content .dropdown__single-value {
    font-size: 14px;
    color: #fff;
    margin-left: 20px
}

.sidebar__content .dropdown__single-value .dropdown__value-icon {
    height: 24px;
    width: 24px
}

.sidebar__content .dropdown div.dropdown__menu {
    width: calc(100% + 30px);
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
    border-radius: unset;
    position: relative;
    background-color: #000
}

.sidebar__content .dropdown div.dropdown__menu .dropdown__option {
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    background-color: #000;
    margin: 5px 0
}

.sidebar__content .dropdown div.dropdown__menu .dropdown__option--is-selected {
    background: transparent
}

.sidebar__content .sidebar-bottom-links {
    list-style-type: none;
    width: 100%;
    padding: 0 20px
}

.sidebar__content .sidebar-bottom-links a {
    text-decoration: unset
}

.sidebar__content .sidebar-bottom-links a .nav-link {
    font-size: 15px;
    margin-top: 18px;
    color: #b9c5e1
}

.sidebar__license-container {
    padding-top: 20px
}

.sidebar__license-content {
    font-weight: 400;
    font-size: 8px;
    line-height: 12px;
    color: #c4c4c4
}

.sidebar__license-title {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 9px
}

.sidebar__license {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px
}

.sidebar__license-wrap {
    margin-right: 15px;
    vertical-align: top;
    display: inline-block
}

@media(max-width:480px) {
    .sidebar__license {
        flex-direction: column;
        margin-bottom: 0
    }

    .sidebar__license-wrap {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0
    }

    .sidebar__license-title {
        display: none
    }
}

.casino-filter {
    position: relative
}

@media(max-width:812px) {
    .casino-filter__providers {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        -webkit-animation: show-providers-mobile .2s ease-in-out;
        animation: show-providers-mobile .2s ease-in-out;
        z-index: 999999
    }
}

@-webkit-keyframes show-providers-desktop {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes show-providers-desktop {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes show-providers-mobile {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes show-providers-mobile {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.casino-games__header {
    display: flex;
    align-items: center
}

.casino-games__back-button {
    margin-right: 18px
}

.casino-games__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

.casino-games__not-found {
    margin: 40px 0 80px
}

.casino-games__load-more {
    width: 250px;
    margin: 30px auto 0
}

.casino-games.casino-game-tag-games .casino-games__header {
    margin-bottom: 36px
}

.casino-games.casino-game-tag-games .casino-games__title {
    margin-bottom: 0;
    font-size: 24px;
    line-height: 27px;
    text-transform: capitalize
}

.amount-input {
    display: flex;
    flex-direction: column
}

.amount-input--top .button-group {
    order: 0;
    margin-bottom: 10px
}

.amount-input--bottom .button-group {
    order: 1;
    margin-top: 10px
}

.amount-input .custom-input__input-field {
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    font-weight: 600
}

.game-bar {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1108px;
    transition: -webkit-transform .4s cubic-bezier(0, .48, .65, 1);
    transition: transform .4s cubic-bezier(0, .48, .65, 1);
    transition: transform .4s cubic-bezier(0, .48, .65, 1), -webkit-transform .4s cubic-bezier(0, .48, .65, 1);
    -webkit-transform: translateY(calc(100% - 56px));
    transform: translateY(calc(100% - 56px))
}

.game-bar__header {
    display: flex;
    height: 56px
}

.game-bar--open {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.game-bar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    background-color: #000;
    border-radius: 4px 4px 0 0
}

.game-bar-header__tabs {
    margin: 0 auto 0 22px;
    padding: 0
}

.game-bar-header__search {
    position: relative;
    justify-self: flex-end
}

.game-bar-header__search:after {
    content: "";
    display: block;
    height: 28px;
    width: 1px;
    background: rgba(85, 85, 85, .6);
    position: absolute;
    right: -18px;
    top: 0;
    margin: 8px 0
}

.game-bar-header__search-result {
    position: absolute;
    top: -18px;
    left: calc(50% - 160px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.game-bar-body {
    padding: 20px;
    background: linear-gradient(136.18deg, #555 28.25%, #1b2020 98.65%);
    position: relative
}

.game-bar-body:after,
.game-bar-body:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 10%;
    background: linear-gradient(270deg, rgba(0, 0, 0, .84), transparent)
}

.game-bar-body:before {
    left: 0;
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0)
}

.game-bar-body:after {
    right: 0
}

.game-bar-body:hover .slick-next,
.game-bar-body:hover .slick-prev {
    z-index: 3;
    opacity: 1
}

.main-banners {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    overflow: hidden
}

.main-banners .slick-track {
    display: flex
}

.main-banners .slick-slide {
    width: 70vw;
    margin: 0 1px
}

.main-banners .slick-dots {
    bottom: 0
}

.main-banners .slick-dot {
    padding: 0 10px
}

.main-banners .slick-dot:before {
    width: 6px;
    height: 10px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: bottom;
    background-image: url(/static/media/slider-dot.4d6c4fa2.svg);
    border-radius: 0;
    border: none;
    opacity: 1
}

.main-banners .slick-active .slick-dot:before {
    background-color: transparent;
    background-image: url(/static/media/slider-dot-active.f7d33bf0.svg)
}

@media(max-width:812px) {
    .main-banners .slick-slide {
        width: 100%;
        margin: 0
    }

    .main-banners .slick-arrow.slick-next,
    .main-banners .slick-arrow.slick-prev {
        opacity: 0
    }
}

.main-categories {
    display: flex;
    flex-direction: column
}

.main-categories__title {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.main-categories__list {
    display: flex
}

.main-categories__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 12px;
    width: 100%;
    height: 115px;
    text-decoration: none;
    overflow: hidden;
    border-radius: 10px;
    background: url(/static/media/main-category-bg.dd1c54e3.png) #121212;
    transition: all .2s ease-in
}

.main-categories__item-gradient {
    background-image: url(/static/media/main-category-gradient.556b69bb.svg);
    height: 100%;
    position: absolute;
    width: 278px;
    right: 0
}

.main-categories__item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(180deg, rgba(18, 18, 18, 0) 0, rgba(18, 18, 18, .1) 7%, rgba(18, 18, 18, .9))
}

.main-categories__item:not(:last-child) {
    margin-right: 12px
}

.main-categories__item-img {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: auto 100%;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    z-index: 1
}

.main-categories__item-title {
    position: relative;
    font-weight: 700;
    font-size: 18px;
    margin-left: 20px;
    line-height: 36px;
    color: #fff;
    transition: all .2s ease-in;
    z-index: 2
}

@media screen and (min-width:812px) {
    .main-categories__item:hover {
        background: #f8ff13 url(/static/media/main-category-bg.dd1c54e3.png)
    }

    .main-categories__item:hover .main-categories__item-title {
        color: #1b1c1c
    }

    .main-categories__item:hover .main-categories__item-img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media(max-width:812px) {
    .main-categories__item {
        height: 120px;
        width: 100%;
        align-items: flex-end;
        min-width: 108px
    }

    .main-categories__item-gradient {
        top: 0;
        width: 100%;
        background-position-x: 25px;
        background-repeat: no-repeat;
        background-size: cover
    }

    .main-categories__item:after {
        z-index: 1
    }

    .main-categories__item:last-child {
        margin-right: 20px
    }

    .main-categories__item-title {
        margin-left: 0;
        font-size: 14px;
        line-height: 24px
    }

    .main-categories__list {
        overflow-x: auto
    }

    .main-categories__list::-webkit-scrollbar {
        display: none
    }
}

@media(max-width:480px) {
    .main-categories__item {
        background: url(data:image/png;base64,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);
        background-repeat: no-repeat;
        background-size: 100%;
        padding: 5px 10px
    }

    .main-categories__item-gradient {
        background-position-x: -15px
    }
}

.thematic-categories {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.thematic-categories__title {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

.thematic-categories__list {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: 160px;
    grid-gap: 3px
}

.thematic-categories__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.thematic-categories__item-icon {
    position: relative;
    margin-bottom: -48px;
    transition: all .1s ease-in
}

.thematic-categories__item:hover .thematic-categories__item-icon {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.thematic-categories__item-img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 70px
}

.thematic-categories__item-body {
    width: 100%;
    height: 108px;
    padding-top: 62px;
    background-color: rgba(85, 85, 85, .33);
    border-radius: 4px;
    transition: all .1s ease-in
}

.thematic-categories__item:hover .thematic-categories__item-body {
    background-color: #f8ff13;
    height: 116px
}

.thematic-categories__item-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    transition: color .1s ease-in
}

.thematic-categories__item:hover .thematic-categories__item-title {
    color: #000
}

@media(max-width:812px) {
    .thematic-categories__list {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto
    }

    .thematic-categories__list::-webkit-scrollbar {
        display: none
    }

    .thematic-categories__item {
        width: 148px;
        flex-shrink: 0
    }

    .thematic-categories__item-body {
        height: 80px;
        padding-top: 46px
    }

    .thematic-categories__item:hover .thematic-categories__item-body {
        height: 80px
    }

    .thematic-categories__item-icon,
    .thematic-categories__item-icon svg {
        width: 68px
    }

    .thematic-categories__item-img {
        height: 50px
    }
}

.cashbox-panel {
    display: grid;
    grid-template-columns: 350px minmax(0, 1fr);
    align-items: flex-start;
    height: calc(100% - 50px);
    padding: 15px;
    margin-top: 2px;
    background: #262626
}

.cashbox-panel__title {
    margin: 20px 0 10px;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    color: #1b1c1c
}

@media(max-width:812px) {
    .cashbox-panel {
        display: block;
        padding: 0;
        margin: 0
    }

    .cashbox-panel .cashbox-methods-list {
        margin: 0;
        padding: 16px 0
    }

    .cashbox-panel .cashbox-methods-list.new-cashier {
        padding: 0
    }

    .cashbox-panel .cashbox-methods-list__title {
        margin: 10px 15px 15px
    }
}

.cashbox-panel .custom-checkbox--no-bonus-v1 {
    margin-top: 10px
}

.cashbox-panel .custom-checkbox--no-bonus-v1 input~label {
    color: #1b1c1c;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.cashbox-panel .custom-checkbox--no-bonus-v1 input~label:before {
    border-radius: 10px
}

.cashbox-panel .custom-checkbox--no-bonus-v2 {
    margin-top: 10px
}

.cashbox-panel .custom-checkbox--no-bonus-v2 input~label {
    color: #ebebeb;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.cashbox-panel .custom-checkbox--no-bonus-v2 input~label:before {
    border-radius: 10px
}

@media(max-width:812px) {
    .user-profile--deposit-page .cashbox-panel {
        padding-top: 0
    }

    .cashbox-panel__title {
        display: none
    }
}

.cashbox-fields {
    padding: 20px 25px;
    border: 1px solid #767a85;
    border-radius: 17px;
    max-width: 524px;
    min-width: 280px;
    width: 100%;
    margin-bottom: 20px
}

@media(max-width:1024px) {
    .cashbox-fields {
        padding: 20px 15px
    }
}

.cashbox-fields__top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center
}

.cashbox-fields__top__back .text-link svg {
    width: 5px
}

.cashbox-fields__top__back.new-cashier .text-link {
    display: flex
}

.cashbox-fields__top__back.new-cashier .text-link svg {
    width: unset
}

.cashbox-fields__top__back.new-cashier .text-link__before-label {
    margin-right: 8px
}

.cashbox-fields__top__logo {
    justify-self: end;
    height: 40px
}

.cashbox-fields__top__logo img {
    height: 100%
}

.cashbox-fields__top__logo.new-cashier {
    height: unset
}

.cashbox-fields__top__logo.new-cashier img {
    height: auto;
    max-width: 90px
}

.cashbox-fields__step-btn {
    margin-top: 20px
}

.deposit-modal .cashbox-fields {
    margin: 0 auto
}

.cashbox-fields-wrap {
    padding: 20px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column-reverse
}

.cashbox-fields-wrap--v2 .cashbox-method-wrap .amount-input--top .button-group {
    order: 2;
    margin-top: 10px
}

.cashbox-fields-wrap--dep,
.cashbox-fields-wrap--wd {
    height: 100%;
    background: #262626
}

.cashbox-fields-wrap--dep .cashbox-fields,
.cashbox-fields-wrap--wd .cashbox-fields {
    width: 100%;
    max-width: unset;
    border: unset
}

@media(max-width:812px) {

    .cashbox-fields-wrap--dep .cashbox-fields,
    .cashbox-fields-wrap--wd .cashbox-fields {
        min-width: unset
    }
}

.cashbox-fields-wrap--dep .cashbox-fields__method-name,
.cashbox-fields-wrap--wd .cashbox-fields__method-name {
    color: #ebebeb;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
    margin-bottom: 40px
}

.cashbox-fields-wrap--dep .cashbox-fields__method-name.new-cashier,
.cashbox-fields-wrap--wd .cashbox-fields__method-name.new-cashier {
    text-align: left
}

.cashbox-fields-wrap--dep .cashbox-fields__top,
.cashbox-fields-wrap--wd .cashbox-fields__top {
    direction: rtl
}

.cashbox-fields-wrap--dep .cashbox-fields__top.new-cashier,
.cashbox-fields-wrap--wd .cashbox-fields__top.new-cashier {
    direction: unset
}

@media(max-width:374px) {

    .cashbox-fields-wrap--dep .cashbox-fields__top__logo,
    .cashbox-fields-wrap--wd .cashbox-fields__top__logo {
        height: 30px
    }

    .cashbox-fields-wrap--dep .cashbox-fields__top .text-link .text-link__label,
    .cashbox-fields-wrap--wd .cashbox-fields__top .text-link .text-link__label {
        font-size: 11px
    }
}

.cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap__header,
.cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap__header {
    display: none
}

.cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap__header-v2,
.cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap__header-v2 {
    display: block
}

.cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap .button-group .btn-default,
.cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap .button-group .btn-default {
    color: #ebebeb;
    background: #262626;
    border-color: #555
}

@media(max-width:812px) {

    .cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap .button-group .btn-default,
    .cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap .button-group .btn-default {
        padding: 10px 0
    }
}

.cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap .button-group .btn-default--selected,
.cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap .button-group .btn-default:hover,
.cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap .button-group .btn-default--selected,
.cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap .button-group .btn-default:hover {
    border-color: #ebebeb
}

.cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap .button-group .btn-default .btn__label,
.cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap .button-group .btn-default .btn__label {
    font-weight: 400;
    font-size: 15px
}

.cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap .button-group .btn-md,
.cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap .button-group .btn-md {
    padding: 12px 20px
}

.cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap .cashbox__enter-amount,
.cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap .cashbox__enter-amount {
    color: #ebebeb;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0 -10px
}

.cashbox-fields-wrap--dep .cashbox-fields .cashbox-method-wrap .cashbox__enter-amount-v2,
.cashbox-fields-wrap--wd .cashbox-fields .cashbox-method-wrap .cashbox__enter-amount-v2 {
    margin: 0 0 -10px
}

.cashbox-fields-wrap--dep .cashbox-fields .text-link__before-label svg,
.cashbox-fields-wrap--wd .cashbox-fields .text-link__before-label svg {
    display: none
}

.cashbox-fields-wrap--dep .cashbox-fields .text-link__label,
.cashbox-fields-wrap--wd .cashbox-fields .text-link__label {
    font-size: 14px;
    line-height: 20px;
    color: #ebebeb
}

.cashbox-fields-wrap--dep .cashbox-fields .text-link:after,
.cashbox-fields-wrap--wd .cashbox-fields .text-link:after {
    content: unset
}

.cashbox-fields-wrap--dep .cashbox-fields.new-cashier .text-link__before-label svg,
.cashbox-fields-wrap--wd .cashbox-fields.new-cashier .text-link__before-label svg {
    display: block
}

.cashbox-fields-wrap--wd {
    height: 100%;
    background-color: #262626;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media(max-width:480px) {
    .cashbox-fields-wrap--wd .cashbox-fields {
        order: 2;
        margin-bottom: 0
    }
}

@media screen and (min-width:813px) {
    .cashbox-fields-wrap--wd .cashbox-fields {
        padding: 20px 25px
    }
}

.cashbox-fields-wrap--wd .withdrawal-info {
    border: 1px solid #c4c4c4
}

.cashbox-fields-wrap--wd .withdrawal-info__sum,
.cashbox-fields-wrap--wd .withdrawal-info__title {
    color: #ebebeb
}

.cashbox-fields-wrap--wd .withdrawal-info__lowest {
    color: #9d9d9d
}

.cashbox-fields-wrap .cashbox-fields .cashbox-fields__top {
    direction: unset
}

@media(max-width:812px) {
    .cashbox-fields-wrap .cashbox-fields .cashbox-fields__top {
        border-bottom: 3px solid #ebebeb;
        margin: -35px -35px 15px;
        padding: 10px 30px
    }

    .cashbox-fields-wrap .cashbox-fields .cashbox-fields__top .text-link:before {
        display: inline-block;
        width: 15px;
        height: 15px;
        -webkit-transform: rotate(180deg) translateY(-2px);
        transform: rotate(180deg) translateY(-2px);
        content: url(/static/media/arrow-nav-right.58d7f9ae.svg)
    }

    .cashbox-fields-wrap .cashbox-fields .cashbox-fields__top .text-link:after {
        display: none
    }
}

.cashbox-fields-wrap .cashbox-fields__method-name {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin: 0;
    text-align: left
}

.cashbox-fields-wrap.cashbox-fields-wrap--dep .cashbox-fields__top__logo img,
.cashbox-fields-wrap.cashbox-fields-wrap--wd .cashbox-fields__top__logo img {
    object-fit: contain;
    max-width: 120px
}

.cashbox-fields-wrap.cashbox-fields-wrap--dep .cashbox-method-wrap .amount-input :first-child {
    order: 3
}

.cashbox-fields-wrap.cashbox-fields-wrap--dep .cashbox-method-wrap .amount-input :nth-child(2) {
    order: 1
}

.cashbox-fields-wrap.cashbox-fields-wrap--dep .cashbox-method-wrap .amount-input :nth-child(3) {
    order: 2
}

.cashbox-fields-wrap.cashbox-fields-wrap--dep .cashbox-method-wrap .amount-input .button-group {
    margin-top: 20px
}

.cashbox-fields-wrap.cashbox-fields-wrap--wd .cashbox-fields {
    padding: 20px
}

.cashbox-fields-wrap.cashbox-fields-wrap--wd .withdrawal-info {
    width: 100%;
    max-width: unset;
    margin: 0
}

.cashbox-fields-wrap.cashbox-fields-wrap--wd .cashbox-method-wrap .cashbox__enter-amount {
    margin: 0
}

.footerV2 {
    padding: 56px 20px 0;
    background-color: #292724
}

.footerV2__container {
    max-width: 940px;
    margin: 0 auto
}

.footerV2__menu-wrap {
    margin: 0 0 16px;
    columns: 145px 5;
    -webkit-columns: 5 145px;
    grid-column-gap: 22px;
    column-gap: 22px;
    -webkit-column-gap: 22px;
    -webkit-column-fill: balance;
    column-fill: balance
}

.footerV2__menu-wrap.without-pwa-links .footer-menu:last-child .footer-menu__list-item,
.footerV2__menu-wrap.without-pwa-links .footer-menu:last-child .footer-menu__title {
    display: none
}

.footerV2__mid-section {
    border-bottom: 1px solid #555
}

.footerV2__mid-section-icon-cont {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.footerV2__game-providers,
.footerV2__payment-providers {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.footerV2__game-providers:not(:last-child),
.footerV2__payment-providers:not(:last-child) {
    margin-bottom: 15px
}

.footerV2__game-providers img,
.footerV2__payment-providers img {
    max-height: 23px;
    margin-right: 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.footerV2__bottom-section {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 0
}

.footerV2__bottom-section.mobile {
    justify-content: center
}

.footerV2__bottom-section .dropdown {
    max-width: 200px
}

.footerV2__brand-ambassador {
    height: 92px;
    padding: 10px 15px 0;
    border-bottom: 1px solid #c4c4c4
}

.footerV2__uaf-ambassador {
    display: flex;
    align-items: center;
    height: 30px;
    margin-top: 5px
}

.footerV2__uaf-ambassador .provider-icon {
    display: flex;
    height: 30px;
    padding: 0;
    margin: 0 5px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .8
}

.footerV2__uaf-ambassador .provider-icon:nth-child(4) {
    height: 31px;
    margin-left: 0;
    margin-right: 0
}

.footerV2__uaf-ambassador .provider-icon:nth-child(5) {
    height: 25px
}

.footerV2__uaf-ambassador .provider-icon:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.footerV2__uaf-ambassador .provider-icon:nth-child(6) {
    height: 22px
}

.footerV2__uaf-ambassador .provider-icon img {
    height: 100%;
    width: auto
}

.footerV2 .dropdown {
    width: 150px;
    margin: 0
}

.footerV2 .dropdown .language-select .dropdown__menu {
    padding: 0;
    border: 1px solid #ebebeb
}

.footerV2 .dropdown .language-select .dropdown__menu .dropdown__option {
    padding: 0 16px;
    text-transform: capitalize
}

.footerV2 .dropdown .language-select .dropdown__menu .dropdown__selected-icon {
    display: none
}

.footerV2 .dropdown .language-select .dropdown__menu-list {
    padding: 0
}

.footerV2 .dropdown .language-select .dropdown__control {
    cursor: pointer
}

.footerV2 .dropdown .language-select .dropdown__control .dropdown__single-value {
    color: #fff
}

.footerV2 .dropdown .language-select .dropdown__control .dropdown__indicators {
    margin: 0
}

.footerV2 .dropdown .language-select .dropdown__control:after,
.footerV2 .dropdown .language-select .dropdown__control:before {
    display: none
}

@media(max-width:812px) {
    .footerV2__mid-section {
        border: none
    }

    .footerV2__mid-section__bottom-mobile {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .footerV2__uaf-ambassador {
        order: 2
    }
}

@media(max-width:480px) {
    .footerV2 {
        padding: 24px 15px 33px
    }

    .footerV2 .dropdown {
        margin: 0 auto
    }

    .footerV2 .dropdown .dropdown-container.language-select {
        margin: 10px 0 15px
    }

    .footerV2__menu-wrap {
        margin: 0 0 23px;
        grid-column-gap: 0;
        column-gap: 0;
        -webkit-column-gap: 0
    }

    .footerV2__menu-wrap .footer-menu:last-child ul li {
        display: block
    }

    .footerV2__mid-section__bottom-mobile {
        display: flex;
        justify-content: space-between
    }

    .footerV2__uaf-ambassador {
        padding: 0
    }

    .footerV2__bottom-section,
    .footerV2__game-providers,
    .footerV2__payment-providers {
        justify-content: center
    }

    .footerV2__bottom-logo {
        height: 82px
    }
}

.main-template--pwa-landing .footerV2 .footer-info,
.main-template--pwa-landing .footerV2__menu-wrap {
    display: none
}

.footerV2__adult-icon {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 24px
}

.footerV2__adult-icon.bottom {
    margin-top: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.footerV2__whizdom-logo {
    display: flex;
    justify-content: center;
    padding: 24px 0;
    border-bottom: 1px solid #555
}

.footerV2__whizdom-logo img {
    width: 240px
}

@media(max-width:812px) {
    .footerV2__whizdom-logo {
        border: none;
        padding: 0
    }

    .footerV2__whizdom-logo img {
        width: 200px
    }
}

.mobile-nav {
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 3px 0 calc(env(safe-area-inset-bottom) + 6px);
    background: rgba(38, 38, 38, .94);
    box-shadow: 0 -.5px 0 hsla(0, 0%, 100%, .16);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    z-index: 3
}

.mobile-nav.extend-padding {
    padding: 3px 0 20px
}

.mobile-nav__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.mobile-nav__link-icon {
    width: 28px;
    height: 28px;
    margin-bottom: 1px;
    transition: all .1s ease-in
}

.mobile-nav__link-icon--active {
    display: none
}

.mobile-nav__link.active .mobile-nav__link-icon--active {
    display: block
}

.mobile-nav__link.active .mobile-nav__link-icon--normal {
    display: none
}

.mobile-nav__link-title {
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #9d9d9d
}

.mobile-nav__link.active .mobile-nav__link-title {
    color: #fff
}

.main-template {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100vh
}

.main-template__header {
    width: 100%
}

.main-template__mobile-nav {
    display: none
}

.main-template__container {
    width: 100%;
    min-height: 100%
}

.main-template__container .user-profile {
    display: flex;
    min-height: calc(100vh - 72px);
    background: #262626
}

.main-template__container .user-profile .user-info {
    display: block;
    height: inherit
}

.main-template__container .user-profile .user-info .dropdown-wrapper__dropdown-info {
    width: 530px;
    position: relative;
    -webkit-transform: translate(0);
    transform: translate(0);
    height: 100%;
    top: 0;
    right: unset;
    box-shadow: none;
    padding: 0
}

.main-template__container .user-profile .user-info .dropdown-wrapper__dropdown-info .account-info,
.main-template__container .user-profile .user-info .dropdown-wrapper__dropdown-info .navigation-block,
.main-template__container .user-profile .user-info .dropdown-wrapper__dropdown-info .navigation-block__links {
    float: unset;
    width: 100%;
    padding: 0
}

.main-template__container .user-profile .user-info .dropdown-wrapper__dropdown-info .nav-bar.navigation-block__links {
    border-left: unset;
    padding-top: 10px;
    border-top: 1px solid #485167
}

.main-template__container .user-profile .user-navigation-mobile {
    display: none
}

.main-template__container .user-profile .user-navigation-mobile .nav-bar.navigation-block__links {
    background: #000;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex
}

.main-template__container .user-profile .user-navigation-mobile .nav-bar.navigation-block__links .nav-item {
    font-size: 14px;
    line-height: 20px;
    background: transparent;
    border: 1px solid #c4c4c4;
    color: #c4c4c4;
    border-radius: 4px;
    padding: 10px 20px;
    margin: 5px
}

.main-template__container .user-profile .user-navigation-mobile .nav-bar.navigation-block__links .nav-item svg:first-child {
    margin-right: 10px
}

.main-template__container .user-profile .user-navigation-mobile .nav-bar.navigation-block__links .nav-item svg:last-child {
    display: none
}

.main-template__container .user-profile .user-navigation-mobile .nav-bar.navigation-block__links .nav-item--link_active {
    background: transparent;
    position: relative;
    border-color: #f8ff13
}

.main-template__container .user-profile .user-navigation-mobile .nav-bar.navigation-block__links::-webkit-scrollbar {
    height: 0
}

.main-template__container .user-profile .user-navigation-mobile .navigation-block {
    position: relative
}

.main-template__container .user-profile .user-tabs {
    margin: 20px 20px 0;
    border-radius: 0;
    width: 100%;
    height: inherit
}

.main-template__container .user-profile .user-tabs .tab-title {
    color: #fff;
    font-weight: 700;
    font-size: 24px
}

.main-template__container .user-profile .user-tabs .notification-block__wrap {
    padding: 20px 0;
    height: calc(100% - 48px)
}

.main-template__container .user-profile .user-tabs .notification-block__wrap .text-link {
    color: #ebebeb
}

.main-template__container .user-profile .user-tabs .notification-block__title {
    color: #fff
}

.main-template__container .user-profile .user-tabs .notification-block__text {
    color: #ebebeb
}

@media(max-width:1024px) {
    .main-template__container .user-profile {
        margin-left: 0
    }
}

@media(max-width:812px) {
    .main-template__container .user-profile {
        display: block;
        margin: 0
    }

    .main-template__container .user-profile .user-info {
        display: none
    }

    .main-template__container .user-profile .user-tabs {
        margin: 0;
        padding: 0;
        border-radius: 0;
        background: #262626
    }

    .main-template__container .user-profile .user-tabs .tab-title {
        background: #f5f5f5;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        color: #000;
        padding: 12px 0;
        display: block;
        text-align: center
    }

    .main-template__container .user-profile .user-tabs .nav-bar.tabs-navigation {
        overflow-y: auto
    }

    .main-template__container .user-profile .user-tabs .nav-bar.tabs-navigation::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .main-template__container .user-profile .user-navigation-mobile {
        display: block
    }
}

.main-template--user {
    height: 100%;
    min-height: 100%
}

.main-template--betgames .main-template__container,
.main-template--casino .main-template__container,
.main-template--game .main-template__container,
.main-template--landing .main-template__container,
.main-template--leaderboard .main-template__container,
.main-template--poker .main-template__container,
.main-template--pwa-landing .main-template__container,
.main-template--sport .main-template__container {
    padding: 0
}

.main-template--info .main-template__container {
    padding: 0 15px;
    background-color: #fff
}

.main-template--fixed-header .main-template__header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999997
}

@media(max-width:1024px) {

    .main-template__container,
    .main-template__footer {
        padding: 0 0 50px
    }

    .main-template__mobile-nav {
        display: block
    }

    .main-template--user .main-template__container {
        min-height: auto
    }
}

.casino-page {
    overflow: hidden
}

.casino-page__body {
    margin: 20px 24px
}

.casino-page .casino-games {
    margin-bottom: 20px;
    margin-right: 14px
}

.casino-page .casino-games__title {
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #fff
}

@media(max-width:812px) {
    .casino-page {
        padding-top: 0;
        overflow: hidden
    }

    .casino-page__body {
        margin-left: 20px;
        padding-right: 20px
    }

    .casino-page__filter {
        margin-top: 0
    }

    .casino-page .casino__slider {
        min-height: 220px
    }

    .casino-page .casino__slider ul.slick-dots {
        bottom: 16px
    }
}

@media(max-width:480px) {
    .casino-page__body {
        margin-right: 13px;
        margin-left: 13px;
        padding-right: 0
    }

    .casino-page .slick-arrow {
        display: none
    }
}

.casino-slider {
    min-height: 280px
}

.casino-sliders__title {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #fff
}

.casino-sliders__slider {
    margin-bottom: 20px
}

@media(max-width:812px) {
    .casino-sliders {
        width: calc(100% + 20px)
    }

    .casino-sliders__scroll-container {
        margin: -24px 0 -24px -20px;
        padding: 24px 20px;
        overflow: scroll
    }

    .casino-sliders__scroll-container::-webkit-scrollbar {
        width: 0;
        height: 0;
        border-radius: 0
    }
}

@media(max-width:480px) {
    .casino-sliders {
        width: calc(100% + 13px)
    }

    .casino-sliders__scroll-container {
        margin: -24px 0 -24px -13px;
        padding: 24px 13px
    }
}

.game-page {
    display: flex;
    padding: 20px 20px 100px;
    width: 100%;
    height: calc(100vh - 72px);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.game-page__inner {
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%
}

.game-page__bar,
.game-page__inner {
    display: flex;
    justify-content: center
}

.game-page__bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

@media(max-width:812px) {
    .game-page {
        padding: 0;
        height: 100vh
    }
}

.game-page--mob {
    padding: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999
}

.game-page--mob .game-box {
    width: 100%
}

.game-page--mob .game-box__frame {
    height: 100%
}

.game-page--mob .game-box__frame .game-frame {
    padding: 0
}

.game-page--mob .game-header {
    justify-content: flex-end
}

.game-page--full-width {
    padding-bottom: 20px
}

.game-box {
    display: inline-flex;
    flex-direction: column;
    background-color: #000;
    border-radius: 4px;
    z-index: 1
}

.game-box__header {
    height: 48px;
    margin: 0 10px 0 0;
    border-radius: 4px 4px 0 0
}

.game-box__frame .game-frame {
    padding: 0 2px 2px
}

.game-box__frame .game-frame__iframe {
    border-radius: 0 0 2px 2px
}

.game-box__frame--not-logged {
    background: #262626;
    padding: 20px
}

.game-box__frame--not-logged .form {
    max-width: 300px;
    margin: auto
}

.game-box__frame--not-logged .modal-link {
    margin-top: 20px
}

.game-box__frame--not-logged .modal-link span {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.game-box__frame--not-logged .modal-link .text-link__label {
    font-size: 16px
}

.game-box__frame--not-logged .modal-link .text-link span {
    color: #f8ff13;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.game-box__frame--not-logged .modal-link .text-link:after {
    background: #f8ff13
}

@-webkit-keyframes show-game-mode-mobile {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes show-game-mode-mobile {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.game-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background: #000
}

.game-header__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.3;
    color: #c4c4c4;
    margin-left: 16px;
    font-family: "Roboto_Condensed", sans-serif
}

.game-header__mode {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.game-page--mob .game-header {
    padding: 6px
}

@media(max-width:812px) {
    .game-header__mode {
        width: 100%;
        position: fixed;
        top: 53px;
        left: 0;
        right: 24px;
        bottom: auto;
        -webkit-transform: none;
        transform: none;
        z-index: 1;
        -webkit-animation: show-game-mode-mobile .2s ease-in-out;
        animation: show-game-mode-mobile .2s ease-in-out;
        background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 35%, #000);
        border-radius: 0;
        height: 100%
    }
}

.game-controls {
    display: flex
}

.game-controls__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    order: 2
}

.game-controls__item--settings {
    order: 1
}

.game-controls__item--favorite {
    order: 1;
    margin-right: auto
}

.game-controls__deposit {
    order: 2
}

.game-frame {
    display: flex;
    position: relative
}

.game-frame__iframe {
    position: relative;
    border: none
}

.game-frame__iframe--mobile-landscape {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    z-index: 100
}

.game-time {
    margin: 0 30px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #c4c4c4;
    text-align: right
}

.info-title {
    margin-top: 80px;
    font-weight: 700;
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    color: #1b1c1c
}

.info-block {
    width: 100%;
    max-width: 880px;
    margin: 60px auto;
    color: #1b1c1c
}

.info-block h1,
.info-block h2,
.info-block h3,
.info-block h4 {
    font-weight: 700;
    text-align: center
}

.info-block h1,
.info-block h2 {
    margin: 40px 0 24px;
    font-size: 30px;
    line-height: 36px
}

.info-block ol li,
.info-block ul li {
    margin-bottom: 6px
}

.faq-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px
}

.faq-item:not(.active) {
    cursor: pointer
}

.faq-item.active {
    border-color: #1b1c1c
}

.faq-item__header {
    position: relative;
    padding-right: 44px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-transform: none
}

.faq-item__header:before {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(/static/media/collapse-plus.9a74a3c1.svg)
}

.faq-item__body {
    display: none
}

.faq-item.active .faq-item__header {
    margin-bottom: 12px;
    font-weight: 700
}

.faq-item.active .faq-item__header:before {
    background-image: url(/static/media/collapse-minus.2932725e.svg)
}

.faq-item.active .faq-item__body {
    display: block
}

.info-wrap {
    max-width: 1014px;
    margin: 0 auto;
    text-align: left
}

.info-wrap__title {
    margin: 30px 0;
    color: #fff;
    font-size: 24px;
    line-height: 29px;
    font-weight: 700;
    text-align: center
}

.info-wrap__paragraph {
    margin: 0 0 15px;
    color: #b9c5e1;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400
}

.info-wrap strong {
    display: inline;
    font-weight: 600
}

.info-wrap__list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left
}

.info-wrap__list li:not(:last-child) {
    margin-bottom: 20px
}

.promo-list-page__hero {
    margin-bottom: 16px
}

.promo-list-page__tabs {
    display: flex;
    justify-content: center;
    margin: 0 16px
}

.promo-list-page__tabs .tab-item {
    margin: 0 20px
}

.promo-list-page__select {
    display: none;
    margin: 0 16px
}

.promo-list-page__select .dropdown {
    width: 100%
}

.promo-list-page__select .dropdown__single-value {
    color: #fff
}

.promo-list-page__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    margin: 20px 16px
}

@media(max-width:1024px) {
    .promo-list-page__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:812px) {
    .promo-list-page__tabs {
        display: none
    }

    .promo-list-page__select {
        display: flex
    }

    .promo-list-page__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media(max-width:480px) {
    .promo-list-page__grid {
        grid-template-columns: repeat(1, 1fr)
    }
}

.promo-info-page {
    width: 100%;
    overflow: hidden
}

.promo-info-page__hero {
    margin-bottom: 16px
}

.promo-info-page__breadcrumbs {
    margin: 16px 24px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px
}

.promo-info-page__breadcrumbs a {
    color: #f8ff13;
    text-decoration: none
}

.promo-info-page__breadcrumbs span {
    color: #c4c4c4
}

.promo-info-page__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 24px
}

.promo-info-page__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: #fff
}

.promo-info-page__desc {
    margin-top: 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #c4c4c4
}

.promo-info-page__text {
    margin-top: 32px
}

.promo-info-page__btn {
    width: 100%;
    max-width: 300px;
    margin-top: 32px
}

.promo-info-page__slider {
    display: flex;
    width: calc(100% - 48px);
    margin: 40px 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(85, 85, 85, .5)
}

.promo-info-page__slider .slick-list {
    overflow: visible
}

.promo-info .promo-item {
    position: relative;
    justify-content: center;
    align-items: center;
    width: calc(100% + 30px);
    padding: 24px 20px;
    margin: 0 0 0 -15px;
    border-radius: 0
}

.promo-info .promo-item:hover .promo-item__overlay:after {
    display: none
}

.promo-info .promo-item:hover .promo-item__teaser {
    margin: 0;
    transition: none
}

.promo-info .promo-item__label {
    margin: 0 0 17px;
    font-size: 30px;
    line-height: 32px
}

.promo-info .promo-item__title {
    margin: 0 0 17px;
    max-width: 80%;
    text-align: center;
    font-size: 80px;
    line-height: 80px
}

.promo-info .promo-item__teaser {
    max-width: 80%;
    text-align: center;
    font-size: 24px;
    line-height: 30px
}

.promo-info .promo-item__overlay {
    z-index: -1
}

.promo-info .promo-item__overlay:after {
    display: none
}

.promo-info .promo-item__back-btn {
    position: absolute;
    top: 24px;
    left: 20px;
    padding: 0 0 0 30px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer
}

.promo-info .promo-item__back-btn:before {
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/static/media/arrow_back.4857a587.svg) no-repeat 50%
}

.promo-info__description {
    margin: 20px 0;
    display: flex
}

.promo-info__description-text {
    margin: 0 50px 0 0;
    flex-grow: 1
}

.promo-info__customer-support {
    flex-basis: 307px;
    flex-shrink: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.promo-info__customer-support-email,
.promo-info__customer-support-title {
    display: block;
    box-sizing: border-box;
    padding: 14px 20px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    border: 1px solid #f2f2f2
}

.promo-info__customer-support-email {
    font-weight: 400;
    text-transform: lowercase;
    border-top: none
}

@media(max-width:1024px) {
    .promo-info__customer-support {
        flex-basis: 230px
    }
}

@media(max-width:812px) {
    .promo-info .promo-item {
        padding: 10px 15px
    }

    .promo-info .promo-item__back-btn {
        top: 15px;
        left: 15px;
        font-size: 14px;
        padding: 0 0 0 27px
    }

    .promo-info .promo-item__back-btn:before {
        top: 5px;
        width: 14px;
        height: 14px
    }

    .promo-info .promo-item__label {
        margin: 0 0 16px;
        font-size: 24px;
        line-height: 28px
    }

    .promo-info .promo-item__title {
        margin: 0 0 6px;
        font-size: 50px;
        line-height: 60px
    }

    .promo-info .promo-item__teaser {
        font-size: 20px;
        line-height: 24px
    }

    .promo-info__description {
        margin: 10px 0;
        flex-direction: column
    }

    .promo-info__description-text {
        margin: 0
    }

    .promo-info__customer-support {
        margin: 20px 0 0;
        flex-basis: unset
    }
}

@media(max-width:480px) {
    .promo-info .promo-item__label {
        font-size: 14px;
        line-height: 24px
    }

    .promo-info .promo-item__title {
        font-size: 24px;
        line-height: 28px
    }

    .promo-info .promo-item__teaser {
        font-size: 14px;
        line-height: 20px
    }
}

@media(max-width:812px) {
    .bonuses-page .table .table-item__row {
        flex-direction: unset;
        display: grid;
        grid-gap: 20px;
        align-items: self-start;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-areas: "bonus bonus bonus bonus bonus bonus" "status status status status status status" "expire expire expire expire expire expire" "amount amount wagering_req wagering_req amount_wagered amount_wagered"
    }

    .bonuses-page .table .table-item__column:first-child {
        grid-area: bonus
    }

    .bonuses-page .table .table-item__column:nth-child(2) {
        grid-area: status
    }

    .bonuses-page .table .table-item__column:nth-child(3) {
        grid-area: expire
    }

    .bonuses-page .table .table-item__column:nth-child(4) {
        grid-area: amount
    }

    .bonuses-page .table .table-item__column:nth-child(5) {
        grid-area: wagering_req
    }

    .bonuses-page .table .table-item__column:nth-child(6) {
        grid-area: amount_wagered
    }
}

.history-page {
    display: flex;
    flex-direction: column;
    padding: 20px
}

.history-page__filter {
    margin-bottom: 16px
}

.history-page__loader {
    margin: 20px 0
}

.history-page__not-found {
    padding: 20px 0 10px;
    color: #9d9d9d;
    background: #262626;
    border-radius: 0 0 4px 4px
}

@media screen and (min-width:813px) {
    .history-page__not-found {
        border-bottom: 1px solid #9d9d9d;
        border-left: 1px solid #9d9d9d;
        border-right: 1px solid #9d9d9d
    }
}

@media(max-width:812px) {
    .history-page__not-found {
        background-color: transparent
    }
}

@media(max-width:480px) {
    .history-page {
        padding: 16px 16px 34px
    }
}

.transactions-page {
    padding: 0 20px;
    height: calc(100% - 48px);
    background-color: #262626
}

.transactions-page__section {
    margin-bottom: 26px
}

.transactions-page__title {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #fff;
    display: none
}

.transactions-page__pending-withdrawal-item {
    margin-bottom: 16px
}

.error-page {
    display: grid;
    height: 100vh;
    justify-items: center;
    grid-auto-rows: auto;
    align-content: center;
    z-index: 1;
    position: relative;
    color: #fff
}

@media(max-width:812px) {
    .error-page {
        justify-content: center;
        grid-template-columns: 80%;
        text-align: center
    }
}

.error-page__wrapper {
    background: #0e0e0e
}

.error-page__wrapper--maintenance {
    background: url(/static/media/bg-maintenance.c940906d.png) no-repeat top
}

.error-page__wrapper--country {
    background: url(/static/media/bg-country.c95980c5.png) no-repeat top;
    background-size: cover
}

.error-page__wrapper--country .error-page__content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 420px
}

.error-page__wrapper--country .error-page__status__contact,
.error-page__wrapper--country .error-page__status__description {
    margin-bottom: 0
}

.error-page__content {
    text-align: center;
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%)
}

@media(max-width:320px) {
    .error-page__content {
        top: 90%;
        -webkit-transform: translateY(-90%);
        transform: translateY(-90%)
    }
}

.error-page__img {
    width: 100%;
    max-width: 629px;
    height: calc(100% - 50px);
    display: block;
    background-size: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 20px auto 0
}

@media(max-width:812px) {
    .error-page__img {
        background-size: 100%;
        margin: 10px auto 0
    }
}

.error-page__img--404 {
    background: url(/static/media/ufo.28c33ce5.png) no-repeat 50%;
    background-size: contain
}

@media screen and (max-height:940px) {
    .error-page__img--404:after {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(14, 14, 14, .4)
    }
}

@media(max-width:812px) {
    .error-page__img--404 {
        background: url(/static/media/ufo_mob.98526d5a.png) no-repeat 50%
    }
}

.error-page__img--maintenance {
    background: url(/static/media/maintenance.e4808871.png) no-repeat center 40%
}

@media(max-width:812px) {
    .error-page__img--maintenance {
        background: url(data:image/png;base64,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) no-repeat center 40%
    }
}

.error-page__link-to {
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 10px;
    font-family: "Roboto_Condensed", sans-serif;
    color: #fff
}

.error-page__link-to:hover {
    color: #f8ff13;
    text-decoration: underline
}

.error-page__status {
    font-size: 120px;
    font-weight: 800
}

@media(max-width:812px) {
    .error-page__status {
        font-size: 80px
    }
}

.error-page__status__text {
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 10px;
    font-family: "Roboto_Condensed", sans-serif
}

@media(max-width:812px) {
    .error-page__status__text {
        line-height: 29px
    }
}

.error-page__status__contact,
.error-page__status__description {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 30px;
    font-family: "Roboto_Condensed", sans-serif;
    color: #dfeaf0
}

.country-error-page,
.maintenance-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding: 50px;
    background: linear-gradient(136.18deg, #555 28.25%, #262626 98.65%);
    text-align: center
}

.country-error-page__img,
.maintenance-page__img {
    margin: 0 0 33px
}

.country-error-page__title,
.maintenance-page__title {
    margin: 0 0 8px;
    color: #fff
}

.country-error-page__text,
.maintenance-page__text {
    font-size: 15px;
    line-height: 21px;
    color: #dfeaf0
}

.country-error-page__mail-to,
.maintenance-page__mail-to {
    text-decoration: none;
    color: #f8ff13
}

.country-error-page__mail-to:hover,
.maintenance-page__mail-to:hover {
    text-decoration: underline
}

@media(max-width:480px) {

    .country-error-page,
    .maintenance-page {
        padding: 15px
    }

    .country-error-page__img,
    .maintenance-page__img {
        width: 203px;
        margin: 0 0 25px
    }

    .country-error-page__title,
    .maintenance-page__title {
        font-size: 24px;
        line-height: 29px
    }

    .country-error-page__text,
    .maintenance-page__text {
        font-size: 15px;
        line-height: 21px
    }
}

.landing-page__slider {
    min-height: 280px;
    margin-bottom: 20px
}

.landing-page__slider ul.slick-dots {
    bottom: 20px
}

.landing-page__play-tiles-wrap {
    max-width: 1326px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(316px, 1fr));
    grid-gap: 20px;
    place-items: center center
}

@media(max-width:1024px) {
    .landing-page__play-tiles-wrap {
        margin: 0 0 20px
    }
}

@media(max-width:812px) {
    .landing-page__play-tiles-wrap {
        grid-template-columns: repeat(auto-fill, minmax(288px, 1fr))
    }

    .landing-page__slider {
        min-height: 220px;
        margin-bottom: 10px
    }

    .landing-page__slider ul.slick-dots {
        bottom: 16px
    }

    .landing-page__slider .slick-arrow {
        display: none
    }

    .landing-page__slider-item {
        border-radius: 0
    }
}

.pwa-landing-page {
    position: relative;
    background: #000
}

.pwa-landing-top-section {
    position: relative;
    min-height: 572px;
    max-width: 1920px;
    margin: 0 auto;
    padding: 115px 98px;
    background-image: url(/static/media/landing_top_section_bg.cad60794.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    z-index: 100
}

.pwa-landing-top-section__over-bg {
    position: absolute;
    right: 50px;
    bottom: -150px;
    width: 646px;
    height: 624px;
    z-index: -1;
    background-image: url(/static/media/landing_top_section_bg_phones.b7abb531.svg)
}

.pwa-landing-top-section__image {
    position: absolute;
    right: 80px;
    z-index: -1
}

.pwa-landing-top-section__title {
    margin: 0 0 16px;
    font-weight: 700;
    font-size: 96px;
    line-height: 122%;
    letter-spacing: -.03em;
    color: #f8ff13
}

.pwa-landing-top-section__desc {
    margin: 0 0 69px;
    font-weight: 400;
    font-size: 48px;
    line-height: 122%;
    letter-spacing: -.03em;
    color: #fff
}

@media(max-width:812px) {
    .pwa-landing-top-section {
        background-image: url(/static/media/landing_top_section_bg_sm.86d75c0d.jpg);
        padding: 45px
    }

    .pwa-landing-top-section__over-bg {
        width: 430px;
        height: 405px;
        background-size: cover;
        bottom: -90px;
        right: inherit;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .pwa-landing-top-section__content {
        text-align: center
    }

    .pwa-landing-top-section__title {
        font-weight: 700;
        font-size: 48px;
        line-height: 122%;
        letter-spacing: -.03em;
        color: #f8ff13
    }

    .pwa-landing-top-section__desc {
        font-weight: 400;
        margin: 0 0 32px;
        font-size: 24px;
        line-height: 122%;
        text-align: center;
        letter-spacing: -.03em
    }
}

@media(max-width:420px) {
    .pwa-landing-top-section {
        min-height: 504px
    }

    .pwa-landing-top-section__over-bg {
        width: 320px;
        height: 295px;
        bottom: -60px
    }
}

@media(max-width:320px) {
    .pwa-landing-top-section {
        min-height: 454px
    }

    .pwa-landing-top-section__over-bg {
        width: 280px;
        height: 255px;
        bottom: -50px
    }

    .pwa-landing-top-section__title {
        font-size: 40px
    }

    .pwa-landing-top-section__desc {
        font-size: 20px
    }
}

.pwa-landing-advantages {
    position: absolute;
    top: 526px;
    left: 20px;
    right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 78px;
    background: #262626;
    border-radius: 20px
}

.pwa-landing-advantages__title {
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    max-width: 330px
}

.pwa-landing-advantages__content-wrap {
    display: flex
}

.pwa-landing-advantages__item {
    display: flex;
    align-items: center
}

.pwa-landing-advantages__item:not(:last-child) {
    margin: 0 35px 0 0
}

.pwa-landing-advantages__item img {
    max-width: 100px;
    max-height: 100px;
    margin: 0 24px 0 0
}

.pwa-landing-advantages__item div {
    max-width: 132px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

@media(max-width:1200px) {
    .pwa-landing-advantages {
        top: 462px;
        flex-direction: column;
        align-items: center;
        padding: 40px 16px
    }

    .pwa-landing-advantages__title {
        max-width: unset;
        margin: 0 0 30px
    }
}

@media(max-width:812px) {
    .pwa-landing-advantages {
        position: absolute;
        top: 564px;
        left: 0;
        padding: 40px 16px 26px;
        width: 100%;
        border-radius: 0
    }

    .pwa-landing-advantages__title {
        text-align: center;
        max-width: 300px;
        margin: 0 0 22px;
        font-size: 22px;
        line-height: 28px
    }

    .pwa-landing-advantages__item:not(:last-child) {
        margin: 0 5px 0 0
    }

    .pwa-landing-advantages__item img {
        width: 64px;
        height: 64px;
        margin: 0 12px 0 0
    }

    .pwa-landing-advantages__item div {
        line-height: 20px
    }
}

@media(max-width:480px) {
    .pwa-landing-advantages {
        position: absolute;
        top: 564px;
        left: 0;
        padding: 40px 16px 26px;
        width: 100%;
        border-radius: 0;
        height: 376px
    }

    .pwa-landing-advantages__title {
        margin: 0 0 22px;
        font-size: 22px;
        line-height: 28px
    }

    .pwa-landing-advantages__content-wrap {
        flex-direction: column
    }

    .pwa-landing-advantages__item:not(:last-child) {
        margin: 0 0 20px
    }

    .pwa-landing-advantages__item img {
        width: 64px;
        height: 64px;
        margin: 0 12px 0 0
    }

    .pwa-landing-advantages__item div {
        line-height: 20px
    }
}

.pwa-landing-bot-section {
    max-width: 1920px;
    margin: 0 auto;
    padding: 50px 120px 140px;
    background: #000;
    z-index: 100
}

.pwa-landing-bot-section__title {
    font-weight: 700;
    font-size: 64px;
    line-height: 122%;
    color: #fff;
    padding-bottom: 50px
}

.pwa-landing-bot-section__advantages {
    display: flex;
    justify-content: center;
    width: 100%;
    grid-gap: 10px;
    gap: 10px
}

.pwa-landing-bot-section__advantages-wrap {
    background: #212121;
    border-radius: 12px
}

.pwa-landing-bot-section__advantages-item {
    position: relative
}

.pwa-landing-bot-section__advantages-item .pwa-advantages__lg {
    width: 100%
}

.pwa-landing-bot-section__advantages-item .pwa-advantages__sm {
    display: none
}

.pwa-landing-bot-section__advantages-item-image:nth-child(2) {
    word-break: break-all
}

.pwa-landing-bot-section__advantages-item-title {
    position: absolute;
    max-width: 300px;
    font-weight: 700;
    font-size: 48px;
    top: 22px;
    left: 36px;
    right: 36px;
    line-height: 110%;
    letter-spacing: -.03em;
    word-break: break-word;
    color: #fff
}

@media(max-width:1120px) {
    .pwa-landing-bot-section__advantages-item-title {
        font-size: 38px
    }
}

@media(max-width:1024px) {
    .pwa-landing-bot-section__advantages-item-title {
        font-size: 30px;
        left: 20px;
        top: 20px
    }
}

@media(max-width:812px) {
    .pwa-landing-bot-section__advantages {
        flex-direction: column;
        grid-gap: 12px;
        gap: 12px
    }

    .pwa-landing-bot-section__advantages-item {
        height: 124px
    }

    .pwa-landing-bot-section__advantages-item-title {
        right: inherit;
        font-weight: 700;
        font-size: 24px;
        max-width: 150px;
        top: 22px;
        left: 36px;
        line-height: 110%;
        letter-spacing: -.03em
    }

    .pwa-landing-bot-section__advantages-item .pwa-advantages__sm {
        display: block;
        position: absolute;
        right: 0;
        height: 100%;
        width: inherit
    }

    .pwa-landing-bot-section__advantages-item .pwa-advantages__lg {
        display: none
    }
}

.pwa-landing-bot-section__desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: hsla(0, 0%, 100%, .8)
}

@media(max-width:1200px) {
    .pwa-landing-bot-section {
        padding: 150px 114px 140px
    }
}

@media(max-width:1024px) {
    .pwa-landing-bot-section__title {
        text-align: center
    }
}

@media(max-width:812px) {
    .pwa-landing-bot-section {
        position: relative;
        margin-top: 0;
        padding: 30px 20px 40px
    }

    .pwa-landing-bot-section__title {
        font-weight: 700;
        font-size: 32px;
        margin: 0 auto;
        max-width: 350px;
        line-height: 122%;
        padding-bottom: 20px;
        text-align: center;
        letter-spacing: -.03em
    }
}

@media(max-width:480px) {
    .pwa-landing-bot-section {
        min-height: 544px;
        padding: 40px 24px
    }

    .pwa-landing-bot-section__desc {
        letter-spacing: -.2px
    }
}

.pwa-landing-buttons__btn {
    display: none
}

.modal.disable-popup-blocker-modal .pwa-landing-buttons__btn .disable-popup-blocker__btn-link,
.pwa-landing-buttons__btn .btn,
.pwa-landing-buttons__btn .btn-action,
.pwa-landing-buttons__btn .btn-dark,
.pwa-landing-buttons__btn .btn-default,
.pwa-landing-buttons__btn .btn-demo,
.pwa-landing-buttons__btn .btn-logout,
.pwa-landing-buttons__btn .btn-outline,
.pwa-landing-buttons__btn .btn-play,
.pwa-landing-buttons__btn .btn-primary,
.pwa-landing-buttons__btn .btn-primary-transparent,
.pwa-landing-buttons__btn .btn-secondary,
.pwa-landing-buttons__btn .btn-star,
.pwa-landing-buttons__btn .btn-transparent,
.pwa-landing-buttons__btn .btn-transparent-bordered,
.pwa-landing-buttons__btn .copy-to-clipboard__button,
.pwa-landing-buttons__btn .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    width: 230px
}

.pwa-landing-buttons__btn .btn__icon {
    margin: 0 16px 0 0
}

.pwa-landing-buttons__btn .btn__icon img {
    height: 33px
}

.pwa-landing-buttons__platforms {
    display: flex;
    margin-bottom: 10px
}

.pwa-landing-buttons__platform-tile {
    margin-right: 20px
}

@media(max-width:812px) {
    .pwa-landing-buttons__btn {
        display: block
    }

    .pwa-landing-buttons__btn .btn-secondary {
        width: 173px;
        border: none;
        padding: 17.5px 20px 17.5px 12px;
        justify-content: flex-start;
        border-radius: 10px;
        background-color: #000
    }

    .pwa-landing-buttons__btn .btn-secondary .btn__label {
        text-align: left;
        font-weight: 700;
        font-size: 13px;
        line-height: 15px
    }

    .pwa-landing-buttons__btn .btn-secondary .btn__label .pwa-landing-buttons__btn-get {
        display: block;
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        color: hsla(0, 0%, 100%, .7)
    }

    .pwa-landing-buttons__btn .btn-secondary .btn__label .pwa-landing-buttons__btn-get~span {
        font-weight: 900;
        font-size: 20px;
        line-height: 100%
    }

    .pwa-landing-buttons__platforms {
        display: none
    }
}

.personal-info-page {
    padding: 18px 20px;
    background: #262626
}

@media(max-width:812px) {
    .personal-info-page {
        padding: 10px 16px
    }
}

.personal-info-form {
    display: flex;
    flex-direction: column;
    max-width: 1200px;
    margin: 0 auto
}

.personal-info-form__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    grid-row-gap: 10px;
    grid-column-gap: 20px
}

.personal-info-form__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

.personal-info-form__item .dropdown__single-value {
    color: #ebebeb
}

.personal-info-form__item-wrapper {
    display: flex;
    align-items: center
}

.modal.disable-popup-blocker-modal .personal-info-form__item-wrapper .disable-popup-blocker__btn-link,
.personal-info-form__item-wrapper .btn,
.personal-info-form__item-wrapper .btn-action,
.personal-info-form__item-wrapper .btn-dark,
.personal-info-form__item-wrapper .btn-default,
.personal-info-form__item-wrapper .btn-demo,
.personal-info-form__item-wrapper .btn-logout,
.personal-info-form__item-wrapper .btn-outline,
.personal-info-form__item-wrapper .btn-play,
.personal-info-form__item-wrapper .btn-primary,
.personal-info-form__item-wrapper .btn-primary-transparent,
.personal-info-form__item-wrapper .btn-secondary,
.personal-info-form__item-wrapper .btn-star,
.personal-info-form__item-wrapper .btn-transparent,
.personal-info-form__item-wrapper .btn-transparent-bordered,
.personal-info-form__item-wrapper .copy-to-clipboard__button,
.personal-info-form__item-wrapper .modal.disable-popup-blocker-modal .disable-popup-blocker__btn-link {
    margin-left: 20px;
    padding: 11px 30px
}

.personal-info-form__item.not-verified .custom-input__placeholder {
    color: #d03543
}

@media(max-width:812px) {
    .personal-info-form__footer {
        flex-direction: column;
        margin-top: 20px
    }

    .personal-info-form__change-password,
    .personal-info-form__submit {
        width: 100%
    }

    .personal-info-form__submit {
        margin-bottom: 10px
    }
}

.live-games-page {
    display: flex;
    flex-direction: column;
    margin: 12px 0 0
}

.live-games-page__nav {
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

.live-games-page__body {
    display: flex;
    overflow: hidden
}

.live-games-page .game-page {
    height: calc(100vh - 160px);
    padding: 0
}

.live-games-page .game-frame {
    padding: 0
}

@media(max-width:812px) {
    .live-games-page {
        margin: 10px 0 0
    }

    .live-games-page__body {
        border-radius: 0
    }

    .live-games-page__nav {
        margin-bottom: 10px
    }

    .live-games-page .game-frame {
        padding: 0
    }

    .live-games-page .game-frame__iframe {
        border-radius: 0
    }
}

.bet-games {
    display: flex;
    width: 100%
}

.bet-games__iframe {
    width: 100%;
    height: 100%;
    border: none
}

.bet-games-live-games-page,
.kiron-live-games-page,
.tvbet-live-games-page {
    width: 100%
}

.start-page__body,
.start-page__footer {
    padding: 20px 24px
}

@media(max-width:812px) {
    .start-page__body {
        padding: 20px 13px 0;
        overflow-x: hidden
    }

    .start-page__footer {
        padding: 0 13px;
        overflow: hidden
    }
}