.transition-none * {
    transition: none !important
}

.wrap {
    width: 1164px;
    float: none;
    margin: 0 auto
}

.wrap.wrap-wide {
    width: 1300px
}

.wrap-inner {
    width: 100%
}

.section {
    margin-bottom: 68px
}

.subtitle {
    color: #fff9;
    font-size: 14px;
    line-height: 28px
}

.back-link {
    font-size: 16px;
    line-height: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    padding: 0 0 0 28px;
    background: none;
    border: 0
}

.back-link span {
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.back-link:before {
    width: 20px;
    height: 20px;
    content: "";
    background: url(/assets/back-link-4774845a.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0
}

.btn {
    min-width: 170px;
    width: auto;
    height: 56px;
    border-radius: 16px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    color: #fff;
    position: relative;
    overflow: hidden
}

.btn:before, .btn:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
    transition: all .2s linear
}

.btn:after {
    opacity: 0
}

.btn.blue-btn {
    background-image: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    transition: all .2s linear
}

.btn.blue-btn:active {
    background-image: linear-gradient(271deg, #0C40C8 6.97%, #0D81D4 96.63%)
}

.btn.pink-btn {
    background-image: linear-gradient(276deg, #DC1373 3.51%, #FF7DA8 79.9%, #FFB9CC 100%);
    -webkit-backdrop-filter: blur(54px);
    backdrop-filter: blur(54px);
    transition: all .2s linear
}

.btn.pink-btn:active {
    background-image: linear-gradient(275deg, #940744 .47%, #FF2382 106.77%)
}

.btn.yellow-btn {
    background-image: linear-gradient(97deg, #FFE500 3.07%, #FF8A00 96.09%);
    transition: all .2s linear
}

.btn.yellow-btn:active {
    background-image: linear-gradient(94deg, #FF8C00 1.04%, #FF0FA5 106.27%)
}

.btn.bright-yellow-btn {
    background-image: linear-gradient(180deg, #FEFF00 11.67%, #F90 100%);
    text-shadow: 0px 2px 2px #EAA900;
    transition: all .2s linear
}

.btn.bright-yellow-btn:active {
    background-image: linear-gradient(94deg, #FF8C00 1.04%, #FF0FA5 106.27%)
}

.btn.white-btn:before {
    background: #fff
}

.btn.white-btn:after {
    background: linear-gradient(180deg, #E1F1FF 0%, #F5FAFF 50%, #BFF0FF 100%)
}

.btn.white-btn span {
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.btn.white-btn:active {
    background: #D3E8EE;
    transition: none
}

.btn.white-btn:active:before, .btn.white-btn:active:after {
    display: none
}

.btn.white-btn:disabled {
    opacity: .5;
    background: #fff
}

.btn.white-btn:disabled:before, .btn.white-btn:disabled:after {
    display: none
}

.btn.white-border-btn {
    overflow: visible;
    border: 1px solid #fff
}

.btn.white-border-btn:before {
    width: auto;
    height: auto;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    background: linear-gradient(109deg, #0DFFCB 0%, #0778E0 50%, #5641FF 79.69%, #6F00FD 99.48%);
    opacity: 0
}

.btn.white-border-btn:after {
    display: none
}

.btn.white-border-btn:active {
    background: linear-gradient(291deg, #0C40C8 0%, #0D81D4 100%);
    transition: none;
    border: 0
}

.btn.white-border-btn:active:before, .btn.white-border-btn:active:after {
    display: none
}

.btn:disabled, .btn.disabled {
    opacity: .4;
    pointer-events: none
}

.btn.with-loader:after {
    width: 26px;
    height: 26px;
    background: url(/assets/loader-a66cb35e.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -13px;
    margin-left: -13px;
    animation: 3s linear 0s normal none infinite running rot;
    -webkit-animation: 3s linear 0s normal none infinite running rot;
    display: none;
    content: "";
    z-index: 1;
    opacity: 1
}

.btn.processing {
    pointer-events: none
}

.btn.processing span {
    display: none
}

.btn.processing.with-loader:after {
    display: block
}

.btn span {
    position: relative;
    z-index: 1;
    line-height: 1.3
}

@keyframes rot {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rot {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.section-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
    align-items: center
}

.section-header .title {
    margin-bottom: 0
}

.arrows {
    display: flex;
    grid-gap: 12px
}

.arrows .arrow {
    background: rgba(255, 255, 255, .04);
    border: 2px solid rgba(255, 255, 255, .4);
    border-radius: 12px;
    position: relative;
    width: 36px;
    height: 36px
}

.arrows .arrow:hover, .arrows .arrow:hover * {
    cursor: pointer
}

.arrows .arrow:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    background: url(/assets/slide-arrow-e44c72f9.svg) center center no-repeat;
    background-size: contain
}

.arrows .arrow.next:before {
    transform: rotate(180deg)
}

@keyframes loadingSpinnerRotateFirst {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(90deg)
    }
    to {
        transform: rotate(0)
    }
}

@-webkit-keyframes loadingSpinnerRotateFirst {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(90deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes loadingSpinnerRotateSecond {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-90deg)
    }
    to {
        transform: rotate(0)
    }
}

@-webkit-keyframes loadingSpinnerRotateSecond {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(-90deg)
    }
    to {
        transform: rotate(0)
    }
}

.stream-thumbnail {
    width: 340px;
    height: 200px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 16px;
    background: #272138;
    position: fixed;
    right: 20px;
    bottom: 75px;
    box-sizing: content-box;
    z-index: 3;
    will-change: transform;
    transition: transform .4s ease-out
}

@media (max-width: 720px) {
    .stream-thumbnail {
        bottom: 90px
    }
}

@media (max-width: 520px) {
    .stream-thumbnail {
        width: 300px;
        height: 169px
    }
}

@media (max-width: 350px) {
    .stream-thumbnail {
        right: 10px
    }
}

.stream-thumbnail.hidden {
    transform: translate(380px)
}

.stream-thumbnail:before {
    position: absolute;
    top: -4px;
    right: -4px;
    bottom: -4px;
    left: -4px;
    width: auto;
    height: auto;
    border-radius: 16px;
    content: "";
    border: 4px solid rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.stream-thumbnail-container {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 13px;
    overflow: hidden
}

.stream-thumbnail-controls {
    display: flex;
    grid-gap: 8px;
    position: absolute;
    z-index: 1;
    top: 12px;
    right: 12px
}

.stream-thumbnail-controls > * {
    min-width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, .08);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 8px
}

.stream-thumbnail-controls > *:hover {
    cursor: pointer
}

.stream-thumbnail-controls > *:hover * {
    cursor: pointer
}

.stream-thumbnail-controls-status {
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    color: #fff;
    padding: 4px 8px 4px 24px;
    position: relative
}

.stream-thumbnail-controls-status.live:before {
    width: 8px;
    height: 8px;
    background: #FF4AA4;
    position: absolute;
    content: "";
    border-radius: 50%;
    left: 8px;
    top: 50%;
    margin-top: -4px
}

.stream-thumbnail-controls-close {
    width: 24px;
    position: relative
}

.stream-thumbnail-controls-close:before {
    width: 16px;
    height: 16px;
    background: url(/assets/stream-close-4d4a25c5.svg) center center no-repeat;
    background-size: contain;
    opacity: .6;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width: 720px) {
    .stream-thumbnail-controls-close {
        background: #FF4AA4
    }
}

.fixed-video-tab {
    border-radius: 12px 0 0 12px;
    width: 48px;
    height: 200px;
    position: fixed;
    right: 0;
    bottom: 75px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
    display: none;
    background: #272138;
    transition: opacity .2s linear;
    z-index: 1
}

.fixed-video-tab:hover, .fixed-video-tab:hover * {
    cursor: pointer
}

@media (max-width: 720px) {
    .fixed-video-tab {
        width: 35px;
        height: 150px;
        bottom: 110px
    }
}

@media (max-width: 520px) {
    .fixed-video-tab {
        height: 120px;
        width: 40px
    }
}

.fixed-video-tab:before {
    position: absolute;
    content: "";
    left: 50%
}

.fixed-video-tab .span-text {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    margin-top: -20px
}

@media (max-width: 720px) {
    .fixed-video-tab .span-text {
        margin-top: -15px
    }
}

@media (max-width: 520px) {
    .fixed-video-tab .span-text {
        font-size: 12px;
        margin-top: -8px
    }
}

.fixed-video-tab.live {
    color: #ff4aa4
}

.fixed-video-tab.live:before {
    background: #FF4AA4;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    bottom: 32px;
    margin-left: -7px;
    animation: opacityStreamerOnlineTag 2s linear infinite
}

@media (max-width: 720px) {
    .fixed-video-tab.live:before {
        bottom: 18px;
        width: 8px;
        height: 8px;
        margin-left: -4px
    }
}

@media (max-width: 520px) {
    .fixed-video-tab.live:before {
        width: 8px;
        height: 8px;
        margin-left: -4px;
        bottom: 17px
    }
}

.fixed-video-tab.offline .span-text {
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.fixed-video-tab.offline:before {
    background: url(/assets/video-tab-842b5fa2.svg) center center no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    bottom: 19px;
    margin-left: -12px
}

.bg-lights {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none
}

.bg-lights-item {
    position: absolute;
    display: none
}

.bg-lights-item.light-1 {
    width: 854px;
    height: 890px;
    background: radial-gradient(46.02% 46.02% at 45.47% 54.2%, #1A2B62 0%, rgba(33, 65, 86, .32) 67.71%, rgba(18, 56, 60, 0) 100%);
    top: -232px;
    left: 50%;
    transform: translate(-842px);
    display: block;
    z-index: 1
}

.bg-lights-item.light-2 {
    width: 865px;
    height: 865px;
    transform: rotate(-45deg) translate(11px);
    left: 50%;
    top: -154px;
    opacity: .8;
    background: radial-gradient(48.17% 50% at 50% 50%, rgba(0, 247, 255, .22) 0%, rgba(17, 38, 56, 0) 100%);
    display: block
}

.bg-lights-item.light-3 {
    width: 962px;
    height: 1017px;
    left: 50%;
    top: 403px;
    transform: translate(-960px);
    background: radial-gradient(46.02% 46.02% at 45.47% 54.2%, rgba(173, 2, 253, .2) 0%, rgba(19, 19, 35, 0) 100%);
    display: block
}

.bg-lights-item.light-4 {
    width: 746.277px;
    height: 814.039px;
    transform: rotate(-45deg);
    left: 50%;
    top: 560px;
    opacity: .89999998;
    background: radial-gradient(48.17% 50% at 50% 50%, #213F65 0%, rgba(17, 38, 56, 0) 100%);
    display: block
}

.bg-lights-item.light-5 {
    width: 681.297px;
    height: 681.297px;
    transform: rotate(-45deg) translate(-1290px);
    left: 50%;
    top: 434px;
    opacity: .60000002;
    background: radial-gradient(48.17% 50% at 50% 50%, rgba(0, 247, 255, .16) 0%, rgba(17, 38, 56, 0) 100%);
    display: block
}

.bg-lights-item.light-6 {
    width: 1209px;
    height: 1209px;
    left: 50%;
    top: 1920px;
    transform: translate(-1056px);
    background: radial-gradient(46.02% 46.02% at 45.47% 54.2%, #192857 0%, rgba(19, 19, 35, 0) 100%);
    display: block
}

.bg-lights-item.light-7 {
    width: 1413px;
    height: 1224px;
    left: 50%;
    top: 1920px;
    transform: translate(-310px);
    background: radial-gradient(46.02% 46.02% at 45.47% 54.2%, #1F0F4B 0%, rgba(19, 19, 35, 0) 100%);
    display: block
}

.title {
    font-size: 24px;
    line-height: 32px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 16px
}

.title.page-title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -2px;
    text-transform: none
}

.close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    font-size: 0;
    background-color: #0f0f6733;
    border-radius: 50%;
    cursor: pointer
}

.close-btn:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/assets/close-119d7e41.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: .8
}

.invisible {
    display: none !important
}

@media (min-width: 721px) {
    .invisible-md {
        display: none !important
    }
}

@media (min-width: 1001px) {
    .invisible-xl {
        display: none !important
    }
}

@media (max-width: 720px) {
    .visible-md {
        display: none !important
    }
}

@media (max-width: 1000px) {
    .visible-xl {
        display: none !important
    }
}

.scroll-disabled {
    overflow: hidden !important;
    touch-action: none;
    -ms-touch-action: none
}

.scroll-disabled body.windows-os:not(.firefox-browser), .scroll-disabled body.mac-os:not(.firefox-browser) {
    padding-right: 4px
}

.scroll-disabled body.windows-os:not(.firefox-browser) .header, .scroll-disabled body.mac-os:not(.firefox-browser) .header {
    right: 4px;
    width: auto
}

.scroll-disabled body.windows-os:not(.firefox-browser) .stream-thumbnail, .scroll-disabled body.mac-os:not(.firefox-browser) .stream-thumbnail {
    margin-right: 4px
}

.tippy-box {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    color: #fff;
    background: linear-gradient(180deg, #D33A87 5.73%, #9A1658 100%);
    border-radius: 12px;
    padding: 8px 16px
}

.tippy-content {
    padding: 0
}

.tippy-arrow {
    color: #9a1658
}

@media (hover: hover) and (min-width: 1025px) {
    .btn.blue-btn {
        overflow: visible
    }

    .btn.blue-btn:hover:before {
        opacity: 0
    }

    .btn.blue-btn:hover:after {
        opacity: 1
    }

    .btn.white-btn:hover:after {
        opacity: 1
    }

    .btn.white-border-btn:hover {
        border-color: transparent
    }

    .btn.white-border-btn:hover:before {
        opacity: 1
    }

    .btn.pink-btn:before {
        background-image: linear-gradient(275deg, #B6004C .48%, #DC1373 31.63%, #FF7DA8 68.26%, #FFA6C1 99.2%);
        opacity: 0
    }

    .btn.pink-btn:hover:before {
        opacity: 1
    }

    .btn.yellow-btn:before {
        background-image: linear-gradient(95deg, #FFE001 .58%, #FF8A00 50.72%, #FF00B8 100.86%);
        opacity: 0
    }

    .btn.yellow-btn:hover:before {
        opacity: 1
    }

    .btn.bright-yellow-btn:before {
        background-image: linear-gradient(180deg, #FFE500 -16.67%, #FF8A00 121.3%);
        opacity: 0
    }

    .btn.bright-yellow-btn:hover:before {
        opacity: 1
    }

    .btn.blue-btn:before {
        background-image: linear-gradient(91deg, #0DFFCB -9.58%, #0778E0 45.04%, #5641FF 77.48%, #6F00FD 99.1%);
        opacity: 0
    }

    .btn.blue-btn:hover:before {
        opacity: 1
    }
}

@media screen and (min-width: 1401px) {
    .wrap, .wrap.wrap-wide {
        width: 1364px
    }
}

@media screen and (max-width: 1400px) {
    .wrap.wrap-wide {
        width: 1164px
    }
}

@media screen and (max-width: 1300px) {
    .wrap {
        max-width: 1100px
    }

    .section {
        margin-bottom: 56px
    }
}

@media screen and (max-width: 1150px) {
    .wrap {
        max-width: 958px
    }
}

@media screen and (max-width: 1000px) {
    .wrap {
        max-width: 750px
    }

    .btn {
        min-width: 160px;
        padding: 0 20px
    }
}

@media screen and (max-width: 800px) {
    .wrap {
        max-width: 700px
    }
}

@media screen and (max-width: 720px) {
    .wrap {
        max-width: 480px
    }

    .container {
        overflow-x: hidden
    }
}

@media screen and (max-width: 520px) {
    .wrap {
        max-width: 380px
    }

    .container {
        padding-top: 110px
    }
}

@media screen and (max-width: 400px) {
    .wrap {
        max-width: 360px
    }

    .section {
        margin-bottom: 45px
    }
}

@media screen and (max-width: 380px) {
    .wrap {
        max-width: 340px
    }
}

@media screen and (max-width: 350px) {
    .wrap {
        max-width: 300px
    }
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(24, 24, 46, .92);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    z-index: 5;
    transform: translateY(-1px)
}

.header .wrap {
    width: 96%
}

.header .wrap-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    width: 100%
}

.header-left, .header-right {
    width: 100%;
    display: flex;
    align-items: center
}

.header-center, .header-left {
    width: auto
}

.header-right {
    width: auto;
    justify-content: flex-end
}

.header-logo {
    position: relative
}

.header-menu {
    margin-left: 40px
}

.header-menu ul {
    margin: 0;
    padding: 0;
    display: flex
}

.header-menu li {
    display: block;
    white-space: nowrap;
    margin-right: 32px;
    position: relative
}

.header-menu li:last-child {
    margin-right: 0
}

.header-menu li a {
    transition: all .15s ease-out
}

.header-menu li a:hover, .header-menu li a.current {
    color: #fff
}

.header-menu .dropdown-link {
    position: relative;
    padding-right: 16px
}

.header-menu .dropdown-link:hover, .header-menu .dropdown-link:hover * {
    cursor: pointer
}

.header-menu .dropdown-link:before {
    background: url(/assets/header-dropdown-link-884ce1c0.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px
}

.header-menu .dropdown-list {
    width: 327px;
    position: absolute;
    top: 50px;
    right: -150px;
    border-radius: 20px;
    background: linear-gradient(144deg, #313179 0%, #131323 .01%, rgba(41, 52, 103, .95) 21.59%, #220132 97.92%);
    -webkit-backdrop-filter: blur(54.36563492px);
    backdrop-filter: blur(54.36563492px);
    display: none
}

.header-menu .dropdown-list:after {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #283263;
    border-top: 0;
    content: "";
    position: absolute;
    left: 50%;
    top: -8px
}

.header-menu .dropdown-list-links {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
    padding: 20px
}

.header-menu .dropdown-list-links-item {
    width: 100%;
    padding: 8px 32px 8px 8px;
    position: relative;
    border-radius: 12px;
    display: flex;
    grid-gap: 12px;
    align-items: center
}

.header-menu .dropdown-list-links-item:after {
    position: absolute;
    width: 24px;
    height: 24px;
    background: url(/assets/dropdown-arrow-2-021ca55d.svg) center center no-repeat;
    background-size: contain;
    right: 8px;
    top: 50%;
    margin-top: -12px;
    content: "";
    opacity: 0;
    transition: all .2s linear
}

.header-menu .dropdown-list-links-item-preview {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0
}

.header-menu .dropdown-list-links-item-preview picture, .header-menu .dropdown-list-links-item-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.header-menu .dropdown-list-links-item-preview picture img, .header-menu .dropdown-list-links-item-preview img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.header-menu .dropdown-list-links-item-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.header-menu .dropdown-list-links-item-title {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    line-height: 24px;
    color: #fff
}

.header-menu .dropdown-list-links-item-text {
    font-size: 12px
}

.header-menu .dropdown-list-links-item.online .dropdown-list-links-item-text {
    position: relative;
    padding-right: 15px
}

.header-menu .dropdown-list-links-item.online .dropdown-list-links-item-text:before {
    width: 5px;
    height: 5px;
    background: #FF4AA4;
    position: absolute;
    right: 2px;
    top: 5px;
    content: "";
    border-radius: 50%
}

.header-menu .dropdown-list-links-item.prize-item {
    background: url(/assets/prize-bg-e51b1a21.jpg) bottom right no-repeat;
    background-size: cover
}

.header-menu .dropdown-list-links-item.prize-item:after {
    display: none
}

.header-menu .dropdown-list-footer {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(18, 27, 62, .2);
    background: rgba(0, 0, 0, .1);
    border-radius: 0 0 20px 20px
}

.header-menu .dropdown-list-footer .link {
    position: relative;
    padding-right: 20px;
    font-size: 13px;
    color: #00aafd
}

.header-menu .dropdown-list-footer .link:before {
    width: 16px;
    height: 16px;
    background: url(/assets/gradient-arrow-0a793bf4.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    margin-top: -8px
}

.header-btn {
    width: auto;
    max-width: 250px;
    height: 48px;
    background: url(/assets/header-btn-cd32dc4a.png) center center no-repeat;
    background-size: cover;
    border-radius: 12px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, .44);
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 16px;
    padding: 0 10px 0 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.header-btn-icon {
    width: 51px;
    height: 51px;
    position: absolute;
    left: -2px;
    top: -8px;
    transform: rotate(4.48deg)
}

.header-btn-icon lottie-player {
    width: 100%
}

.header-controls {
    display: flex;
    margin-right: 30px
}

.header-notification-control {
    margin-right: 24px;
    width: 44px;
    height: 44px;
    position: relative
}

.header-notification-control.opened .header-notification-control-btn {
    border-color: #00aafd
}

.header-notification-control.active .header-notification-control-btn:after {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 10px;
    right: 12px;
    border-radius: 50%;
    border: 1px solid #3d3d4e;
    background: #FF4AA4;
    box-sizing: border-box;
    content: ""
}

.header-notification-control-btn {
    width: 44px;
    height: 44px;
    background: #3d3d4e;
    border-radius: 12px;
    position: relative;
    border: 1px solid #3d3d4e
}

.header-notification-control-btn:before {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    background: url(/assets/notification-9ce6988f.svg) center center no-repeat;
    background-size: contain;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .8
}

.header-notification-control-dropdown {
    width: 355px;
    border-radius: 20px;
    background: linear-gradient(144deg, #313179 0%, #1e1e42 .01%, rgba(41, 52, 103, .95) 21.59%, #220132 97.92%);
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 15px;
    transform: translate(-50%);
    padding: 0 4px 48px
}

.header-notification-control-dropdown:before {
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #283263;
    border-top: 0;
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 100%
}

.header-notification-control-dropdown .notifications-center {
    width: 100%;
    overflow: auto;
    max-height: 416px;
    position: static;
    border-radius: 17px;
    padding-top: 4px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.header-notification-control-dropdown .notifications-center::-webkit-scrollbar {
    width: 0
}

.header-notification-control-dropdown .notifications-center-item {
    background: rgba(8, 18, 45, .5)
}

.header-notification-control-dropdown .notifications-center-item:last-child {
    margin-bottom: 4px
}

.header-notification-control-dropdown-footer {
    width: 100%;
    height: 48px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0 0 20px 20px;
    overflow: hidden
}

.header-notification-control-dropdown-footer .clear-btn {
    width: 100%;
    height: 100%;
    border: 0;
    border-top: 1px solid rgba(18, 27, 62, .2);
    background: rgba(0, 0, 0, .1);
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center
}

.header-notification-control-dropdown-footer .clear-btn span {
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.header-lang-control {
    position: relative;
    height: 44px;
    width: 107px
}

.header-lang-control-select {
    width: 100%;
    position: absolute;
    background: #3d3d4e;
    border-radius: 12px
}

.header-lang-control-btn {
    padding: 10px 12px 10px 16px;
    height: 44px;
    display: flex;
    align-items: center;
    position: relative
}

.header-lang-control-btn:hover, .header-lang-control-btn:hover * {
    cursor: pointer
}

.header-lang-control-btn:before {
    width: 16px;
    height: 16px;
    background: url(/assets/dropdown-arrow-64eb5044.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    content: "";
    transition: all .2s linear
}

.header-lang-control-btn-flag {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    margin-right: 12px
}

.header-lang-control-btn-flag picture, .header-lang-control-btn-flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.header-lang-control-btn-flag picture img, .header-lang-control-btn-flag img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.header-lang-control-btn-code {
    color: #fffc
}

.header-lang-control-dropdown {
    position: static;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 0;
    height: 0;
    border-radius: 12px;
    overflow: hidden;
    transition: all .2s linear
}

.header-lang-control-dropdown-content {
    display: flex;
    flex-direction: column
}

.header-lang-control-dropdown-el {
    width: 100%;
    padding: 10px 12px 10px 16px;
    display: flex;
    align-items: center
}

.header-lang-control-dropdown-el:hover, .header-lang-control-dropdown-el:hover * {
    cursor: pointer
}

.header-lang-control-dropdown-el:first-child {
    padding-top: 8px
}

.header-lang-control-dropdown-el:last-child {
    padding-bottom: 15px
}

.header-lang-control.opened .header-lang-control-btn:before {
    transform: rotate(180deg)
}

.header-userpanel {
    width: auto;
    height: 80px
}

.header-userpanel.not-logged {
    background: none;
    padding-right: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    width: auto
}

.header-userpanel .not-logged-in {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%
}

.header-userpanel .not-logged-in .sign-in-link {
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-right: 18px
}

.header-userpanel .not-logged-in .sign-up-btn {
    width: auto;
    min-width: 112px;
    padding: 0 15px;
    height: 44px;
    border-radius: 12px;
    font-size: 14px
}

@media (max-width: 520px) {
    .header-userpanel .not-logged-in .sign-up-btn {
        font-size: 10px
    }
}

@media (max-width: 350px) {
    .header-userpanel .not-logged-in .sign-up-btn {
        padding: 0 10px
    }
}

.header-userpanel .not-logged-in .login-link {
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    margin-right: 17px
}

.header-userpanel .not-logged-in .login-link:hover, .header-userpanel .not-logged-in .login-link:hover * {
    cursor: pointer
}

.header-userpanel .not-logged-in .login-link span {
    text-transform: none
}

@media (max-width: 520px) {
    .header-userpanel .not-logged-in .login-link {
        font-size: 12px
    }
}

@media (hover: hover) and (min-width: 1025px) {
    .header-userpanel .not-logged-in .login-link {
        transition: all .2s linear
    }

    .header-userpanel .not-logged-in .login-link:hover {
        color: #00aafd
    }
}

.header-userpanel .logged-in {
    width: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 25px
}

.header-userpanel .logged-in .user-info {
    width: 100%;
    position: relative;
    padding-left: 56px;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

.header-userpanel .logged-in .user-info-userpic {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden
}

.header-userpanel .logged-in .user-info-login {
    color: #fff;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    max-width: 106px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.header-userpanel .logged-in .user-info-rate {
    color: #fff9;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 13px;
    margin-top: 4px
}

.header-userpanel .logged-in .user-info-rate .val {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff
}

.header-userpanel .logged-in .log-out-btn {
    width: 20px;
    height: 20px;
    position: relative;
    background: none;
    border: 0;
    margin-left: 16px;
    flex-shrink: 0
}

.header-userpanel .logged-in .log-out-btn:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    opacity: .6;
    background: url(/assets/log-out-603c6544.svg) center center no-repeat;
    background-size: contain;
    left: 0;
    top: 0
}

.header-userpanel .header-notification-control {
    display: none
}

.logo {
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    position: relative
}

.logo-title {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -1px
}

.logo-title .gradient-text {
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.logo-text {
    font-size: 8px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: .8px
}

.user-not-logged .header-notification-control {
    display: none
}

@media (hover: hover) and (min-width: 1025px) {
    .header-menu .dropdown-list-links-item {
        transition: all .2s linear
    }

    .header-menu .dropdown-list-links-item:hover, .header-menu .dropdown-list-links-item:hover * {
        cursor: pointer
    }

    .header-menu .dropdown-list-links-item:not(.prize-item):hover {
        background: rgba(255, 255, 255, .06)
    }

    .header-menu .dropdown-list-links-item:not(.prize-item):hover:after {
        opacity: 1
    }

    .header-lang-control-dropdown-el .header-lang-control-btn-code {
        transition: all .2s linear;
        color: #ffffff80
    }

    .header-lang-control-dropdown-el:hover .header-lang-control-btn-code {
        color: #fff
    }

    .header-userpanel .logged-in .user-info:hover, .header-userpanel .logged-in .user-info:hover * {
        cursor: pointer
    }

    .header-userpanel .logged-in .user-info-login {
        position: relative;
        transition: color .2s linear
    }

    .header-userpanel .logged-in .user-info-login:hover, .header-userpanel .logged-in .user-info-login:hover * {
        cursor: pointer
    }

    .header-userpanel .logged-in .user-info-login:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: inherit;
        font-weight: inherit;
        content: attr(data-text);
        overflow: hidden;
        background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        opacity: 0;
        transition: opacity .2s linear
    }

    .header-userpanel .logged-in .user-info:hover .user-info-login {
        color: #00aafd;
        transition: color .1s linear
    }

    .header-userpanel .logged-in .user-info:hover .user-info-login:before {
        opacity: 1
    }

    .header-btn:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        border-radius: inherit;
        width: 100%;
        height: 100%;
        background: rgba(255, 249, 100, .2);
        opacity: 0;
        transition: opacity .3s linear
    }

    .header-btn span.btn-text {
        position: relative;
        z-index: 1
    }

    .header-btn:hover:before {
        opacity: 1
    }

    .header-notification-control-btn:hover, .header-notification-control-btn:hover * {
        cursor: pointer
    }

    .header-notification-control-btn, .header-lang-control-btn {
        transition: all .2s linear;
        border-radius: 12px
    }

    .header-notification-control-btn:hover, .header-lang-control-btn:hover {
        background: #545464
    }

    .notifications-center-item-close {
        transition: all .2s linear
    }

    .notifications-center-item-close:hover {
        opacity: 1
    }

    .header-userpanel .logged-in .log-out-btn:before {
        transition: all .2s linear
    }

    .header-userpanel .logged-in .log-out-btn:hover:before {
        opacity: 1
    }

    .header-notification-control-dropdown-footer .clear-btn span {
        -webkit-text-fill-color: inherit;
        -webkit-background-clip: none;
        background: none;
        color: #fff;
        position: relative;
        transition: color .2s linear
    }

    .header-notification-control-dropdown-footer .clear-btn span:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        white-space: nowrap;
        font-size: inherit;
        font-weight: inherit;
        content: attr(data-text);
        overflow: hidden;
        transition: opacity .2s linear;
        background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent
    }

    .header-notification-control-dropdown-footer .clear-btn:hover span {
        color: #fff
    }

    .header-notification-control-dropdown-footer .clear-btn:hover span:before {
        opacity: 0
    }
}

.header-userpanel {
    height: 58px;
    border-radius: 16px;
    background: #131325;
    padding: 9px 10px;
    width: 220px
}

.header-userpanel .logged-in {
    width: 200px;
    padding: 0
}

.windows-os .header-notification-control-dropdown-footer .clear-btn {
    font-weight: 500
}

.windows-os .header-notification-control-dropdown-footer .clear-btn span {
    -webkit-text-fill-color: inherit;
    -webkit-background-clip: none;
    background: none;
    color: #00aafd
}

.windows-os .header-notification-control-dropdown-footer .clear-btn span:before {
    display: none
}

@media (hover: hover) and (min-width: 1025px) {
    .windows-os .header-notification-control-dropdown-footer .clear-btn:hover span {
        color: #fff
    }
}

.low-balance-alert {
    width: 400px;
    min-height: 210px;
    border-radius: 11px;
    border: 1px solid #00FFC8;
    background: #18182F;
    box-shadow: 8px 8px 24px #090d1466, 0 1px 1px #090d1466;
    -webkit-backdrop-filter: blur(54.36563492px);
    backdrop-filter: blur(54.36563492px);
    position: fixed;
    top: 117px;
    right: 20px;
    padding: 23px 30px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    transition: transform .3s linear, opacity .2s linear;
    opacity: 0;
    transform: translate(425px)
}

.low-balance-alert:before {
    position: absolute;
    content: "";
    width: 228px;
    height: 235px;
    background: url(https://imagedelivery.net/HjnpyY6TwR-iHT3cbKXH4g/14fe71e8-d17d-400e-3854-88e4ddf0c800/w=460,f=auto) bottom right no-repeat;
    background-size: contain;
    bottom: 0;
    right: 0
}

@media (max-width: 520px) {
    .low-balance-alert:before {
        background-image: url(https://imagedelivery.net/HjnpyY6TwR-iHT3cbKXH4g/f02d7a0d-758c-4110-853c-c754512e9c00/w=460,f=auto)
    }
}

.low-balance-alert-title {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: -.487px;
    text-transform: uppercase;
    margin-bottom: 8px;
    max-width: 200px
}

@media (max-width: 380px) {
    .low-balance-alert-title {
        max-width: 190px
    }
}

@media (max-width: 350px) {
    .low-balance-alert-title {
        max-width: 148px
    }
}

.low-balance-alert-text {
    color: #939cba;
    font-size: 13px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    line-height: 17px;
    margin-bottom: 28px;
    max-width: 185px
}

.low-balance-alert-text b {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

@media (max-width: 380px) {
    .low-balance-alert-text {
        max-width: 160px
    }
}

.low-balance-alert-btn {
    height: 44px;
    border-radius: 8px;
    font-size: 13px;
    padding: 0 12px;
    min-width: 180px
}

.low-balance-alert-btn:hover, .low-balance-alert-btn:hover * {
    cursor: pointer
}

.low-balance-alert-btn span {
    position: relative;
    padding-left: 18px
}

.low-balance-alert-btn span:before {
    width: 14px;
    height: 14px;
    background: url(/assets/telegram-white-1884a2ce.svg) center center no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px
}

.low-balance-alert-close {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(19, 19, 36, .9);
    position: absolute;
    right: 11px;
    top: 11px;
    transition: all .2s linear
}

.low-balance-alert-close:hover, .low-balance-alert-close:hover * {
    cursor: pointer
}

.low-balance-alert-close:before {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/assets/close-119d7e41.svg) center center no-repeat;
    background-size: 18px;
    content: ""
}

@media (max-width: 520px) {
    .low-balance-alert-close {
        right: 0;
        top: -50px
    }
}

@media (hover: hover) {
    .low-balance-alert-close:hover {
        opacity: .9
    }
}

.low-balance-alert.visible {
    transform: none;
    opacity: 1
}

@media (max-width: 520px) {
    .low-balance-alert {
        width: 380px;
        margin-right: -190px;
        top: 140px;
        right: 50%;
        padding: 23px
    }
}

@media (max-width: 400px) {
    .low-balance-alert {
        width: 360px;
        margin-right: -180px
    }
}

@media (max-width: 380px) {
    .low-balance-alert {
        width: 340px;
        margin-right: -170px
    }
}

@media (max-width: 350px) {
    .low-balance-alert {
        width: 300px;
        margin-right: -150px;
        padding: 15px
    }
}

@media screen and (min-width: 1401px) {
    .header .wrap {
        width: 100%;
        padding: 0 20px;
        max-width: 1510px
    }
}

@media screen and (max-width: 1300px) {
    .header .wrap {
        max-width: 96%
    }

    .header-menu li {
        margin-right: 22px
    }

    .header-notification-control {
        margin-right: 10px
    }

    .header-menu {
        margin-left: 24px
    }

    .header-lang-control {
        width: 100px
    }
}

@media screen and (max-width: 1240px) {
    .header .wrap {
        width: 1100px
    }

    .header-left {
        padding-left: 83px
    }

    .header-menu, .header-lang-control {
        display: none
    }

    .header-controls {
        margin-right: 10px
    }

    .header-notification-control {
        margin-right: 0
    }

    .logo-text {
        letter-spacing: .4px
    }
}

@media screen and (max-width: 1150px) {
    .header .wrap {
        width: 958px
    }
}

@media screen and (max-width: 1000px) {
    .header .wrap {
        width: 750px
    }
}

@media screen and (max-width: 720px) {
    .header .wrap {
        width: 700px
    }

    .header-center {
        display: none
    }

    .header-left {
        padding-left: 0
    }

    .header-right .header-controls, .header-userpanel .logged-in .log-out-btn {
        display: none
    }

    .header-userpanel .logged-in .user-info {
        padding-left: 20px;
        padding-right: 56px;
        margin-right: 10px
    }

    .header-userpanel .logged-in .user-info .user-info-userpic {
        left: auto;
        right: 0
    }

    .header-userpanel .header-notification-control {
        display: block
    }

    .header-userpanel {
        width: 235px
    }

    .header-userpanel .logged-in .user-info {
        align-items: flex-end
    }

    .header-userpanel .logged-in .user-info-login {
        text-align: right;
        font-size: 14px;
        max-width: 103px
    }

    .header-notification-control-dropdown {
        left: auto;
        transform: none;
        right: -20px
    }

    .header-notification-control-dropdown:before {
        left: auto;
        transform: none;
        right: 34px
    }

    .header-notification-control .notifications-center {
        display: flex
    }

    .header-notification-control-dropdown .notifications-center {
        max-height: 68vh
    }

    .logo-text {
        letter-spacing: .1px;
        line-height: 12px
    }

    .header-notification-control-dropdown:before {
        border-bottom-color: #31317987
    }
}

@media screen and (max-width: 520px) {
    .header-left {
        width: 96px
    }

    .header-left .logo-title {
        font-size: 20px;
        line-height: 24px
    }

    .header-left .logo-text {
        font-size: 8px
    }

    .header-userpanel {
        width: 214px;
        padding: 8px
    }

    .header-notification-control-btn, .header-notification-control {
        width: 38px;
        height: 38px
    }

    .header-userpanel .logged-in .user-info-userpic {
        width: 36px;
        height: 36px;
        top: 3px
    }

    .header-userpanel .logged-in .user-info-login {
        font-size: 14px
    }

    .header-userpanel .logged-in .user-info {
        padding-left: 0;
        padding-right: 42px
    }

    .header-userpanel .logged-in {
        width: 100%
    }

    .header-notification-control-dropdown {
        right: -6px;
        width: 380px
    }

    .header-notification-control-dropdown:before {
        right: 18px
    }

    .header-notification-control.active .header-notification-control-btn:after {
        top: 6px;
        right: 9px
    }
}

@media screen and (max-width: 400px) {
    .header-notification-control-dropdown {
        right: -8px;
        width: 360px
    }

    .header-notification-control-dropdown:before {
        right: 20px
    }
}

@media screen and (max-width: 380px) {
    .header-notification-control-dropdown {
        right: -9px;
        width: 344px
    }

    .header-notification-control-dropdown:before {
        right: 20px
    }
}

@media screen and (max-width: 350px) {
    .header-userpanel .logged-in .user-info {
        margin-right: 6px
    }

    .header-userpanel {
        width: 190px
    }

    .header-userpanel .logged-in .user-info-login {
        max-width: 86px
    }

    .header-userpanel .logged-in .user-info-login, .header-userpanel .logged-in .user-info-rate {
        font-size: 12px
    }

    .container:not(.user-not-logged) .header-userpanel {
        height: 50px
    }

    .header-userpanel .logged-in .user-info-userpic {
        top: -2px
    }

    .header-notification-control-dropdown {
        right: -12px;
        width: 310px
    }

    .header-notification-control-dropdown:before {
        right: 24px
    }
}

.header-logo {
    width: 156px
}

.header-logo img {
    width: 100%
}

@media screen and (max-width: 1300px) {
    .header-logo {
        max-width: 140px;
        width: 100%
    }

    logo .logo-text {
        font-size: 7px;
        line-height: 14px
    }
}

@media screen and (max-width: 720px) {
    .header-left {
        width: 134px
    }

    .logo .logo-text {
        line-height: 13px
    }
}

@media screen and (max-width: 520px) {
    .header-logo {
        max-width: 104px
    }
}

@media screen and (max-width: 380px) {
    .header-left {
        width: 100px
    }

    .logo .logo-text {
        font-size: 6px;
        line-height: 11px
    }
}

@media screen and (max-width: 350px) {
    .header-left {
        width: 94px
    }

    .logo .logo-text {
        font-size: 5px;
        letter-spacing: .5px;
        line-height: 12px
    }
}

.main-screen {
    margin-bottom: 54px
}

.main-screen .wrap-inner {
    min-height: 488px;
    display: flex;
    justify-content: space-between
}

@media (min-width: 721px) {
    .main-screen-left, .main-screen-right {
        display: flex
    }
}

@media (min-width: 721px) {
    .main-screen-left > *, .main-screen-right > * {
        width: 100%
    }
}

.main-screen-left {
    width: 66%;
    width: 896px
}

@media (max-width: 1400px) {
    .main-screen-left {
        width: 767px
    }
}

@media (max-width: 1300px) {
    .main-screen-left {
        width: 730px
    }
}

@media (max-width: 1150px) {
    .main-screen-left {
        width: 620px
    }
}

@media (max-width: 1000px) {
    .main-screen-left {
        width: 100%
    }
}

.main-screen-left .mobile-tournament-header, .main-screen-left .mobile-tournament-footer {
    display: none
}

.main-screen-right {
    width: 448px
}

@media (max-width: 1400px) {
    .main-screen-right {
        width: 372px
    }
}

@media (max-width: 1300px) {
    .main-screen-right {
        width: 350px
    }
}

@media (max-width: 1150px) {
    .main-screen-right {
        width: 320px
    }
}

@media (max-width: 1000px) {
    .main-screen-right {
        width: 100%
    }
}

.main-screen-right-banners {
    display: flex;
    flex-direction: column;
    gap: 13px
}

.main-screen-right-banners .table-banner {
    height: 238px;
    border-radius: 32px
}

.main-screen-right-banners .table-banner .table-banner__label {
    max-width: 140px
}

.main-screen-right-banners .table-banner .table-banner__header {
    margin-bottom: 10px
}

.main-screen-right-banners .table-banner .table-banner__body {
    height: 100%;
    display: flex;
    align-items: center
}

@media (max-width: 1400px) {
    .main-screen-right-banners .table-banner {
        height: 238px
    }
}

@media (max-width: 1150px) {
    .main-screen-right-banners .table-banner {
        height: 200px
    }

    .main-screen-right-banners .table-banner .table-banner__header {
        height: 36px
    }
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .main-screen-right-banners .table-banner.opened .table-banner__footer {
        display: none
    }
}

@media (max-width: 720px) {
    .main-screen-right-banners {
        margin-bottom: 40px
    }
}

@media (min-width: 1151px) {
    .main-screen-right .tournament__table .table-banner__description.short_description {
        font-size: 22px
    }
}

@media (min-width: 1151px) {
    .main-screen-right .tournament__table .table-banner__description.full_description {
        font-size: 15px
    }
}

.main-screen__banners {
    margin-top: 35px
}

@media (min-width: 721px) {
    .main-screen__banners {
        margin-top: 14px
    }
}

@media (min-width: 1001px) {
    .main-screen__banners {
        margin-top: 18px
    }
}

@media (min-width: 1151px) {
    .main-screen__banners {
        margin-top: 24px
    }
}

@media (min-width: 721px) {
    .main-screen__welcome-banner-mobile {
        display: none !important
    }
}

@media (max-width: 720px) {
    .main-screen__welcome-banner-desktop {
        display: none !important
    }
}

@media (max-width: 720px) {
    .main-screen {
        margin-bottom: 18px
    }
}

.promocode-block {
    border-radius: 32px;
    padding: 40px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.promocode-block-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    border-radius: inherit
}

.promocode-block-bg picture, .promocode-block-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.promocode-block-bg picture img, .promocode-block-bg img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.promocode-block-logo {
    position: relative;
    z-index: 2;
    margin-bottom: 16px;
    background: rgba(255, 255, 255, .1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 6px 8px
}

.promocode-block-logo-title {
    font-size: 14px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.promocode-block-logo img {
    height: 100%
}

.promocode-block-title {
    font-size: 36px;
    line-height: 1.1;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    letter-spacing: -2px;
    position: relative;
    z-index: 2
}

.promocode-block-title mark {
    border-radius: 12px;
    border: 1px solid #FFF;
    background: rgba(242, 242, 242, .12);
    display: inline-block;
    background: none;
    padding: 8px 16px;
    color: #fff;
    font-size: 32px;
    text-shadow: 0px 0px 12px rgba(255, 255, 255, .6);
    letter-spacing: -1px;
    margin-bottom: 3px
}

.promocode-block-text {
    font-size: 14px;
    line-height: 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2
}

.promocode-block-footnote {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-top: 14px;
    position: relative;
    z-index: 2;
    margin-bottom: 20px
}

.promocode-block-footnote p {
    margin-bottom: 8px;
    margin-top: 0
}

.promocode-block-footnote p:last-child {
    margin-bottom: 0
}

.promocode-block-footnote:before {
    display: none
}

.promocode-block-img-wrap img {
    display: block
}

.promocode-block-btn {
    width: 100%;
    margin-top: auto;
    position: relative;
    z-index: 2;
    border-radius: 16px;
    background: linear-gradient(180deg, #FF4AA4 0%, #B62DCC 100%)
}

.promocode-block-btn:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 16px;
    background: linear-gradient(90deg, #FF4AA4 5.43%, #C533C4 50%, #880AB5 100%);
    opacity: 0
}

.promocode-block-btn span {
    color: #fff
}

.promocode-block-btn:active {
    background: linear-gradient(90deg, #FF4AA4 5.43%, #C533C4 50%, #880AB5 100%);
    transition: none
}

.promocode-block-btn:active:before {
    opacity: 0;
    transition: none
}

.promocode-block-tooltip-icon {
    width: 40px;
    height: 40px;
    top: 28px;
    right: 26px;
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center
}

.promocode-block-tooltip-icon:before {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background: rgba(255, 255, 255, .12);
    content: "*";
    position: absolute;
    color: #fff;
    line-height: 58px;
    font-size: 42px;
    letter-spacing: -1px;
    text-transform: uppercase
}

.promocode-block.promo-1 .promocode-block-logo {
    height: 40px
}

.promocode-block.promo-1 .person {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 32px;
    overflow: hidden
}

.promocode-block.promo-1 .person picture, .promocode-block.promo-1 .person img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.promocode-block.promo-1 .person picture img, .promocode-block.promo-1 .person img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.promocode-block .promocode-block-footer {
    display: none
}

.dots {
    display: none;
    grid-gap: 7px;
    margin-top: 13px;
    justify-content: center
}

.dots-item {
    width: 32px;
    flex-shrink: 0;
    height: 5px;
    border-radius: 3px;
    background: #2A3756
}

.dots-item.active {
    background: linear-gradient(180deg, #00FFC8 0%, #00AAFD 92.31%)
}

@media (hover: hover) and (min-width: 1025px) {
    .tournament-block-info-link {
        transition: all .2s linear
    }

    .tournament-block-info-link:hover {
        background: rgba(255, 255, 255, .26)
    }

    .promocode-block-btn {
        overflow: visible
    }

    .promocode-block-btn:hover:before {
        opacity: 1
    }

    .promocode-block-btn:hover:active {
        background: linear-gradient(90deg, #FF4AA4 5.43%, #C533C4 50%, #880AB5 100%)
    }

    .promocode-block-btn:hover:active:before {
        opacity: 0
    }
}

@media screen and (max-width: 1300px) {
    .main-screen .wrap-inner {
        min-height: 378px
    }

    .promocode-block-footnote {
        border-radius: 32px;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 32px 30px;
        display: none;
        overflow: hidden
    }

    .promocode-block-footnote p {
        opacity: 0;
        position: relative;
        z-index: 1;
        color: #fff;
        font-size: 14px;
        line-height: 18px
    }

    .promocode-block-footnote p:first-child {
        padding-right: 50px
    }

    .promocode-block-footnote:before {
        position: absolute;
        display: block;
        top: -500px;
        right: -500px;
        content: "";
        width: 0;
        height: 0;
        border-radius: 50%;
        transition: all .3s linear;
        background: rgba(255, 255, 255, .02);
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px);
        will-change: auto
    }

    .promocode-block-footnote.opened {
        height: 100%
    }

    .promocode-block-footnote.opened:before {
        width: 1000px;
        height: 1000px;
        border-radius: 0;
        -webkit-backdrop-filter: blur(25px)
    }

    .promocode-block-footnote.opened p {
        transition: opacity .2s linear
    }

    .promocode-block-tooltip-icon {
        display: flex;
        z-index: 2
    }

    .promocode-block-tooltip-icon:before {
        transition: all .2s linear
    }

    .promocode-block-tooltip-icon.opened:before {
        background: #FFF;
        color: #9c42f5
    }

    .promocode-block {
        padding: 27px 27px 23px;
        overflow: hidden
    }

    .promocode-block-btn {
        height: 53px;
        border-radius: 16px
    }

    .promocode-block-btn:before, .promocode-block-btn:after {
        display: none
    }

    .promocode-block-btn.white-btn {
        background: linear-gradient(180deg, #FF4AA4 0%, #B62DCC 100%)
    }

    .promocode-block-btn.white-btn span {
        color: #fff;
        -webkit-text-fill-color: inherit;
        -webkit-background-clip: none;
        background: none
    }

    .safari-browser .promocode-block-footnote.opened:before {
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px)
    }
}

@keyframes openingBannerInfo {
    0% {
        width: 0;
        height: 0;
        border-radius: 50%
    }
    to {
        width: 1000px;
        height: 1000px;
        border-radius: 0
    }
}

@media screen and (max-width: 1150px) and (min-width: 1001px) {
    .main-screen-right-banners .table-banner__header, .main-screen-right-banners .table-banner__body {
        margin-bottom: 10px
    }

    .main-screen-right-banners .table-banner__description.full_description {
        font-size: 10px;
        line-height: 14px
    }
}

@media screen and (max-width: 1000px) {
    .main-screen-left, .main-screen-right {
        width: 100%
    }

    .user-not-logged .main-screen-right {
        display: none
    }

    .main-screen-right-banners {
        width: 100%;
        display: block;
        margin-top: 20px
    }

    .main-screen .wrap-inner {
        min-height: auto;
        flex-direction: column
    }

    .promocode-block-title mark {
        font-size: 26px
    }

    .promocode-block-title {
        font-size: 26px
    }

    .promocode-block-text {
        line-height: 22px
    }

    .promocode-block.promo-1 .promocode-block-logo {
        height: 34px
    }

    .main-screen-right-banners .table-banner {
        height: 220px
    }
}

@media screen and (max-width: 720px) {
    .main-screen .wrap-inner {
        flex-direction: column
    }

    .main-screen-left, .main-screen-right {
        width: 100%
    }

    .main-screen-left {
        position: relative
    }

    .main-screen-left .tournament-block .tournament-block-info, .main-screen-left .tournament-block .tournament-block-buttons {
        display: none
    }

    .main-screen-left .tournament-block-info-date, .main-screen-left .tournament-block-info-time {
        width: 100%;
        font-size: 15px
    }

    .main-screen-left .tournament-block.var-1 .person {
        width: 232px;
        height: 292px
    }

    .main-screen-left .tournament-block.var-1 .person picture {
        width: 100%
    }

    .main-screen-left .tournament-block-text {
        display: none
    }

    .main-screen-left .tournament-block-text.mobile-text {
        display: block
    }

    .main-screen-left .tournament-block {
        z-index: 1
    }

    .main-screen-left .mobile-tournament-header, .main-screen-left .mobile-tournament-footer {
        display: block
    }

    .main-screen-left .mobile-tournament-header {
        border-radius: 18px;
        background: #382155;
        height: 108px;
        padding: 7px 14px;
        position: absolute;
        top: 0;
        width: auto;
        left: 10px;
        right: 10px
    }

    .main-screen-left .mobile-tournament-footer {
        border-radius: 18px;
        background: linear-gradient(180deg, #182851 0%, #213F78 100%);
        padding: 18px 14px;
        position: absolute;
        bottom: 0;
        left: 10px;
        right: 10px;
        width: auto;
        height: 125px;
        display: flex;
        align-items: flex-end
    }

    .main-screen-left .mobile-tournament-footer .tournament-block-buttons {
        width: 100%
    }

    .main-screen-left .mobile-tournament-footer .tournament-block-buttons > * {
        width: 100%
    }

    .promocode-block {
        overflow: visible;
        margin-bottom: 80px
    }

    .promocode-block .promocode-block-footer {
        height: 142px;
        width: auto;
        position: absolute;
        bottom: -80px;
        left: 6px;
        right: 6px;
        display: block;
        border-radius: 18px;
        background: linear-gradient(0deg, #740179 0%, #48317C 100%);
        padding: 76px 16px 16px
    }

    .promocode-block .promocode-block-footer .btn {
        display: flex
    }

    .promocode-block .promocode-block-bg {
        z-index: 1;
        -webkit-mask-image: inherit
    }

    .promocode-block-btn {
        display: none
    }

    .dots {
        display: flex
    }

    .main-screen-left .tournament-block {
        min-height: 267px
    }

    .main-screen-left .tournament-block.var-1 .person {
        width: 248px;
        height: 305px;
        bottom: -1px;
        right: -13px
    }

    .main-screen-right-banners {
        width: 100%;
        display: block
    }
}

@media screen and (max-width: 520px) {
    .main-screen-left .tournament-block-info-date, .main-screen-left .tournament-block-info-time {
        padding-right: 0;
        font-size: 15px;
        white-space: nowrap;
        padding-left: 0;
        display: flex;
        justify-content: center
    }

    .main-screen-left .tournament-block-info-date:before, .main-screen-left .tournament-block-info-time:before {
        position: static;
        margin-right: 8px;
        margin-top: 0
    }

    .main-screen-left .tournament-block-info-date {
        width: 232px
    }

    .main-screen-left .tournament-block-title {
        font-size: 26px;
        line-height: 1.3
    }

    .main-screen-left .tournament-block-text.mobile-text {
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 0
    }

    .main-screen-left .mobile-tournament-footer .tournament-block-buttons .blue-btn {
        width: 100%;
        min-width: inherit;
        padding: 0 20px
    }

    .main-screen-left .mobile-tournament-footer .tournament-block-buttons .user-counter {
        width: auto;
        flex-shrink: 0
    }

    .promocode-block-title {
        font-size: 24px
    }

    .promocode-block-title br {
        display: none
    }

    .promocode-block-title mark {
        padding: 6px 10px;
        font-size: 22px;
        margin-right: 6px
    }

    .main-screen-right-banners .table-banner {
        height: 220px
    }
}

@media screen and (max-width: 720px) and (min-width: 521) {
    .games-list .table-banner .table-banner__description.full_description {
        font-size: 10px;
        line-height: 1
    }
}

@media screen and (max-width: 400px) {
    .main-screen-left .tournament-block-info-date, .main-screen-left .tournament-block-info-time {
        font-size: 14px
    }

    .main-screen-left .mobile-tournament-header {
        left: 5px;
        right: 5px
    }

    .main-screen-left .mobile-tournament-footer {
        left: 5px;
        right: 5px;
        padding: 14px
    }

    .main-screen-left .tournament-block {
        padding: 28px 20px
    }

    .main-screen-left .tournament-block-title {
        font-size: 24px
    }

    .main-screen-left .tournament-block-sum {
        font-size: 40px
    }

    .main-screen-left .tournament-block.var-1 .person {
        width: 210px;
        height: 264px
    }

    .main-screen-left .tournament-block-buttons > * {
        margin-right: 8px
    }

    .promocode-block {
        padding: 28px 20px
    }

    .main-screen-left .mobile-tournament-footer {
        padding-bottom: 12px
    }

    .promocode-block-footnote {
        padding-left: 20px
    }

    .main-screen-left .tournament-block.var-1 .person {
        width: 246px;
        height: 305px
    }
}

@media screen and (max-width: 380px) {
    .main-screen-left .tournament-block.var-1 .person {
        width: 230px;
        height: 284px
    }

    .main-screen-left .tournament-block {
        min-height: 250px
    }
}

@media screen and (max-width: 350px) {
    .main-screen-left .tournament-block-info-date, .main-screen-left .tournament-block-info-time {
        padding-left: 0;
        font-size: 12px
    }

    .main-screen-left .tournament-block-info-date:before, .main-screen-left .tournament-block-info-time:before {
        left: 6px
    }

    .main-screen-left .tournament-block-info-date {
        width: 208px
    }

    .main-screen-left .tournament-block.var-1 .person {
        width: 176px;
        height: 221px
    }

    .main-screen-left .tournament-block-title {
        font-size: 22px
    }

    .main-screen-left .tournament-block-sum {
        font-size: 36px
    }

    .main-screen-left .tournament-block-text.mobile-text {
        line-height: 21px;
        margin-top: 4px
    }

    .main-screen-left .tournament-block-buttons .user-counter {
        padding-left: 24px
    }

    .main-screen-left .tournament-block-buttons .user-counter:before {
        width: 16px;
        height: 16px;
        left: 10px;
        display: none
    }

    .main-screen-left .tournament-block-buttons .user-counter .btn-text {
        font-size: 12px
    }

    .main-screen-left .tournament-block-buttons .user-counter .count {
        padding: 0 6px;
        font-size: 12px
    }

    .main-screen-left .tournament-block.var-1 .person {
        width: 188px;
        height: 230px
    }

    .main-screen-left .tournament-block {
        min-height: 208px
    }

    .main-screen-left .tournament-block-text.mobile-text {
        font-size: 12px
    }

    .main-screen-right-banners .table-banner__header, .main-screen-right-banners .table-banner__body {
        margin-bottom: 10px
    }

    .main-screen-right-banners .table-banner__description.full_description {
        font-size: 11px;
        line-height: 14px
    }
}

.game-section-main-container.mobile {
    position: fixed;
    min-height: unset !important;
    max-height: unset !important;
    height: unset !important;
    aspect-ratio: unset !important;
    border-radius: unset !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.games-section .section-header {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}

.games-section .section-header .title {
    margin-bottom: 0
}

.games-section .section-header .title__with-bonus {
    display: flex;
    gap: 7px
}

@media (max-width: 520px) {
    .games-section .section-header .title__with-bonus {
        font-size: 16px
    }
}

@media (max-width: 380px) {
    .games-section .section-header .title__with-bonus {
        font-size: 14px
    }
}

@media (max-width: 350px) {
    .games-section .section-header .title__with-bonus {
        font-size: 12px
    }
}

.games-section .section-header .bonus-title {
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    display: flex;
    gap: 7px;
    align-items: center
}

.games-section .section-header .bonus-title-value {
    border-radius: 4px;
    background: #078749;
    width: auto;
    line-height: 26px;
    padding: 0 7px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

@media (max-width: 520px) {
    .games-section .section-header .bonus-title-value {
        font-size: 11px
    }
}

.games-section .section-header .bonus-title-text {
    line-height: 1
}

@media (max-width: 520px) {
    .games-section .section-header .bonus-title {
        font-size: 12px;
        text-transform: none
    }
}

@media (max-width: 380px) {
    .games-section .section-header .bonus-title {
        font-size: 10px
    }
}

.games-section .section-header .title, .games-section .section-header .search-block {
    margin-right: 32px
}

@media (max-width: 400px) {
    .games-section .section-header .title, .games-section .section-header .search-block {
        margin-right: 8px
    }
}

.games-section .section-header .tabs-block {
    margin-left: auto
}

.games-section .section-header.two-levels {
    display: flex;
    flex-direction: column
}

.games-section .section-header.two-levels .section-header-top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.games-section .section-header.two-levels .section-header-top .search-block {
    width: 328px;
    margin-right: 0
}

.games-section .section-header.two-levels .section-header-bottom {
    width: 100%
}

.games-section .section-header.two-levels .section-header-bottom .tabs-block {
    width: 100%;
    justify-content: space-between
}

.games-section .section-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

.games-list {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    grid-gap: 24px;
    transition: opacity .2s linear
}

.games-list .game-preloader-item {
    background: rgba(255, 255, 255, .02);
    position: relative;
    pointer-events: none;
    overflow: hidden;
    border-radius: 24px
}

.games-list .game-preloader-item:after {
    position: absolute;
    content: "";
    top: 50%;
    left: -350%;
    margin-top: -200px;
    height: 400px;
    width: 400px;
    background: #fff;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 40%, #ffffff 60%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 40%, #ffffff 60%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 40%, #ffffff 60%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#00ffffff", GradientType=1);
    opacity: .05;
    animation: loadingGames 2s linear infinite
}

.games-list .game-preloader-item:before {
    display: none
}

.games-list .table-banner {
    grid-column: span 2;
    margin-top: 0;
    height: 195px
}

.games-list .table-banner .table-banner__description {
    padding-right: 4px;
    font-size: 15px;
    line-height: 16px
}

.games-list .table-banner .table-banner__description.full_description {
    font-size: 12px;
    line-height: 14px
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .games-list .table-banner .table-banner__description.full_description {
        font-size: 11px;
        line-height: 12px
    }
}

@media (max-width: 520px) {
    .games-list .table-banner .table-banner__description {
        font-size: 18px;
        line-height: 21px
    }

    .games-list .table-banner .table-banner__description.full_description {
        font-size: 12px;
        line-height: 14px
    }
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .games-list .table-banner .table-banner__header {
        height: 33px
    }
}

.games-list .table-banner .table-banner__label {
    line-height: 1.2;
    max-width: 140px
}

.games-list .table-banner .table-banner__btn {
    font-size: 13px;
    padding: 0 5px
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .games-list .table-banner .table-banner__btn {
        height: 34px;
        font-size: 11px
    }
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .games-list .table-banner .table-banner__code {
        height: 34px;
        font-size: 12px
    }
}

.games-list .table-banner .table-banner__header, .games-list .table-banner .table-banner__body {
    margin-bottom: 8px
}

.games-list .table-banner.opened .table-banner__footer {
    display: none
}

.games-list .table-banner.opened .table-banner__body {
    margin-bottom: 0
}

@media (max-width: 1400px) {
    .games-list .table-banner {
        height: 220px
    }
}

@media (max-width: 1300px) {
    .games-list .table-banner {
        height: 220px
    }
}

@media (max-width: 1150px) {
    .games-list .table-banner {
        height: 187px
    }
}

@media (max-width: 1000px) {
    .games-list .table-banner {
        height: 223px
    }
}

@media (max-width: 800px) {
    .games-list .table-banner {
        height: 207px
    }
}

@media (max-width: 720px) {
    .games-list .table-banner {
        height: 194px
    }
}

@media (max-width: 520px) {
    .games-list .table-banner {
        grid-column: span 3;
        height: 230px
    }
}

@media (max-width: 350px) {
    .games-list .table-banner {
        grid-column: span 2
    }
}

.games-list .telegram-item {
    border: 1px solid #00FFC8
}

.games-list .telegram-item .games-item-hover-gradient {
    background: linear-gradient(151deg, rgba(77, 90, 112, 0.92) 0%, rgba(43, 78, 175, 0.92) 94.28%)
}

.games-list .telegram-item .games-item-hover {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.games-list .telegram-item .games-item-hover-text {
    font-size: 18px;
    color: #fff;
    line-height: 22px;
    letter-spacing: -.72px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    z-index: 1;
    position: relative
}

.games-list .telegram-item .games-item-hover-btn {
    border-radius: 12px;
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    height: 44px;
    width: 100%;
    color: #fff;
    font-size: 11px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: -.5px;
    text-transform: uppercase;
    position: relative;
    z-index: 1111;
    display: flex;
    justify-content: center;
    align-items: center
}

.games-list .telegram-item .games-item-hover-btn:before {
    width: 20px;
    height: 20px;
    content: "";
    background: url(/assets/telegram-white-1884a2ce.svg);
    margin-right: 4px;
    margin-top: -2px
}

@media (max-width: 1400px) {
    .games-list .telegram-item .games-item-hover-btn {
        font-size: 13px
    }
}

@media (max-width: 1150px) {
    .games-list .telegram-item .games-item-title {
        font-size: 13px
    }
}

@media (max-width: 520px) {
    .games-list .telegram-item .games-item-title {
        font-size: 10px
    }
}

@media (max-width: 400px) {
    .games-list .telegram-item .games-item-title {
        font-size: 9px
    }
}

@media (hover: hover) and (min-width: 1025px) {
    .games-list .telegram-item:hover .games-item-title {
        opacity: 0
    }
}

.games-item {
    height: 220px;
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    background: #18182E;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media (hover: hover) and (min-width: 1025px) {
    .games-item .games-item-hover-gradient {
        background: rgba(25, 106, 165, .4)
    }
}

@media (min-width: 1401px) {
    .games-item .games-item-title {
        padding: 8px;
        min-height: 60px;
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 1300px) {
    .games-item {
        height: 220px
    }
}

@media (max-width: 1150px) {
    .games-item {
        height: 183px
    }
}

@media (max-width: 1000px) {
    .games-item {
        height: 223px
    }
}

@media (max-width: 800px) {
    .games-item {
        height: 207px
    }
}

@media (max-width: 720px) {
    .games-item {
        height: 294px
    }
}

@media (max-width: 520px) {
    .games-item {
        height: 234px
    }
}

@media (max-width: 400px) {
    .games-item {
        height: 221px
    }
}

@media (max-width: 380px) {
    .games-item {
        height: 208px
    }
}

@media (max-width: 350px) {
    .games-item {
        height: 183px
    }
}

.games-item-gradient {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    border-radius: 0 0 24px 24px
}

.games-item-gradient img, .games-item-gradient object, .games-item-gradient svg {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0
}

.games-item:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1;
    border-radius: inherit
}

.games-item-preview {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.games-item-preview picture, .games-item-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.games-item-preview picture img, .games-item-preview img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.games-item-preview:before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    position: absolute;
    content: ""
}

.games-item-preview .video-preview {
    padding-bottom: 100%;
    height: 0;
    position: relative
}

.games-item-preview .video-preview video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.games-item-title {
    position: relative;
    z-index: 2;
    padding: 16px 10px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, .4);
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    min-height: 72px;
    display: flex;
    justify-content: center;
    align-items: center
}

.games-item-title .span-outher {
    display: inline-block;
    overflow: hidden;
    height: 40px;
    transition: height .2s linear
}

.games-item-title .span-inner {
    display: flex;
    min-height: 40px;
    align-items: center
}

@media (max-width: 1300px) {
    .games-item-title {
        font-size: 15px
    }
}

.games-item-provider {
    font-size: 14px;
    line-height: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-align: center;
    position: relative;
    z-index: 2;
    color: #fff
}

.games-item-hover {
    padding: 12px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 2;
    opacity: 0
}

.games-item-hover-gradient {
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: inherit;
    z-index: 1;
    overflow: hidden
}

.games-item-hover-gradient svg, .games-item-hover-gradient img, .games-item-hover-gradient object {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom
}

.games-item-play-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1) url(/assets/play-icon-d8630a20.svg) center center no-repeat;
    background-size: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin-top: -24px;
    margin-left: -24px;
    will-change: transform;
    transition: transform .2s linear
}

.games-item-pattern {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: auto;
    left: -2px;
    right: -2px
}

.games-item-pattern:before {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK4AAABeCAMAAACNQN/FAAAAe1BMVEUAAAAGLWkGLWkFLWkGLGkGLWgGLGgFLmoGLGkHLWkGLWgFLmcGLWcGLmkGLWkGLWgHLGgGLGkGLWgHLWkGLWkFLWkHLGYGLWkKLmMKMWwAMHAHLGgALWkAMGAHKmMFLWoGLWgHLWcGLmkFLGgGLWkFLWkGLWkGLGkGLWn7BUUCAAAAKHRSTlMAzsW7sp+VjHlvUzYtqIL0QFzhSdhmI+oaGhDrERAkZddK4F3zP4OnKfja8AAAAjtJREFUeNrsjtmS20AIRcm+75NJbEveYnvy/1+YC418ZEsZ1zx2VR8BDRcatTUajUaj0Wg0Gk9i2fX9slv23bLr+q7XuVTZ6ZQgXV01u9CUaUR4W8XS5RjxZgz1MeVLvYqyV4zd5b5UWWyJS52fyoK+PMYvZSs6samTaIvF70W4glDmUSZPtXSizMCkAs1FNjMrXupI8xtCOpadgCq3RMPW9/frtcI1rhU5JhDdImBykdl00ZD4VyokGWOTVfpc4B32sSrsQ1XY1+Aoh6M+pGMGEuAKV2e3kFHPnsA6eRb245rdblwMcTfR6HBy9zJhijTm+aErYbDLvuul2Nn7qrBvwZ+M8rBUh+wsjAcRwCt6RI55+BfwGCZs89PZDJbVZTnONnKRik7ao1WwSYH581R4jigpGVsjR4whe1cV9rYq7PMFJ7fHoH3iwol6fm7aIr39x1Hf3lSFva4Ke1UV9mmGh0c08ts85JHJzcW319nLqrAXVWHPq8KeVYXdbe9gq0LmYSuTX3WzVypyzwgInNzUVsQQKFiZY+ilsP33/7EnjkUZWhYIWaJQeESNsB8CV9NQ4hg0W/3yb2DlJl9FTD9PxGyOMEVnkAdPDakYP0NFkInRyCC6bocvzkEHHPRlFoF8Fnq56yBnKRHQpj20aWl/q6I9d0R7blW0545oz/3X7hzTAAAAMAzy73rvLDQBBaToHt0U3aObont0U3SPboru0U3RPbopukc3Rffopuge3RTdo5uie3RTYt0BUtGtecvw8R4AAAAASUVORK5CYII=) right bottom no-repeat;
    background-size: contain;
    content: ""
}

.games-item-pattern img, .games-item-pattern object, .games-item-pattern svg {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0
}

.games-item--tag {
    height: 24px;
    line-height: 24px;
    width: 180px;
    position: absolute;
    z-index: 1;
    top: 26px;
    right: -52px;
    transform: rotate(45deg);
    background: linear-gradient(223deg, #FE595F 32.69%, #DB363B 55.09%);
    color: #fff;
    text-align: center;
    text-shadow: 0px 2px 1px #CC363B;
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    font-size: 9px;
    letter-spacing: -.4px;
    text-transform: uppercase
}

.games-item--tag br {
    display: none
}

@media (max-width: 520px) {
    .games-item--tag {
        width: 120px;
        padding: 3px 20px;
        line-height: 1;
        right: -32px;
        top: 16px
    }

    .games-item--tag br {
        display: inline
    }
}

@media (max-width: 400px) {
    .games-item--tag {
        font-size: 10px
    }
}

.games-item.games-item__hot {
    order: -1
}

.discord-banner-item {
    background: url(/assets/discord-bg-f2370e33.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 24px;
    border: 2px solid #FEFF00;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.discord-banner-item-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 17px 12px 12px;
    transition: all .3s cubic-bezier(.65, 0, .35, 1)
}

@media (max-width: 1400px) {
    .discord-banner-item-inner {
        gap: 14px
    }
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .discord-banner-item-inner {
        gap: 8px
    }
}

@media (max-width: 800px) {
    .discord-banner-item-inner {
        gap: 8px
    }
}

@media (max-width: 520px) {
    .discord-banner-item-inner {
        padding: 12px 10px
    }
}

@media (max-width: 400px) {
    .discord-banner-item-inner {
        gap: 6px
    }
}

@media (max-width: 350px) {
    .discord-banner-item-inner {
        gap: 3px
    }
}

.discord-banner-item-icon {
    width: 30px;
    transition: all .3s cubic-bezier(.65, 0, .35, 1)
}

.discord-banner-item-icon img {
    width: 100%
}

@media (max-width: 1400px) {
    .discord-banner-item-icon {
        width: 38px
    }
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .discord-banner-item-icon {
        width: 30px
    }
}

@media (max-width: 720px) {
    .discord-banner-item-icon {
        width: 30px
    }
}

@media (max-width: 520px) {
    .discord-banner-item-icon {
        width: 22px
    }
}

@media (max-width: 350px) {
    .discord-banner-item-icon {
        width: 18px
    }
}

.discord-banner-item-title {
    color: #fff;
    text-align: center;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, .18);
    font-family: Montserrat, sans-serif;
    font-weight: 900;
    font-size: 13px;
    line-height: 1.1;
    letter-spacing: -1px;
    text-transform: uppercase
}

@media (max-width: 1400px) {
    .discord-banner-item-title {
        font-size: 15px
    }
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .discord-banner-item-title {
        font-size: 12px
    }
}

@media (max-width: 720px) {
    .discord-banner-item-title {
        font-size: 13px
    }
}

@media (max-width: 520px) {
    .discord-banner-item-title {
        font-size: 10px
    }
}

@media (max-width: 350px) {
    .discord-banner-item-title {
        font-size: 9px
    }
}

.discord-banner-item-logo {
    width: 80px;
    transition: all .3s cubic-bezier(.65, 0, .35, 1)
}

.discord-banner-item-logo img {
    width: 100%
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .discord-banner-item-logo {
        width: 72px
    }
}

@media (max-width: 520px) {
    .discord-banner-item-logo {
        width: 60px
    }
}

@media (max-width: 380px) {
    .discord-banner-item-logo {
        width: 50px
    }
}

@media (max-width: 350px) {
    .discord-banner-item-logo {
        width: 42px
    }
}

.discord-banner-item-btn {
    width: 100%;
    height: 44px;
    border-radius: 12px;
    background: #FEFF00;
    color: #18182e;
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    font-size: 13px;
    letter-spacing: -.5px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    opacity: 0;
    transition: all .3s cubic-bezier(.65, 0, .35, 1)
}

.discord-banner-item-btn:before {
    width: 20px;
    height: 20px;
    background: url(/assets/discord-icon-btn-ea7a1526.svg) center center no-repeat;
    background-size: contain;
    content: ""
}

@media (hover: hover) {
    .discord-banner-item:hover, .discord-banner-item:hover * {
        cursor: pointer
    }

    .discord-banner-item:hover .discord-banner-item-btn {
        opacity: 1
    }

    .discord-banner-item:hover .discord-banner-item-icon {
        opacity: 0
    }

    .discord-banner-item:hover .discord-banner-item-inner {
        transform: translateY(-38px)
    }

    .discord-banner-item:hover .discord-banner-item-logo {
        width: 65px
    }
}

@media (hover: hover) and (max-width: 520px) {
    .discord-banner-item:hover .discord-banner-item-btn {
        height: 32px;
        border-radius: 8px;
        font-size: 10px
    }

    .discord-banner-item:hover .discord-banner-item-btn:before {
        display: none
    }
}

@media (hover: hover) and (max-width: 1400px) {
    .discord-banner-item:hover .discord-banner-item-inner {
        transform: translateY(-48px)
    }
}

@media (hover: hover) and (max-width: 1150px) and (min-width: 1001px) {
    .discord-banner-item:hover .discord-banner-item-inner {
        transform: translateY(-41px)
    }
}

@media (hover: hover) and (max-width: 800px) {
    .discord-banner-item:hover .discord-banner-item-inner {
        transform: translateY(-42px)
    }
}

@media (hover: hover) and (max-width: 720px) {
    .discord-banner-item:hover .discord-banner-item-inner {
        transform: translateY(-38px)
    }
}

@media (hover: hover) and (max-width: 520px) {
    .discord-banner-item:hover .discord-banner-item-inner {
        transform: translateY(-30px)
    }
}

@media (hover: hover) and (max-width: 350px) {
    .discord-banner-item:hover .discord-banner-item-inner {
        transform: translateY(-25px)
    }
}

@media (hover: hover) and (max-width: 1400px) {
    .discord-banner-item:hover .discord-banner-item-logo {
        width: 72px
    }
}

@media (hover: hover) and (max-width: 1150px) and (min-width: 1001px) {
    .discord-banner-item:hover .discord-banner-item-logo {
        width: 62px
    }
}

@media (hover: hover) and (max-width: 720px) {
    .discord-banner-item:hover .discord-banner-item-logo {
        width: 65px
    }
}

@media (hover: hover) and (max-width: 520px) {
    .discord-banner-item:hover .discord-banner-item-logo {
        width: 48px
    }
}

@media (hover: hover) and (max-width: 380px) {
    .discord-banner-item:hover .discord-banner-item-logo {
        width: 38px
    }
}

@media (hover: hover) and (max-width: 350px) {
    .discord-banner-item:hover .discord-banner-item-logo {
        width: 32px
    }
}

.search-block {
    width: 180px;
    height: 48px;
    flex-shrink: 0
}

.search-block-input-wrap {
    position: relative
}

.search-block-input-wrap:before {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    background: url(/assets/search-c4ecad7a.svg) center center no-repeat;
    background-size: contain;
    left: 16px;
    top: 50%;
    margin-top: -10px;
    opacity: .4
}

.search-block-input-wrap .reset {
    width: 18px;
    height: 18px;
    background: linear-gradient(180deg, rgba(147, 156, 186, .45) 0%, rgba(82, 93, 136, .45) 100%);
    border-radius: 50%;
    position: absolute;
    right: 17px;
    top: 50%;
    margin-top: -9px
}

.search-block-input-wrap .reset:before {
    width: 8px;
    height: 8px;
    background: url(/assets/search-close-input-25318cbd.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.search-block-input {
    width: 100%;
    display: block;
    background: rgba(255, 255, 255, .02);
    border: .5px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    height: 48px;
    padding: 0 16px 0 52px;
    color: #fff;
    background: none;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 14px
}

.search-block-input::placeholder {
    color: #fff6
}

.search-block .search-popup {
    display: none
}

.search-block.active {
    z-index: 3;
    position: relative
}

.search-block.active .search-block-input {
    border: 0;
    padding: 0
}

.search-block.active .search-block-input-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    background: #2C4A63;
    border: .5px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    padding: 0 16px
}

.search-block.active .search-block-input-wrap:before {
    display: none
}

.search-block.active .search-results {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow: auto;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.search-block.active .search-results::-webkit-scrollbar {
    width: 0
}

.search-block.active .search-results-list {
    padding: 8px 0;
    border-top: 1px solid rgba(255, 255, 255, .08)
}

.search-block.active .search-results-list-item {
    display: flex;
    grid-gap: 12px;
    align-items: center;
    padding: 4px 0
}

.search-block.active .search-results-list-item-logo {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    flex-shrink: 0;
    overflow: hidden
}

.search-block.active .search-results-list-item-logo picture, .search-block.active .search-results-list-item-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.search-block.active .search-results-list-item-logo picture img, .search-block.active .search-results-list-item-logo img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.search-block.active .search-results-list-item-title {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tabs-block {
    display: flex;
    grid-gap: 14px
}

.tabs-block-item {
    width: 100%;
    min-width: 84px;
    text-align: center;
    height: 56px;
    padding: 12px 15px 10px;
    background: rgba(255, 255, 255, .06);
    border-radius: 16px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.tabs-block-item:hover, .tabs-block-item:hover * {
    cursor: pointer
}

.tabs-block-item img, .tabs-block-item picture {
    width: 100%;
    height: 100%;
    object-position: center center;
    object-fit: contain;
    opacity: .8
}

.tabs-block-item span, .tabs-block-item img, .tabs-block-item picture {
    position: relative;
    z-index: 1
}

.tabs-block-item:before {
    border: 2px solid rgba(255, 255, 255, .12);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: inherit
}

.tabs-block-item.current {
    background: none
}

.tabs-block-item.current:before {
    border-color: #00aafd
}

.tabs-block-item.current span {
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.tabs-block-item.current .live-tag {
    border-color: #00aafd
}

.tabs-block-item .live-tag {
    width: auto;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #44445A;
    background: #2B2B43;
    padding: 0 8px;
    color: #ff4aa4;
    font-size: 11px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translate(-50%);
    text-transform: none;
    line-height: 15px
}

.tabs-block-item:first-child {
    max-width: 140px
}

.show-more-btn {
    width: auto;
    min-width: 160px;
    height: 56px;
    text-align: center;
    border-radius: 16px;
    background: none;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    padding: 0 30px;
    margin-top: 40px;
    border: 2px solid #00AAFD
}

.show-more-btn span {
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.game-section .wrap-inner {
    display: flex;
    justify-content: center
}

.game-section-main {
    width: auto;
    height: auto;
    border-radius: 12px 0 12px 12px;
    position: relative;
    margin-right: 24px
}

.game-section-main-container {
    background: #18182E;
    border-radius: 12px 0 12px 12px;
    -webkit-backdrop-filter: blur(54.36563492px);
    backdrop-filter: blur(54.36563492px);
    overflow: hidden;
    width: auto;
    height: 77vh;
    max-height: 570px;
    aspect-ratio: 16/9
}

.game-section-main-container iframe {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border: 0
}

.game-section-main-controls {
    background: #18182E;
    border-radius: 8px 8px 0 0;
    position: absolute;
    right: 0;
    top: -24px;
    display: flex;
    overflow: hidden
}

.game-section-main-controls .game-control {
    width: auto;
    height: 24px;
    position: relative;
    background: none;
    border: 0;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    color: #a3a3ab;
    padding: 0 28px 0 10px
}

.game-section-main-controls .game-control:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 8px;
    margin-top: -8px;
    opacity: .6
}

.game-section-main-controls .game-control.control-fullscreen:before {
    background-image: url(/assets/fullscreen-icon-6efeba07.svg)
}

.game-section-main-controls .game-control.control-close {
    background: rgba(58, 58, 79, .25)
}

.game-section-main-controls .game-control.control-close:before {
    background-image: url(/assets/close-icon-1c66801f.svg)
}

.game-section-aside {
    width: 250px;
    height: 77vh;
    max-height: 570px;
    position: relative;
    flex-shrink: 0
}

.game-section-aside-item {
    position: relative;
    padding-top: 78px;
    padding-bottom: 122px;
    height: 100%;
    max-height: 644px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(135deg, #131323 3.7%, rgba(41, 52, 103, .56) 51.37%, #011332 97.08%)
}

.game-section-aside-item-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.game-section-aside-item-img picture, .game-section-aside-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.game-section-aside-item-img picture img, .game-section-aside-item-img img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.game-section-aside-item-title {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: -2px;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 14px
}

.game-section-aside-item-title mark {
    border-radius: 12px;
    border: 1px solid #FFF;
    background: rgba(242, 242, 242, .12);
    display: inline-block;
    background: none;
    padding: 8px 16px;
    color: #fff;
    font-size: 32px;
    text-shadow: 0px 0px 12px rgba(255, 255, 255, .6);
    letter-spacing: -1px;
    margin-bottom: 3px
}

.game-section-aside-item-text {
    position: relative;
    z-index: 1;
    font-size: 14px;
    line-height: 1.7;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.game-section-aside-item-footnote {
    position: relative;
    z-index: 1;
    font-size: 12px;
    line-height: 1.3;
    color: #ffffffad;
    margin-bottom: 20px
}

.game-section-aside-item-footnote p:last-child {
    margin-bottom: 0
}

.game-section-aside-item-footnote p:first-child {
    margin-top: 0
}

.game-section-aside-item-btn {
    position: relative;
    z-index: 1;
    margin-top: auto
}

.game-section-aside-item .players-table {
    overflow: auto;
    height: 100%;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.game-section-aside-item .players-table::-webkit-scrollbar {
    width: 0
}

.game-section-aside-item .players-table.loading {
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.game-section-aside-item .players-table.loading .players-table-row-userpic {
    background: rgba(255, 255, 255, .1)
}

.game-section-aside-item .players-table.loading .players-table-row-userpic img {
    display: none
}

.game-section-aside-item .players-table.loading .players-table-row {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.game-section-aside-item .players-table.loading .players-table-row:nth-child(odd) {
    background: rgba(255, 255, 255, .02)
}

.game-section-aside-item .players-table.loading .players-table-row:nth-child(odd):before {
    display: block;
    animation: loadingTable 2s linear infinite;
    position: absolute;
    content: "";
    top: 50%;
    left: -100%;
    margin-top: -200px;
    height: 400px;
    width: 400px;
    background: #fff;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6ffffff", endColorstr="#00000000", GradientType=1);
    opacity: .1
}

.game-section-aside-item .players-table.loading .players-table-row-username, .game-section-aside-item .players-table.loading .players-table-row-sum {
    color: transparent;
    position: relative
}

.game-section-aside-item .players-table.loading .players-table-row-username:before, .game-section-aside-item .players-table.loading .players-table-row-sum:before {
    position: absolute;
    width: 35px;
    height: 11px;
    border-radius: 8px;
    opacity: .4;
    background: rgba(255, 255, 255, .1);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: ""
}

.game-section-aside-item .players-table.loading .players-table-row-num {
    display: none
}

.game-section-aside-item .players-table.loading .players-table-row.selected {
    position: static
}

.game-section-aside-item .players-table.loading .players-table-row-username:before {
    width: 80px
}

.game-section-aside-item .players-table-row {
    display: flex;
    align-items: center;
    padding: 12px
}

.game-section-aside-item .players-table-row:nth-child(odd) {
    background: rgba(255, 255, 255, .04)
}

.game-section-aside-item .players-table-row:nth-child(1) {
    background: linear-gradient(90deg, rgba(255, 221, 40, 0) 0%, rgba(255, 221, 40, .2) 100%)
}

.game-section-aside-item .players-table-row.selected {
    position: sticky;
    bottom: 0;
    background: linear-gradient(102deg, #116F80 0%, #09558B 100%)
}

.game-section-aside-item .players-table-row-userpic {
    width: 36px;
    height: 36px;
    margin-right: 12px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden
}

.game-section-aside-item .players-table-row-userpic picture, .game-section-aside-item .players-table-row-userpic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.game-section-aside-item .players-table-row-userpic picture img, .game-section-aside-item .players-table-row-userpic img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.game-section-aside-item .players-table-row-data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 12px;
    overflow: hidden
}

.game-section-aside-item .players-table-row-username {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.game-section-aside-item .players-table-row-sum {
    width: 100%;
    font-size: 12px;
    line-height: 16px;
    color: #fff9;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.game-section-aside-item .players-table-row-num {
    font-size: 14px;
    line-height: 24px;
    color: #fff9;
    flex-shrink: 0;
    margin-left: auto;
    text-align: right
}

.game-section-aside-item .players-table-row:nth-child(-n+3) .players-table-row-num {
    flex-shrink: 0;
    position: relative;
    width: 60px;
    padding-left: 40px
}

.game-section-aside-item .players-table-row:nth-child(-n+3) .players-table-row-num:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: -20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px
}

.game-section-aside-item .players-table-row:nth-child(1) .players-table-row-num:before {
    background-image: url(/assets/first-pos-a03af2b1.png)
}

.game-section-aside-item .players-table-row:nth-child(2) .players-table-row-num:before {
    background-image: url(/assets/second-pos-ec26f2c7.png)
}

.game-section-aside-item .players-table-row:nth-child(3) .players-table-row-num:before {
    background-image: url(/assets/third-pos-5ef784af.png)
}

.game-section-aside-item.promotion-item {
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-backdrop-filter: blur(54.3656px);
    backdrop-filter: blur(54.3656px)
}

.game-section-aside-item.promotion-item.promotion-item-1 {
    background: url(/assets/promo-game-bg-2-7c7a51cc.png) center right no-repeat;
    background-size: cover
}

.game-section-aside-item.promotion-item.promotion-item-1 .slot-footer {
    background: rgba(255, 82, 82, .15);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.game-section-aside-item.promotion-item.promotion-item-1 .game-section-aside-item-img img {
    height: 136%
}

.game-section-aside-item.top-players-item {
    display: flex;
    flex-direction: column;
    padding-top: 72px;
    padding-bottom: 100px
}

.game-section-aside-item.top-players-item .slot-footer {
    background: #1B2749
}

.game-section-aside-item .slot-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.game-section-aside-item .slot-footer-text {
    color: #fff9;
    margin-bottom: 12px;
    text-align: center;
    font-size: 12px
}

.game-section-aside-item .slot-footer-logo {
    height: 50px;
    padding: 15px;
    background: rgba(255, 255, 255, .12);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center
}

.game-section-aside-item .slot-footer-logo picture, .game-section-aside-item .slot-footer-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.game-section-aside-item .slot-footer-logo picture img, .game-section-aside-item .slot-footer-logo img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.game-section-aside-item .slot-footer-logo.endorphina {
    padding: 9px
}

.game-section-aside-tabs {
    padding: 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.game-section-aside-tabs .switch-block {
    border-radius: 12px;
    height: 40px;
    transition: background .2s linear
}

.game-section-aside-tabs .switch-block.banner-active {
    background: rgba(255, 255, 255, .16)
}

.game-section-aside-tabs .switch-block.players-active {
    background: rgba(255, 255, 255, .04)
}

.game-section-aside-tabs .switch-tabs .switch-tabs-item, .game-section-aside-tabs .switch-tabs .substrate {
    width: 50%;
    height: 32px;
    border-radius: 8px
}

.game-section-aside-tabs .switch-tabs .switch-tabs-item {
    font-size: 10px
}

.game-section-aside-tabs .switch-tabs .switch-tabs-item.current {
    color: #fff
}

.game-section .top-players-title {
    padding: 20px;
    background: #283454;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.game-section:not(.game-section-full) .control-fullscreen-off, .game-section:not(.game-section-full) .top-players-title {
    display: none
}

.game-section-full {
    position: fixed;
    padding: 60px 38px;
    background-color: #131323e6;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    overflow: hidden;
    margin: 0 !important
}

.game-section-full .promocode-block-tooltip-icon {
    display: flex;
    z-index: 2
}

.game-section-full .promocode-block-tooltip-icon:before {
    transition: all .2s linear
}

.game-section-full .promocode-block-tooltip-icon.opened:before {
    background: #FFF;
    color: #9c42f5
}

.game-section-full .wrap {
    width: 100% !important;
    max-width: 100% !important
}

.game-section-full .wrap, .game-section-full .wrap-inner {
    height: 100%
}

.game-section-full .game-section-main {
    flex-grow: 1
}

.game-section-full .game-section-aside, .game-section-full .top-players-item {
    height: 100%;
    max-height: unset !important
}

.game-section-full .game-section-aside-item {
    max-height: 100%
}

.game-section-full .game-section-main-container {
    height: 100%;
    max-height: none;
    aspect-ratio: inherit
}

.game-section-full .game-section-main-controls .game-control.control-fullscreen:before {
    background-image: url(/assets/fullscreen-icon-inverse-9bbaa973.svg)
}

.game-section-full .control-fullscreen-on {
    display: none
}

.bonus-banner-box {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 15px;
    padding-top: 75px
}

.bonus-banner-box .table-banner__logo {
    border-radius: 12px
}

.bonus-banner-box .table-banner__label {
    display: none
}

.bonus-banner-box .table-banner__description {
    font-size: 15px;
    line-height: 1;
    padding-right: 3px
}

.bonus-banner-box .table-banner {
    padding: 10px 13px;
    flex: 1 1 0;
    height: 0
}

.bonus-banner-box .table-banner.opened .table-banner__footer {
    display: none
}

.bonus-banner-box .table-banner__header, .bonus-banner-box .table-banner__body {
    margin-bottom: 6px
}

.bonus-banner-box .table-banner__footer {
    gap: 8px
}

.bonus-banner-box .table-banner__btn, .bonus-banner-box .table-banner__code {
    height: 36px;
    border-radius: 9px;
    font-size: 11px
}

.bonus-banner-box .table-banner__code .copy-btn {
    right: 4px
}

.bonus-banner-box .table-banner__description.full_description {
    font-size: 12px;
    line-height: 15px
}

@media (max-width: 1150px) {
    .bonus-banner-box .table-banner__code {
        min-width: 90px
    }
}

.other-games {
    overflow: hidden;
    padding-bottom: 32px
}

.other-games .title {
    margin-bottom: 0
}

.other-games .games-item {
    height: 220px
}

.games-list-slider {
    display: flex
}

.games-list-slider-inner {
    display: flex;
    width: auto;
    grid-gap: 24px
}

.games-list-slider .games-item {
    width: 174px;
    flex-shrink: 0
}

.no-results {
    width: 100%;
    padding: 58px;
    border-radius: 24px
}

.no-results-text {
    width: 100%;
    padding-top: 84px;
    position: relative;
    color: #fff9;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.no-results-text:before {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 0;
    background: url(/assets/no-results-9cad52ad.svg) center center no-repeat;
    background-size: contain;
    transform: translate(-50%);
    content: ""
}

.game-info-section .wrap-inner {
    display: flex;
    justify-content: flex-end;
    position: relative
}

.game-info-section .game-section-aside {
    display: none
}

.game-info-section .game-section-aside-item .players-table {
    height: auto
}

.provider-section {
    width: 420px;
    border-radius: 20px;
    background: radial-gradient(129.85% 85.58% at 18.51% 6.26%, rgba(0, 30, 119, .8) 0%, rgba(48, 60, 88, 0) 100%), radial-gradient(55.45% 59.59% at 100% 41.31%, rgba(72, 175, 182, .3) 0%, rgba(112, 36, 158, 0) 100%), rgba(255, 255, 255, .08);
    color: #fff;
    margin-right: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0
}

.provider-section-header {
    height: 114px;
    flex-shrink: 0;
    position: relative;
    border-radius: 20px 20px 0 0;
    padding: 20px 115px
}

.provider-section-header.gamzix {
    padding-top: 28px;
    padding-bottom: 28px
}

.provider-section-header:before {
    width: 100%;
    height: 100%;
    background: url(/assets/provider-bg-fd0f1642.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    border-radius: inherit;
    opacity: 1
}

.provider-section-header picture, .provider-section-header img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.provider-section-header picture img, .provider-section-header img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.provider-section-header img {
    position: relative;
    z-index: 1
}

.provider-section-body {
    padding: 12px 24px 18px;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    grid-gap: 20px
}

.provider-section-info {
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.provider-section-info-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.provider-section-info-item:first-child {
    width: 80px
}

.provider-section-info-item:nth-child(2) {
    width: 70px
}

.provider-section-info-item .val {
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 2px
}

.provider-section-info-item .label {
    font-size: 12px;
    color: #fff9
}

.provider-section-info-item .website-link {
    width: 150px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .3);
    padding: 11px 28px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px
}

.provider-section-info-item .website-link:before {
    width: 20px;
    height: 20px;
    content: "";
    background: url(/assets/website-icon-3d9bda9f.svg) center center no-repeat;
    background-size: contain;
    margin-right: 12px
}

.provider-section-info-item .website-link span {
    overflow: hidden;
    white-space: nowrap
}

@media (hover: hover) and (min-width: 1025px) {
    .provider-section-info-item .website-link:hover {
        border-color: #fffc
    }
}

.provider-section-description {
    font-size: 12px;
    line-height: 1.8;
    overflow: auto;
    padding-right: 11px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.provider-section-description::-webkit-scrollbar {
    width: 0
}

.provider-section-description.visible-scroll::-webkit-scrollbar {
    width: 3px
}

.provider-section-description.visible-scroll::-webkit-scrollbar-thumb {
    background-color: #d9d9d933;
    border-radius: 1px
}

.provider-section-footnote {
    flex-shrink: 0;
    color: #fff9;
    font-size: 12px
}

.provider-section-footnote .white {
    color: #fff
}

.slot-section {
    max-width: 858px;
    width: 100%;
    border-radius: 20px;
    background: radial-gradient(48.11% 36.55% at 84.04% 0%, rgba(102, 63, 254, .13) 0%, rgba(26, 65, 204, 0) 100%), radial-gradient(65.92% 60.98% at 45.73% 111.41%, rgba(19, 187, 157, .18) 0%, rgba(38, 151, 219, 0) 100%), rgba(255, 255, 255, .07);
    overflow: hidden;
    display: flex
}

.slot-section .title {
    line-height: 1.5;
    padding: 20px 28px 16px;
    margin-bottom: 0
}

.slot-section .title sup {
    margin-top: -8px;
    transform: translateY(6px);
    display: inline-block
}

.slot-section-preview {
    width: 350px;
    flex-shrink: 0;
    border-radius: 20px 0 0 20px;
    overflow: hidden
}

.slot-section-preview picture, .slot-section-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.slot-section-preview picture img, .slot-section-preview img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.slot-section table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    display: block
}

.slot-section table tbody {
    display: flex;
    flex-direction: column;
    width: 100%
}

.slot-section table td {
    display: block;
    width: 50%;
    padding: 19px 0;
    color: #fff9;
    font-size: 12px
}

.slot-section table td:first-child {
    padding-left: 28px;
    padding-right: 20px
}

.slot-section table td:last-child {
    color: #fff;
    font-size: 14px;
    padding-right: 28px
}

.slot-section table td .rating-info {
    display: flex;
    font-size: 12px
}

.slot-section table td .rating-info .rating {
    margin-right: 4px
}

.slot-section table tr {
    width: 100%;
    display: flex
}

.slot-section table tr:nth-child(odd) td {
    background: rgba(255, 255, 255, .04)
}

.slot-section table.loading {
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.slot-section table.loading tr {
    position: relative;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.slot-section table.loading tr:nth-child(odd) {
    background: rgba(255, 255, 255, .02)
}

.slot-section table.loading tr:nth-child(odd):before {
    display: block;
    animation: loadingTable 2s linear infinite;
    position: absolute;
    content: "";
    top: 50%;
    left: -100%;
    margin-top: -200px;
    height: 400px;
    width: 400px;
    background: #fff;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6ffffff", endColorstr="#00000000", GradientType=1);
    opacity: .1
}

.slot-section table.loading td {
    color: transparent;
    position: relative
}

.slot-section table.loading td:before {
    position: absolute;
    width: 35px;
    height: 11px;
    border-radius: 8px;
    opacity: .4;
    background: rgba(255, 255, 255, .1);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: ""
}

.slot-section table.loading td:first-child:before {
    left: 28px
}

.slot-section table.loading .rating-info {
    display: none
}

.slot-section-content {
    width: 100%
}

.rating {
    display: flex
}

.rating-el {
    width: 12px;
    height: 14px;
    position: relative;
    flex-shrink: 0
}

.rating-el.filled:before {
    opacity: 0
}

.rating-el.filled:after {
    opacity: 1
}

.rating-el:before, .rating-el:after {
    width: 14px;
    height: 100%;
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    transform: translate(-50%);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.rating-el:before {
    background-image: url(/assets/rating-inactive-4be8e725.svg)
}

.rating-el:after {
    background-image: url(/assets/rating-active-c30faa06.svg);
    opacity: 0
}

.spinner {
    background-image: linear-gradient(#ba42ff 35%, #00e1ff);
    width: 100px;
    height: 100px;
    animation: spinning82341 1.7s linear infinite;
    text-align: center;
    border-radius: 50px;
    filter: blur(1px);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px
}

.spinner1 {
    background-color: #18182e;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    filter: blur(10px)
}

.controls-arrows {
    display: none
}

.mobile-slot-loading {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8;
    padding: 32px 0 26px;
    background: #1d2242;
    overflow: auto;
    overflow-x: hidden;
    z-index: 10
}

.mobile-slot-loading .wrap {
    position: relative;
    z-index: 1;
    height: 100%
}

.mobile-slot-loading .wrap .wrap-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.mobile-slot-loading:before {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    z-index: 1
}

.mobile-slot-loading-bg {
    width: 100%;
    aspect-ratio: 1;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%);
    filter: blur(28px);
    opacity: .2
}

.mobile-slot-loading-bg img, .mobile-slot-loading-bg picture {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 120%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.mobile-slot-loading-top {
    display: flex;
    flex-direction: column;
    align-items: center
}

.mobile-slot-loading-top-preview {
    width: 130px;
    height: 130px;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 18px
}

.mobile-slot-loading-top-preview picture, .mobile-slot-loading-top-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.mobile-slot-loading-top-preview picture img, .mobile-slot-loading-top-preview img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.mobile-slot-loading-top-progress .progress-text {
    font-size: 13px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.mobile-slot-loading-top-progress .progress-bar {
    height: 3px;
    width: 148px;
    background: #202442;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    margin-top: 9px
}

.mobile-slot-loading-top-progress .progress-bar-line {
    height: 100%;
    background: #FF4AA4;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s linear;
    border-radius: 2px
}

.mobile-slot-loading-top-provider {
    margin-top: 64px;
    position: relative
}

.mobile-slot-loading-top-provider .label {
    color: #fff9;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: -8px;
    left: 18px;
    right: 19px;
    white-space: nowrap;
    display: flex
}

.mobile-slot-loading-top-provider .label span {
    margin: 0 6px
}

.mobile-slot-loading-top-provider .label .left-border, .mobile-slot-loading-top-provider .label .right-border {
    width: 100%;
    display: inline-block;
    position: relative;
    margin: 0
}

.mobile-slot-loading-top-provider .label .left-border:before, .mobile-slot-loading-top-provider .label .right-border:before {
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    background: rgba(255, 255, 255, .12)
}

.mobile-slot-loading-top-provider .logo-wrap {
    height: 64px;
    width: 200px;
    border-radius: 16px;
    background: url(/assets/slot-border-4c61d3ad.svg) center center no-repeat;
    background-size: contain;
    padding: 19px;
    margin-top: 0
}

.mobile-slot-loading-top-provider .logo-wrap picture, .mobile-slot-loading-top-provider .logo-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.mobile-slot-loading-top-provider .logo-wrap picture img, .mobile-slot-loading-top-provider .logo-wrap img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.mobile-slot-loading-top-provider .logo-wrap.logo-wrap-large {
    padding: 16px
}

.mobile-slot-loading-bottom {
    margin-top: 20px
}

.mobile-slot-loading-bottom .promocode-block {
    height: auto;
    margin-bottom: 50px
}

.mobile-slot-loading-bottom .promocode-block-text {
    color: #fffc
}

.mobile-slot-loading-bottom .promocode-block-btn {
    display: block;
    margin-top: 22px
}

.mobile-slot-loading-bottom .promocode-block-logo {
    display: none
}

.mobile-slot-loading-bottom {
    display: flex;
    justify-content: center
}

.mobile-slot-loading-bottom > * {
    width: 100%
}

.mobile-slot-loading-bottom .table-banner {
    height: 220px
}

.mobile-slot-loading-bottom .table-banner__header {
    margin-bottom: 5px
}

.rating-info-text {
    display: inline-block;
    transform: translateY(-1px)
}

@keyframes spinning82341 {
    to {
        transform: rotate(360deg)
    }
}

@keyframes loadingGames {

0
{
    left: -350%
;
}
50
%
{
    left: 50%
;
}
100
%
{
    left: -350%
;
}
}
@media screen and (min-width: 1001px) {
    .tabs-block-item {
        width: 100% !important
    }

    .games-section .section-header.two-levels .section-header-bottom .tabs-block {
        flex-wrap: nowrap !important
    }
}

@media (hover: hover) and (min-width: 1025px) {
    .games-item {
        will-change: transform;
        transition: all .2s linear
    }

    .games-item .games-item-hover, .games-item .games-item-title, .games-item .games-item-title span {
        transition: all .2s linear
    }

    .games-item:hover {
        transform: translateY(-5px)
    }

    .games-item:hover .games-item-hover {
        opacity: 1
    }

    .tabs-block-item:hover:before {
        border-color: #00aafd;
        transition: all .2s linear
    }

    .switch-tabs-item:hover {
        color: #fff;
        transition: all .2s linear
    }

    .search-block-input {
        transition: all .2s linear
    }

    .search-block-input:hover {
        border-color: #00aafd
    }

    .show-more-btn {
        position: relative;
        overflow: visible
    }

    .show-more-btn span {
        position: relative;
        z-index: 1
    }

    .show-more-btn:before {
        background: linear-gradient(91deg, #0DFFCB -9.58%, #0778E0 45.04%, #5641FF 77.48%, #6F00FD 99.1%);
        position: absolute;
        content: "";
        top: -2px;
        left: -2px;
        right: -2px;
        bottom: -2px;
        border-radius: 15px;
        opacity: 0;
        width: auto;
        height: auto;
        transition: all .2s linear
    }

    .show-more-btn:hover:before {
        opacity: 1
    }

    .show-more-btn:hover span {
        -webkit-text-fill-color: inherit;
        -webkit-background-clip: none;
        background: none;
        color: #fff
    }
}

@media screen and (min-width: 721px) and (max-width: 1000px) {
    .games-section .section-header.two-levels .section-header-bottom .tabs-block {
        flex-wrap: wrap;
        display: grid;
        grid-template-columns:repeat(4, 1fr);
        grid-gap: 14px
    }

    .tabs-block-item {
        width: 100% !important
    }

    .tabs-block-item:first-child {
        max-width: 100%
    }
}

@media screen and (min-width: 1401px) {
    .tabs-block-item {
        padding-left: 20px;
        padding-right: 20px
    }

    .tabs-block-item.endorphina {
        width: 121px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .tabs-block-item.b-gaming {
        width: 163px;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .tabs-block-item.mancala {
        width: 214px;
        padding-top: 18px;
        padding-bottom: 19px
    }

    .tabs-block-item.gamzix {
        width: 119px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .tabs-block-item.mascot {
        width: 238px;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .tabs-block-item.gamebeat {
        width: 174px;
        padding-top: 21px;
        padding-bottom: 20px
    }

    .tabs-block-item.onlyplay {
        width: 152px;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .tabs-block-item.winfinity {
        padding-left: 16px;
        padding-right: 16px
    }

    .games-list {
        grid-template-columns:repeat(8, 1fr);
        grid-gap: 18px
    }

    .games-item {
        height: 195px
    }

    .games-section .section-header {
        margin-bottom: 40px
    }

    .games-section .section-header.two-levels .section-header-top .search-block {
        width: 352px
    }

    .slot-section-content {
        width: 100%
    }

    .game-section-main-container, .game-section-aside, .game-section-aside-item {
        max-height: 607px
    }

    .provider-section {
        width: 482px
    }
}

@media screen and (min-width: 1501px) {
    .game-section .wrap {
        width: 90vw
    }

    .game-info-section .wrap, .other-games .wrap {
        width: 1470px
    }

    .slot-section {
        max-width: 964px
    }

    .game-page .footer .wrap {
        width: 1470px
    }

    .game-section-main-container, .game-section-aside, .game-section-aside-item {
        max-height: 670px
    }
}

@media screen and (max-width: 1400px) and (min-width: 1151px) {
    .tabs-block-item {
        padding-left: 20px;
        padding-right: 20px
    }

    .tabs-block-item.endorphina {
        width: 116px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .tabs-block-item.b-gaming {
        width: 155px;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .tabs-block-item.mancala {
        width: 141px;
        padding-top: 18px;
        padding-bottom: 19px
    }

    .tabs-block-item.gamzix {
        width: 114px;
        padding-top: 21px;
        padding-bottom: 21px
    }

    .tabs-block-item.mascot {
        width: 146px;
        padding-top: 18px;
        padding-bottom: 17px
    }

    .tabs-block-item.gamebeat {
        width: 166px;
        padding-top: 21px;
        padding-bottom: 20px
    }

    .tabs-block-item.onlyplay {
        width: 145px;
        padding-top: 18px;
        padding-bottom: 18px
    }
}

@media screen and (max-height: 730px) {
    .game-section-aside-item-text {
        font-size: 2vh;
        line-height: 1.5
    }

    .game-section-aside-item-footnote {
        font-size: 1.8vh;
        margin-bottom: 3vh
    }

    .game-section-aside-item-title {
        font-size: 4vh
    }

    .game-section-aside-item-title {
        margin-bottom: 2vh
    }

    .game-section-aside-item.promotion-item {
        padding-top: 11vh
    }

    .game-section-main-container, .game-section-aside {
        min-height: 400px
    }

    .game-section-aside-item {
        padding-bottom: 116px
    }

    .mobile-slot-loading-top-provider, .mobile-slot-loading-bottom {
        margin-top: 5vh
    }
}

@media screen and (max-height: 600px) {
    .game-section-aside-item-title {
        font-size: 24px
    }

    .game-section-aside-item-text {
        font-size: 12px
    }

    .game-section-aside-item-footnote {
        font-size: 9px;
        margin-bottom: 16px
    }

    .game-section-aside-item.promotion-item {
        padding-top: 68px
    }
}

@media screen and (max-width: 1400px) {
    .game-section-aside-item {
        max-height: 500px
    }

    .game-section-aside {
        height: auto
    }

    .provider-section {
        width: 403px
    }

    .slot-section {
        max-width: 892px
    }

    .provider-section-info-item .website-link {
        width: 44px;
        height: 44px;
        padding: 0
    }

    .provider-section-info-item .website-link:before {
        margin-right: 0
    }

    .provider-section-info-item .website-link span {
        display: none
    }

    .provider-section-header {
        padding: 20px 80px
    }

    .game-section-full {
        padding: 40px
    }
}

@media screen and (max-width: 1400px) and (min-width: 1301px) {
    .game-page .wrap.wrap-wide, .game-page .header .wrap {
        width: 1320px
    }

    .game-section-main-container, .game-section-aside-item, .game-section-aside {
        max-height: 588px
    }
}

@media screen and (max-width: 1300px) {
    .games-section .section-header {
        position: relative
    }

    .tabs-block {
        grid-gap: 8px
    }

    .game-section-aside-item {
        max-height: 464px
    }

    .provider-section {
        width: 340px
    }

    .provider-section-header {
        padding: 20px 50px
    }

    .slot-section {
        max-width: 736px
    }

    .game-section-main {
        width: 100%
    }

    .game-section-main-container {
        height: auto
    }
}

@media screen and (max-width: 1150px) and (min-width: 1001px) {
    .games-section .section-header.two-levels .section-header-bottom .tabs-block {
        flex-wrap: wrap
    }

    .tabs-block-item {
        padding-left: 20px;
        padding-right: 20px
    }

    .tabs-block-item.endorphina {
        width: 164px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .tabs-block-item.b-gaming {
        width: 203px;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .tabs-block-item.mancala {
        width: 383px;
        padding-top: 18px;
        padding-bottom: 19px
    }

    .tabs-block-item.gamzix {
        width: 162px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .tabs-block-item.mascot {
        width: 272px;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .tabs-block-item.gamebeat {
        width: 309px;
        padding-top: 21px;
        padding-bottom: 20px
    }

    .tabs-block-item.onlyplay {
        width: 239px;
        padding-top: 18px;
        padding-bottom: 18px
    }
}

@media screen and (max-width: 1150px) {
    .tabs-block-item {
        min-width: 103px
    }

    .tabs-block {
        grid-gap: 12px
    }

    .games-list {
        grid-gap: 18px
    }

    .game-section-aside {
        width: 220px
    }

    .game-section-aside-item {
        max-height: 400px
    }

    .provider-section {
        width: 304px
    }

    .provider-section-header {
        padding: 28px
    }

    .slot-section-preview {
        width: 300px
    }

    .slot-section {
        max-width: 630px
    }

    .slot-section .title {
        font-size: 17px
    }

    .slot-section table td {
        width: 55%
    }

    .slot-section table td:last-child {
        width: 45%
    }
}

@media screen and (max-width: 1000px) {
    .games-section .section-header .tabs-block {
        flex-wrap: wrap
    }

    .games-list {
        grid-template-columns:repeat(4, 1fr);
        grid-gap: 15px
    }

    .tabs-block-item {
        min-width: 100px
    }

    .games-item-hover, .game-section-aside {
        display: none
    }

    .game-info-section .game-section-aside {
        display: block;
        width: 236px
    }

    .game-info-section .wrap-inner {
        justify-content: space-between
    }

    .provider-section {
        position: relative;
        top: auto;
        left: auto
    }

    .game-section-main {
        margin-right: 0
    }

    .provider-section {
        width: 236px;
        max-height: 470px
    }

    .game-section-aside-item {
        max-height: 470px
    }

    .slot-section {
        width: 236px
    }

    .game-info-section .wrap-inner {
        grid-gap: 24px
    }

    .provider-section {
        margin-right: 0
    }

    .slot-section {
        flex-direction: column
    }

    .provider-section-header {
        height: 153px
    }

    .slot-section-preview {
        height: 153px;
        width: 100%
    }

    .slot-section-preview {
        border-radius: 20px 20px 0 0
    }

    .provider-section-body {
        padding: 28px 20px 20px
    }

    .provider-section-info-item:first-child {
        width: 48px
    }

    .slot-section .title {
        padding: 12px 20px
    }

    .slot-section table td {
        padding: 14px 0
    }

    .slot-section table td:first-child {
        padding-left: 20px
    }

    .slot-section table td:last-child {
        padding-right: 20px
    }

    .rating-info-text {
        display: none
    }
}

@media screen and (max-width: 1000px) and (min-width: 721px) {
    .tabs-block-item {
        padding-left: 16px;
        padding-right: 16px
    }

    .tabs-block-item.endorphina {
        width: 114px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .tabs-block-item.b-gaming {
        width: 154px;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .tabs-block-item.mancala {
        width: 268px;
        padding-top: 18px;
        padding-bottom: 19px
    }

    .tabs-block-item.gamzix {
        width: 103px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .tabs-block-item.mascot {
        width: 222px;
        padding-top: 18px;
        padding-bottom: 17px
    }

    .tabs-block-item.gamebeat {
        width: 220px;
        padding-top: 21px;
        padding-bottom: 20px
    }

    .tabs-block-item.onlyplay {
        width: 237px;
        padding-top: 18px;
        padding-bottom: 18px
    }
}

@media screen and (max-width: 800px) and (min-width: 721px) {
    .tabs-block-item.gamzix {
        width: 100px
    }

    .tabs-block-item.onlyplay {
        width: 238px
    }

    .tabs-block-item.mancala {
        width: 268px
    }

    .tabs-block-item.b-gaming {
        width: 150px
    }

    .tabs-block-item {
        min-width: 94px
    }

    .tabs-block-item.mascot {
        width: 194px
    }

    .tabs-block-item.mancala {
        width: 252px
    }

    .tabs-block-item.gamebeat {
        width: 186px
    }
}

@media screen and (max-width: 800px) {
    .game-info-section .game-section-aside, .provider-section, .slot-section {
        width: 220px
    }

    .slot-section table td:first-child {
        padding-right: 10px
    }
}

@media screen and (max-width: 720px) {
    .games-list {
        grid-template-columns:repeat(3, 1fr);
        gap: 10px
    }

    .games-item {
        width: 153px;
        height: 194px
    }

    .games-section .section-header.two-levels .section-header-top .search-block {
        display: none
    }

    .games-section .section-header.two-levels .section-header-bottom .tabs-block {
        flex-wrap: nowrap;
        overflow: hidden;
        grid-gap: inherit
    }

    .tabs-block-item {
        flex-shrink: 0
    }

    .tabs-block-item:nth-child(-n+3) {
        display: flex
    }

    .tabs-block-item:first-child {
        order: 1
    }

    .tabs-block-item {
        margin-right: 8px;
        min-width: inherit
    }

    .tabs-block-item picture {
        height: auto
    }

    .tabs-block-item:first-child {
        width: 74px;
        margin-right: 0
    }

    .tabs-block-item.endorphina {
        width: 27%;
        width: 136px;
        padding: 10px
    }

    .tabs-block-item.endorphina img {
        height: 30px
    }

    .tabs-block-item.b-gaming {
        width: 40vw;
        width: 23vw;
        width: 164px
    }

    .tabs-block-item.b-gaming img {
        height: 18px
    }

    .tabs-block-item.mancala {
        width: 32vw;
        width: 200px;
        padding: 10px
    }

    .tabs-block-item.mancala img {
        height: 18px
    }

    .tabs-block-item.gamzix {
        width: 23vw;
        padding: 20px 10px;
        width: 164px
    }

    .tabs-block-item.gamzix img {
        height: 14px
    }

    .tabs-block-item.mascot {
        width: 46vw;
        width: 33vw;
        width: 235px;
        padding: 10px
    }

    .tabs-block-item.mascot img {
        height: 17px
    }

    .tabs-block-item.gamebeat {
        width: 41vw;
        width: 190px;
        padding: 10px
    }

    .tabs-block-item.gamebeat img {
        height: 14px
    }

    .tabs-block-item.onlyplay {
        padding: 10px;
        width: 43vw;
        width: 237px
    }

    .tabs-block-item.onlyplay img {
        height: 17px
    }

    .tabs-block-item.winfinity {
        padding: 10px;
        width: 43vw;
        width: 164px
    }

    .tabs-block-item.winfinity img {
        height: 28px
    }

    .controls-arrows {
        display: flex;
        grid-gap: 5px
    }

    .controls-arrows .arrow {
        width: 35px;
        height: 35px;
        flex-shrink: 0;
        border-radius: 10px;
        border: 2px solid rgba(255, 255, 255, .04);
        background: rgba(255, 255, 255, .04);
        position: relative
    }

    .controls-arrows .arrow:before {
        width: 24px;
        height: 24px;
        background: url(/assets/btn-arrow-340a2e4a.svg) center center no-repeat;
        background-size: contain;
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        margin-top: -11px;
        margin-left: -12px
    }

    .controls-arrows .arrow.prev:before {
        transform: rotate(180deg);
        margin-top: -13px
    }

    .game-page .game-info-section, .game-page .other-games, .game-page .footer {
        display: none
    }

    .games-section .section-header.two-levels .section-header-top {
        margin-bottom: 15px
    }

    .games-section .section-header.two-levels .section-header-bottom .tabs-block {
        padding-top: 9px
    }
}

@media screen and (max-width: 520px) {
    .tabs-block-item {
        width: 121px;
        height: 48px;
        border-radius: 12px
    }

    .games-list {
        gap: 8px
    }

    .games-item {
        width: 120px;
        height: 151px;
        border-radius: 12px
    }

    .show-more-btn {
        width: 100%;
        margin-top: 24px
    }

    .tabs-block-item.endorphina {
        width: 100px
    }

    .tabs-block-item.b-gaming {
        width: 150px
    }

    .tabs-block-item.gamzix {
        width: 114px
    }

    .tabs-block-item.mascot {
        width: 184px
    }

    .tabs-block-item.onlyplay {
        width: 188px
    }

    .tabs-block-item.mancala {
        width: 140px
    }

    .tabs-block-item.gamebeat {
        width: 147px
    }

    .tabs-block-item.winfinity {
        width: 114px
    }

    .tabs-block-item.winfinity img {
        height: 24px
    }

    .tabs-block-item:first-child {
        width: 77px
    }

    .mobile-slot-loading .promocode-block-title br {
        display: inline
    }

    .mobile-slot-loading-bottom .promocode-block {
        margin-bottom: 20px;
        -webkit-backdrop-filter: blur(54.3656px);
        backdrop-filter: blur(54.3656px)
    }

    .games-item-title {
        font-size: 11px;
        line-height: 16px;
        padding: 10px
    }

    .games-item-title .span-inner {
        min-height: 30px
    }

    .games-item-title .span-outher {
        height: 30px
    }

    .games-item-title {
        min-height: 50px
    }

    .games-item-preview {
        bottom: 0
    }

    .games-item:nth-of-type(21n+13), .games-item:nth-of-type(21n+14), .games-item:nth-of-type(21n+15) {
        margin-bottom: 238px
    }

    .games-list .table-banner {
        position: absolute;
        left: 0;
        visibility: hidden
    }
}

@media screen and (max-width: 400px) {
    .tabs-block-item {
        width: 114px
    }

    .games-section .section-header.two-levels .section-header-top {
        margin-bottom: 12px
    }

    .tabs-block-item.gamzix {
        width: 94px
    }

    .tabs-block-item.mascot, .tabs-block-item.onlyplay {
        width: 176px
    }

    .tabs-block-item.mancala {
        width: 124px
    }

    .tabs-block-item.gamebeat {
        width: 143px
    }

    .tabs-block-item.winfinity {
        width: 94px
    }

    .games-item {
        width: 114px;
        height: 145px
    }

    .games-item-preview {
        bottom: 0
    }
}

@media screen and (max-width: 380px) {
    .tabs-block-item {
        width: 108px
    }

    .tabs-block-item.b-gaming {
        width: 139px
    }

    .tabs-block-item {
        margin-right: 6px
    }

    .tabs-block-item.gamzix {
        width: 89px
    }

    .tabs-block-item.mascot {
        width: 170px
    }

    .tabs-block-item.onlyplay {
        width: 164px
    }

    .tabs-block-item.mancala {
        width: 115px
    }

    .tabs-block-item.gamebeat {
        width: 136px
    }

    .tabs-block-item.winfinity {
        width: 89px
    }

    .games-item {
        width: 108px;
        height: 136px
    }
}

@media screen and (max-width: 350px) {
    .tabs-block-item {
        width: 146px
    }

    .tabs-block-item.endorphina {
        width: 90px
    }

    .tabs-block-item.b-gaming {
        width: 120px
    }

    .tabs-block-item.gamzix {
        width: 78px
    }

    .tabs-block-item.mascot {
        width: 146px
    }

    .tabs-block-item.onlyplay {
        width: 148px
    }

    .tabs-block-item.mancala {
        width: 108px
    }

    .tabs-block-item.gamebeat {
        width: 120px
    }

    .tabs-block-item:first-child {
        width: 60px
    }

    .tabs-block-item.winfinity {
        width: 78px;
        padding: 7px
    }

    .games-item {
        width: 94px;
        height: 118px
    }

    .games-item-title {
        font-size: 10px;
        line-height: 15px;
        min-height: 36px;
        padding: 4px
    }
}

.game-section:not(.game-section-full) .game-section-aside-item.top-players-item:not(.active), .game-section:not(.game-section-full) .bonus-banner-box:not(.active) {
    display: none
}

.game-section-full .bonus-banner-box .table-banner__description.short_description {
    font-size: 18px
}

@media screen and (max-height: 970px) {
    .game-section-full .game-section-aside-item.top-players-item:not(.active), .game-section-full .bonus-banner-box:not(.active) {
        display: none
    }

    .game-section-full .top-players-title {
        display: none
    }
}

@media screen and (min-height: 971px) {
    .game-section-full .bonus-banner-box {
        max-height: 440px
    }

    .game-section-full .game-section-aside {
        display: flex;
        flex-direction: column;
        max-height: none
    }

    .game-section-full .game-section-aside-tabs {
        display: none !important
    }

    .game-section-full .game-section-aside-item.top-players-item {
        padding-top: 0 !important
    }

    .game-section-full .game-section-aside-item.promotion-item {
        display: flex !important;
        padding: 27px 18px;
        height: auto
    }

    .game-section-full .game-section-aside-item.top-players-item {
        margin-top: 22px
    }

    .game-section-full .game-section-aside-item.top-players-item {
        max-height: none
    }

    .game-section-full .players-table {
        padding-top: 18px
    }

    .game-section-full .game-section-aside-item-title {
        font-size: 26px
    }

    .game-section-full .game-section-aside-item-title mark {
        font-size: 20px
    }

    .game-section-full .game-section-aside-item {
        border-radius: 24px
    }

    .game-section-full .bonus-banner-box {
        padding-top: 0
    }

    .game-section-full .bonus-banner-box .table-banner:nth-child(3) {
        display: none
    }

    .game-section-full .bonus-banner-box .table-banner__description.short_description {
        font-size: 16px
    }
}

@media (max-height: 970px),(min-height: 1151px) {
    .game-section {
        margin-bottom: 40px
    }

    .game-section .promocode-block-tooltip-icon {
        display: none
    }
}

@media (min-height: 971px) and (max-height: 1150px) {
    .game-section-full .game-section-aside-item.promotion-item .game-section-aside-item-footnote {
        border-radius: 32px;
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 32px 30px;
        display: block;
        overflow: hidden
    }

    .game-section-full .game-section-aside-item.promotion-item .game-section-aside-item-footnote p {
        opacity: 0;
        position: relative;
        z-index: 1;
        color: #fff;
        font-size: 14px;
        line-height: 18px
    }

    .game-section-full .game-section-aside-item.promotion-item .game-section-aside-item-footnote p:first-child {
        padding-right: 50px
    }

    .game-section-full .game-section-aside-item.promotion-item .game-section-aside-item-footnote:before {
        position: absolute;
        display: block;
        top: -500px;
        right: -500px;
        content: "";
        width: 0;
        height: 0;
        border-radius: 50%;
        transition: all .3s linear;
        background: rgba(255, 255, 255, .02);
        will-change: auto
    }

    .game-section-full .game-section-aside-item.promotion-item .game-section-aside-item-footnote.opened {
        height: 100%
    }

    .game-section-full .game-section-aside-item.promotion-item .game-section-aside-item-footnote.opened:before {
        width: 1000px;
        height: 1000px;
        border-radius: 0;
        backdrop-filter: blur(25px);
        -webkit-backdrop-filter: blur(25px)
    }

    .game-section-full .game-section-aside-item.promotion-item .game-section-aside-item-footnote.opened p {
        opacity: 1;
        transition: opacity .2s linear
    }

    .game-section-full .game-section-aside-item.promotion-item .game-section-aside-item-btn {
        margin-top: 20px
    }
}

@media screen and (max-height: 870px) {
    .bonus-banner-box .table-banner__header {
        height: 32px
    }

    .bonus-banner-box .table-banner__description {
        font-size: 14px
    }
}

@media screen and (max-height: 870px) and (min-width: 1001px) {
    .bonus-banner-box .table-banner__logo {
        padding: 6px
    }
}

@media screen and (max-height: 750px) {
    .game-section-main-container, .game-section-aside, .game-section-aside-item {
        max-height: 550px
    }

    .bonus-banner-box .table-banner:nth-child(3) {
        display: none
    }

    .bonus-banner-box .table-banner__description {
        font-size: 17px
    }

    .bonus-banner-box .table-banner__header {
        height: 44px
    }

    .game-section-full .bonus-banner-box .table-banner__description.full_description {
        font-size: 12px;
        line-height: 18px
    }
}

@media screen and (max-height: 700px) {
    .game-section-main-container, .game-section-aside, .game-section-aside-item {
        max-height: 500px
    }
}

@media screen and (max-height: 680px) {
    .game-section-main-container, .game-section-aside, .game-section-aside-item {
        max-height: 460px
    }

    .game-section-full .bonus-banner-box .table-banner__description.full_description {
        font-size: 10px;
        line-height: 12px
    }
}

@media screen and (max-width: 1500px) {
    .bonus-banner-box .table-banner__header {
        height: 36px
    }

    .bonus-banner-box .table-banner__header, .bonus-banner-box .table-banner__body {
        margin-bottom: 10px
    }

    .bonus-banner-box .table-banner__description {
        font-size: 14px
    }
}

@media screen and (max-width: 1300px) {
    .bonus-banner-box .table-banner:nth-child(3) {
        display: none
    }

    .game-section-main-container, .game-section-aside, .game-section-aside-item {
        max-height: 460px
    }
}

@media screen and (max-width: 1150px) {
    .bonus-banner-box .table-banner__description {
        font-size: 13px
    }

    .bonus-banner-box .table-banner__header {
        height: 30px
    }

    .bonus-banner-box .table-banner__header, .bonus-banner-box .table-banner__body {
        margin-bottom: 8px
    }

    .bonus-banner-box .table-banner__btn, .bonus-banner-box .table-banner__code {
        font-size: 10px
    }

    .bonus-banner-box .table-banner__code .copy-btn {
        display: none
    }

    .bonus-banner-box .table-banner__code {
        padding-right: 14px;
        min-width: initial
    }

    .bonus-banner-box .table-banner__code-label {
        white-space: nowrap
    }

    .bonus-banner-box .table-banner__code-label {
        padding: 0
    }

    .game-section-main-container, .game-section-aside, .game-section-aside-item {
        max-height: 401px
    }

    .bonus-banner-box .table-banner.opened .table-banner__footer {
        display: none
    }

    .bonus-banner-box .table-banner__description {
        font-size: 12px
    }
}

@media screen and (max-width: 1000px) {
    .game-section-main-container, .game-section-aside, .game-section-aside-item {
        max-height: 470px
    }

    .bonus-banner-box .table-banner__description.full_description {
        font-size: 12px;
        line-height: 12px
    }

    .bonus-banner-box .table-banner__description {
        font-size: 14px
    }
}

.events-section .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px
}

.events-section .section-header .title {
    margin-bottom: 0
}

.events-container {
    background: linear-gradient(135deg, #131323 3.7%, rgba(41, 52, 103, .56) 51.37%, #011332 97.08%);
    padding: 32px;
    border-radius: 24px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.events-container::-webkit-scrollbar {
    width: 0
}

.events-container::-webkit-scrollbar-track {
    margin-top: 25px;
    margin-bottom: 25px
}

.events-container.disable-scroll {
    overflow: hidden;
    height: 654px
}

@media (max-width: 520px) {
    .events-container.disable-scroll {
        height: 485px
    }
}

.events-container.disable-scroll .events-table .tbody {
    position: relative
}

.events-container.disable-scroll .events-table .tr {
    display: none;
    position: absolute;
    left: 0
}

.events-container.disable-scroll .events-table .tr:nth-child(-n+10) {
    display: flex
}

.events-container.disable-scroll .events-table .tr:nth-child(1) {
    top: 0
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(1) {
        top: 0
    }
}

.events-container.disable-scroll .events-table .tr:nth-child(2) {
    top: 54px
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(2) {
        top: 42px
    }
}

.events-container.disable-scroll .events-table .tr:nth-child(3) {
    top: 108px
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(3) {
        top: 84px
    }
}

.events-container.disable-scroll .events-table .tr:nth-child(4) {
    top: 162px
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(4) {
        top: 126px
    }
}

.events-container.disable-scroll .events-table .tr:nth-child(5) {
    top: 216px
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(5) {
        top: 168px
    }
}

.events-container.disable-scroll .events-table .tr:nth-child(6) {
    top: 270px
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(6) {
        top: 210px
    }
}

.events-container.disable-scroll .events-table .tr:nth-child(7) {
    top: 324px
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(7) {
        top: 252px
    }
}

.events-container.disable-scroll .events-table .tr:nth-child(8) {
    top: 378px
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(8) {
        top: 294px
    }
}

.events-container.disable-scroll .events-table .tr:nth-child(9) {
    top: 432px
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(9) {
        top: 336px
    }
}

.events-container.disable-scroll .events-table .tr:nth-child(10) {
    top: 486px
}

@media (max-width: 520px) {
    .events-container.disable-scroll .events-table .tr:nth-child(10) {
        top: 378px
    }
}

.switch-block {
    background: rgba(255, 255, 255, .04);
    border-radius: 16px;
    height: 52px;
    padding: 4px
}

.switch-tabs {
    height: 100%;
    display: flex;
    position: relative
}

.switch-tabs-item {
    width: 150px;
    text-align: center;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff9;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    position: relative;
    z-index: 1
}

.switch-tabs-item:hover, .switch-tabs-item:hover * {
    cursor: pointer
}

.switch-tabs-item.current {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    color: #fff;
    transition: color .2s linear
}

.switch-tabs .substrate {
    display: block;
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    border-radius: 12px;
    transition: left .2s linear
}

.events-table {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.events-table.loading {
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.events-table.loading .table-item-img-wrap {
    background: rgba(255, 255, 255, .1)
}

.events-table.loading .table-item-img-wrap img {
    display: none
}

.events-table.loading .tr {
    overflow: hidden
}

.events-table.loading .tr:nth-child(odd) {
    background: rgba(255, 255, 255, .02)
}

.events-table.loading .tr:nth-child(odd):before {
    display: block;
    animation: loadingTable 4s linear infinite
}

.events-table.loading .td {
    color: transparent
}

.events-table.loading .td:before {
    display: block
}

.events-table.loading .td .table-item-title {
    opacity: 0
}

.events-table .thead {
    display: flex;
    width: 100%;
    justify-content: space-between
}

.events-table .thead .th {
    text-align: left;
    color: #ffffffad;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    padding: 12px;
    font-size: 14px
}

.events-table .thead .th:nth-child(1) {
    width: 28%
}

.events-table .thead .th:nth-child(2) {
    width: 30%
}

.events-table .thead .th:nth-child(3) {
    width: 20%
}

.events-table .thead .th:nth-child(4) {
    width: 20%
}

.events-table .tr {
    position: relative;
    width: 100%;
    display: flex;
    border-radius: 12px;
    justify-content: space-between;
    transition: none
}

.events-table .tr:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -100%;
    margin-top: -200px;
    height: 400px;
    width: 400px;
    background: #fff;
    display: none;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6ffffff", endColorstr="#00000000", GradientType=1);
    opacity: .1
}

.events-table .tr:nth-child(odd) {
    background: rgba(255, 255, 255, .04)
}

.events-table .table-item-img-wrap {
    flex-shrink: 0
}

.events-table .td {
    padding: 12px;
    color: #fff;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

.events-table .td:before {
    position: absolute;
    width: 35px;
    height: 11px;
    border-radius: 8px;
    opacity: .4;
    background: rgba(255, 255, 255, .1);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    content: "";
    display: none
}

.events-table .td:nth-child(1) {
    width: 28%
}

.events-table .td:nth-child(1):before {
    width: 75px;
    left: 56px
}

.events-table .td:nth-child(2) {
    width: 30%
}

.events-table .td:nth-child(2):before {
    width: 75px;
    left: 56px
}

.events-table .td:nth-child(3) {
    width: 20%
}

.events-table .td:nth-child(4) {
    width: 20%
}

.events-table .td .status-tag {
    line-height: 24px;
    padding: 0 12px 0 36px
}

.events-table .td .status-tag:before {
    width: 32px;
    height: 32px;
    left: 1px;
    margin-top: -16px
}

.events-table .td .status-tag .status-tag-title {
    font-size: 12px
}

.events-table .td .table-item {
    width: 100%
}

.events-table .td .table-item-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    line-height: 18px
}

.events-table .tbody {
    width: 100%;
    display: flex;
    flex-direction: column
}

.events-table .tbody .tr {
    overflow: hidden;
    transition: none !important
}

.events-table .tbody .tr, .events-table .tbody .td {
    height: 56px
}

.events-table .tbody.tbody-mobile {
    display: none
}

.events-table .table-item {
    display: flex;
    align-items: center
}

.events-table .table-item-img-wrap {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    margin-right: 12px
}

.events-table .table-item-img-wrap picture, .events-table .table-item-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.events-table .table-item-img-wrap picture img, .events-table .table-item-img-wrap img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.events-table .table-item-title {
    font-size: 14px;
    color: #fff
}

.events-table.winners-table .td:nth-child(1) {
    width: 90px;
    padding: 12px 12px 12px 30px;
    color: #ffffffad;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.events-table.winners-table .td:nth-child(2) {
    width: 54%
}

.events-table.winners-table .td:nth-child(3) {
    width: 16%
}

.events-table.winners-table .td:nth-child(4) {
    width: 21%
}

.events-table.winners-table .thead, .events-table.winners-table .tr {
    justify-content: flex-start
}

.events-table.winners-table .tr:nth-child(-n+3) {
    position: relative
}

.events-table.winners-table .tr:nth-child(-n+3):after {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 20px;
    top: 50%;
    margin-top: -20px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

.events-table.winners-table .tr:nth-child(-n+3) .td:nth-child(4) {
    padding-right: 60px
}

.events-table.winners-table .tr:nth-child(1) {
    border-left-color: #232844;
    background: linear-gradient(270deg, #484A42 0%, #232844 100%), rgba(255, 255, 255, .04)
}

.events-table.winners-table .tr:nth-child(1):after {
    background-image: url(/assets/first-pos-a03af2b1.png)
}

.events-table.winners-table .tr:nth-child(1):hover {
    border-left-color: #00e1c859
}

.events-table.winners-table .tr:nth-child(2):after {
    background-image: url(/assets/second-pos-ec26f2c7.png)
}

.events-table.winners-table .tr:nth-child(3):after {
    background-image: url(/assets/third-pos-5ef784af.png)
}

.events-table.winners-table .thead .th:nth-child(1) {
    width: 90px
}

.events-table.winners-table .thead .th:nth-child(2) {
    width: 54%
}

.events-table.winners-table .thead .th:nth-child(3) {
    width: 16%
}

.events-table.winners-table .thead .th:nth-child(4) {
    width: 21%
}

.events-table.winners-table.with-status .thead .th:nth-child(2) {
    width: 30%
}

.events-table.winners-table.with-status .thead .th:nth-child(3) {
    width: 24%
}

.events-table.winners-table.with-status .thead .th:nth-child(4) {
    width: 16%
}

.events-table.winners-table.with-status .td:nth-child(2) {
    width: 30%
}

.events-table.winners-table.with-status .td:nth-child(3) {
    width: 24%
}

.events-table.winners-table.with-status .td:nth-child(4) {
    width: 16%
}

.events-table.winners-table.loading .td:nth-child(1) {
    color: transparent
}

.events-table.winners-table.loading .td:nth-child(1):before {
    left: 12px;
    width: 26px
}

.events-table.winners-table.loading .td:nth-child(3):before, .events-table.winners-table.loading .td:nth-child(4):before {
    left: 12px
}

.events-table.winners-table.loading .tr:nth-child(-n+3):after {
    opacity: 0
}

.events-table.updated-table .tbody {
    height: 560px;
    position: absolute;
    width: 100%;
    margin-top: 41px;
    width: 1100px
}

.events-table.updated-table .tr:nth-child(odd) {
    background: none
}

.events-table.updated-table .tr.selected {
    background: rgba(255, 255, 255, .04)
}

.events-table.five-columns .th:nth-child(1) {
    padding-left: 12px
}

.events-table.five-columns .td:nth-child(1), .events-table.five-columns .th:nth-child(1) {
    width: 24%
}

.events-table.five-columns .td:nth-child(2), .events-table.five-columns .th:nth-child(2) {
    width: 19%
}

.events-table.five-columns .td:nth-child(3), .events-table.five-columns .th:nth-child(3) {
    width: 27%
}

.events-table.five-columns .td:nth-child(4), .events-table.five-columns .th:nth-child(4) {
    width: 15%
}

.events-table.five-columns .td:nth-child(5), .events-table.five-columns .th:nth-child(5) {
    width: 15%
}

.tabs-block {
    scroll-behavior: smooth
}

@keyframes addedRow {

0
{
    height: 0
;
}
100
%
{
    height: 56px
;
}
}
@keyframes removedRow {

0
{
    height: 56px
;
}
100
%
{
    height: 0
;
}
}
.events-table.now-winners-table .td:nth-child(2):before, .events-table.now-winners-table .td:nth-child(4):before, .events-table.now-winners-table .td:nth-child(5):before {
    left: 12px
}

@media (max-width: 1000px) {
    .events-table.now-winners-table .td:nth-child(2):before, .events-table.now-winners-table .td:nth-child(4):before, .events-table.now-winners-table .td:nth-child(5):before {
        left: 8px
    }
}

.events-table.now-winners-table .td:nth-child(1):before, .events-table.now-winners-table .td:nth-child(3):before {
    left: 58px
}

@media (max-width: 1000px) {
    .events-table.now-winners-table .td:nth-child(1):before, .events-table.now-winners-table .td:nth-child(3):before {
        left: 48px
    }
}

@media (hover: hover) and (min-width: 1025px) {
    .events-table .tr {
        border: 1px solid transparent;
        transition: all .2s linear
    }

    .events-table .tr:hover {
        border-color: #00e1c859
    }
}

@media screen and (min-width: 1401px) {
    .switch-tabs-item, .switch-tabs .substrate {
        width: 200px
    }
}

@media screen and (max-width: 1400px) {
    .events-table.winners-table .td:nth-child(1), .events-table.winners-table .thead .th:nth-child(1) {
        width: 50px
    }
}

@media screen and (max-width: 1300px) {
    .events-table.five-columns .td:nth-child(2), .events-table.five-columns .th:nth-child(2) {
        width: 19%
    }
}

@media screen and (max-width: 1000px) {
    .events-table .thead .th {
        padding: 8px;
        font-size: 13px
    }

    .events-table .table-item-img-wrap {
        width: 26px;
        height: 26px;
        border-radius: 6px
    }

    .events-table .table-item-title {
        font-size: 12px
    }

    .events-table .td {
        padding: 8px;
        font-size: 12px
    }

    .events-table.five-columns .td:nth-child(1), .events-table.five-columns .th:nth-child(1) {
        width: 24%
    }

    .events-table.five-columns .td:nth-child(2), .events-table.five-columns .th:nth-child(2) {
        width: 19%
    }

    .events-table.five-columns .td:nth-child(3), .events-table.five-columns .th:nth-child(3) {
        width: 27%
    }

    .events-table.five-columns .td:nth-child(4), .events-table.five-columns .th:nth-child(4) {
        width: 13%
    }

    .events-table.five-columns .td:nth-child(5), .events-table.five-columns .th:nth-child(5) {
        width: 19%
    }

    .events-table .td .status-tag {
        padding-left: 30px
    }

    .events-table .td .status-tag .status-tag-title {
        font-size: 11px
    }

    .events-table.winners-table .td:nth-child(1) {
        padding: 11px;
        font-size: 12px
    }

    .events-table.winners-table .td:nth-child(1), .events-table.winners-table .thead .th:nth-child(1) {
        width: 36px
    }

    .events-table.winners-table.with-status .td:nth-child(2), .events-table.winners-table.with-status .thead .th:nth-child(2) {
        width: 27%
    }

    .events-table.winners-table .td:nth-child(4), .events-table.winners-table .tr:nth-child(-n+3) .td:nth-child(4) {
        padding-right: 8px
    }

    .events-table.winners-table .tr:nth-child(-n+3):after {
        right: 12px;
        width: 32px;
        height: 32px;
        margin-top: -16px
    }

    .events-table .td .status-tag:before {
        width: 26px;
        height: 26px;
        margin-top: -13px
    }
}

@media screen and (max-width: 850px) {
    .switch-tabs-item, .switch-tabs .substrate {
        width: 180px
    }
}

@media screen and (max-width: 720px) {
    .events-section .section-header {
        flex-direction: column;
        align-items: flex-start
    }

    .events-section .section-header .title {
        margin-bottom: 20px
    }

    .events-section .section-header .switch-block {
        width: 100%
    }

    .switch-tabs-item, .switch-tabs .substrate {
        width: 50%
    }

    .events-container {
        padding: 20px
    }

    .events-table .thead .th:nth-child(1), .events-table .thead .th:nth-child(2), .events-table .thead .th:nth-child(3), .events-table .thead .th:nth-child(4), .events-table.winners-table.with-status .thead .th:nth-child(2), .events-table.winners-table.with-status .thead .th:nth-child(3), .events-table.winners-table.with-status .thead .th:nth-child(4), .events-table.five-columns .th:nth-child(5) {
        width: auto
    }

    .events-table .thead .th:nth-child(1) {
        margin-right: auto
    }

    .events-table.winners-table .thead .th:nth-child(1) {
        display: none
    }

    .events-table.winners-table .thead .th:nth-child(2) {
        margin-right: auto
    }

    .events-table .td {
        display: none
    }

    .events-table .td:nth-child(1) {
        display: flex
    }

    .events-table .tbody.tbody-mobile {
        display: flex;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 230px;
        overflow: hidden
    }

    .events-table .tbody.tbody-mobile .tr {
        background: none;
        width: 690px;
        will-change: transform;
        transition: transform .3s linear
    }

    .events-table .tbody.tbody-mobile .td {
        display: flex;
        width: 230px
    }

    .events-table .tbody.tbody-mobile .td:nth-child(1) {
        display: none
    }

    .events-table .tbody.tbody-mobile .td:nth-child(-n+10) {
        width: 230px;
        flex-shrink: 0
    }

    .events-table.winners-table .tbody.tbody-mobile .td:nth-child(-n+2) {
        display: none
    }

    .events-table.winners-table .tbody.tbody-mobile .tr, .events-table.five-columns .tbody.tbody-mobile .tr {
        width: 920px
    }

    .events-table .thead {
        justify-content: flex-start;
        margin-bottom: 10px;
        grid-gap: 12px
    }

    .events-table .thead .th {
        padding: 7px 0
    }

    .events-table .thead .th.current {
        color: #fff;
        position: relative
    }

    .events-table .thead .th.current:before {
        height: 2px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        background: linear-gradient(90deg, #00FFC8 0%, #00AAFD 100%);
        content: ""
    }

    .events-table {
        position: relative
    }

    .events-table .td:nth-child(1), .events-table.five-columns .td:nth-child(1) {
        width: 204px
    }

    .events-table.winners-table .td:nth-child(2), .events-table.winners-table .thead .th:nth-child(2) {
        width: 200px;
        display: flex
    }

    .events-table.winners-table.with-status .td:nth-child(2) {
        width: 172px
    }

    .events-table.winners-table .tbody.tbody-mobile {
        right: 54px;
        width: 176px
    }

    .events-table .tbody-mobile .td {
        opacity: 0;
        transition: all .2s linear
    }

    .events-table .tbody-mobile .td.visible {
        opacity: 1
    }

    .events-table .thead {
        padding-left: 218px
    }

    .events-table .thead .th:first-child {
        position: absolute;
        left: 0;
        top: 0
    }

    .events-table.online-table .thead .th:nth-child(2), .events-table.online-table .thead .th:nth-child(5) {
        display: none
    }

    .events-table.online-table .tbody-mobile .tr {
        transform: translate(-230px)
    }

    .events-table.top-x-table .thead .th:nth-child(2), .events-table.top-x-table .thead .th:nth-child(3) {
        display: none
    }

    .events-table.top-x-table .tbody-mobile .tr {
        transform: translate(-460px)
    }

    .events-table.winners-table .thead .th:nth-child(1), .events-table.winners-table .thead .th:nth-child(3), .events-table.winners-table .thead .th:nth-child(4) {
        display: none
    }

    .events-table.winners-table .thead .th:nth-child(2) {
        position: absolute;
        left: 0;
        top: 0
    }

    .events-table.winners-table .thead .th.current {
        color: #ffffffad
    }

    .events-table.winners-table .thead .th.current:before {
        display: none
    }

    .events-table.winners-table .tbody-mobile .tr {
        transform: translate(-460px)
    }
}

@media (max-width: 720px) {
    .td.active-td {
        display: flex !important;
        width: calc(100% - 204px) !important
    }

    .td.active-td-left-to-right {
        animation: moveLeftToRight .5s ease
    }

    .td.active-td-right-to-left {
        animation: moveRightToLeft .5s ease
    }

    @keyframes moveLeftToRight {
        0% {
            transform: translate(100%)
        }
        to {
            transform: translate(0)
        }
    }@keyframes moveRightToLeft {
         0% {
             transform: translate(calc(-100% + 204px))
         }
         to {
             transform: translate(0)
         }
     }
}

@media screen and (max-width: 520px) {
    .switch-tabs-item, .switch-tabs .substrate {
        border-radius: 10px
    }

    .events-section .section-header .switch-block {
        padding: 9px
    }

    .switch-tabs-item {
        font-size: 13px
    }

    .events-table .thead .th {
        font-size: 13px;
        padding: 5px 0
    }

    .events-table.winners-table .td:nth-child(1) {
        font-size: 13px;
        padding: 8px;
        width: 30px
    }

    .events-table .table-item-title {
        font-size: 13px
    }

    .events-table.winners-table.with-status .td:nth-child(2) {
        width: 136px;
        padding-right: 0
    }

    .events-table .table-item-img-wrap {
        width: 24px;
        height: 24px;
        border-radius: 6px;
        margin-right: 9px
    }

    .events-table.winners-table .tr:nth-child(-n+3):after {
        width: 22px;
        height: 22px;
        margin-top: -11px;
        right: 10px
    }

    .events-table .tbody .tr, .events-table .tbody .td {
        height: 42px
    }

    .events-table .tbody.tbody-mobile {
        width: 140px
    }

    .events-table.winners-table .tbody.tbody-mobile {
        width: 108px;
        right: 42px
    }

    .events-table .tbody.tbody-mobile .td:nth-child(-n+10) {
        width: 140px
    }

    .events-table .td:nth-child(1), .events-table.five-columns .td:nth-child(1) {
        width: 180px
    }

    .events-table .tbody.tbody-mobile .tr {
        width: 420px
    }

    .events-table.winners-table .tbody.tbody-mobile .tr, .events-table.five-columns .tbody.tbody-mobile .tr {
        width: 560px
    }

    .events-table.online-table .tbody-mobile .tr {
        transform: translate(-140px)
    }

    .events-table.top-x-table .tbody-mobile .tr, .events-table.winners-table .tbody-mobile .tr {
        transform: translate(-280px)
    }

    .events-table .thead {
        padding-left: 208px
    }

    .events-table.winners-table .thead {
        padding-left: 196px
    }
}

@media (max-width: 520px) {
    .td.active-td {
        display: flex !important;
        width: calc(100% - 180px) !important
    }

    .td.active-td-left-to-right {
        animation: moveLeftToRight .5s ease
    }

    .td.active-td-right-to-left {
        animation: moveRightToLeft .5s ease
    }

    @keyframes moveLeftToRight {
        0% {
            transform: translate(100%)
        }
        to {
            transform: translate(0)
        }
    }@keyframes moveRightToLeft {
         0% {
             transform: translate(calc(-100% + 180px))
         }
         to {
             transform: translate(0)
         }
     }
}

@media screen and (max-width: 400px) {
    .switch-tabs-item {
        font-size: 12px
    }

    .events-container {
        padding: 11px
    }

    .events-table .td:nth-child(1), .events-table.five-columns .td:nth-child(1) {
        width: 156px
    }

    .events-table.winners-table .td:nth-child(1) {
        padding-right: 0;
        width: 25px
    }

    .events-table .tbody.tbody-mobile {
        width: 160px
    }

    .events-table.winners-table .tbody.tbody-mobile {
        width: 120px;
        right: 40px
    }

    .events-table .tbody.tbody-mobile .td:nth-child(-n+10) {
        width: 160px
    }

    .events-table.winners-table .td .status-tag {
        padding: 0 9px 0 31px
    }

    .events-table.winners-table .td .status-tag:before {
        width: 28px;
        height: 28px;
        margin-top: -14px
    }

    .events-table .td {
        padding-left: 10px
    }

    .events-section .section-header {
        margin-bottom: 12px
    }

    .events-table .tbody.tbody-mobile .tr {
        width: 480px
    }

    .events-table.winners-table .tbody.tbody-mobile .tr, .events-table.five-columns .tbody.tbody-mobile .tr {
        width: 640px
    }

    .events-table.online-table .tbody-mobile .tr {
        transform: translate(-160px)
    }

    .events-table.top-x-table .tbody-mobile .tr, .events-table.winners-table .tbody-mobile .tr {
        transform: translate(-320px)
    }

    .events-table .thead, .events-table.winners-table .thead {
        padding-left: 188px
    }
}

@media (max-width: 400px) {
    .td.active-td {
        display: flex !important;
        width: calc(100% - 156px) !important
    }

    .td.active-td-left-to-right {
        animation: moveLeftToRight .5s ease
    }

    .td.active-td-right-to-left {
        animation: moveRightToLeft .5s ease
    }

    @keyframes moveLeftToRight {
        0% {
            transform: translate(100%)
        }
        to {
            transform: translate(0)
        }
    }@keyframes moveRightToLeft {
         0% {
             transform: translate(calc(-100% + 156px))
         }
         to {
             transform: translate(0)
         }
     }
}

@media screen and (max-width: 380px) {
    .events-table .thead, .events-table.winners-table .thead {
        padding-left: 168px
    }
}

@media screen and (max-width: 350px) {
    .switch-tabs-item, .switch-tabs .substrate {
        font-size: 10px
    }

    .events-table.winners-table .td:nth-child(1) {
        width: 26px;
        padding: 8px;
        font-size: 11px
    }

    .events-table .table-item-img-wrap {
        margin-right: 6px
    }

    .events-table .table-item-title {
        font-size: 11px
    }

    .events-table.winners-table .tr:nth-child(-n+3):after {
        width: 20px;
        right: 6px
    }

    .events-table .tbody.tbody-mobile {
        width: 140px
    }

    .events-table .td {
        padding-left: 0;
        font-size: 11px
    }

    .events-table.winners-table .td .status-tag .status-tag-title {
        font-size: 11px
    }

    .events-table .td:nth-child(1), .events-table.five-columns .td:nth-child(1) {
        width: 132px
    }

    .events-table .tbody.tbody-mobile .tr {
        width: 420px
    }

    .events-table.winners-table .tbody.tbody-mobile .tr, .events-table.five-columns .tbody.tbody-mobile .tr {
        width: 560px
    }

    .events-table.winners-table .tbody.tbody-mobile {
        right: 30px;
        width: 110px
    }

    .events-table.winners-table.with-status .td:nth-child(2) {
        width: 100px
    }

    .events-table .thead, .events-table.winners-table .thead {
        padding-left: 138px
    }
}

@media (max-width: 350px) {
    .td.active-td {
        display: flex !important;
        width: calc(100% - 132px) !important
    }

    .td.active-td-left-to-right {
        animation: moveLeftToRight .5s ease
    }

    .td.active-td-right-to-left {
        animation: moveRightToLeft .5s ease
    }

    @keyframes moveLeftToRight {
        0% {
            transform: translate(100%)
        }
        to {
            transform: translate(0)
        }
    }@keyframes moveRightToLeft {
         0% {
             transform: translate(calc(-100% + 132px))
         }
         to {
             transform: translate(0)
         }
     }
}

.subscribe-section .wrap-inner {
    background: url(/assets/subscribe-gradient-40b54fea.svg) center center no-repeat;
    background-size: cover;
    -webkit-backdrop-filter: blur(54.3656px);
    backdrop-filter: blur(54.3656px);
    border-radius: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 36px 40px;
    position: relative
}

.subscribe-section .wrap-inner:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/subscribe-pattern-d0be3888.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    content: "";
    border-radius: inherit
}

.subscribe-text {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -2px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1
}

.subscribe-text b {
    color: #ff4aa4
}

.subscribe-buttons {
    display: flex;
    grid-gap: 24px;
    position: relative;
    z-index: 1
}

.social-btn {
    width: 158px;
    height: 56px;
    position: relative;
    border: 1px solid #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    color: #fff
}

.social-btn:before {
    width: 24px;
    height: 24px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 12px
}

.social-btn.youtube:before {
    background-image: url(/assets/youtube-de59e5bb.svg)
}

.social-btn.telegram:before {
    background-image: url(/assets/telegram-959b0d7e.svg)
}

.footer {
    background: rgba(0, 0, 0, .2);
    margin-top: auto
}

.footer-logo {
    width: 100px
}

.footer-logo img {
    width: 100%
}

.footer-logo .logo-title {
    font-size: 20px
}

.footer-logo .logo-text {
    font-size: 6px;
    color: #fff;
    line-height: 12px;
    letter-spacing: normal
}

.footer-top {
    display: flex;
    justify-content: space-between;
    padding: 60px 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.footer-top-left, .footer-top-right {
    width: 13%
}

.footer-top-center {
    width: 74%
}

.footer-top-right {
    display: flex;
    justify-content: flex-end
}

.footer-top .footer-copyr {
    display: block
}

.footer-middle {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 44px;
    padding: 32px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.footer-middle-left {
    padding-right: 10px
}

.footer-middle-right {
    padding-right: 42px
}

.footer-bottom {
    display: flex;
    justify-content: center;
    grid-gap: 40px;
    align-items: center;
    padding: 32px 0
}

.footer-bottom-title {
    color: #fff9;
    font-size: 12px
}

.footer-bottom-links {
    display: flex;
    grid-gap: 40px
}

.footer-bottom-link {
    color: #fff9;
    position: relative;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    padding-left: 24px
}

.footer-bottom-link:before {
    width: 20px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    opacity: .6
}

.footer-bottom-link.email:before {
    background-image: url(/assets/footer-mail-icon-68575644.svg)
}

.footer-bottom-link.chat:before {
    background-image: url(/assets/footer-chat-icon-0a680506.svg)
}

.footer-bottom-link.telegram:before {
    background-image: url(/assets/footer-telegram-icon-4d6e406c.svg)
}

.footer-menu ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.footer-menu ul.top-ul a {
    font-size: 14px
}

.footer-menu ul.top-ul li {
    margin-right: 30px;
    margin-left: 30px
}

.footer-menu li {
    display: block;
    margin: 12px 20px
}

.footer-menu a {
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #fffc;
    transition: all .15s ease-out
}

.footer-menu a:hover {
    color: #fff
}

.footer-copyr {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin-top: 16px;
    display: none
}

.footer .social-newtworks-items {
    margin-top: 0
}

.footer-title {
    font-size: 12px;
    line-height: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff9;
    margin-bottom: 18px
}

.footer-info {
    color: #a6a6a699;
    font-size: 12px;
    line-height: 16px
}

.footer-info .selected {
    color: #fff9
}

.footer-info p {
    margin-bottom: 12px
}

.footer-info ul {
    padding-left: 0
}

.footer-info ul li {
    margin-bottom: 12px;
    display: block
}

.footer-info ul li:last-child {
    margin-bottom: 0
}

.footer-info ol {
    counter-reset: myCounter;
    padding-left: 0
}

.footer-info ol li {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px
}

.footer-info ol li:last-child {
    margin-bottom: 0
}

.footer-info ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter) ".";
    position: absolute;
    top: 0;
    left: 0;
    color: #a6a6a699;
    font-size: inherit
}

.footer-info > *:last-child {
    margin-bottom: 0
}

.social-newtworks-items {
    display: flex;
    grid-gap: 16px
}

.social-newtworks-link {
    width: 28px;
    height: 28px;
    position: relative;
    opacity: .6
}

.social-newtworks-link:before {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    top: 0;
    left: 0
}

.social-newtworks-link.youtube:before {
    background-image: url(/assets/youtube-de59e5bb.svg)
}

.social-newtworks-link.telegram:before {
    background-image: url(/assets/telegram-link-cde7c352.svg)
}

.social-newtworks-link.twitter:before {
    background-image: url(/assets/twitter-footer-link-c61a6ea7.svg);
    background-size: 82%
}

.social-newtworks-link.instagram:before {
    background-image: url(/assets/instagram-footer-link-6cc73c5c.svg);
    background-size: 82%
}

@media (hover: hover) and (min-width: 1025px) {
    .social-newtworks-link:hover {
        opacity: 1
    }

    .footer-bottom-link {
        transition: all .2s linear
    }

    .footer-bottom-link:before {
        transition: all .2s linear
    }

    .footer-bottom-link:hover {
        color: #fff
    }

    .footer-bottom-link:hover:before {
        opacity: 1
    }
}

@media screen and (max-width: 1000px) {
    .footer-menu ul.top-ul li {
        margin-left: 10px;
        margin-right: 10px
    }

    .footer-top-left, .footer-top-right {
        width: 17%
    }

    .footer-middle-right {
        padding-right: 0
    }
}

@media screen and (max-width: 720px) {
    .footer-top {
        flex-wrap: wrap
    }

    .footer-top-left {
        order: 0
    }

    .footer-top-center {
        order: 2;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, .1);
        margin-top: 20px;
        padding-top: 14px
    }

    .footer-top-right {
        order: 1
    }

    .footer-middle {
        flex-direction: column;
        display: flex
    }

    .footer-middle-right {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .footer-middle-right .footer-title {
        padding-right: 25px;
        position: relative;
        width: auto
    }

    .footer-middle-right .footer-title:before {
        width: 20px;
        height: 20px;
        background: url(/assets/footer-arrow-43fd6d4d.svg) center center no-repeat;
        background-size: contain;
        position: absolute;
        content: "";
        right: 0;
        top: 50%;
        margin-top: -10px;
        opacity: .6
    }

    .footer-bottom .footer-copyr {
        display: block
    }

    .footer .wrap-inner .footer-top-left .footer-copyr {
        display: none
    }

    .footer .wrap-inner .footer-copyr {
        display: block;
        margin-top: 0;
        padding-bottom: 40px;
        text-align: center
    }

    .footer-top {
        padding-top: 30px
    }

    .footer-middle-right {
        padding-right: 0
    }
}

@media (max-width: 720px) {
    .footer-middle-right .footer-info {
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s
    }

    .footer-middle-right .footer-title:before {
        transform: rotate(180deg);
        transition: transform .5s
    }

    .footer-middle-right .footer-title.footer-title-opened:before {
        transform: rotate(0)
    }
}

@media screen and (max-width: 520px) {
    .footer-menu ul {
        justify-content: flex-start
    }

    .footer-menu li {
        margin-left: 0;
        margin-top: 0
    }

    .footer-menu ul.top-ul {
        margin-bottom: 14px
    }

    .footer-menu ul.top-ul li {
        margin-left: 0;
        margin-right: 22px
    }
}

@media screen and (max-width: 400px) {
    .footer-bottom, .footer-bottom-links {
        grid-gap: 14px
    }
}

@media screen and (max-width: 350px) {
    .footer-bottom {
        flex-direction: column;
        align-items: center
    }
}

.modal-auth-buttons-item {
    padding-left: 20px
}

@media (min-width: 521px) {
    .modal-auth-buttons-item {
        padding-left: 55px
    }
}

@media (min-width: 721px) {
    .modal-auth-buttons-item {
        padding-left: 95px
    }
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(19, 19, 35, .8);
    z-index: 5
}

.modal {
    background: radial-gradient(19.86% 17.8% at 46.32% 68.16%, rgba(24, 54, 86, .2) 0%, rgba(29, 66, 97, .2) 100%), radial-gradient(90.97% 88.96% at 88.28% 19.69%, rgba(35, 47, 84, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60.06% 45.79% at 26% 66.75%, rgba(45, 208, 231, .34) 0%, rgba(30, 48, 96, .2) 100%), linear-gradient(129deg, #212136 0%, rgba(41, 52, 103, .56) 51.82%, #011332 95.03%);
    border-radius: 24px;
    position: relative;
    padding: 60px
}

.modal:before {
    display: block;
    background: #011332;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: -1;
    content: "";
    -webkit-backdrop-filter: blur(54px);
    backdrop-filter: blur(54px)
}

.modal-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 1
}

.modal-auth {
    padding: 32px;
    display: flex;
    align-items: center
}

.modal-auth:before {
    display: none
}

.modal-auth:after {
    position: absolute;
    content: "";
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.modal-auth .person {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    border-bottom-right-radius: 24px
}

.modal-auth.modal-auth-socials {
    width: 822px;
    min-height: 526px;
    background: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between
}

.modal-auth.modal-auth-socials .modal-title {
    font-family: Montserrat, sans-serif;
    font-weight: 800
}

.modal-auth.modal-auth-socials .modal-subtitle {
    margin-top: 0;
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    letter-spacing: -1px;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff
}

.modal-auth.modal-auth-socials:after {
    background-image: url(/assets/modal-auth-bg-gadient-8a284eb6.png);
    background-size: cover
}

.modal-auth.modal-auth-socials .modal-wrap {
    width: 100%;
    max-width: 300px
}

.modal-auth.modal-auth-socials .person {
    width: 510px
}

.modal-auth.modal-auth-join {
    width: 802px
}

.modal-auth.modal-auth-join:after {
    background-position: top -61px right;
    background-size: 66%;
    background-image: url(/assets/modal-join-bg-a1a18d26.png)
}

.modal-auth.modal-auth-join .modal-wrap {
    max-width: 350px
}

.modal-auth.modal-auth-join .person {
    width: 390px
}

.modal-auth.modal-auth-join .btn {
    max-width: 300px;
    width: 100%;
    height: 60px;
    margin-top: 28px
}

.modal-auth .modal-auth-buttons {
    margin-top: 16px;
    width: 100%
}

.modal-auth .modal-auth-buttons-item {
    height: 60px;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 16px;
    position: relative;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    transition: all .3s ease-in-out
}

.modal-auth .modal-auth-buttons-item:last-child {
    margin-bottom: 0
}

.modal-auth .modal-auth-buttons-item:after {
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border-radius: inherit;
    content: "";
    position: absolute;
    background: linear-gradient(109deg, #0DFFCB 0%, #0778E0 50%, #5641FF 79.69%, #6F00FD 99.48%);
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.modal-auth .modal-auth-buttons-item:before {
    width: 24px;
    height: 24px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 12px;
    position: relative;
    z-index: 1
}

.modal-auth .modal-auth-buttons-item:hover {
    border-color: transparent
}

.modal-auth .modal-auth-buttons-item:hover:after {
    opacity: 1
}

.modal-auth .modal-auth-buttons-item span {
    position: relative;
    z-index: 1
}

.modal-auth .modal-auth-buttons-item.youtube:before {
    background-image: url(/assets/youtube-color-527641fb.svg)
}

.modal-auth .modal-auth-buttons-item.telegram:before {
    background-image: url(/assets/telegram-959b0d7e.svg)
}

.modal-auth .modal-auth-buttons-item.telegram .iframeTelegram {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.modal-auth .modal-auth-buttons-item.telegram .iframeTelegram iframe {
    max-width: 100% !important;
    max-height: 100% !important
}

.modal-auth .modal-auth-buttons-item.twitch:before {
    background-image: url(/assets/twitch-31df1cd0.svg)
}

.modal-auth .modal-auth-buttons-item.mail:before {
    background-image: url(/assets/mail-d349ce22.svg)
}

.modal-auth .modal-auth-buttons-item.tel:before {
    background-image: url(/assets/auth-tel-ccbe31a9.svg)
}

.modal-auth .modal-close {
    top: 32px;
    right: 32px
}

.modal-currency {
    width: 600px;
    padding: 0;
    background: linear-gradient(135deg, #131323 30.21%, rgba(41, 52, 103, .56) 51.82%, #011332 91.67%);
    -webkit-backdrop-filter: blur(54px);
    backdrop-filter: blur(54px);
    margin: 90px 0
}

.modal-currency .modal-header {
    width: 100%;
    height: 190px;
    background: url(/assets/modal-header-currency-bg-c9e627eb.png) center center no-repeat;
    background-size: cover;
    position: relative;
    padding: 32px 35px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 24px 24px 0 0
}

.modal-currency .modal-header .before-title {
    font-size: 18px
}

.modal-currency .modal-header .title-logo {
    font-size: 54px;
    font-family: Jost, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.modal-currency .modal-header .title-logo img {
    display: block;
    max-width: 274px
}

.modal-currency .modal-header .title-logo span {
    background: -moz-linear-gradient(top, #c96407 0%, #ffe500 41%, #8b5a0b 86%, rgba(103, 47, 15, .68) 100%);
    background: -webkit-linear-gradient(top, #c96407 0%, #ffe500 41%, #8b5a0b 86%, rgba(103, 47, 15, .68) 100%);
    background: linear-gradient(to bottom, #c96407 0%, #ffe500 41%, #8b5a0b 86%, rgba(103, 47, 15, .68) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c96407", endColorstr="#ad672f0f", GradientType=0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.modal-currency .modal-body {
    width: 100%;
    padding: 20px 60px 44px;
    color: #fff;
    display: flex;
    grid-gap: 24px;
    flex-direction: column;
    z-index: 1;
    border-radius: 0 0 24px 24px;
    background: radial-gradient(19.86% 17.8% at 46.32% 68.16%, rgba(24, 54, 86, .2) 0%, rgba(29, 66, 97, .2) 100%), radial-gradient(90.97% 88.96% at 88.28% 19.69%, rgba(35, 47, 84, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60.06% 45.79% at 26% 66.75%, rgba(45, 208, 231, .2) 0%, rgba(30, 48, 96, .2) 100%), linear-gradient(129deg, #131323 0%, rgba(41, 52, 103, .56) 51.82%, #011332 95.03%);
    -webkit-backdrop-filter: blur(54px);
    backdrop-filter: blur(54px)
}

.modal-currency .person {
    width: 313px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    border-bottom-right-radius: 24px
}

.modal-currency .currency-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1
}

.modal-currency .currency-controls-label {
    font-size: 14px;
    margin-right: 8px;
    width: 100%
}

.modal-currency .currency-controls-select {
    width: 275px;
    flex-shrink: 0;
    position: relative;
    height: 44px
}

.modal-currency .currency-controls-select-main {
    font-size: 14px;
    background: #2C4A63;
    border: 1px solid #2C4A63;
    border-radius: 12px;
    position: relative
}

.modal-currency .currency-controls-select-main:hover, .modal-currency .currency-controls-select-main:hover * {
    cursor: pointer
}

.modal-currency .currency-controls-select-main-header {
    padding: 12px 36px 12px 12px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: relative
}

.modal-currency .currency-controls-select-main-header:before {
    width: 16px;
    height: 16px;
    background: url(/assets/dropdown-arrow-64eb5044.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -8px;
    content: "";
    transition: all .2s linear
}

.modal-currency .currency-controls-select-main .flag {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 12px;
    flex-shrink: 0
}

.modal-currency .currency-controls-select-main .flag picture, .modal-currency .currency-controls-select-main .flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.modal-currency .currency-controls-select-main .flag picture img, .modal-currency .currency-controls-select-main .flag img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.modal-currency .currency-controls-select-main.active .currency-controls-select-main-header:before {
    transform: rotate(180deg)
}

.modal-currency .currency-controls-select-dropdown {
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: all .2s linear
}

.modal-currency .currency-controls-select-dropdown-content {
    display: flex;
    flex-direction: column
}

.modal-currency .currency-controls-select-dropdown-el {
    padding: 8px 12px;
    display: flex
}

.modal-currency .currency-controls-select-dropdown-el:first-child {
    padding-top: 3px
}

.modal-currency .currency-controls-select-dropdown-el:last-child {
    padding-bottom: 12px
}

.modal-currency .currency-controls-select .error-label {
    height: 34px;
    position: absolute;
    border-radius: 12px;
    background: #ccc;
    bottom: 100%;
    margin-bottom: 7px;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
    padding: 9px 14px;
    color: #fff;
    background: linear-gradient(180deg, #D33A87 5.73%, #9A1658 100%);
    opacity: 0;
    pointer-events: none
}

.modal-currency .currency-controls-select .error-label:before {
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #9a1658;
    border-bottom: 0;
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 100%
}

.modal-currency .currency-controls-select.error .currency-controls-select-main {
    border-color: #d33a87;
    transition: all .2s linear
}

.modal-currency .currency-controls-select.error .error-label {
    opacity: 1;
    transition: all .2s linear
}

.modal-currency .btn {
    height: 60px
}

.modal-small {
    width: 448px;
    border-radius: 24px;
    background: radial-gradient(19.86% 17.8% at 46.32% 68.16%, rgba(24, 54, 86, .2) 0%, rgba(29, 66, 97, .2) 100%), radial-gradient(90.97% 88.96% at 88.28% 19.69%, rgba(35, 47, 84, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60.06% 45.79% at 26% 66.75%, rgba(45, 208, 231, .46) 0%, rgba(30, 48, 96, .2) 100%), linear-gradient(129deg, #131323 0%, rgba(41, 52, 103, .56) 51.82%, #011332 95.03%);
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.modal-small .form {
    width: 100%
}

.modal.modal-mail-auth {
    padding-bottom: 50px
}

.modal.modal-mail-auth .modal-subtitle {
    color: #a6a6a6;
    margin-top: 10px
}

.modal.modal-mail-auth .back-link {
    margin-bottom: 16px
}

.modal.modal-mail-auth .form {
    width: 100%;
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal.modal-mail-auth .send-btn {
    margin-top: 10px
}

.modal.modal-mail-auth .send-again-btn {
    margin-top: 12px
}

.modal.modal-mail-auth .modal-subtitle {
    color: #fff9
}

.modal.modal-mail-auth .modal-subtitle mark {
    border-radius: 5px;
    background: #0090CC;
    display: inline-block;
    padding: 0 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff
}

.modal.modal-mail-auth.verify-modal .code-fields {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.modal.modal-mail-auth.verify-modal .code-fields .status-text {
    display: none
}

.modal.modal-mail-auth.verify-modal .code-fields.error .input {
    border-color: #ff4aa4b3
}

.modal.modal-mail-auth.verify-modal .code-fields.error .input:focus {
    border-color: #ff4aa4b3
}

.modal.modal-mail-auth.verify-modal .code-fields.error .status-text {
    display: block
}

.modal.modal-mail-auth.verify-modal .code-fields .input {
    width: 70px;
    height: 70px;
    border-radius: 12px;
    border: .5px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .04);
    font-size: 23px;
    text-align: center;
    letter-spacing: 0px;
    caret-color: transparent;
    transition: all .2s linear
}

.modal.modal-mail-auth.verify-modal .code-fields .input:focus {
    border-color: #0090cc
}

.modal.modal-mail-auth.verify-modal-tel {
    padding-bottom: 35px
}

.modal.modal-mail-auth.verify-modal-tel .form {
    margin-top: 26px
}

.modal.modal-mail-auth.verify-modal-tel .send-again-btn {
    margin-top: 33px
}

.modal.modal-mail-auth.verify-modal-tel .send-again-btn .time {
    margin-left: 10px;
    font-size: 12px;
    width: 30px
}

.modal.modal-mail-auth.verify-modal-tel .form-footnote {
    margin-top: 15px
}

.modal.modal-video {
    max-width: 1164px;
    max-height: 90vh;
    width: 100%;
    aspect-ratio: 16/9;
    padding: 0;
    background: #272138;
    border-radius: 24px
}

.modal.modal-video .modal-wrap {
    height: 100%
}

.modal.modal-video .modal-close {
    width: 24px;
    height: 24px
}

@media (max-width: 720px) {
    .modal.modal-video .modal-close {
        background: #FF4AA4
    }
}

.modal.modal-video .modal-close:before {
    opacity: .6
}

.modal.modal-join-team {
    padding: 44px 60px;
    background: radial-gradient(19.86% 17.8% at 46.32% 68.16%, rgba(24, 54, 86, .2) 0%, rgba(29, 66, 97, .2) 100%), radial-gradient(90.97% 88.96% at 88.28% 19.69%, rgba(35, 47, 84, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60.06% 45.79% at 26% 66.75%, rgba(45, 208, 231, .26) 0%, rgba(30, 48, 96, .2) 100%), linear-gradient(129deg, #131323 0%, rgba(41, 52, 103, .56) 51.82%, #011332 95.03%)
}

.modal.modal-join-team .form {
    display: flex;
    flex-direction: column;
    grid-gap: 16px;
    margin-top: 24px
}

.modal.modal-join-team .form .btn {
    margin-top: 8px
}

.modal.modal-success {
    padding: 44px 60px;
    background: radial-gradient(19.86% 17.8% at 46.32% 68.16%, rgba(24, 54, 86, .2) 0%, rgba(29, 66, 97, .2) 100%), radial-gradient(90.97% 88.96% at 88.28% 19.69%, rgba(35, 47, 84, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60.06% 45.79% at 26% 66.75%, rgba(45, 208, 231, .26) 0%, rgba(30, 48, 96, .2) 100%), linear-gradient(129deg, #131323 0%, rgba(41, 52, 103, .56) 51.82%, #011332 95.03%);
    text-align: center
}

.modal.modal-success .modal-wrap {
    display: flex;
    flex-direction: column;
    align-items: center
}

.modal.modal-success .modal-title {
    padding-top: 102px;
    position: relative
}

.modal.modal-success .modal-title:before {
    width: 78px;
    height: 78px;
    background: url(/assets/success-icon-a9745fa8.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    margin-left: -39px
}

.modal.modal-success .modal-subtitle {
    color: #fff
}

.modal.modal-login {
    width: 830px;
    height: 580px;
    padding: 40px;
    position: relative;
    backdrop-filter: blur(54px);
    -webkit-backdrop-filter: blur(54px);
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.modal.modal-login:before {
    background: url(/assets/modal-auth-bg-gadient-8a284eb6.png) top right no-repeat;
    position: absolute;
    content: "";
    background-size: cover;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 1
}

.modal.modal-login .modal-wrap {
    height: 100%;
    width: 100%;
    max-width: 318px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

.modal.modal-login .modal-title {
    font-size: 24px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.modal.modal-login .modal-bonus {
    margin-bottom: 20px
}

.modal.modal-login .label {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 7px
}

.modal.modal-login .socials-auth-section, .modal.modal-login .email-auth-section {
    width: 100%
}

.modal.modal-login .email-auth-section-fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start
}

.modal.modal-login .password-btn {
    width: 24px;
    height: 24px;
    position: absolute;
    background: none;
    border: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

.modal.modal-login .password-btn:before, .modal.modal-login .password-btn:after {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: ""
}

.modal.modal-login .password-btn:before {
    background-image: url(/assets/pass-hidden-3b7936be.svg)
}

.modal.modal-login .password-btn:after {
    background-image: url(/assets/pass-visible-a5437401.svg);
    opacity: 0
}

.modal.modal-login .password-btn.visible:before {
    opacity: 0
}

.modal.modal-login .password-btn.visible:after {
    opacity: 1
}

.modal.modal-login .socials-auth-buttons {
    display: flex;
    gap: 10px;
    flex-direction: column
}

.modal.modal-login .socials-auth-buttons .socials-auth-btn {
    border-radius: 12px;
    border: 1px solid #fff;
    background: #fff;
    height: 53px;
    font-size: 14px;
    color: #18182e;
    display: flex;
    align-items: center;
    padding-left: 100px;
    position: relative;
    gap: 12px
}

.modal.modal-login .socials-auth-buttons .socials-auth-btn:before {
    width: 27px;
    height: 28px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.modal.modal-login .socials-auth-buttons .socials-auth-btn.telegram:before {
    background-image: url(/assets/auth-tg-modal-b6dc0e1f.svg)
}

.modal.modal-login .socials-auth-buttons .socials-auth-btn.telegram .iframeTelegram {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.modal.modal-login .socials-auth-buttons .socials-auth-btn.gmail:before {
    background-image: url(/assets/google-icon-logo-6d399ca0.svg)
}

@media (hover: hover) and (min-width: 1025px) {
    .modal.modal-login .socials-auth-buttons .socials-auth-btn {
        transition: all .2s linear
    }

    .modal.modal-login .socials-auth-buttons .socials-auth-btn:hover, .modal.modal-login .socials-auth-buttons .socials-auth-btn:hover * {
        cursor: pointer
    }

    .modal.modal-login .socials-auth-buttons .socials-auth-btn:hover {
        border-radius: 12px;
        background: rgba(255, 255, 255, .25);
        color: #fff
    }
}

.modal.modal-login .password-wrap .input {
    padding-right: 46px
}

.modal.modal-login .input {
    height: 48px;
    width: 100%;
    border-radius: 12px;
    border: 2px solid rgba(0, 170, 255, .35);
    background: rgba(255, 255, 255, .04);
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 400
}

.modal.modal-login .forgot-link {
    color: #fff6;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1;
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

@media (hover: hover) and (min-width: 1025px) {
    .modal.modal-login .forgot-link {
        transition: all .2s linear
    }

    .modal.modal-login .forgot-link:hover, .modal.modal-login .forgot-link:hover * {
        cursor: pointer
    }

    .modal.modal-login .forgot-link:hover {
        color: #fff;
        border-color: #fff
    }
}

.modal.modal-login .btn {
    width: 100%
}

.modal.modal-login .footnote {
    color: #fff;
    font-size: 14px;
    line-height: 1
}

.modal.modal-login .footnote .reg-link {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, .6);
    display: inline-block;
    line-height: 1;
    transition: all .2s linear
}

.modal.modal-login .footnote .reg-link:hover, .modal.modal-login .footnote .reg-link:hover * {
    cursor: pointer
}

@media (hover: hover) and (min-width: 1025px) {
    .modal.modal-login .footnote .reg-link:hover {
        border-color: #fff
    }
}

.modal.modal-login .person {
    width: 530px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.modal.modal-login .modal-close {
    background: rgba(15, 15, 103, .7)
}

.modal.modal-login.modal-registration .modal-wrap .modal-title {
    order: 0
}

.modal.modal-login.modal-registration .modal-wrap .socials-auth-section {
    order: 2;
    margin-top: auto
}

.modal.modal-login.modal-registration .modal-wrap .email-auth-section {
    order: 1
}

@media (min-width: 861px) {
    .modal.modal-login.bonus-modal, .modal.modal-login.bonus-modal.modal-registration {
        height: 644px
    }
}

@media (max-width: 860px) {
    .modal.modal-login {
        width: 400px;
        margin-top: 50px
    }

    .modal.modal-login:before {
        display: none
    }

    .modal.modal-login .picture {
        display: none
    }

    .modal.modal-login .modal-bonus {
        position: absolute;
        top: -50px;
        left: 0;
        width: 100%;
        text-align: center
    }
}

@media (max-width: 520px) {
    .modal.modal-login {
        padding: 27px 30px;
        width: 350px;
        margin-top: 40px;
        height: 555px
    }

    .modal.modal-login .socials-auth-buttons .socials-auth-btn {
        padding-left: 0;
        justify-content: center
    }

    .modal.modal-login .modal-bonus {
        top: -40px
    }
}

@media (max-width: 380px) {
    .modal.modal-login {
        width: 300px;
        height: 530px;
        padding: 24px 20px
    }

    .modal.modal-login .modal-wrap {
        gap: 16px
    }

    .modal.modal-login .email-auth-section-fields {
        gap: 10px
    }
}

.modal-title {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    margin-bottom: 0
}

.modal-title.mail-title {
    position: relative;
    padding-left: 0
}

.modal-title.mail-title:before {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    background: url(/assets/mail-d349ce22.svg) center center no-repeat;
    background-size: contain;
    top: 3px;
    left: 0;
    transform: rotate(15deg);
    display: none
}

.modal-bonus {
    border-radius: 12px;
    background: #078749;
    padding: 12px 20px;
    width: auto;
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    position: relative;
    z-index: 1
}

.modal .modal-subtitle {
    margin-top: 16px;
    line-height: 24px
}

.modal-close {
    width: 36px;
    height: 36px;
    background: rgba(15, 15, 103, .2);
    border-radius: 50%;
    top: 24px;
    right: 24px;
    position: absolute;
    z-index: 2
}

.modal-close:hover, .modal-close:hover * {
    cursor: pointer
}

.modal-close:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    background: url(/assets/modal-close-a4ce1d11.svg) center center no-repeat;
    background-size: 12px;
    left: 0;
    top: 0
}

.modal-close:active {
    background: rgba(13, 24, 82, .5);
    transition: none
}

.modal-close:active:before {
    opacity: .6
}

.modal.modal-userpics {
    width: 692px;
    background: radial-gradient(19.86% 17.8% at 46.32% 68.16%, rgba(24, 54, 86, .2) 0%, rgba(29, 66, 97, .2) 100%), radial-gradient(90.97% 88.96% at 88.28% 19.69%, rgba(35, 47, 84, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60.06% 45.79% at 26% 66.75%, rgba(45, 208, 231, .26) 0%, rgba(30, 48, 96, .2) 100%), linear-gradient(129deg, #131323 0%, rgba(41, 52, 103, .56) 51.82%, #011332 95.03%);
    padding: 60px 30px
}

.modal.modal-userpics:before {
    display: none
}

.modal.modal-userpics .modal-title {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    padding: 0 30px
}

.modal.modal-userpics .modal-wrap {
    display: flex;
    flex-direction: column;
    grid-gap: 24px
}

.modal.modal-userpics .avatar-list {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-gap: 16px;
    height: auto;
    max-height: 380px;
    overflow-y: overlay;
    padding: 0 30px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.modal.modal-userpics .avatar-list::-webkit-scrollbar {
    width: 3px
}

.modal.modal-userpics .avatar-list.visible-scroll::-webkit-scrollbar {
    width: 3px
}

.modal.modal-userpics .avatar-list.visible-scroll::-webkit-scrollbar-thumb {
    background-color: #d9d9d933;
    border-radius: 1px
}

.modal.modal-userpics .avatar-list-item {
    background: #324F72;
    aspect-ratio: 1;
    border-radius: 40px
}

.modal.modal-userpics .avatar-list-item picture, .modal.modal-userpics .avatar-list-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.modal.modal-userpics .avatar-list-item picture img, .modal.modal-userpics .avatar-list-item img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.modal.modal-userpics .avatar-list-item:hover, .modal.modal-userpics .avatar-list-item:hover * {
    cursor: pointer
}

.modal.modal-userpics .avatar-list-item.add-avatar-item {
    position: relative;
    background: #324F72
}

.modal.modal-userpics .avatar-list-item.add-avatar-item:before {
    width: 32px;
    height: 32px;
    background: url(/assets/camera-00f12b94.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .3
}

.modal.modal-userpics .avatar-list-item.add-avatar-item.locked {
    background: repeating-linear-gradient(45deg, #2A4667, #2A4667 13px, #2F4B6C 13px, #2F4B6C 26px);
    cursor: not-allowed
}

.modal.modal-userpics .avatar-list-item .add-avatar-item-lock-icon {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #f0494f;
    top: 0;
    right: 0
}

.modal.modal-userpics .avatar-list-item .add-avatar-item-lock-icon:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(/assets/lock-6e450001.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px auto;
    opacity: .55
}

.modal.modal-userpics .avatar-list-item img {
    border-radius: inherit
}

.modal.modal-userpics .avatar-list-item.active {
    border-radius: 40px;
    position: relative
}

.modal.modal-userpics .avatar-list-item.active:before {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
    border: 2px solid #2EFF9B;
    box-sizing: border-box
}

.modal.modal-userpics .avatar-list-item.active:after {
    width: 24px;
    height: 24px;
    background: url(/assets/current-avatar-8cbbae30.svg) center center no-repeat;
    background-size: contain;
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    border-radius: 24px
}

.modal.modal-userpics .buttons {
    display: flex;
    grid-gap: 24px;
    width: 100%;
    padding: 0 30px
}

.modal.modal-userpics .buttons .btn {
    width: 100%;
    height: 60px;
    border-radius: 16px
}

.modal.modal-userpics .buttons .btn.remove-btn {
    color: #ff444b;
    border: 1px solid #FF444B
}

.modal.modal-userstatus {
    width: 872px;
    background: radial-gradient(19.86% 17.8% at 46.32% 68.16%, rgba(24, 54, 86, .2) 0%, rgba(29, 66, 97, .2) 100%), radial-gradient(90.97% 88.96% at 88.28% 19.69%, rgba(35, 47, 84, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60.06% 45.79% at 26% 66.75%, rgba(45, 208, 231, .2) 0%, rgba(30, 48, 96, .2) 100%), linear-gradient(129deg, #131323 0%, rgba(41, 52, 103, .56) 51.82%, #011332 95.03%)
}

.modal.modal-userstatus:before {
    display: none
}

.modal.modal-userstatus .user-status-list-item {
    min-height: inherit
}

.modal.modal-userstatus .modal-title {
    margin-bottom: 16px
}

.modal.modal-achievements {
    padding: 46px 30px
}

.modal.modal-achievements .modal-title {
    padding-left: 30px
}

.modal.modal-promo-activate {
    width: 490px;
    background: radial-gradient(19.86% 17.8% at 46.32% 68.16%, rgba(24, 54, 86, .2) 0%, rgba(29, 66, 97, .2) 100%), radial-gradient(90.97% 88.96% at 88.28% 19.69%, rgba(35, 47, 84, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60.06% 45.79% at 26% 66.75%, rgba(45, 208, 231, .26) 0%, rgba(30, 48, 96, .2) 100%), linear-gradient(129deg, #131323 0%, rgba(41, 52, 103, .56) 51.82%, #011332 95.03%)
}

.modal.modal-promo-activate .form {
    margin-top: 40px
}

.modal.modal-promo-activate .form .btn {
    margin-top: 24px
}

.modal.modal-preferred-currency, .modal.modal-join-team-successs {
    width: calc(100% - 40px);
    max-width: 490px;
    background: radial-gradient(19.86% 17.8% at 46.32% 68.16%, rgba(24, 54, 86, .2) 0%, rgba(29, 66, 97, .2) 100%), radial-gradient(90.97% 88.96% at 88.28% 19.69%, rgba(35, 47, 84, .2) 0%, rgba(0, 0, 0, 0) 100%), radial-gradient(60.06% 45.79% at 26% 66.75%, rgba(45, 208, 231, .26) 0%, rgba(30, 48, 96, .2) 100%), linear-gradient(129deg, #131323 0%, rgba(41, 52, 103, .56) 51.82%, #011332 95.03%);
    margin: auto
}

.modal.modal-preferred-currency .modal-wrap, .modal.modal-join-team-successs .modal-wrap {
    grid-gap: 24px
}

.modal.modal-preferred-currency .notification, .modal.modal-join-team-successs .notification {
    font-size: 12px;
    color: #fff;
    line-height: 1.6
}

.modal.modal-preferred-currency .notification.info-notification, .modal.modal-join-team-successs .notification.info-notification {
    color: #ffffffb3
}

.modal.modal-preferred-currency .buttons, .modal.modal-join-team-successs .buttons {
    display: flex;
    grid-gap: 24px;
    width: 100%
}

.modal.modal-preferred-currency .buttons .btn, .modal.modal-join-team-successs .buttons .btn {
    width: 100%;
    height: 60px;
    border-radius: 16px
}

@media (max-width: 520px) {
    .modal.modal-preferred-currency .buttons .btn, .modal.modal-join-team-successs .buttons .btn {
        min-width: 0
    }
}

.modal.modal-preferred-currency.success .modal-wrap:before, .modal.modal-join-team-successs.success .modal-wrap:before {
    background-image: url(/assets/success-icon-2-b585283b.svg)
}

.modal.modal-preferred-currency.error .modal-wrap:before, .modal.modal-join-team-successs.error .modal-wrap:before {
    background-image: url(/assets/wait-icon-a23229ee.svg)
}

.modal.modal-preferred-currency.success, .modal.modal-join-team-successs.success, .modal.modal-preferred-currency.error, .modal.modal-join-team-successs.error {
    text-align: center;
    padding: 44px 60px
}

.modal.modal-preferred-currency.success .modal-wrap, .modal.modal-join-team-successs.success .modal-wrap, .modal.modal-preferred-currency.error .modal-wrap, .modal.modal-join-team-successs.error .modal-wrap {
    padding-top: 102px;
    position: relative;
    grid-gap: inherit;
    align-items: center
}

.modal.modal-preferred-currency.success .modal-wrap:before, .modal.modal-join-team-successs.success .modal-wrap:before, .modal.modal-preferred-currency.error .modal-wrap:before, .modal.modal-join-team-successs.error .modal-wrap:before {
    width: 78px;
    height: 78px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    content: ""
}

.modal.modal-preferred-currency.success .modal-title b, .modal.modal-join-team-successs.success .modal-title b, .modal.modal-preferred-currency.error .modal-title b, .modal.modal-join-team-successs.error .modal-title b {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.modal.modal-preferred-currency.success .modal-subtitle, .modal.modal-join-team-successs.success .modal-subtitle, .modal.modal-preferred-currency.error .modal-subtitle, .modal.modal-join-team-successs.error .modal-subtitle {
    font-size: 14px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.modal.modal-tel-auth .form {
    position: relative
}

.modal.modal-tel-auth .input-wrap .input {
    padding-left: 136px
}

.modal.modal-tel-auth .country-code {
    position: absolute;
    left: 10px;
    top: 8px;
    border-radius: 7px;
    background: #224F6B;
    width: 111px;
    overflow: hidden;
    z-index: 1;
    height: 32px;
    transition: all .2s linear
}

.modal.modal-tel-auth .country-code:hover, .modal.modal-tel-auth .country-code:hover * {
    cursor: pointer
}

.modal.modal-tel-auth .country-code:before {
    width: 16px;
    height: 16px;
    background: url(/assets/code-arrow-4aff694b.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    right: 10px;
    top: 9px;
    transition: all .2s linear
}

.modal.modal-tel-auth .country-code-dropdown {
    padding: 0 5px 0 4px
}

.modal.modal-tel-auth .country-code-dropdown-item {
    color: #fff6;
    text-transform: uppercase;
    height: 26px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    padding: 0 6px;
    font-size: 14px
}

.modal.modal-tel-auth .country-code-dropdown-item:first-child {
    margin-top: 4px;
    pointer-events: none
}

.modal.modal-tel-auth .country-code-dropdown-item:last-child {
    margin-bottom: 4px
}

.modal.modal-tel-auth .country-code-dropdown-item .alpha {
    width: 35px
}

.modal.modal-tel-auth .country-code-dropdown-item .code {
    width: 37px;
    margin-left: 2px
}

.modal.modal-tel-auth .country-code-dropdown-item:hover {
    background: rgba(255, 255, 255, .06)
}

.modal.modal-tel-auth .country-code-dropdown-item:hover:hover, .modal.modal-tel-auth .country-code-dropdown-item:hover:hover * {
    cursor: pointer
}

.modal.modal-tel-auth .country-code.opened {
    height: 172px
}

.modal.modal-tel-auth .country-code.opened:before {
    transform: rotate(180deg)
}

.modal.modal-tel-auth .country-code.opened .country-code-dropdown-list {
    overflow: auto;
    height: 172px;
    width: 100%;
    padding-right: 2px
}

.modal.modal-tel-auth .country-code.opened .country-code-dropdown-list::-webkit-scrollbar {
    width: 3px
}

.modal.modal-tel-auth .country-code.opened .country-code-dropdown-list::-webkit-scrollbar-thumb {
    background-color: #193b56;
    border-radius: 2px
}

.modal.modal-tel-auth .country-code.opened .country-code-dropdown-list::-webkit-scrollbar-track {
    margin-top: 6px;
    margin-bottom: 6px
}

.modal.modal-tournament-end {
    width: 802px
}

.modal.modal-tournament-end .picture {
    width: 393px;
    position: absolute;
    bottom: 0;
    right: 0
}

.modal.modal-tournament-end .modal-title {
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.modal.modal-tournament-end .modal-wrap {
    max-width: 464px;
    position: static;
    gap: 10px
}

.modal.modal-tournament-end .modal-timer {
    border-radius: 8px;
    background: rgba(255, 255, 255, .14);
    padding: 8px 8px 8px 36px;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: -1px;
    width: 210px;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.modal.modal-tournament-end .modal-timer:before {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -10px;
    content: "";
    background: url(/assets/timer-icon-90d2081c.svg) center center no-repeat;
    background-size: contain
}

.modal.modal-tournament-end .modal-subtitle {
    max-width: 312px;
    color: #939cba;
    font-size: 14px;
    line-height: 1.7;
    margin-top: 0
}

.modal.modal-tournament-end .btn {
    margin-top: 18px
}

.notification {
    border-radius: 16px;
    position: relative;
    padding: 8px 20px 8px 62px
}

.notification:before {
    width: 26px;
    height: 26px;
    left: 20px;
    top: 50%;
    margin-top: -13px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute
}

.notification.warning {
    border: 1px solid #BBA95E;
    background: rgba(253, 214, 91, .1);
    font-size: 14px;
    line-height: 1.5
}

.notification.warning:before {
    background-image: url(data:image/png;base64,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)
}

.notification.info-notification {
    background: rgba(88, 225, 255, .1);
    padding-left: 44px;
    padding-right: 12px;
    line-height: 1.6
}

.notification.info-notification:before {
    background-image: url(/assets/info-warning-6ce5d244.svg);
    width: 24px;
    height: 24px;
    left: 12px
}

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

.input-wrap .status-label {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 100%;
    right: 0;
    line-height: 18px;
    width: auto;
    color: #fff;
    background: none;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    margin-top: 2px;
    margin-right: 16px
}

.input-wrap .label {
    color: #fff6;
    font-size: 12px;
    line-height: 20px;
    display: block;
    margin-bottom: 4px
}

.input-wrap.error .status-label {
    color: #ff4aa4
}

.input-wrap.error .input {
    border-color: #ff4aa4b3
}

.input-wrap.error .status-text {
    background: linear-gradient(180deg, #D33A87 5.73%, #9A1658 100%)
}

.input-wrap.auth-code-wrap .auth-code-timer {
    width: 72px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    color: #a6a6a6;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .5
}

.input-wrap.auth-code-wrap .auth-code-timer.active {
    color: #fff;
    opacity: 1
}

.input-wrap.auth-code-wrap .status-label span {
    background: linear-gradient(90deg, #30fcd0 -54.32%, #00AAFD 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.input-wrap.auth-code-wrap .status-label:disabled {
    opacity: .4;
    pointer-events: none
}

.input-wrap .status-text {
    height: 34px;
    position: absolute;
    border-radius: 12px;
    background: #ccc;
    z-index: 2;
    bottom: 100%;
    margin-bottom: 7px;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap;
    padding: 9px 14px;
    color: #fff
}

.input-wrap .status-text:before {
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #9a1658;
    border-bottom: 0;
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 100%
}

.send-again-btn {
    background: rgba(255, 255, 255, .16);
    min-width: 80px;
    width: auto;
    padding: 0 16px;
    height: 34px;
    border-radius: 12px;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #fff
}

.send-again-btn:disabled {
    opacity: .5;
    pointer-events: none
}

.input {
    width: 100%;
    height: 48px;
    display: block;
    background: rgba(255, 255, 255, .04);
    border: .5px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    padding: 0 16px;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    color: #fff
}

.input::placeholder {
    color: #fff6
}

.input.input-code {
    letter-spacing: 5px;
    font-family: Montserrat, sans-serif;
    font-weight: 300
}

.input.input-code:disabled {
    color: #ffffff4d;
    pointer-events: none
}

.send-btn {
    width: 100%
}

.form-footnote {
    color: #fff9;
    margin-top: 28px;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 300
}

.form-footnote .link {
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    line-height: 12px
}

.video-player {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    overflow: hidden
}

.video-player-panel {
    background: rgba(255, 255, 255, .16);
    border-radius: 12px;
    padding: 12px;
    left: 16px;
    right: 16px;
    bottom: 16px;
    position: absolute;
    height: 68px;
    display: flex;
    align-items: center
}

.video-player-panel-controls {
    margin-right: 16px;
    flex-shrink: 0
}

.video-player-panel-controls-button {
    background: rgba(255, 255, 255, .16);
    border-radius: 12px;
    width: 44px;
    height: 44px;
    position: relative
}

.video-player-panel-controls-button:hover, .video-player-panel-controls-button:hover * {
    cursor: pointer
}

.video-player-panel-controls-button:before {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video-player-panel-controls-button.play-button:before {
    background-image: url(/assets/play-btn-76f7b819.svg)
}

.video-player-panel-progress {
    width: 100%;
    display: flex;
    flex-direction: column
}

.video-player-panel-progress-time {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 6px
}

.video-player-panel-progress-time .time-value {
    color: #fff;
    white-space: nowrap
}

.video-player-panel-progress-bar {
    height: 16px;
    background: linear-gradient(90deg, rgba(0, 255, 200, .08) -54.32%, rgba(0, 170, 253, .08) 100%);
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    border-radius: 8px;
    padding: 2px
}

.video-player-panel-progress-line {
    height: 100%;
    border-radius: 6px;
    background: linear-gradient(90deg, #00FFC8 -54.32%, #00AAFD 100%)
}

.agreement {
    position: relative
}

.agreement-input {
    display: none
}

.agreement-label {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.agreement-label:hover, .agreement-label:hover * {
    cursor: pointer
}

.agreement-label:before, .agreement-label:after {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    border-radius: 50%;
    background-color: #ffffff1a;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.agreement-label:before {
    background-image: url(/assets/checkbox-border-d3b1ad00.svg)
}

.agreement-label:after {
    background-image: url(/assets/checkbox-active-7a546e7f.svg);
    opacity: 0;
    transition: all .2s linear
}

.agreement-text {
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding-left: 36px;
    position: relative
}

.agreement-text a {
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    line-height: 12px
}

.agreement-text a:hover {
    border-color: transparent
}

.agreement input:checked + label:after {
    opacity: 1
}

.checkbox-list {
    display: flex;
    flex-direction: column;
    grid-gap: 16px
}

.checkbox-list-label {
    padding-left: 36px;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    font-size: 14px
}

.checkbox-list-label:hover, .checkbox-list-label:hover * {
    cursor: pointer
}

.checkbox-list-label:before {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: rgba(255, 255, 255, .1) url(/assets/radio-before-316df6d9.svg) center center no-repeat;
    background-size: contain;
    top: 0;
    left: 0
}

.checkbox-list-label:after {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: url(/assets/radio-after-b435bc3b.svg) center center no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .2s linear
}

.checkbox-list input {
    display: none
}

.checkbox-list input:checked + label:after {
    opacity: 1
}

@media (hover: hover) and (min-width: 1025px) {
    .modal-close {
        transition: .1s linear
    }

    .modal-close:before {
        opacity: .8;
        transition: .1s linear
    }

    .modal-close:hover {
        background: rgba(15, 15, 103, .3)
    }

    .modal-close:hover:before {
        opacity: 1
    }

    .modal-close:hover:active {
        background: rgba(13, 24, 82, .5);
        transition: none
    }

    .modal-close:hover:active:before {
        opacity: .6
    }
}

@media screen and (max-width: 1000px) {
    .modal-auth.modal-auth-join, .modal-auth.modal-auth-socials, .modal.modal-achievements, .modal.modal-userstatus, .modal.modal-tournament-end {
        width: 750px
    }

    .modal.modal-tournament-end .modal-wrap {
        max-width: 343px
    }

    .modal.modal-userstatus .user-status-list {
        grid-template-columns:repeat(2, 1fr);
        padding-left: 7px
    }

    .modal.modal-userstatus .modal-title {
        padding-left: 7px
    }

    .modal-auth.modal-auth-socials {
        min-height: 430px
    }

    .modal-auth.modal-auth-socials .person {
        width: 460px
    }
}

@media screen and (max-width: 800px) {
    .modal-auth.modal-auth-join, .modal-auth.modal-auth-socials, .modal.modal-achievements, .modal.modal-userstatus, .modal.modal-tournament-end {
        width: 700px
    }

    .modal.modal-tournament-end .picture {
        width: 350px
    }

    .modal.modal-achievements .user-status-list {
        grid-template-columns:repeat(2, 1fr)
    }

    .modal.modal-achievements .user-status-list-item {
        min-height: inherit
    }

    .user-status-list .modal {
        padding: 40px
    }

    .modal-auth.modal-auth-join .person {
        width: 338px
    }

    .modal-auth.modal-auth-join:after {
        background-size: 56%
    }

    .modal-auth.modal-auth-socials .person {
        width: 420px
    }

    .modal-currency {
        padding: 0
    }
}

@media screen and (max-width: 720px) {
    .modal-auth.modal-auth-join, .modal-auth.modal-auth-socials, .modal-currency, .modal.modal-achievements, .modal.modal-userstatus, .modal.modal-tournament-end {
        width: 480px
    }

    .modal-auth.modal-auth-socials .modal-subtitle {
        font-size: 16px;
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        text-transform: none;
        letter-spacing: normal
    }

    .modal-auth.modal-auth-socials {
        padding: 16px
    }

    .modal.modal-tournament-end {
        padding: 50px 30px
    }

    .modal.modal-tournament-end:before {
        background: url(/assets/modal-tournament-end-mob-bg-f1d7de8b.png) right bottom no-repeat;
        background-size: cover;
        z-index: 0
    }

    .modal.modal-tournament-end .modal-wrap {
        position: relative;
        z-index: 1
    }

    .modal.modal-tournament-end .modal-timer {
        width: 170px
    }

    .modal.modal-tournament-end .picture {
        display: none
    }

    .modal.modal-tournament-end .modal-wrap {
        max-width: 100%;
        padding-right: 40px
    }

    .modal.modal-tournament-end .modal-title {
        font-size: 18px;
        line-height: 1.44
    }

    .modal.modal-tournament-end .modal-timer {
        font-size: 18px
    }

    .modal.modal-achievements .user-status-list {
        grid-template-columns:repeat(1, 1fr)
    }

    .modal-auth.modal-auth-join:after {
        display: none
    }

    .modal-auth.modal-auth-join .person {
        width: 312px
    }

    .modal, .modal.modal-join-team, .modal.modal-success {
        padding: 40px 28px
    }

    .modal-auth.modal-auth-join .person {
        width: 226px;
        height: 375px;
        overflow: hidden
    }

    .modal-auth.modal-auth-join .person img {
        position: absolute;
        bottom: 0;
        height: 370px;
        width: auto;
        right: -105px
    }

    .modal-auth.modal-auth-join .modal-wrap {
        max-width: 288px
    }

    .modal-auth.modal-auth-join .btn {
        max-width: 206px
    }

    .modal-auth .modal-close {
        top: -50px;
        right: 0;
        background: #131324
    }

    .modal-auth.modal-auth-socials .person {
        width: 280px;
        height: 300px
    }

    .modal-auth.modal-auth-socials .person img {
        width: 310px;
        position: absolute;
        height: auto;
        right: -30px;
        bottom: -1px
    }

    .modal-auth.modal-auth-socials .modal-wrap {
        max-width: 222px
    }

    .modal-auth.modal-auth-socials:after {
        background-size: 160%;
        background-position: center right -126px
    }

    .modal-currency .modal-body {
        padding: 20px 28px 30px
    }

    .modal-currency .person {
        width: 260px
    }

    .modal-currency {
        padding: 0
    }

    .modal.modal-userpics {
        width: 480px
    }

    .modal.modal-userpics .avatar-list {
        grid-template-columns:repeat(3, 1fr)
    }

    .profile-section.profile-section-payment {
        background: #2C304E
    }

    .modal.modal-userstatus .user-status-list {
        display: flex;
        flex-direction: column
    }

    .modal.modal-userstatus .user-status-list-item {
        min-height: inherit
    }

    .modal.modal-userpics .buttons .btn.remove-btn .mob-hidden {
        display: none
    }

    .modal.modal-userstatus {
        padding-left: 20px;
        padding-right: 20px
    }

    .modal-currency .modal-header .title-logo img {
        max-width: 230px
    }
}

@media screen and (max-width: 520px) {
    .modal-auth.modal-auth-join, .modal-auth.modal-auth-socials, .modal-small, .modal-currency, .modal.modal-achievements, .modal.modal-userstatus, .modal.modal-promo-activate, .modal.modal-tournament-end {
        width: 380px
    }

    .modal-title {
        font-size: 24px;
        line-height: 1.4
    }

    .modal .modal-subtitle {
        line-height: 20px
    }

    .modal-auth.modal-auth-join .modal-wrap {
        max-width: 187px
    }

    .modal-auth.modal-auth-join .btn {
        height: 40px;
        border-radius: 9px;
        font-size: 15px;
        max-width: 150px
    }

    .modal-auth.modal-auth-socials:after {
        background-image: url(/assets/modal-auth-bg-gadient-mob-090ec941.png);
        background-size: cover;
        background-position: center center
    }

    .modal-auth .modal-auth-buttons-item {
        height: 40px
    }

    .modal-auth.modal-auth-socials .person img {
        width: 318px;
        right: -30px
    }

    .modal-auth.modal-auth-socials .person {
        width: 190px;
        height: 332px
    }

    .modal-auth.modal-auth-socials {
        min-height: 320px
    }

    .modal-auth.modal-auth-socials .modal-subtitle {
        margin-top: 8px
    }

    .modal-auth.modal-auth-socials .modal-auth-buttons {
        margin-top: 20px
    }

    .modal-auth.modal-auth-socials .modal-wrap {
        max-width: 144px
    }

    .modal-auth .modal-auth-buttons-item {
        border-radius: 10px;
        margin-bottom: 10px;
        font-size: 12px
    }

    .modal-currency .currency-controls {
        flex-direction: column;
        align-items: flex-start
    }

    .modal-currency .currency-controls-label {
        margin-right: 0;
        margin-bottom: 10px
    }

    .modal-currency .modal-header {
        height: 162px
    }

    .modal-currency .person {
        width: 210px
    }

    .modal-currency .modal-header {
        padding: 30px 20px
    }

    .modal-currency .modal-header .title-logo {
        font-size: 30px;
        line-height: 26px
    }

    .modal-currency .modal-body {
        padding: 20px 24px
    }

    .notification.warning {
        font-size: 13px;
        line-height: 18px;
        padding: 12px 26px 12px 42px
    }

    .notification.warning:before {
        width: 18px;
        height: 28px;
        left: 13px
    }

    .agreement-text {
        font-size: 13px;
        line-height: 21px
    }

    .modal-currency .btn {
        font-size: 15px
    }

    .modal-currency .currency-controls-select {
        width: 100%
    }

    .modal-currency {
        padding: 0
    }

    .modal-auth.modal-auth-socials {
        padding-bottom: 24px
    }

    .modal-auth .modal-auth-buttons-item {
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px)
    }

    .modal-auth .modal-title {
        font-size: 20px
    }

    .modal.modal-userpics {
        width: 380px
    }

    .modal.modal-userpics .avatar-list {
        grid-template-columns:repeat(3, 1fr)
    }

    .modal.modal-userpics .avatar-list, .modal.modal-achievements .user-status-list {
        padding: 0 15px
    }

    .modal.modal-achievements .user-status-list {
        padding-top: 15px
    }

    .modal.modal-userpics, .modal.modal-achievements {
        padding: 60px 15px
    }

    .modal.modal-userpics .modal-title, .modal.modal-achievements .modal-title {
        padding: 0 15px
    }

    .modal.modal-userpics .buttons {
        padding: 0 15px;
        grid-gap: 14px
    }

    .modal.modal-userpics .buttons .btn {
        min-width: inherit
    }

    .modal.modal-userpics .avatar-list {
        max-height: 52vh
    }

    .modal.modal-achievements .user-status-list.achievements-list {
        max-height: 62vh
    }

    .modal.modal-userpics, .modal.modal-achievements {
        padding-bottom: 30px
    }

    .modal.modal-promo-activate {
        padding-top: 64px
    }

    .modal-currency .modal-header .title-logo img {
        max-width: 190px
    }

    .modal-bonus {
        font-size: 13px;
        padding: 8px 10px;
        line-height: 15px;
        border-radius: 8px;
        text-transform: none
    }

    .modal-bonus b {
        font-size: 15px
    }

    .modal-auth.modal-auth-socials .modal-subtitle {
        font-size: 12px;
        margin-top: 0
    }

    .modal-auth.modal-auth-socials .person img {
        width: 270px;
        right: -25px
    }

    .modal-auth.modal-auth-socials .person {
        z-index: 2;
        height: 108%
    }

    .modal-auth.modal-auth-socials .modal-title {
        font-size: 16px
    }
}

@media screen and (max-width: 400px) {
    .modal-auth.modal-auth-join, .modal-auth.modal-auth-socials, .modal-small, .modal-currency, .modal.modal-userpics, .modal.modal-achievements, .modal.modal-userstatus, .modal.modal-promo-activate, .modal.modal-tournament-end {
        width: 360px
    }

    .modal, .modal.modal-join-team, .modal.modal-success {
        padding: 40px 22px
    }

    .modal.modal-tournament-end .btn {
        max-width: 100%;
        width: 100%
    }

    .modal.modal-tournament-end .modal-wrap {
        padding-right: 0
    }

    .modal.modal-tournament-end .modal-title {
        padding-right: 40px
    }

    .modal .modal-subtitle {
        margin-top: 10px
    }

    .modal-auth.modal-auth-socials .modal-auth-buttons {
        max-width: 140px
    }

    .modal-title.mail-title:before {
        top: 0
    }

    .modal-currency {
        padding: 0
    }

    .modal-auth .modal-title {
        font-size: 18px
    }

    .modal-auth.modal-auth-socials .person img {
        width: 304px;
        right: -29px
    }

    .modal-currency .modal-header .title-logo img {
        max-width: 165px
    }
}

@media screen and (max-width: 380px) {
    .modal-auth.modal-auth-join, .modal-auth.modal-auth-socials, .modal-small, .modal-currency, .modal.modal-userpics, .modal.modal-achievements, .modal.modal-userstatus, .modal.modal-promo-activate, .modal.modal-tournament-end {
        width: 340px
    }

    .modal-auth.modal-auth-socials .modal-wrap {
        max-width: 155px
    }

    .modal-currency {
        padding: 0
    }

    .modal-currency .modal-header .before-title {
        font-size: 14px
    }

    .modal.modal-mail-auth.verify-modal .code-fields .input {
        width: 64px;
        height: 64px
    }
}

@media screen and (max-width: 350px) {
    .modal-auth.modal-auth-join, .modal-auth.modal-auth-socials, .modal-small, .modal-currency, .modal.modal-userpics, .modal.modal-achievements, .modal.modal-userstatus, .modal.modal-promo-activate, .modal.modal-tournament-end {
        width: 300px
    }

    .modal-auth.modal-auth-join .person {
        width: 150px;
        height: 365px
    }

    .modal-auth.modal-auth-join .person img {
        height: 316px
    }

    .modal, .modal.modal-join-team, .modal.modal-success {
        padding: 24px 18px
    }

    .modal-auth.modal-auth-join .btn {
        margin-top: 18px
    }

    .modal-auth.modal-auth-socials .person img {
        width: 274px
    }

    .modal-currency {
        padding: 0
    }

    .modal-currency .modal-header .title-logo img {
        max-width: 134px
    }

    .modal.modal-mail-auth.verify-modal .code-fields .input {
        width: 58px;
        height: 58px
    }
}

.conditions-page {
    padding-bottom: 88px
}

.conditions-page .wrap {
    max-width: 928px
}

.inner-section {
    padding: 28px 24px;
    border-radius: 16px;
    margin-bottom: 12px
}

.rules-section {
    background: -moz-linear-gradient(-45deg, rgba(255, 163, 112, .4) 0%, rgba(224, 87, 213, .4) 25%, rgba(43, 8, 227, .4) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(255, 163, 112, .4) 0%, rgba(224, 87, 213, .4) 25%, rgba(43, 8, 227, .4) 100%);
    background: linear-gradient(135deg, rgba(255, 163, 112, .4) 0%, rgba(224, 87, 213, .4) 25%, rgba(43, 8, 227, .4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66ffa370", endColorstr="#662b08e3", GradientType=1);
    position: relative;
    color: #fff;
    margin-bottom: 24px
}

@media (min-width: 1151px) {
    .rules-section {
        padding-right: 140px
    }
}

.rules-section:before {
    position: absolute;
    content: "";
    background: url(/assets/rules-bg-e1babfcc.png) center center no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    opacity: .1
}

.rules-section:after {
    width: 268px;
    height: 396px;
    background: url(/assets/rules-img-72cc9b4e.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    top: -60px;
    right: -102px
}

.rules-section > * {
    position: relative;
    z-index: 1
}

.rules-section .rules-ul {
    counter-reset: myCounter;
    padding: 0;
    margin: 0
}

.rules-section .rules-ul li {
    position: relative;
    padding-left: 20px;
    display: block;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 24px
}

.rules-section .rules-ul li:last-child {
    margin-bottom: 0
}

.rules-section .rules-ul li:before {
    counter-increment: myCounter;
    content: counter(myCounter) ".";
    position: absolute;
    left: 0;
    top: 0;
    font-size: inherit;
    color: inherit
}

.rules-section .mob-img-top, .rules-section .mob-img-bottom {
    display: none
}

.faq-section {
    margin-bottom: 24px;
    background: linear-gradient(162deg, #122234 0%, #21173B 100%)
}

.faq-section .section-content {
    display: grid;
    justify-content: space-between;
    grid-gap: 56px;
    grid-template-columns:repeat(2, 1fr)
}

.faq-list-item {
    line-height: 24px;
    font-size: 14px;
    color: #ffffffad;
    margin-bottom: 16px;
    transition: color .2s linear
}

.faq-list-item:hover, .faq-list-item:hover * {
    cursor: pointer
}

.faq-list-item:last-child {
    margin-bottom: 0
}

.faq-list-item.active {
    color: #fff
}

.faq-list-item.active .faq-list-item-question:before {
    transform: rotate(180deg)
}

.faq-list-item.active .faq-list-item-answer {
    color: #fff
}

.faq-list-item-question {
    position: relative;
    padding-right: 28px
}

@media (hover: hover) and (min-width: 1025px) {
    .faq-list-item-question {
        transition: all .2s linear
    }

    .faq-list-item-question:hover {
        color: #fff
    }
}

.faq-list-item-question:before {
    width: 20px;
    height: 20px;
    background: url(/assets/faq-arrow-3d017cd7.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    content: "";
    transition: all .2s linear
}

.faq-list-item-answer {
    height: 0;
    overflow: hidden;
    transition: all .2s linear;
    color: transparent
}

.faq-list-item-answer-content {
    padding: 12px;
    margin-top: 8px;
    border-radius: 12px;
    background: rgba(187, 115, 180, .22)
}

.list-section {
    background: rgba(255, 255, 255, .04)
}

.list {
    padding: 0;
    margin: 0
}

.list li {
    display: block
}

.list-item {
    display: block;
    padding-left: 0;
    position: relative;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 8px
}

.list-item:last-child {
    margin-bottom: 0
}

.list-item:before {
    display: none
}

.list-item-num {
    color: #ffffffad;
    position: absolute;
    width: 35px;
    top: 0;
    left: 0;
    z-index: 1;
    display: block
}

.list-item-title {
    padding-left: 36px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 16px
}

.list-item-text {
    padding-left: 36px;
    display: block
}

.list-item-text p {
    margin-top: 0;
    margin-bottom: 12px
}

.list-item-text p:last-child {
    margin-bottom: 0
}

.list-item a {
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, .7);
    line-height: 12px
}

.list-item table {
    width: 100%;
    border-collapse: collapse;
    color: #ffffffad;
    margin: 12px 0
}

.list-item table thead th {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    padding-right: 20px;
    font-size: 14px
}

.list-item table thead th:first-child {
    padding-left: 20px
}

.list-item table tbody tr td {
    padding: 8px 20px 8px 0
}

.list-item table tbody tr td:first-child {
    width: 80px;
    padding-left: 20px
}

.list-item table tbody tr td:nth-child(2) {
    font-size: 16px
}

.list-item table tbody tr td:last-child {
    width: 108px
}

.list-item table tbody tr:nth-child(odd) td {
    padding-top: 4px;
    padding-bottom: 4px;
    background: rgba(255, 255, 255, .05)
}

.list-item table tbody tr:nth-child(odd) td:first-child {
    border-radius: 4px 0 0 4px
}

.list-item table tbody tr:nth-child(odd) td:last-child {
    border-radius: 0 4px 4px 0
}

.list-item .list.bulletins {
    padding-bottom: 8px
}

.list.bulletins {
    padding-left: 36px;
    padding-bottom: 8px
}

.list.bulletins li {
    padding-left: 24px;
    position: relative
}

.list.bulletins li:before {
    width: 5px;
    height: 5px;
    background: rgba(255, 255, 255, .68);
    border-radius: 50%;
    position: absolute;
    content: "";
    left: 0;
    top: 10px
}

.list.bulletins li .list-item-text {
    padding-left: 0
}

.columns-section {
    display: flex;
    grid-gap: 12px
}

.time-info-section {
    width: 100%;
    padding: 0;
    background: rgba(255, 255, 255, .04)
}

.time-info-section-header {
    background: radial-gradient(128.2% 73.81% at 75.44% 8.75%, rgba(255, 92, 219, .3) 0%, rgba(255, 45, 209, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), linear-gradient(111deg, #6D3D7B 0%, #054A6C 100%);
    padding: 26px 24px 28px;
    border-radius: 16px 16px 0 0;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.time-info-section-header-days {
    display: flex;
    justify-content: flex-start
}

.time-info-section-header-days-label {
    color: #ffffffad;
    font-size: 12px;
    line-height: 20px;
    margin-left: 12px
}

.time-info-section-header-days-val {
    font-size: 90px;
    line-height: 75px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.time-info-section-header-status {
    position: relative;
    padding-right: 28px;
    line-height: 20px;
    font-size: 14px;
    white-space: nowrap
}

.time-info-section-header-status:before {
    width: 20px;
    height: 20px;
    background: url(/assets/timer-6598602d.svg) center center no-repeat;
    background-size: contain;
    content: "";
    top: 0;
    right: 0;
    position: absolute
}

.time-info-section-header-counter {
    width: 100%;
    display: flex;
    grid-gap: 12px;
    justify-content: space-between;
    margin-top: 28px
}

.time-info-section-header-counter-item {
    width: 100%;
    border-radius: 8px;
    background: rgba(255, 255, 255, .1);
    padding: 16px 12px 12px;
    display: flex;
    flex-direction: column
}

.time-info-section-header-counter-item .val {
    font-size: 34px;
    line-height: 24px;
    margin-bottom: 12px;
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.time-info-section-header-counter-item .label {
    color: #ffffffad;
    font-size: 12px
}

.time-info-section-body {
    padding: 40px 24px 24px
}

.prize-info-section {
    width: 100%;
    background: rgba(255, 255, 255, .04)
}

@media screen and (max-width: 1150px) {
    .conditions-page .wrap {
        max-width: 750px
    }

    .rules-section:after {
        display: none
    }

    .rules-section .mob-img-top, .rules-section .mob-img-bottom {
        display: block;
        position: absolute;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        right: 0
    }

    .rules-section .mob-img-top {
        width: 136px;
        height: 136px
    }

    .rules-section .mob-img-bottom {
        width: 106px;
        height: 106px
    }

    .rules-section .mob-img-top {
        background-image: url(/assets/rules-img-top-3af79525.png);
        top: -47px
    }

    .rules-section .mob-img-bottom {
        background-image: url(/assets/rules-img-bottom-6e14482e.png);
        bottom: -64px
    }
}

@media screen and (max-width: 800px) {
    .conditions-page .wrap {
        max-width: 700px
    }
}

@media screen and (max-width: 720px) {
    .conditions-page .wrap {
        max-width: 480px
    }

    .conditions-page .page-title {
        font-size: 32px
    }

    .faq-section .section-content {
        display: flex;
        flex-direction: column;
        grid-gap: 16px
    }

    .columns-section {
        flex-direction: column
    }
}

@media screen and (max-width: 520px) {
    .conditions-page .wrap {
        max-width: 380px
    }
}

@media screen and (max-width: 400px) {
    .conditions-page .wrap {
        max-width: 360px
    }
}

@media screen and (max-width: 380px) {
    .conditions-page .wrap {
        max-width: 340px
    }
}

@media screen and (max-width: 350px) {
    .conditions-page .wrap {
        max-width: 300px
    }

    .list-item table tbody tr td:first-child {
        width: 46px
    }

    .list-item table tbody tr td:last-child {
        width: 90px
    }
}

.streamers-list {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-gap: 24px
}

.streamers-list-item {
    width: 213px;
    padding: 28px 24px;
    border-radius: 20px;
    background: radial-gradient(129.85% 85.58% at 18.51% 6.26%, rgba(108, 46, 187, .8) 0%, rgba(48, 60, 88, 0) 100%), radial-gradient(55.45% 59.59% at 100% 41.31%, rgba(72, 175, 182, .3) 0%, rgba(112, 36, 158, 0) 100%), rgba(255, 255, 255, .13);
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 12px
}

.streamers-list-item:nth-child(3n+1) {
    background: radial-gradient(119.89% 80.88% at 84.37% 9.77%, rgba(46, 136, 187, .53) 0%, rgba(48, 60, 88, 0) 100%), radial-gradient(56.07% 53.36% at 15.26% 96.68%, rgba(72, 122, 182, .4) 0%, rgba(112, 36, 158, 0) 100%), rgba(255, 255, 255, .08)
}

.streamers-list-item:nth-child(3n+2) {
    background: radial-gradient(132% 84.51% at 50% 0%, rgba(46, 85, 187, .8) 0%, rgba(48, 60, 88, 0) 100%), radial-gradient(48.23% 63.03% at 94.76% 91.6%, rgba(153, 72, 182, .3) 0%, rgba(112, 36, 158, 0) 100%), rgba(255, 255, 255, .08)
}

.streamers-list-item:nth-child(3n+3) {
    background: radial-gradient(129.85% 85.58% at 18.51% 6.26%, rgba(108, 46, 187, .8) 0%, rgba(48, 60, 88, 0) 100%), radial-gradient(55.45% 59.59% at 100% 41.31%, rgba(72, 175, 182, .3) 0%, rgba(112, 36, 158, 0) 100%), rgba(255, 255, 255, .13)
}

.streamers-list-item.last-item {
    background: url(/assets/streams-banner-bg-8d282df1.png) center center no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    grid-gap: initial;
    padding: 36px 32px 34px;
    height: 258px;
    position: relative
}

.streamers-list-item.last-item .last-item-title {
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 1
}

.streamers-list-item.last-item .last-item-text {
    color: #fff9;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 15px;
    max-width: 386px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.streamers-list-item.last-item .btn {
    height: 44px;
    position: relative;
    z-index: 1;
    width: 150px;
    padding: 0;
    text-align: center;
    border-radius: 12px;
    min-width: inherit;
    margin-top: auto;
    flex-shrink: 0
}

.streamers-list-item.last-item .btn:hover, .streamers-list-item.last-item .btn:hover * {
    cursor: pointer
}

.streamers-list-item.last-item:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 20px;
    background: url(/assets/streams-banner-gradient-dc07965f.svg) center center no-repeat;
    background-size: cover
}

.streamers-list-item:last-child {
    width: auto
}

.streamers-list-item-preview {
    width: 120px;
    height: 120px;
    position: relative;
    margin-bottom: 10px
}

.streamers-list-item-preview-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 50%
}

.streamers-list-item-preview-wrap picture, .streamers-list-item-preview-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.streamers-list-item-preview-wrap picture img, .streamers-list-item-preview-wrap img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.streamers-list-item-title {
    font-size: 20px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    display: flex;
    line-height: 24px;
    align-items: center
}

.streamers-list-item-title-span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.streamers-list-item-title .flag {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden
}

.streamers-list-item-title .flag picture, .streamers-list-item-title .flag img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.streamers-list-item-title .flag picture img, .streamers-list-item-title .flag img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.streamers-list-item-links {
    display: flex;
    grid-gap: 16px
}

.streamers-list-item-link {
    width: 24px;
    height: 24px;
    display: block;
    opacity: .8
}

.streamers-list-item-link:hover, .streamers-list-item-link:hover * {
    cursor: pointer
}

.streamers-list-item-link picture, .streamers-list-item-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.streamers-list-item-link picture img, .streamers-list-item-link img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.streamers-list-item-link svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center
}

.streamers-list-item-link svg path {
    width: 100%
}

.streamers-list-item-hovers {
    height: 100%
}

.streamers-list-item-hovers-el {
    position: absolute;
    transition: opacity .2s linear;
    opacity: 0
}

.streamers-list-item-hovers-el.el-1 {
    top: -6px;
    left: -14px;
    z-index: 2;
    width: 43px;
    height: 43px
}

.streamers-list-item-hovers-el.el-2 {
    bottom: 0;
    right: 0;
    width: 32px;
    height: 11px
}

.streamers-list-item-hovers-el.el-3 {
    transform: rotate(105deg);
    top: 0;
    left: 0;
    z-index: 2;
    width: 41.6px;
    height: 17.2px
}

.streamers-list-item-hovers-el.el-4 {
    bottom: -7px;
    right: -6px;
    width: 29px;
    height: 26px
}

.streamers-list-item-hovers-el.el-5 {
    width: 33px;
    height: 14px;
    transform: rotate(167deg);
    z-index: 2;
    left: -3px;
    bottom: 4px
}

.streamers-list-item-hovers-el.el-6 {
    right: -12px;
    bottom: 28px;
    z-index: 2;
    width: 34px;
    height: 33px
}

.streamers-list-item-hovers-el.el-7 {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    z-index: 2;
    background: #B6FF7D;
    left: 12px;
    top: 3.2px
}

.streamers-list-item.online {
    background: radial-gradient(129.85% 85.58% at 18.51% 6.26%, rgba(255, 70, 163, .4) 0%, rgba(48, 60, 88, 0) 100%), radial-gradient(55.45% 59.59% at 100% 41.31%, rgba(72, 175, 182, .3) 0%, rgba(112, 36, 158, 0) 100%), rgba(255, 255, 255, .13);
    position: relative
}

.streamers-list-item.online .streamers-list-item-link svg, .streamers-list-item.online .streamers-list-item-link path {
    fill: #ff4aa4
}

.streamers-list-item.online .streamers-list-item-preview:before {
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    background: url(/assets/streamer-online-8a8b0207.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    animation: rotateStreamerBorder 2s linear infinite
}

.streamers-list-item.online .tag {
    width: 62px;
    height: 28px;
    background: url(/assets/live-tag-d4eff83d.svg) center center no-repeat;
    background-size: contain;
    font-size: 14px;
    color: #ff4aa4;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    text-align: center;
    line-height: 18px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.streamers-list-item.online .tag:after {
    width: 7px;
    height: 7px;
    background: #FF4AA4;
    border-radius: 50%;
    content: "";
    display: block;
    margin-left: 6px;
    animation: opacityStreamerOnlineTag 2s linear infinite
}

.streamers-banners {
    display: flex;
    justify-content: space-between;
    margin-top: 68px
}

.streamers-banners-item {
    border-radius: 24px;
    position: relative;
    padding: 36px;
    display: flex;
    flex-direction: column
}

.streamers-banners-item-title {
    font-size: 36px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    color: #fff;
    letter-spacing: -2px;
    line-height: 40px
}

.streamers-banners-item-title .shine {
    width: 50px;
    height: 34px;
    display: inline-block;
    position: relative;
    margin-left: 5px
}

.streamers-banners-item-title .shine:before {
    width: 41px;
    height: 50px;
    position: absolute;
    content: "";
    top: -4px;
    left: 0;
    background: url(/assets/shine-2c8be529.png) center center no-repeat;
    background-size: contain
}

.streamers-banners-item-subtitle {
    line-height: 24px;
    font-size: 14px;
    max-width: 400px
}

.streamers-banners-item-text {
    margin-top: 8px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 16px
}

.streamers-banners-item-buttons {
    margin-top: auto
}

.streamers-banners-item .streamers-banners-item-buttons {
    grid-gap: 10px;
    display: flex;
    position: relative;
    z-index: 2
}

.streamers-banners-item .soc-btn {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    position: relative;
    border: 1px solid rgba(255, 255, 255, .3);
    background: none
}

.streamers-banners-item .soc-btn:before {
    top: -1px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    position: absolute;
    content: "";
    border-radius: inherit;
    background: linear-gradient(90deg, #00FFC8 0%, #00AAFD 100%);
    opacity: 0;
    transition: all .2s linear
}

.streamers-banners-item .soc-btn:after {
    width: 20px;
    height: 20px;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.streamers-banners-item .soc-btn.youtube:after {
    background-image: url(/assets/youtube-de59e5bb.svg)
}

.streamers-banners-item .soc-btn.telegram:after {
    background-image: url(/assets/telegram-white-1884a2ce.svg)
}

.streamers-banners-item .soc-btn.x:after {
    background-image: url(/assets/x-097f9f61.svg)
}

.streamers-banners-item .soc-btn.instagram:after {
    background-image: url(/assets/instagram-7d48b4e1.svg)
}

.streamers-banners-item.luxgirl-banner {
    width: 450px;
    background: url(https://imagedelivery.net/HjnpyY6TwR-iHT3cbKXH4g/0cba2da1-07e5-4eae-6759-d73a993e5a00/w=900,f=auto) center center no-repeat;
    background-size: cover;
    -webkit-backdrop-filter: blur(54.36563492px);
    backdrop-filter: blur(54.36563492px)
}

.streamers-banners-item.luxgirl-banner .streamers-banners-item-text {
    max-width: 178px;
    margin-bottom: 16px
}

.streamers-banners-item.luxgirl-banner .banner-img {
    position: absolute;
    width: 266px;
    right: 0;
    bottom: 0;
    border-bottom-right-radius: 24px
}

.streamers-banners-item.luxgirl-banner .banner-img img {
    width: 100%;
    display: block
}

.streamers-banners-item.community-banner {
    width: 690px;
    background: url(https://imagedelivery.net/HjnpyY6TwR-iHT3cbKXH4g/9a997774-96bd-4d9c-1a58-81c0bb5dea00/w=1380,f=auto) center center no-repeat;
    background-size: cover;
    position: relative
}

.streamers-banners-item.community-banner:before {
    width: 357px;
    height: 263px;
    right: 5px;
    bottom: 2px;
    background: url(/assets/chips-77fa7aae.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: ""
}

.streamers-banners-item.community-banner .banner-img {
    width: 300px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1
}

.streamers-banners-item.community-banner .banner-img img {
    width: 100%;
    display: block
}

.streamers-banners-item.community-banner .streamers-banners-item-subtitle {
    margin-top: 10px;
    color: #ffffffad
}

@keyframes rotateStreamerBorder {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotateStreamerBorder {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes opacityStreamerOnlineTag {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes opacityStreamerOnlineTag {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@media (hover: hover) and (min-width: 1025px) {
    .streamers-list-item:hover .streamers-list-item-hovers-el {
        opacity: 1
    }

    .streamers-banners-item.luxgirl-banner .soc-btn:hover:before, .streamers-banners-item.community-banner .soc-btn:hover:before {
        opacity: 1
    }

    .streamers-list-item-link {
        transition: all .2s linear
    }

    .streamers-list-item-link:hover {
        opacity: 1
    }

    .streamers-list-item.online .streamers-list-item-link svg, .streamers-list-item.online .streamers-list-item-link path {
        transition: all .2s linear
    }

    .streamers-list-item.online .streamers-list-item-link:hover svg, .streamers-list-item.online .streamers-list-item-link:hover path {
        fill: #ff4aa4
    }
}

@media screen and (min-width: 1401px) {
    .streamers-list-item {
        width: 100%
    }

    .streamers-banners-item.luxgirl-banner {
        width: 590px
    }

    .streamers-banners-item.community-banner {
        width: 750px
    }

    .streamers-banners {
        margin-top: 83px
    }

    .streamers-banners-item {
        min-height: 286px
    }

    .streamers-banners-item-title {
        font-size: 42px;
        margin-bottom: 8px
    }

    .streamers-banners-item-subtitle {
        font-size: 17px
    }

    .streamers-banners-item-text {
        font-size: 17px;
        line-height: 1.4
    }

    .streamers-banners-item.luxgirl-banner .streamers-banners-item-text {
        max-width: 220px
    }

    .streamers-banners-item.community-banner .banner-img {
        width: 363px;
        height: 315px;
        overflow: hidden
    }

    .streamers-banners-item.community-banner:before {
        width: 410px;
        height: 295px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-subtitle {
        max-width: 266px
    }

    .streamers-banners-item.luxgirl-banner .banner-img {
        width: 292px
    }
}

@media screen and (min-width: 1301px) {
    .streamers-list-item.last-item:nth-child(5n+1) {
        display: none
    }

    .streamers-list-item.last-item:nth-child(5n+2) {
        grid-column: span 4
    }

    .streamers-list-item.last-item:nth-child(5n+3) {
        grid-column: span 3
    }

    .streamers-list-item.last-item:nth-child(5n+4) {
        grid-column: span 2
    }
}

@media screen and (max-width: 1300px) {
    .streamers-list {
        grid-template-columns:repeat(4, 1fr);
        grid-gap: 24px
    }

    .streamers-list-item {
        width: 100%
    }

    .streamers-banners {
        grid-gap: 24px
    }

    .streamers-banners-item.luxgirl-banner, .streamers-banners-item.community-banner {
        width: 100%
    }

    .streamers-banners-item.community-banner .banner-img {
        width: 243px;
        height: 276px;
        overflow: hidden;
        border-radius: 0 0 24px
    }

    .streamers-banners-item.community-banner .banner-img img {
        width: auto;
        height: 100%;
        position: absolute;
        bottom: 0;
        left: -20px
    }

    .streamers-banners-item.community-banner {
        padding: 36px 34px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-title {
        font-size: 30px;
        line-height: 1;
        max-width: 200px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-subtitle {
        max-width: 180px
    }

    .streamers-banners-item.community-banner:before {
        background-image: url(/assets/chips-tablet-7161b84c.png);
        width: 247px;
        height: 220px;
        top: 10px;
        right: 11px;
        z-index: 2
    }

    .streamers-banners-item.community-banner .soc-btn {
        width: 44px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .streamers-banners-item.community-banner .soc-btn span {
        display: none
    }

    .streamers-banners-item.luxgirl-banner .soc-btn:after {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px
    }

    .streamers-banners-item-title .shine {
        height: 31px
    }
}

@media screen and (min-width: 1001px) and (max-width: 1300px) {
    .streamers-list-item.last-item:nth-child(4n+1) {
        display: none
    }

    .streamers-list-item.last-item:nth-child(4n+2) {
        grid-column: span 3
    }

    .streamers-list-item.last-item:nth-child(4n+3) {
        grid-column: span 2
    }
}

@media screen and (max-width: 1000px) and (min-width: 721px) {
    .streamers-list-item.last-item:nth-child(3n+1) {
        width: 100%;
        grid-column: span 3
    }

    .streamers-list-item.last-item:nth-child(3n+2) {
        grid-column: span 2
    }
}

@media screen and (max-width: 1000px) {
    .streamers-list {
        grid-template-columns:repeat(3, 1fr)
    }

    .streamers-banners-item {
        padding: 26px
    }

    .streamers-banners-item-title {
        font-size: 26px
    }

    .streamers-banners-item.luxgirl-banner .banner-img {
        width: 210px;
        height: 240px
    }

    .streamers-banners-item.community-banner .banner-img {
        width: 223px;
        height: 215px
    }

    .streamers-banners-item-subtitle {
        font-size: 13px
    }

    .streamers-banners-item-text {
        font-size: 13px;
        line-height: 18px;
        margin-top: 3px
    }

    .streamers-banners-item.luxgirl-banner .soc-btn, .streamers-banners-item.community-banner .soc-btn {
        width: 34px;
        height: 34px
    }

    .streamers-banners-item.luxgirl-banner .soc-btn:after, .streamers-banners-item.community-banner .soc-btn:after {
        width: 16px;
        height: 16px;
        margin-top: -8px;
        margin-left: -8px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-title {
        font-size: 26px
    }

    .streamers-banners-item.community-banner {
        padding: 26px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-subtitle {
        font-size: 13px;
        line-height: 18px;
        margin-top: 10px;
        max-width: 134px
    }

    .streamers-banners-item.community-banner .banner-img img {
        left: 0
    }

    .streamers-banners-item.community-banner .banner-img {
        height: 230px
    }

    .streamers-banners-item.community-banner:before {
        display: none
    }

    .streamers-banners-item.luxgirl-banner .streamers-banners-item-text {
        max-width: 130px
    }

    .streamers-banners-item.community-banner .soc-btn .icon {
        width: 16px;
        height: 16px
    }

    .streamers-banners-item-title .shine {
        width: 28px;
        height: 27px
    }

    .streamers-banners-item-title .shine:before {
        width: 36px;
        height: 42px
    }
}

@media screen and (max-width: 720px) {
    .streamers-list {
        grid-template-columns:repeat(2, 1fr)
    }

    .streamers-list-item.last-item .last-item-text {
        display: none
    }

    .streamers-list-item.last-item:nth-child(odd) {
        width: 100%;
        grid-column: span 2
    }

    .streamers-list-item.last-item:nth-child(odd) .last-item-text {
        display: -webkit-box
    }

    .streamers-banners {
        flex-direction: column
    }

    .streamers-list {
        grid-gap: 18px
    }

    .streamers-banners-item-title {
        font-size: 32px
    }

    .streamers-banners-item-subtitle {
        font-size: 15px
    }

    .streamers-banners-item-text {
        font-size: 15px;
        line-height: 20px
    }

    .streamers-banners-item.luxgirl-banner .banner-img {
        width: 250px;
        height: 287px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-title {
        font-size: 30px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-subtitle {
        margin-bottom: 14px
    }

    .streamers-banners-item.community-banner .banner-img {
        width: 250px;
        height: 230px
    }

    .streamers-banners {
        grid-gap: 30px
    }
}

@media screen and (max-width: 520px) {
    .streamers-list-item {
        padding: 12px 12px 20px;
        width: 185px;
        margin-bottom: 10px;
        grid-gap: 10px
    }

    .streamers-list-item:nth-child(2n) {
        margin-left: 10px
    }

    .streamers-list {
        grid-gap: inherit;
        display: flex;
        flex-wrap: wrap
    }

    .streamers-list-item-preview {
        width: 82px;
        height: 82px
    }

    .streamers-list-item-title {
        font-size: 14px
    }

    .streamers-list-item-title .flag {
        width: 12px;
        height: 12px
    }

    .streamers-list-item.last-item {
        width: 185px;
        padding: 22px 18px;
        height: 187px
    }

    .streamers-list-item.last-item .last-item-title {
        font-size: 15px;
        line-height: 16px;
        margin-bottom: 12px
    }

    .streamers-list-item.last-item .last-item-text {
        font-size: 13px;
        line-height: 14px;
        -webkit-line-clamp: 4
    }

    .streamers-list-item.last-item .btn {
        width: 100%;
        height: 44px;
        font-size: 14px
    }

    .streamers-banners-item-title {
        font-size: 28px;
        line-height: 31px
    }

    .streamers-banners-item-subtitle, .streamers-banners-item.luxgirl-banner .streamers-banners-item-text {
        font-size: 13px
    }

    .streamers-banners-item.luxgirl-banner .banner-img {
        width: auto;
        height: 240px
    }

    .streamers-banners-item.luxgirl-banner .banner-img img {
        height: 100%;
        width: auto;
        border-bottom-right-radius: 24px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-title {
        font-size: 28px
    }

    .streamers-banners-item.community-banner .banner-img {
        width: 218px;
        height: 220px
    }

    .streamers-list-item.online .tag {
        height: 22px;
        font-size: 11px
    }

    .streamers-list-item-preview {
        margin-bottom: 5px
    }

    .streamers-banners-item-title .shine:before {
        height: 38px
    }

    .streamers-banners-item-title .shine {
        height: 23px
    }
}

@media screen and (max-width: 400px) {
    .streamers-list-item, .streamers-list-item.last-item {
        width: 175px
    }

    .streamers-banners-item {
        padding: 26px 20px
    }

    .streamers-banners-item.community-banner .banner-img {
        width: 204px
    }

    .streamers-list-item-links {
        grid-gap: 10px
    }
}

@media screen and (max-width: 380px) {
    .streamers-list-item, .streamers-list-item.last-item {
        width: 165px
    }
}

@media screen and (max-width: 350px) {
    .streamers-list-item, .streamers-list-item.last-item {
        width: 145px
    }

    .streamers-banners-item-title {
        font-size: 24px
    }

    .streamers-banners-item.luxgirl-banner .banner-img {
        width: 188px;
        height: 216px
    }

    .streamers-banners-item, .streamers-banners-item.community-banner {
        padding: 26px 16px
    }

    .streamers-banners-item.luxgirl-banner .streamers-banners-item-text {
        font-size: 12px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-title {
        font-size: 26px
    }

    .streamers-banners-item.community-banner .streamers-banners-item-subtitle {
        font-size: 12px
    }

    .streamers-banners-item.community-banner .banner-img {
        width: 180px
    }
}

.tournament-page__banners {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px
}

@media (max-width: 1000px) {
    .tournament-page__banners {
        flex-direction: column
    }
}

.tournament-page__banner {
    width: 896px;
    margin-bottom: 0
}

@media (max-width: 1400px) {
    .tournament-page__banner {
        width: 767px
    }
}

@media (max-width: 1300px) {
    .tournament-page__banner {
        width: 730px
    }
}

@media (max-width: 1150px) {
    .tournament-page__banner {
        width: 620px
    }
}

@media (max-width: 1000px) {
    .tournament-page__banner {
        width: 100%
    }
}

.tournament__table {
    width: 448px;
    border-radius: 36px;
    background: linear-gradient(135deg, #1D2C4B 3.7%, #0C2243 97.08%);
    padding: 6px 24px 24px;
    display: flex;
    flex-direction: column
}

@media (max-width: 1400px) {
    .tournament__table {
        width: 372px
    }
}

@media (max-width: 1300px) {
    .tournament__table {
        width: 350px
    }
}

@media (max-width: 1150px) {
    .tournament__table {
        width: 320px
    }
}

@media (max-width: 1000px) {
    .tournament__table {
        width: 100%;
        margin-top: 24px;
        padding-bottom: 24px
    }
}

@media (max-width: 350px) {
    .tournament__table {
        padding: 14px 14px 24px
    }
}

@media (min-width: 1001px) {
    .tournament__table {
        height: 415px
    }
}

@media (min-width: 1151px) {
    .tournament__table {
        height: 490px
    }
}

.tournament__table .tournament__table-banner {
    margin-top: 5px
}

.tournament__table .tournament__table-banner:nth-child(3) .table-banner__description.full_description {
    padding-right: 5px
}

@media (max-width: 1400px) {
    .tournament__table .tournament__table-banner:nth-child(3) .table-banner__description.full_description {
        font-size: 12px;
        line-height: 15px
    }
}

@media (max-width: 350px) {
    .tournament__table .tournament__table-banner:nth-child(3) .table-banner__description.full_description {
        line-height: 13px
    }
}

@media (max-width: 1300px) and (min-width: 1001px) {
    .tournament__table .tournament__table-banner:nth-child(3).opened .table-banner__footer {
        display: none
    }
}

.tournament__table .tournament__table-banner:nth-child(4) .table-banner__description {
    padding-right: 5px
}

.tournament__table .tournament__table-banner:nth-child(4) .table-banner__description.short_description {
    font-size: 17px
}

.tournament__table .tournament__table-banner:nth-child(4) .table-banner__description.full_description {
    font-size: 12px;
    line-height: 1.2
}

.tournament__table-header {
    padding: 15px 12px
}

.tournament__table-header .label {
    color: #ffffffad;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 500
}

.tournament__table-body {
    height: 100%;
    overflow: hidden
}

.tournament__table-body-scroller {
    display: flex;
    height: 100%;
    transition: transform .2s linear
}

@media (max-width: 1000px) {
    .tournament__table-body-scroller {
        display: flex;
        gap: 24px
    }
}

@media (max-width: 720px) {
    .tournament__table-body-scroller {
        gap: 0
    }
}

.tournament__table-body-section {
    display: flex;
    width: 400px;
    height: 100%;
    flex-shrink: 0;
    flex-direction: column
}

.tournament__table-body-section:first-child {
    display: flex
}

.tournament__table-body-section:first-child .tournament__table-tr:nth-child(-n+3) .tournament__table-tr-prize span {
    position: relative;
    padding-left: 30px
}

.tournament__table-body-section:first-child .tournament__table-tr:nth-child(-n+3) .tournament__table-tr-prize span:before {
    width: 22px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: -12px
}

.tournament__table-body-section:first-child .tournament__table-tr:nth-child(1) .tournament__table-tr-prize span {
    background: linear-gradient(175deg, #FFFCC8 27.97%, #FFD84E 47.51%, #CBAC6F 76.71%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament__table-body-section:first-child .tournament__table-tr:nth-child(1) .tournament__table-tr-prize span:before {
    background-image: url(data:image/png;base64,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)
}

.tournament__table-body-section:first-child .tournament__table-tr:nth-child(2) .tournament__table-tr-prize span {
    background: linear-gradient(155deg, #DCE9FD 31.59%, #DCFDF8 31.59%, #356A85 75.24%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament__table-body-section:first-child .tournament__table-tr:nth-child(2) .tournament__table-tr-prize span:before {
    background-image: url(data:image/png;base64,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)
}

.tournament__table-body-section:first-child .tournament__table-tr:nth-child(3) .tournament__table-tr-prize span {
    background: linear-gradient(180deg, #F9944B 14.06%, #FFD4B8 35.11%, #DD8C35 72.07%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tournament__table-body-section:first-child .tournament__table-tr:nth-child(3) .tournament__table-tr-prize span:before {
    background-image: url(data:image/png;base64,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)
}

@media (max-width: 1400px) {
    .tournament__table-body-section {
        width: 324px
    }
}

@media (max-width: 1300px) {
    .tournament__table-body-section {
        width: 302px
    }
}

@media (max-width: 1150px) {
    .tournament__table-body-section {
        width: 272px
    }
}

@media (max-width: 1000px) {
    .tournament__table-body-section {
        width: 339px;
        height: 350px;
        height: auto
    }
}

@media (max-width: 800px) {
    .tournament__table-body-section {
        width: 314px
    }
}

@media (max-width: 720px) {
    .tournament__table-body-section {
        width: 432px
    }
}

@media (max-width: 520px) {
    .tournament__table-body-section {
        width: 332px
    }
}

@media (max-width: 400px) {
    .tournament__table-body-section {
        width: 312px
    }
}

@media (max-width: 380px) {
    .tournament__table-body-section {
        width: 292px
    }
}

@media (max-width: 350px) {
    .tournament__table-body-section {
        width: 272px
    }
}

.tournament__table-tr {
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
    flex-shrink: 0;
    padding: 8px 20px 8px 12px
}

.tournament__table-tr:nth-child(odd) {
    border-radius: 12px;
    background: rgba(255, 255, 255, .04)
}

.tournament__table-tr-position {
    width: 70px;
    border-radius: 7px;
    border: 1px solid rgba(255, 255, 255, .1);
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    flex-shrink: 0
}

.tournament__table-tr-prize {
    font-size: 24px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 700
}

.tournament__table-tr-prize .text-prize {
    font-size: 15px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: -.25px;
    text-transform: none
}

@media (max-width: 1150px) {
    .tournament__table-tr-prize .text-prize {
        font-size: 13px
    }
}

.tournament__table-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 22px
}

.tournament__table-dots {
    display: flex;
    gap: 7px
}

.tournament__table-dots .dot {
    width: 28px;
    flex-shrink: 0;
    height: 5px;
    border-radius: 3px;
    background: #2A3756
}

.tournament__table-dots .dot.active {
    background: linear-gradient(180deg, #00FFC8 0%, #00AAFD 92.31%)
}

.tournament__table-arrows {
    display: flex;
    gap: 5px
}

.tournament__table-arrows .arrow {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    border: 2px solid rgba(255, 255, 255, .04);
    background: rgba(255, 255, 255, .04);
    position: relative
}

.tournament__table-arrows .arrow:before {
    width: 24px;
    height: 24px;
    background: url(/assets/btn-arrow-2-6ab140bd.svg) center center no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px
}

.tournament__table-arrows .arrow.next:before {
    transform: rotate(180deg)
}

@media (hover: hover) and (min-width: 1025px) {
    .tournament__table-arrows .arrow {
        transition: all .2s linear
    }

    .tournament__table-arrows .arrow:hover, .tournament__table-arrows .arrow:hover * {
        cursor: pointer
    }

    .tournament__table-arrows .arrow:hover {
        background: rgba(255, 255, 255, .1)
    }
}

.tournament__table-banner {
    height: 100%;
    overflow: hidden
}

.tournament__table-banner .table-banner__body {
    overflow: hidden
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .tournament__table-banner:nth-child(4), .tournament__table-banner:nth-child(5) {
        display: none
    }
}

.table-banner {
    padding: 17px 15px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: linear-gradient(180deg, #141921 30%, #0e1117 70.19%);
    border-radius: 18px;
    border-width: 1px;
    border-style: solid
}

.table-banner__header {
    height: 44px;
    display: flex;
    gap: 17px;
    margin-bottom: 18px;
    position: relative;
    padding-right: 40px;
    flex-shrink: 0
}

@media (max-width: 380px) {
    .table-banner__header {
        gap: 10px;
        margin-bottom: 10px
    }
}

.table-banner__body {
    height: 100%;
    margin-bottom: 18px;
    overflow: hidden;
    display: flex;
    align-items: center
}

@media (max-width: 520px) {
    .table-banner__body {
        margin-bottom: 10px
    }
}

.table-banner__footer {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-top: auto;
    gap: 14px
}

.table-banner__logo {
    width: 100px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    height: 100%;
    flex-shrink: 0;
    position: relative;
    padding: 10px
}

.table-banner__logo picture, .table-banner__logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.table-banner__logo picture img, .table-banner__logo img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

@media (max-width: 1140px) and (min-width: 1001px) {
    .table-banner__logo {
        width: 80px
    }
}

@media (max-width: 1140px) {
    .table-banner__logo {
        padding: 7px 10px
    }
}

@media (max-width: 380px) {
    .table-banner__logo {
        width: 80px
    }
}

.table-banner__code {
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .12);
    width: auto;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    letter-spacing: -.28px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    padding-right: 46px;
    padding-left: 14px;
    position: relative;
    min-width: 120px
}

.table-banner__code b, .table-banner__code strong {
    font-family: Montserrat, sans-serif;
    font-weight: 600
}

.table-banner__code .copy-btn {
    width: 27px;
    height: 26px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .1);
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -13px
}

.table-banner__code .copy-btn:before {
    width: 18px;
    height: 18px;
    background: url(/assets/copy-icon-bf7d194d.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .45
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__code .copy-btn {
        transition: all .2s linear
    }

    .table-banner__code .copy-btn:hover, .table-banner__code .copy-btn:hover * {
        cursor: pointer
    }

    .table-banner__code .copy-btn:hover {
        background: rgba(255, 255, 255, .2)
    }
}

.table-banner__code .copied-tooltip {
    position: absolute;
    right: 0;
    top: -44px;
    line-height: 34px;
    border-radius: 12px;
    background: linear-gradient(180deg, #2eff9b 0%, #05b48a 100%);
    padding: 0 24px;
    font-size: 12px;
    color: #fff;
    transition: .3s;
    visibility: hidden;
    opacity: 0
}

.table-banner__code .copied-tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top-color: #05b48a;
    border-bottom: 0;
    top: 100%;
    right: 17px
}

.table-banner__code-label {
    background: #14233B;
    color: #ffffff80;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 8px;
    line-height: 14px;
    letter-spacing: -.16px;
    width: auto;
    left: 12px;
    padding: 0 10px;
    position: absolute;
    top: -7px
}

.table-banner__code .value {
    text-transform: uppercase
}

.table-banner__infolink {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    filter: grayscale(1);
    transition: all .2s linear
}

.table-banner__infolink:before, .table-banner__infolink:after {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%)
}

.table-banner__infolink:before {
    background-image: url(/assets/info-link-gradient-b09de1a8.svg)
}

.table-banner__infolink:after {
    background-image: url(/assets/info-link-close-gradient-f3f8760a.svg);
    opacity: 0
}

.table-banner__infolink.opened:before {
    opacity: 0
}

.table-banner__infolink.opened:after {
    opacity: 1
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__infolink:hover, .table-banner__infolink:hover * {
        cursor: pointer
    }

    .table-banner__infolink:hover {
        filter: none
    }
}

@media (max-width: 1400px) {
    .table-banner__infolink {
        top: 0;
        right: 0
    }
}

@media (max-width: 1024px) {
    .table-banner__infolink {
        filter: none
    }
}

.table-banner__label {
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    line-height: 1.42;
    color: #fff;
    letter-spacing: -.28px;
    display: flex;
    align-items: center
}

@media (max-width: 1140px) and (min-width: 1001px) {
    .table-banner__label {
        font-size: 12px
    }
}

.table-banner__description {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: -.3px;
    color: #fff
}

@media (min-width: 1001px) {
    .table-banner__description {
        padding-right: 5px
    }
}

@media (min-width: 1401px) {
    .table-banner__description {
        padding-right: 70px
    }
}

@media (min-width: 1301px) {
    .table-banner__description {
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 1150px) {
    .table-banner__description {
        font-size: 16px
    }
}

.table-banner__description.full_description {
    display: none;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.24px;
    height: auto;
    max-height: 100%;
    overflow: auto;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}

.table-banner__description.full_description.visible-scroll::-webkit-scrollbar {
    width: 3px
}

.table-banner__description.full_description.visible-scroll::-webkit-scrollbar-thumb {
    background-color: #d9d9d933;
    border-radius: 1px
}

.table-banner__description.full_description::-webkit-scrollbar {
    width: 3px
}

.table-banner__description.full_description::-webkit-scrollbar-thumb {
    background-color: #d9d9d933
}

@media (max-width: 1150px) {
    .table-banner__description.full_description {
        line-height: 12px
    }
}

@media (max-width: 720px) {
    .table-banner__description.full_description {
        line-height: 18px;
        font-size: 13px
    }
}

@media (max-width: 520px) {
    .table-banner__description.full_description {
        line-height: 16px;
        font-size: 12px
    }
}

.table-banner__btn {
    border-radius: 12px;
    box-shadow: 0 4px 24px #252d5861, 0 6px 10px #ece48b00;
    width: 100%;
    padding: 0 12px;
    font-size: 14px;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    height: 44px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__btn {
        position: relative
    }

    .table-banner__btn:hover, .table-banner__btn:hover * {
        cursor: pointer
    }

    .table-banner__btn span {
        position: relative;
        z-index: 1
    }

    .table-banner__btn:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        border-radius: inherit;
        opacity: 0;
        transition: all .2s linear
    }

    .table-banner__btn:hover:before {
        opacity: 1
    }
}

@media (max-width: 1400px) {
    .table-banner__btn {
        font-size: 12px
    }
}

.table-banner:nth-child(4) .table-banner__header, .table-banner:nth-child(5) .table-banner__header {
    height: 40px;
    margin-bottom: 10px
}

.table-banner:nth-child(4) .table-banner__body, .table-banner:nth-child(5) .table-banner__body {
    margin-bottom: 10px
}

.table-banner:nth-child(4) .table-banner__btn, .table-banner:nth-child(5) .table-banner__btn {
    height: 44px
}

.table-banner:nth-child(4) .table-banner__code, .table-banner:nth-child(5) .table-banner__code {
    font-size: 14px
}

.table-banner:nth-child(4) .table-banner__description, .table-banner:nth-child(5) .table-banner__description {
    font-size: 15px
}

.table-banner:nth-child(5) {
    padding: 15px
}

.table-banner:nth-child(5) .table-banner__header {
    height: 34px
}

.table-banner:nth-child(5) .table-banner__description {
    font-size: 13px;
    line-height: 18px
}

.table-banner:nth-child(5) .table-banner__btn {
    height: 34px;
    font-size: 13px
}

.table-banner:nth-child(5) .table-banner__code {
    font-size: 13px
}

.table-banner:nth-child(6), .table-banner:nth-child(7), .table-banner:nth-child(8) {
    display: none
}

@media (max-width: 1150px) and (min-width: 1001px) {
    .table-banner:nth-child(5) {
        display: none
    }
}

.table-banner.opened {
    background: #14233B;
    transition: all .2s linear
}

.table-banner.opened .table-banner__code-label {
    background: #14233B
}

@media (max-width: 1000px) {
    .table-banner.opened .table-banner__footer {
        display: none
    }

    .table-banner.opened .table-banner__body {
        margin-bottom: 0
    }

    .table-banner.opened .table-banner__description.full_description {
        overflow: visible
    }
}

.table-banner.loading {
    background: rgba(255, 255, 255, .02);
    border: 0;
    position: relative;
    overflow: hidden
}

.table-banner.loading:before {
    display: block;
    animation: loadingTable 2s linear infinite;
    position: absolute;
    content: "";
    top: 50%;
    left: -100%;
    margin-top: -200px;
    height: 400px;
    width: 400px;
    background: #fff;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .65) 0%, rgba(0, 0, 0, 0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6ffffff", endColorstr="#00000000", GradientType=1);
    opacity: .1
}

@media (max-width: 1000px) {
    .table-banner.loading:nth-child(2) {
        display: none
    }
}

.table-banner__theme-1 {
    border-color: #ff8f6a
}

.table-banner__theme-1 .table-banner__btn {
    background: linear-gradient(94deg, #FFAA61 4.53%, #FF4B7F 104.41%)
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-1 .table-banner__btn:before {
        background: linear-gradient(92deg, #FFE2A9 3.63%, #EF9342 31.39%, #E77432 59.71%, #CC0E74 112.4%)
    }
}

.table-banner__theme-1 .table-banner__code b, .table-banner__theme-1 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(91deg, #FDA 23.76%, #FFA272 30.91%, #FF65BD 37.08%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.table-banner__theme-1 .table-banner__description b {
    background-image: linear-gradient(94deg, #FFE8C4 1.32%, #FFBB53 35.26%, #FF65BC 82.75%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-banner__theme-2 {
    border-color: #c61d31
}

.table-banner__theme-2 .table-banner__btn {
    background: linear-gradient(94deg, #E32138 4.57%, #901423 93.02%)
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-2 .table-banner__btn:before {
        background: linear-gradient(92deg, #FF5E2C 4.51%, #DC1931 34.75%, #C0071E 56.96%, #970000 91.94%)
    }
}

.table-banner__theme-2 .table-banner__code b, .table-banner__theme-2 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(94deg, #E32138 4.57%, #ff5b6f 93.02%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.table-banner__theme-2 .table-banner__description b {
    background: linear-gradient(94deg, #E32138 4.57%, #ff5b6f 93.02%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-banner__theme-3 {
    border-color: #ce2951
}

.table-banner__theme-3 .table-banner__btn {
    background: linear-gradient(94deg, #f14670 78.44%, #e81f50 107.66%)
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-3 .table-banner__btn:before {
        background: linear-gradient(92deg, #ce2951 78.44%, #a62242 107.66%)
    }
}

.table-banner__theme-3 .table-banner__code b, .table-banner__theme-3 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(94deg, #FDC798 4.52%, #E78732 87.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.table-banner__theme-3 .table-banner__description b {
    background: linear-gradient(94deg, #FDC798 4.52%, #E78732 87.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-banner__theme-4 {
    border-color: #972fe2
}

.table-banner__theme-4 .table-banner__btn {
    background: linear-gradient(94deg, #AD2CE3 4.52%, #6335E0 87.31%)
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-4 .table-banner__btn:before {
        background: linear-gradient(92deg, #E649FF -3.17%, #7233E0 48.87%, #3B37DF 88.72%)
    }
}

.table-banner__theme-4 .table-banner__code b, .table-banner__theme-4 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(92deg, #AD2CE3 32.78%, #D70CC3 48.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.table-banner__theme-4 .table-banner__description b {
    background: linear-gradient(92deg, #AD2CE3 32.78%, #D70CC3 48.12%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-banner__theme-5 {
    border-color: #aadd2f
}

.table-banner__theme-5 .table-banner__btn {
    background: linear-gradient(94deg, #BDF23D 4.52%, #729F06 87.31%)
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-5 .table-banner__btn:before {
        background: linear-gradient(92deg, #FDF644 .55%, #ADE031 15.07%, #90BF1C 29.29%, #006710 97.12%)
    }
}

.table-banner__theme-5 .table-banner__code b, .table-banner__theme-5 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(109deg, #bffc39 36.73%, #7bb200 86.68%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.table-banner__theme-5 .table-banner__description b {
    background: linear-gradient(109deg, #bffc39 36.73%, #7bb200 86.68%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-banner__theme-6 {
    border-color: #aadd2f
}

.table-banner__theme-6 .table-banner__btn {
    background: linear-gradient(94deg, #668AFE 4.52%, #244ED3 87.31%)
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-6 .table-banner__btn:before {
        background: linear-gradient(92deg, #658AFE -1.2%, #254FD4 51.72%, #CE622A 100%)
    }
}

.table-banner__theme-6 .table-banner__code b, .table-banner__theme-6 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(106deg, #5affd7 -7.57%, #036cf0 98.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.table-banner__theme-6 .table-banner__description b {
    background: linear-gradient(106deg, #5affd7 -7.57%, #036cf0 98.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-banner__theme-7 {
    border-color: #01c1f0
}

.table-banner__theme-7 .table-banner__btn {
    background: linear-gradient(94deg, #01DFDD 4.52%, #01ADFC 87.31%)
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-7 .table-banner__btn:before {
        background: linear-gradient(91deg, #0DFFCB -9.58%, #0778E0 45.04%, #5641FF 77.48%, #6F00FD 99.1%)
    }
}

.table-banner__theme-7 .table-banner__code b, .table-banner__theme-7 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(109deg, #79e6ff 36.73%, #44c1ef 58.58%, #0091da 86.68%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.table-banner__theme-7 .table-banner__description b {
    background: linear-gradient(109deg, #79e6ff 36.73%, #44c1ef 58.58%, #0091da 86.68%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-banner__theme-8 {
    border-color: #aadd2f
}

.table-banner__theme-8 .table-banner__btn {
    background: linear-gradient(93deg, #BDB4A9 0%, #E6C14F 96.42%)
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-8 .table-banner__btn:before {
        background: linear-gradient(93deg, #FFF2C4 0%, #EDCE71 29.07%, #FFAC40 67.37%, #CC7300 96.58%)
    }
}

.table-banner__theme-8 .table-banner__code b, .table-banner__theme-8 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(109deg, #fcf3eb 22.5%, #ffc168 102.29%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.table-banner__theme-8 .table-banner__description b {
    background: linear-gradient(109deg, #fcf3eb 22.5%, #ffc168 102.29%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-banner__theme-9 {
    border-color: #9159d9
}

.table-banner__theme-9 .table-banner__btn {
    background: linear-gradient(94deg, #55B1DA 4.52%, #9159D9 87.31%)
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-9 .table-banner__btn:before {
        background: linear-gradient(92deg, #73EFB3 -5.66%, #6C79CA 18.19%, #6833B7 62.66%, #8900B9 91.95%)
    }
}

.table-banner__theme-9 .table-banner__code b, .table-banner__theme-9 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    background: linear-gradient(109deg, #a6f2d8 22.5%, #a16fff 102.29%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase
}

.table-banner__theme-9 .table-banner__description b {
    background: linear-gradient(109deg, #a6f2d8 22.5%, #a16fff 102.29%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table-banner__theme-10 {
    border-color: #ff4aa4
}

.table-banner__theme-10 .table-banner__btn {
    background: #FF4AA4
}

@media (hover: hover) and (min-width: 1025px) {
    .table-banner__theme-10 .table-banner__btn:before {
        background: #e33d90
    }
}

.table-banner__theme-10 .table-banner__code b, .table-banner__theme-10 .table-banner__code strong {
    display: inline-block;
    margin-right: 5px;
    color: #ff4aa4;
    -webkit-text-fill-color: inherit;
    -webkit-background-clip: none;
    background: none
}

.table-banner__theme-10 .table-banner__description b {
    color: #ff4aa4;
    -webkit-text-fill-color: inherit;
    -webkit-background-clip: none;
    background: none
}

.tournament-block {
    height: 100%;
    width: 100%;
    padding: 40px;
    position: relative;
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #18182e
}

.tournament-block-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    border-radius: inherit
}

.tournament-block-bg picture, .tournament-block-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.tournament-block-bg picture img, .tournament-block-bg img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block
}

.tournament-block > * {
    margin-bottom: 18px
}

.tournament-block-info {
    display: flex;
    position: relative;
    z-index: 2
}

.tournament-block-info-date, .tournament-block-info-time {
    width: auto;
    height: 36px;
    background: rgba(255, 255, 255, .14);
    border-radius: 8px;
    padding: 0 8px 0 36px;
    font-size: 14px;
    color: #fff;
    position: relative;
    font-family: Poppins, GigaSans, sans-serif;
    font-weight: 500;
    display: flex;
    align-items: center
}

.tournament-block-info-date:before, .tournament-block-info-time:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 8px;
    top: 50%;
    margin-top: -10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .68
}

.tournament-block-info-time {
    width: 190px
}

.tournament-block-info-link {
    height: 36px;
    width: auto;
    padding: 0 48px 0 12px;
    font-size: 14px;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 12px;
    background: rgba(255, 255, 255, .16);
    margin-left: 12px
}

.tournament-block-info-link:before {
    width: 24px;
    height: 24px;
    background: url(/assets/link-arrow-a630f0e0.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    content: "";
    right: 12px;
    top: 50%;
    margin-top: -12px
}

.tournament-block-info-date {
    margin-right: 12px
}

.tournament-block-info-date:before {
    background-image: url(/assets/date-e7be6968.svg)
}

.tournament-block-info-time:before {
    background-image: url(/assets/time-4ab2c724.svg)
}

.tournament-block-title {
    font-size: 36px;
    line-height: 1.1;
    font-family: Poppins, GigaSans, sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 2;
    color: #fff;
    max-width: 400px;
    letter-spacing: -2px
}

.tournament-block-sum {
    color: #ff3fd0;
    font-size: 64px;
    line-height: 1.05;
    font-family: Poppins, GigaSans, sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 2;
    max-width: 400px;
    letter-spacing: -2px;
    margin-top: 5px;
    background: url(/assets/gradient-5-aa76ec49.svg) center center no-repeat;
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    padding-right: 20px
}

.tournament-block-subtitle {
    line-height: 24px;
    font-family: Poppins, GigaSans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    z-index: 1
}

.tournament-block-text {
    line-height: 1.71;
    font-size: 14px;
    font-family: Poppins, GigaSans, sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 2;
    color: #fff;
    max-width: 334px;
    margin-bottom: 32px
}

.tournament-block-text.mobile-text {
    display: none
}

.tournament-block-buttons {
    margin-top: auto;
    position: relative;
    z-index: 2;
    margin-bottom: 0;
    display: flex
}

.tournament-block-buttons > * {
    margin-right: 24px
}

.tournament-block-buttons > *:last-child {
    margin-right: 0
}

.tournament-block-buttons .pink-btn {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: linear-gradient(93deg, #843790 0%, #bd5877 100%);
    -webkit-backdrop-filter: blur(27px);
    backdrop-filter: blur(27px);
    border: 0
}

.tournament-block-buttons .pink-btn:after {
    border: 1px solid rgba(255, 255, 255, .12);
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    content: ""
}

.tournament-block-buttons .pink-btn .btn-text, .tournament-block-buttons .pink-btn .count {
    position: relative;
    z-index: 1
}

.tournament-block-buttons .user-counter {
    text-transform: none;
    position: relative;
    padding: 9px 8px 9px 40px
}

.tournament-block-buttons .user-counter:before {
    width: 20px;
    height: 20px;
    background: url(/assets/user-plus-6fca2c24.svg) center center no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    margin-top: -10px
}

.tournament-block-buttons .user-counter .btn-text {
    margin-right: 10px;
    font-family: Poppins, GigaSans, sans-serif;
    font-weight: 400;
    font-size: 14px
}

.tournament-block-buttons .user-counter .btn-text .mobile-text {
    display: none
}

.tournament-block-buttons .user-counter .count {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .16);
    height: 42px;
    width: auto;
    padding: 0 16px;
    display: flex;
    align-items: center
}

.tournament-block.var-1 .person {
    width: 422px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin-bottom: 0
}

.tournament-block.var-1 .person picture, .tournament-block.var-1 .person img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.tournament-block.var-1 .person picture img, .tournament-block.var-1 .person img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block
}

.tournament-block.var-1 .pattern {
    position: absolute;
    width: 505px;
    height: 316px;
    right: 0;
    top: 0;
    overflow: hidden
}

.tournament-page .tournament-block {
    border-radius: 36px;
    position: relative
}

.tournament-page .tournament-block:before {
    position: absolute;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1
}

.tournament-page .tournament-block .tournament-block-info {
    margin-bottom: 24px;
    z-index: 2
}

.tournament-page .tournament-block .tournament-block-subtitle {
    margin-bottom: 32px;
    z-index: 2
}

.tournament-page .tournament-block .tournament-block-info-date, .tournament-page .tournament-block .tournament-block-info-time {
    border-radius: 8px;
    background: rgba(255, 255, 255, .04)
}

.tournament-page .tournament-block .tournament-block-title, .tournament-page .tournament-block .tournament-block-subtitle {
    max-width: 570px
}

.tournament-page .tournament-block .tag {
    border-radius: 4px;
    line-height: 28px;
    font-family: Poppins, GigaSans, sans-serif;
    font-weight: 700;
    position: relative;
    z-index: 1;
    padding: 0 12px;
    width: auto;
    font-size: 14px
}

.tournament-page .tournament-block .tournament-block-sum {
    font-size: 96px;
    line-height: 80px;
    margin: 0;
    max-width: 500px;
    text-shadow: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    z-index: 2
}

.tournament-page .tournament-block .person {
    overflow: hidden;
    margin-bottom: 0
}

.tournament-page .tournament-block .person picture, .tournament-page .tournament-block .person img {
    position: absolute;
    left: 0;
    bottom: 0
}

.tournament-page .tournament-block .provider-info {
    width: 434px;
    border-radius: 24px;
    background: url(/assets/tournament-provider-bg-a79a6bef.png) center center no-repeat;
    background-size: cover;
    padding: 12px 40px 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    margin-top: 34px;
    margin-bottom: 0
}

.tournament-page .tournament-block .provider-info-label {
    color: #fff9;
    font-family: Poppins, GigaSans, sans-serif;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 5px;
    flex-shrink: 0;
    line-height: 24px
}

.tournament-page .tournament-block .provider-info-logo {
    height: 67px
}

.tournament-page .tournament-block .provider-info-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center left;
    display: block
}

.tournament-page .tournament-block.var-1 {
    padding: 32px 36px
}

.tournament-page .tournament-block.var-1:before {
    width: 587px;
    height: 620px;
    bottom: -19px;
    right: 0;
    background-image: url(/assets/chips-2-cd84bba8.png)
}

.tournament-page .tournament-block.var-1 .person {
    width: 580px;
    height: 684px;
    border-bottom-right-radius: 36px
}

.tournament-page .tournament-block.var-1 .person picture, .tournament-page .tournament-block.var-1 .person img {
    width: 625px
}

.tournament-page .tournament-block.var-1 .tag {
    color: #0000008c;
    background: url(/assets/gradient-1-63a85930.svg) center center no-repeat;
    background-size: cover;
    text-transform: uppercase
}

.tournament-page .tournament-block.var-2 {
    padding: 32px 36px
}

.tournament-page .tournament-block.var-2:before {
    width: 638px;
    height: 667px;
    bottom: 7px;
    right: 15px;
    background-image: url(/assets/chips-3-9682d1be.png)
}

.tournament-page .tournament-block.var-2 .person {
    width: 645px;
    position: absolute;
    bottom: 0;
    right: 0
}

.tournament-page .tournament-block.var-2 .person img, .tournament-page .tournament-block.var-2 .person picture {
    position: static;
    width: 100%;
    display: block
}

.tournament-page .tournament-block.var-2 .tag {
    background: linear-gradient(154deg, #01dbdf 0%, #0267ff 100%);
    color: #fff;
    font-size: 12px
}

.tournament-page .tournament-block.var-2 .winners-prize-list {
    margin-top: 20px
}

.tournament-page .tournament-block.var-2 .winners-prize-list-item-value {
    font-size: 34px;
    letter-spacing: -2px
}

.winners-prize-list {
    display: flex;
    grid-gap: 16px;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    max-width: 640px;
    margin-top: 60px;
    margin-bottom: 0
}

.winners-prize-list-item {
    width: auto;
    height: 76px;
    border-radius: 16px;
    background: rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 12px
}

.winners-prize-list-item:nth-child(-n+3) .winners-prize-list-item-label {
    position: relative;
    padding-right: 24px;
    color: #fff
}

.winners-prize-list-item:nth-child(-n+3) .winners-prize-list-item-label:before {
    width: 22px;
    height: 24px;
    position: absolute;
    content: "";
    bottom: 2px;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.winners-prize-list-item:nth-child(-n+3) .winners-prize-list-item-value {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-right: 3px
}

.winners-prize-list-item:nth-child(1) .winners-prize-list-item-label:before {
    background-image: url(data:image/png;base64,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)
}

.winners-prize-list-item:nth-child(1) .winners-prize-list-item-value {
    background-image: url(/assets/gradient-2-9cb336d9.svg)
}

.winners-prize-list-item:nth-child(2) .winners-prize-list-item-label:before {
    background-image: url(data:image/png;base64,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)
}

.winners-prize-list-item:nth-child(2) .winners-prize-list-item-value {
    background-image: url(/assets/gradient-3-b7a83e44.svg)
}

.winners-prize-list-item:nth-child(3) .winners-prize-list-item-label:before {
    background-image: url(data:image/png;base64,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)
}

@keyframes lightning {
    0% {
        fill: rgb(255, 217, 78); /* Изначальный цвет молнии (желтый) */
        transform: translateY(0); /* Начальное положение молнии */
    }
    50% {
        fill: rgb(0, 191, 255); /* Цвет молнии во время анимации (голубой) */
        transform: translateY(-3px); /* Положение молнии в верхней точке анимации */
    }
    100% {
        fill: rgb(255, 217, 78); /* Возвращаем изначальный цвет молнии (желтый) */
        transform: translateY(0); /* Возвращаем изначальное положение молнии */
    }
}
#tg-link {
    animation: gradientAnimation 3s ease infinite, glows 1.5s ease-in-out infinite alternate;
    box-shadow: 0 0 10px rgba(255, 0, 222, 0.5), 0 0 20px rgba(157, 35, 142, 0.5);
}

#tg-link-small {
    animation: gradientAnimation 3s ease infinite, glow 1.5s ease-in-out infinite alternate;
    box-shadow: 0 0 10px rgb(0, 191, 255), 0 0 20px rgb(0, 140, 255);
}

#vk-link-small {
    animation: gradientAnimation 3s ease infinite, glow 1.5s ease-in-out infinite alternate;
    box-shadow: 0 0 10px rgb(0, 191, 255), 0 0 20px rgb(0, 140, 255);
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes glow {
    0% {
        box-shadow: 0 0 5px rgb(0, 191, 255), 0 0 10px rgb(0, 140, 255);
    }
    100% {
        box-shadow: 0 0 10px rgb(0, 191, 255), 0 0 15px rgb(0, 140, 255);
    }
}

@keyframes glows {
    0% {
        box-shadow: 0 0 10px rgba(255, 0, 222, 0.5), 0 0 20px rgba(157, 35, 142, 0.5);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 0, 222, 1), 0 0 30px rgba(157, 35, 142, 1);
    }
}