*,
:after,
:before {
    box-sizing: border-box
}

body,
h1,
h2,
p {
    margin: 0
}

html:focus-within {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed
}

img {
    display: block;
    max-width: 100%
}

button {
    font: inherit
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }

    *,
    :after,
    :before {
        animation-duration: 0s !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0s !important
    }
}

@keyframes growUp {
    0% {
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes elastScaleUp {
    30% {
        opacity: 0;
        transform: scale(.7)
    }

    70% {
        transform: scale(1.3)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes messagesPulse {
    0% {
        transform: scaleY(1);
        transform-origin: 50% 50%
    }

    50% {
        transform: scaleY(.8);
        transform-origin: 50% 50%
    }

    to {
        transform: scaleY(1);
        transform-origin: 50% 50%
    }
}

@keyframes sonarWave {
    0% {
        box-shadow: 0 0 0 0 hsla(177, 8%, 48%, .7)
    }

    70% {
        box-shadow: 0 0 0 10px hsla(177, 8%, 48%, 0)
    }

    to {
        box-shadow: 0 0 0 0 hsla(177, 8%, 48%, 0)
    }
}

@keyframes winner-item-animation {
    0% {
        opacity: 0;
        transform: translateX(300px)
    }

    70% {
        opacity: 1;
        transform: translateX(-50px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: .7
    }

    to {
        opacity: 1
    }
}

@keyframes toastIn {
    0% {
        background-color: #e2d2ae;
        opacity: 0;
        transform: scale(.1, .015)
    }

    75% {
        background-color: transparent;
        background-color: initial;
        opacity: 1;
        transform: scaleY(.015)
    }

    to {
        transform: scale(1)
    }
}

@keyframes toastOut {
    0% {
        transform: scale(1)
    }

    35% {
        background-color: #e2d2ae;
        opacity: 1;
        transform: scaleY(.015)
    }

    to {
        background-color: transparent;
        background-color: initial;
        opacity: 0;
        transform: scale(.1, .015)
    }
}

@keyframes tournamentTitleShine {
    0% {
        -webkit-mask-position: 150%;
        mask-position: 150%
    }

    to {
        -webkit-mask-position: -50%;
        mask-position: -50%
    }
}

@keyframes heart-in {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    25% {
        transform: scale(.9, 1.1)
    }

    50% {
        opacity: .5;
        transform: scale(1.1, .9)
    }

    75% {
        transform: scale(.95, 1.05)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes heart-out {
    0% {
        opacity: 0;
        transform: scale(1)
    }

    25% {
        transform: scale(.95, 1.05)
    }

    50% {
        opacity: .5;
        transform: scale(1.1, .9)
    }

    75% {
        transform: scale(.9, 1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes heart-bg {
    0% {
        transform: scale(0)
    }

    30% {
        transform: scale(2)
    }

    60% {
        transform: scale(4)
    }

    to {
        background-color: transparent;
        transform: scale(6)
    }
}

@keyframes draw-line {
    to {
        stroke-dashoffset: 0
    }
}

@keyframes genieEffectIn {
    0% {
        bottom: -100%;
        clip-path: polygon(100%0, 71%0, 30%0, 0 0, 0 25%, 12% 57%, 17% 83%, 18% 93%, 40% 95%, 60% 95%, 84% 92%, 85% 82%, 89% 55%, 100% 25%);
        opacity: 0;
        transform: scale(.08, .015)
    }

    35% {
        border-radius: 20px;
        outline: medium none currentcolor;
        outline: initial
    }

    65% {
        bottom: 0;
        clip-path: polygon(100%0, 71%0, 30%0, 0 0, 0 25%, 12% 57%, 17% 83%, 18% 93%, 40% 95%, 60% 95%, 84% 92%, 85% 82%, 89% 55%, 100% 25%);
        opacity: 1;
        transform: scale(.7)
    }

    75% {
        border-radius: 0;
        clip-path: polygon(100%0, 0 0, 0 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%, 100% 100%, 100% 100%, 100% 100%, 100%0, 100%0, 100%0);
        outline: .5px solid #e2d2ae;
        transform: scale(.9, .7)
    }

    to {
        bottom: 0;
        clip-path: polygon(100%0, 0 0, 0 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%, 100% 100%, 100% 100%, 100% 100%, 100%0, 100%0, 100%0);
        outline: .5px solid #e2d2ae;
        transform: scale(1)
    }
}

@keyframes genieEffectOut {
    0% {
        border-radius: 0;
        bottom: 0;
        clip-path: polygon(100%0, 0 0, 0 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%, 100% 100%, 100% 100%, 100% 100%, 100%0, 100%0, 100%0);
        outline: .5px solid #e2d2ae;
        transform: scale(1)
    }

    25% {
        transform: scale(.9, .7) translateY(30px)
    }

    35% {
        clip-path: polygon(100%0, 0 0, 0 0, 0 0, 0 100%, 0 100%, 0 100%, 0 100%, 100% 100%, 100% 100%, 100% 100%, 100%0, 100%0, 100%0);
        outline: .5px solid #e2d2ae;
        transform: scale(.9, .7) translateY(10px)
    }

    65% {
        border-radius: 20px;
        opacity: 1;
        outline: medium none currentcolor;
        outline: initial;
        transform: scale(.7) translateY(-30px)
    }

    75% {
        bottom: 0;
        clip-path: polygon(100%0, 71%0, 30%0, 0 0, 0 25%, 12% 57%, 17% 83%, 18% 93%, 40% 95%, 60% 95%, 84% 92%, 85% 82%, 89% 55%, 100% 25%);
        transform: scale(.7) translateY(-60px)
    }

    to {
        bottom: -100%;
        opacity: 0;
        transform: scale(.08, .015)
    }
}

@keyframes closeIconIn {
    0% {
        opacity: 0
    }

    95% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes closeIconOut {
    0% {
        opacity: 1
    }

    15% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes glow {
    0% {
        box-shadow: inset 0 0 4px 0#e2d2ae, 0 0 10px #e1d2ab, 0 0 20px #fff, 0 0 30px #e0d1ad, 0 0 40px #e0d1ad, 0 0 50px #e0d1ad, 0 0 55px #e0d1ad
    }

    to {
        box-shadow: inset 0 0 5px 1px #e2d2ae, 0 0 20px #e1d2ab, 0 0 30px #e2d2ae, 0 0 40px #e2d2ae, 0 0 50px #e2d2ae, 0 0 60px #e2d2ae, 0 0 65px #e2d2ae
    }
}

@keyframes fade-in-down {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes flash {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 16px 0
    }
}

@keyframes bannerNextAnimate {
    0% {
        transform: translate(0) rotate(0deg)
    }

    2% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    4% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    6% {
        transform: translate(0) rotate(-.5deg)
    }

    8% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    10% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    12% {
        transform: translate(0) rotate(-.5deg)
    }

    14% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    16% {
        transform: translate(0) rotate(-.5deg)
    }

    18% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    20% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    22% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    24% {
        transform: translate(-1px) rotate(-.5deg)
    }

    26% {
        transform: translate(0) rotate(-.5deg)
    }

    28% {
        transform: translate(-1px) rotate(-.5deg)
    }

    30% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    32% {
        transform: translate(-1px) rotate(-.5deg)
    }

    34% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    36% {
        transform: translate(0) rotate(-.5deg)
    }

    38% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    40% {
        transform: translate(0) rotate(-.5deg)
    }

    42% {
        transform: translate(-1px) rotate(-.5deg)
    }

    44% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    46% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    48% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    50% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    52% {
        transform: translate(-1px) rotate(-.5deg)
    }

    54% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    56% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    58% {
        transform: translate(0) rotate(-.5deg)
    }

    60% {
        transform: translate(-1px) rotate(-.5deg)
    }

    62% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    64% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    66% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    68% {
        transform: translate(-1px) rotate(-.5deg)
    }

    70% {
        transform: translate(0) rotate(-.5deg)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes bannerNextPushAnimate {

    0%,
    70% {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bannerPrevAnimate {
    0% {
        transform: translate(0) rotate(0deg)
    }

    2% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    4% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    6% {
        transform: translate(0) rotate(-.5deg)
    }

    8% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    10% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    12% {
        transform: translate(0) rotate(-.5deg)
    }

    14% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    16% {
        transform: translate(0) rotate(-.5deg)
    }

    18% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    20% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    22% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    24% {
        transform: translate(-1px) rotate(-.5deg)
    }

    26% {
        transform: translate(0) rotate(-.5deg)
    }

    28% {
        transform: translate(-1px) rotate(-.5deg)
    }

    30% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    32% {
        transform: translate(-1px) rotate(-.5deg)
    }

    34% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    36% {
        transform: translate(0) rotate(-.5deg)
    }

    38% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    40% {
        transform: translate(0) rotate(-.5deg)
    }

    42% {
        transform: translate(-1px) rotate(-.5deg)
    }

    44% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    46% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    48% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    50% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    52% {
        transform: translate(-1px) rotate(-.5deg)
    }

    54% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    56% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    58% {
        transform: translate(0) rotate(-.5deg)
    }

    60% {
        transform: translate(-1px) rotate(-.5deg)
    }

    62% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    64% {
        transform: translateY(-1px) rotate(-.5deg)
    }

    66% {
        transform: translate(-1px, -1px) rotate(-.5deg)
    }

    68% {
        transform: translate(-1px) rotate(-.5deg)
    }

    70% {
        transform: translate(0) rotate(-.5deg)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes bannerPrevPushAnimate {

    0%,
    70% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes hithere {
    30% {
        transform: scale(1.2)
    }

    40% {
        transform: rotate(-20deg) scale(1.2)
    }

    50% {
        transform: rotate(20deg) scale(1.2)
    }

    60% {
        transform: rotate(-20deg) scale(1.2)
    }

    70% {
        transform: rotate(0deg) scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes skillPulse {
    50% {
        box-shadow: 0 0 0 5px hsla(42, 47%, 78%, .75)
    }

    to {
        box-shadow: 0 0 0 15px hsla(42, 47%, 78%, 0)
    }
}

@keyframes skillTextPulse {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes skillBtnPulse {
    0% {
        opacity: 1;
        transform: scale(.98)
    }

    25% {
        transform: scale(1.02)
    }

    55% {
        transform: scale(1)
    }

    to {
        opacity: 1
    }
}

@keyframes skillHintIn {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes skillHintWidthIn {
    0% {
        width: 0
    }

    to {
        width: 19px
    }
}

@keyframes animButtonArrowLeft {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-3px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes animButtonArrowRight {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(3px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes realButtonAnimation-0 {
    0% {
        opacity: 1
    }

    20%,
    to {
        opacity: 0
    }
}

@keyframes realButtonAnimation-1 {

    0%,
    20% {
        opacity: .8
    }

    40%,
    to {
        opacity: 0
    }
}

@keyframes realButtonAnimation-2 {

    0%,
    40% {
        opacity: .6
    }

    60%,
    to {
        opacity: 0
    }
}

@keyframes realButtonAnimation-3 {

    0%,
    60% {
        opacity: .4
    }

    80%,
    to {
        opacity: 0
    }
}

@keyframes realButtonAnimation-4 {

    0%,
    80% {
        opacity: .2
    }

    to {
        opacity: 0
    }
}

@keyframes shine {
    0% {
        transform: translateY(120%)
    }

    to {
        transform: translateY(-120%)
    }
}

@font-face {
    font-family: Inter;
    font-weight: 700;
    src: local("Inter"), url(../fonts/0.ttf)format("truetype")
}

@font-face {
    font-family: Inter;
    font-weight: 600;
    src: local("Inter"), url(../fonts/1.ttf)format("truetype")
}

@font-face {
    font-family: Inter;
    font-weight: 500;
    src: local("Inter"), url(../fonts/2.ttf)format("truetype")
}

@font-face {
    font-family: Inter;
    font-weight: 400;
    src: local("Inter"), url(../fonts/3.ttf)format("truetype")
}

@font-face {
    font-family: Jura;
    font-weight: 700;
    src: local("Jura"), url(../fonts/4.ttf)format("truetype")
}

@font-face {
    font-family: Jura;
    font-weight: 600;
    src: local("Jura"), url(../fonts/5.ttf)format("truetype")
}

@font-face {
    font-family: Jura;
    font-weight: 500;
    src: local("Jura"), url(../fonts/6.ttf)format("truetype")
}

@font-face {
    font-family: Jura;
    font-weight: 400;
    src: local("Jura"), url(../fonts/7.ttf)format("truetype")
}

@font-face {
    font-family: JuraVF;
    font-stretch: 75% 200%;
    font-variation-settings: "wdth" 100, "wght" 400;
    font-weight: 100 1000;
    src: url(../fonts/8.ttf)format("truetype-variations")
}

:root {
    --balance-outer: 25px
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer
}

button:focus {
    outline: none
}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media (max-width:767px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:992px) {}

@media (max-width:1199px) and (min-width:992px) {}

@media (max-width:991px) and (min-width:769px) {}

@media (max-width:767px) {}

@media (max-width:1199px) {}

@media (max-width:991px) {}

@media (min-width:769px) {}

@media (max-width:1200px) {}

@media (max-width:767px) {}

@media (max-width:575px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media only screen and (min-width:1366px) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media (max-width:1200px) and (min-width:992px) {}

@media only screen and (min-device-width:1366px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:767px) {}

@media (min-width:769px) {}

@media (max-width:767px) {}

@media (max-width:1199px) and (min-width:993px) {}

@media (max-width:991px) and (min-width:768px) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (min-width:769px) {}

@media (max-width:991px) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media only screen and (min-width:1366px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1199px) and (min-width:993px) {}

@media (max-width:991px) and (min-width:769px) {}

@media (max-width:767px) {}

@media (max-width:1200px) {}

@media only screen and (min-width:1366px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media only screen and (max-width:1366px) {}

@media (max-width:1199px) and (min-width:768px) {}

@media (max-width:767px) {}

@media (min-width:1200px) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (min-width:1200px) {}

@media (max-width:1200px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1199px) and (min-width:769px) {}

@media (max-width:767px) {}

@media (max-width:575px) {}

@media (max-width:575px) {}

@media (min-width:768px) {}

@media (min-width:769px) {}

@media (min-width:768px) {}

@media (min-width:769px) {}

@media (max-width:767px) {}

html {
    font-feature-settings: "liga", "kern", "kern";
    font-kerning: normal;
    margin-right: 0 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility
}

body {
    background-color: #12110f;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: Jura, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    font-size: 15px;
    height: 100vh;
    line-height: 1.5;
    max-width: 100%;
    overflow-x: hidden;
    padding-bottom: 35px;
    position: relative
}

@supports (font-variation-settings:normal) {
    body {
        font-family: JuraVF, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif
    }
}

@media (min-width:769px) {
    body {
        padding-bottom: 0
    }
}

@media (max-width:576px) {
    body {
        height: calc(var(--vh, 1vh)*100);
        min-height: calc(var(--vh, 1vh)*100)
    }
}

a {
    transform: translateZ(0)
}

a,
img {
    backface-visibility: hidden
}

img:not([alt]) {
    filter: blur(0)
}

.disabled {
    filter: grayscale(1);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.disabled>* {
    cursor: not-allowed
}

.link,
a {
    color: #3ee6e0;
    cursor: pointer;
    display: inline-block;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: color .2s
}

.link:active,
a:active {
    color: #16a8a3
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    max-width: 1700px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%
}

@media (min-width:769px) {
    ::-webkit-scrollbar {
        background-color: #12100e;
        height: 6px;
        width: 6px
    }

    ::-webkit-scrollbar-track {
        background-color: #12100e;
        border: 2px solid #12100e
    }

    ::-webkit-scrollbar-thumb {
        background-color: #f9b242;
        border-left: 1px solid #12100e;
        border-radius: 10px;
        border-right: 1px solid #12100e
    }
}

@media (max-width:575px) {}

@media (max-width:575px) {}

@media (min-width:769px) {
    ::-webkit-scrollbar {
        background-color: #252122;
        height: 6px;
        width: 6px
    }

    ::-webkit-scrollbar-track {
        background-color: #252122;
        border: 2px solid #252122
    }

    ::-webkit-scrollbar-thumb {
        background-color: #e2d2ae;
        border-left: 1px solid #252122;
        border-radius: 10px;
        border-right: 1px solid #252122
    }
}

.text-center {
    text-align: center;
    width: 100%
}

@media (max-width:992px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (min-width:768px) {}

@media (max-width:768px) {}

@media (min-width:993px) {}

@media (min-width:769px) and (max-width:991px) {}

@media (max-width:424px) {}

@media (min-width:1201px) {}

@media (max-width:1200px) {}

@media (min-width:576px) {}

@media (max-width:768px) {}

@media (min-width:769px) {}

@media (max-width:767px) {}

@media (max-width:768px) {}

@media (max-width:768px) and (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) and (max-width:768px) {}

@media (min-width:769px) {}

@media (max-width:768px) {}

@media (min-width:768px) {}

@media (min-width:769px) and (max-width:991px) {}

@media (max-width:768px) {}

@media (min-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (min-width:769px) {}

@media (max-width:767px) {}

@media (max-width:1400px) {}

@media (max-width:1200px) {}

@media (min-width:769px) and (max-width:991px) {}

@media (max-width:768px) {}

@media only screen and (max-width:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:1199px) {}

@media (max-width:575px) {}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media only screen and (maxwidth:1366px) and (min-device-pixel-ratio:2) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:768px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:575px) {}

@media (max-width:767px) {}

.dropdown-decor {
    line-height: 1.5;
    position: relative
}

.dropdown-decor__button {
    display: flex;
    flex-direction: column;
    padding: 0 0 2px;
    position: relative;
    width: 100%
}

.dropdown-decor__button:before {
    background-color: #4c440f;
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    width: 100%
}

.dropdown-decor__top {
    display: flex;
    line-height: 1;
    overflow: hidden;
    padding: 2px 0;
    position: relative;
    width: 100%
}

.dropdown-decor__title {
    border-top: 1px solid #4c440f;
    color: #fff;
    font-size: 10px;
    letter-spacing: .05em;
    padding-right: 4px;
    position: relative;
    top: -2px
}

.dropdown-decor__title:after,
.dropdown-decor__title:before {
    background-color: #4c440f;
    content: "";
    height: 1px;
    position: absolute
}

.dropdown-decor__title:before {
    right: -14px;
    top: 5px;
    transform: rotate(45deg);
    width: 17px
}

.dropdown-decor__title:after {
    bottom: -2px;
    left: calc(100% + 11px);
    width: 300px
}

.dropdown-decor__text {
    align-items: center;
    background-color: #1e1d1b;
    color: #f9dd0e;
    font-size: 16px;
    justify-content: space-between;
    overflow: hidden;
    padding: 6px 16px 6px 8px;
    text-align: left;
    text-overflow: ellipsis;
    transition: all .3s ease;
    white-space: nowrap;
    width: 100%
}

.dropdown-decor__list,
.dropdown-decor__text:hover {
    box-shadow: 0 0 20px #f9dd0e
}

.dropdown-decor__toggle {
    background-color: #f9dd0e;
    display: inline-flex;
    height: 7px;
    -webkit-mask-image: url(../images/9.svg);
    mask-image: url(../images/9.svg);
    position: absolute;
    right: 5px;
    top: 55%;
    transform: rotate(135deg);
    transition: transform .3s ease;
    width: 7px
}

.dropdown-decor:not(:last-child) {
    margin-right: 15px
}

@media (min-width:769px) {}

@media (min-width:1200px) {}

@media (min-width:768px) and (max-width:1200px) {}

@media (max-width:576px) {}

@media (min-width:769px) {}

@media (max-width:992px) {}

@media (max-width:992px) {}

@media (max-width:768px) {}

@media (max-width:424px) {}

@media (max-width:992px) {}

.static {
    color: #fff;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    font-size: 18px;
    font-weight: 400
}

.static * {
    box-sizing: border-box
}

@media (max-width:767px) {}

.static p {
    color: #c4c4c3;
    font-style: normal;
    line-height: 2;
    margin: 20px 0;
    text-transform: inherit
}

.custom-toast {
    right: 25px !important;
    top: 86px !important;
    width: 477px !important;
    z-index: 50000 !important
}

@media (min-width:576px) {}

@media (min-width:576px) {}

@media (max-width:575px) {}

@media (max-width:575px) {}

@media (orientation:portrait) {}

@media (orientation:landscape) {}

@media (max-width:575px) {}

@media (max-width:575px) {}

@media only screen and (max-width:375px) {}

@media only screen and (max-width:825px) {}

@media (max-width:424px) {}

h1,
h2 {
    color: #fff;
    font-family: Jura, serif;
    font-weight: 700;
    line-height: 1.5
}

h1 {
    font-size: 56px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 19px;
    text-shadow: 0 0 20px #3ee6e0;
    text-transform: uppercase
}

@media (max-width:767px) {
    h1 {
        font-size: 36px;
        font-weight: 700;
        letter-spacing: 2.2px;
        text-shadow: 0 0 15px #3ee6e0
    }
}

h2 {
    font-size: 36px;
    font-stretch: normal;
    letter-spacing: 2.2px;
    margin-bottom: 12px;
    text-shadow: 0 0 15px #3ee6e0;
    text-transform: uppercase
}

@media (max-width:767px) {
    h2 {
        font-size: 24px;
        letter-spacing: 0;
        text-shadow: 0 0 10px #3ee6e0
    }
}

@media (max-width:767px) {}

b {
    font-weight: 700
}

i {
    color: #fff
}

p {
    margin-top: 0
}

button {
    font-family: Jura, serif
}

::selection {
    background-color: #1e727c;
    color: #fff
}

@media (max-width:575px) {}

@media (min-width:1200px) {}

@media (min-width:992px) {}

@media (min-width:768px) {}

@media (min-width:576px) {}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --swiper-navigation-size: 44px
}

[data-v-34cf06e0]:root {
    --balance-outer: 25px
}

.header[data-v-34cf06e0] {
    background-color: #12110f;
    background-image: url(../images/10.svg);
    background-position: right 0;
    background-repeat: no-repeat;
    padding: 0 15px;
    top: -1px;
    will-change: auto;
    z-index: 11
}

@media (max-width:768px) {
    .header[data-v-34cf06e0] {
        background-image: none;
        padding: 4px 10px
    }
}

.header__wrapper[data-v-34cf06e0] {
    display: flex;
    justify-content: space-between;
    min-height: 100px;
    position: relative;
    transition: all .3s ease
}

@media (min-width:577px) {
    .header__wrapper[data-v-34cf06e0] {
        align-items: center
    }
}

@media (max-width:768px) {
    .header__wrapper[data-v-34cf06e0] {
        align-items: center;
        min-height: 53px
    }
}

.header__aside[data-v-34cf06e0] {
    align-items: center;
    display: flex
}

@media print {
    .header__aside[data-v-34cf06e0] {
        display: none
    }
}

.header__aside--content[data-v-34cf06e0] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center
}

@media (min-width:425px) {
    .user-unauthorized .header__aside--search-icon[data-v-34cf06e0] {
        height: 42px;
        width: 42px
    }
}

@media (min-width:321px) and (max-width:424px) {
    .user-unauthorized .header__aside--search-icon[data-v-34cf06e0] {
        height: 38px;
        width: 38px
    }
}

@media (min-width:768px) {}

.header__aside--search-icon[data-v-34cf06e0] {
    align-items: center;
    background: none;
    border: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;
    z-index: 2
}

.header__aside--unauthorized[data-v-34cf06e0] {
    display: flex
}

@media (max-width:575px) {
    .header__aside--unauthorized[data-v-34cf06e0] {
        font-size: 12px;
        text-align: center
    }
}

@media (max-width:767px) {}

.header__nav[data-v-34cf06e0] {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:1499px) {
    .header__nav[data-v-34cf06e0] {
        display: none
    }
}

.header__nav--link[data-v-34cf06e0] {
    align-items: normal;
    color: #85770e;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 2px;
    line-height: 28px;
    margin: 0;
    padding: 10px 5px;
    position: relative;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: uppercase
}

@media (min-width:769px) {
    .header__nav--link[data-v-34cf06e0]:hover:after {
        transform: scaleX(0);
        transform-origin: bottom right
    }
}

@media (min-width:1731px) {
    .header__nav--link[data-v-34cf06e0] {
        font-size: 24px;
        padding: 10px 20px
    }
}

@media (min-width:1571px) and (max-width:1730px) {
    .header__nav--link[data-v-34cf06e0] {
        font-size: 16px;
        padding: 10px
    }
}

.header__nav--link[data-v-34cf06e0]:hover {
    background-color: #1e1b0f;
    color: #f9dd0e
}

.header__nav--link:hover .icon-arrow__breadcrumbs[data-v-34cf06e0] path {
    fill: #f9dd0e
}

.header__nav--link .icon-arrow__breadcrumbs[data-v-34cf06e0] {
    height: 28px;
    width: 32px
}

.header__nav--link .icon-arrow__breadcrumbs[data-v-34cf06e0] path {
    fill: #85770e
}

.header__nav--search[data-v-34cf06e0] {
    align-items: center;
    background-color: #1e1b0f;
    border-radius: 5px;
    color: #85770e;
    display: flex;
    height: 52px;
    margin-left: 5px;
    padding: 8px 16px;
    position: relative;
    width: 150px
}

@media (min-width:1731px) {
    .header__nav--search[data-v-34cf06e0] {
        width: 180px
    }
}

.header__nav--search[data-v-34cf06e0]:before {
    background-image: radial-gradient(#4c440f 10%, transparent 0), radial-gradient(#4c440f 10%, transparent 0);
    background-position: 0 0, 19px 20px;
    background-size: 13px 13px;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.header__nav--search-icon[data-v-34cf06e0] {
    align-items: center;
    background: none;
    border: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-right: 10px;
    width: 32px;
    z-index: 2
}

.header__nav--search[data-v-34cf06e0]:hover {
    box-shadow: 0 0 20px #f9dd0e
}

.header__dropdown[data-v-34cf06e0] {
    background-color: transparent;
    position: relative
}

.header__dropdown--button[data-v-34cf06e0] {
    align-items: center;
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    min-width: 200px;
    position: relative;
    text-align: left;
    z-index: 10
}

.header__dropdown--text[data-v-34cf06e0] {
    align-items: center;
    display: block;
    overflow: hidden;
    padding-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:767px) {}

@media (min-width:769px) and (max-width:1399px) {}

@media (max-width:767px) {
    .header[data-v-34cf06e0] .header-logo {
        margin-right: auto;
        position: static
    }
}

@media (max-width:767px) {
    .header[data-v-34cf06e0] .header-logo__link {
        align-items: center;
        display: flex
    }
}

@media (max-width:767px) {}

.header .sign__in[data-v-34cf06e0] {
    margin-left: 10px;
    margin-right: 26px
}

@media (max-width:425px) {
    .header .sign__in[data-v-34cf06e0] {
        margin-right: 18px
    }
}

.header .sign__up[data-v-34cf06e0] {
    line-height: 30px
}

.header .sign__login-button[data-v-34cf06e0] {
    align-items: center;
    display: flex;
    justify-content: center
}

@media (max-width:768px) {
    .header .sign__login-button[data-v-34cf06e0] {
        padding: 10px 16px
    }
}

@media (max-width:576px) {
    .header .sign__login-button[data-v-34cf06e0] {
        font-size: 13px
    }
}

@media (max-width:425px) {
    .header .sign__login-button[data-v-34cf06e0] {
        padding: 5px 8px
    }
}

@media (min-width:768px) {}

@media (min-width:1500px) {}

[data-v-ad4b64c6]:root {
    --balance-outer: 25px
}

@media (min-width:1401px) {
    .header-logo[data-v-ad4b64c6] {
        margin-top: 10px
    }
}

@media (min-width:769px) and (max-width:1499px) {
    .header-logo[data-v-ad4b64c6] {
        margin-left: 17px;
        margin-right: auto;
        margin-top: 0
    }
}

@media (max-width:768px) {
    .header-logo[data-v-ad4b64c6] {
        left: 22px;
        position: absolute;
        z-index: 10
    }
}

@media (max-width:575px) {
    .header-logo__link[data-v-ad4b64c6] {
        align-items: center;
        display: flex
    }
}

@media (max-width:768px) {}

@media (min-width:769px) {}

@media (max-width:424px) {}

[data-v-286ae570]:root {
    --balance-outer: 25px
}

.decor[data-v-286ae570] {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.decor__left[data-v-286ae570],
.decor__right[data-v-286ae570] {
    height: 100%;
    width: 100%
}

.decor__left[data-v-286ae570]:after,
.decor__left[data-v-286ae570]:before,
.decor__right[data-v-286ae570]:after,
.decor__right[data-v-286ae570]:before {
    background-color: var(--decor);
    content: "";
    height: 7px;
    -webkit-mask-image: url(../images/9.svg);
    mask-image: url(../images/9.svg);
    position: absolute;
    width: 7px
}

.decor__left[data-v-286ae570]:before,
.decor__right[data-v-286ae570]:before {
    top: -1px
}

.decor__left[data-v-286ae570]:after,
.decor__right[data-v-286ae570]:after {
    bottom: -1px
}

.decor__left[data-v-286ae570]:after,
.decor__left[data-v-286ae570]:before {
    left: -1px
}

.decor__left[data-v-286ae570]:before {
    transform: rotate(-90deg)
}

.decor__left[data-v-286ae570]:after {
    transform: rotate(180deg)
}

.decor__right[data-v-286ae570]:after,
.decor__right[data-v-286ae570]:before {
    right: -1px
}

.decor__right[data-v-286ae570]:after {
    transform: rotate(90deg)
}

[data-v-7dfdca8e]:root {
    --balance-outer: 25px
}

.form-button[data-v-7dfdca8e] {
    background-color: #1d4643;
    border: 1px solid #3ee6e0;
    border-radius: 4px;
    color: #3ee6e0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 10px 30px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 0#000;
    text-transform: uppercase;
    transition: all .3s ease
}

.form-button__border-icon[data-v-7dfdca8e] {
    background-color: #000;
    border: 1px solid #3ee6e0;
    border-radius: 50%;
    height: 13px;
    left: -7px;
    position: absolute;
    top: calc(50% - 7px);
    width: 13px;
    z-index: 1
}

.form-button__border-icon[data-v-7dfdca8e]:before {
    background-color: #3ee6e0;
    border-radius: 100%0 0 100%/50%0 0 50%;
    content: "";
    height: 7px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 4px;
    z-index: 2
}

.form-button__border-icon--transparent[data-v-7dfdca8e] {
    left: auto;
    right: -8px
}

.form-button__border-icon--transparent[data-v-7dfdca8e]:before {
    border-radius: 0 100% 100%0/0 50% 50%0;
    left: auto;
    right: 2px
}

.form-button[data-v-7dfdca8e]:hover {
    background-color: #287b77;
    text-shadow: 0 0 5px #3ee6e0, 1px 1px 0#000
}

.form-button:hover .form-button__border-icon[data-v-7dfdca8e]:before {
    border-radius: 0 100% 100%0/0 50% 50%0;
    left: auto;
    right: 2px
}

.form-button:hover .form-button__border-icon--transparent[data-v-7dfdca8e] {
    left: auto;
    right: -8px
}

.form-button:hover .form-button__border-icon--transparent[data-v-7dfdca8e]:before {
    border-radius: 100%0 0 100%/50%0 0 50%;
    left: 2px;
    right: auto
}

.form-button.yellow[data-v-7dfdca8e] {
    background-color: #4c440f;
    border: 1px solid #f9dd0e;
    color: #f9dd0e;
    text-shadow: 1px 1px 0#000
}

.form-button.yellow[data-v-7dfdca8e]:hover {
    background-color: #85770e;
    text-shadow: 0 0 5px #f9dd0e, 1px 1px 0#000
}

.form-button.yellow .form-button__border-icon[data-v-7dfdca8e] {
    border: 1px solid #f9dd0e
}

.form-button.yellow .form-button__border-icon[data-v-7dfdca8e]:before {
    background-color: #f9dd0e
}

:root {
    --balance-outer: 25px
}

.homepage__wrapper {
    background-image: url(../images/11.png), url(../images/12.png);
    background-position: top, 50%;
    background-repeat: no-repeat, repeat-y;
    background-size: contain
}

.homepage__container {
    height: 100%;
    margin: auto;
    max-width: 1344px
}

@media (min-width:576px) {
    .homepage__container {
        padding: 12px
    }
}

@media (max-width:575px) {
    .homepage__container {
        padding: 6px
    }
}

:root {
    --balance-outer: 25px
}

.banner__wrapper {
    position: relative
}

.banner__preview {
    height: 1px;
    left: -100px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: -100px;
    width: 1px
}

.banner__container {
    padding: 40px 50px 60px
}

@media (max-width:991px) {
    .banner__container {
        padding: 40px 30px 60px
    }
}

@media (max-width:575px) {
    .banner__container {
        padding: 20px 20px 30px
    }
}

.banner__single-image {
    height: 100%
}

.banner__single-image .swiper-slide {
    padding: 0;
    width: 100%
}

.banner__single-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.banner__border {
    height: calc(100% + 99px);
    position: absolute;
    top: -64px
}

@media (max-width:991px) {
    .banner__border {
        height: calc(100% + 62px);
        top: -40px
    }

    .banner__border.banner__border--right {
        right: -26px
    }

    .banner__border.banner__border--left {
        left: -26px
    }
}

@media (max-width:575px) {
    .banner__border {
        height: calc(100% + 44px);
        top: -29px
    }

    .banner__border.banner__border--right {
        right: -17px
    }

    .banner__border.banner__border--left {
        left: -17px
    }
}

.banner__border--right {
    right: -39px
}

.banner__border--left {
    left: -39px;
    transform: scaleX(-1)
}

[data-v-7f467160]:root {
    --balance-outer: 25px
}

.games-filters[data-v-7f467160] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    height: auto;
    justify-content: center;
    margin-bottom: 30px;
    position: relative
}

@media (max-width:768px) {
    .games-filters[data-v-7f467160] {
        justify-content: center
    }
}

@media (max-width:576px) {
    .games-filters[data-v-7f467160] {
        flex-direction: column
    }
}

.games-filters__search[data-v-7f467160] {
    align-items: center;
    background-color: #1e1b0f;
    border-radius: 5px;
    color: #85770e;
    display: flex;
    padding: 10px 18px;
    position: relative;
    width: 290px
}

.games-filters__search[data-v-7f467160]:before {
    background-image: radial-gradient(#4c440f 10%, transparent 0), radial-gradient(#4c440f 10%, transparent 0);
    background-position: 0 0, 19px 20px;
    background-size: 13px 13px;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.games-filters__search-icon[data-v-7f467160] {
    align-items: center;
    background: none;
    border: 0;
    display: flex;
    height: 32px;
    justify-content: center;
    margin-right: 10px;
    width: 32px;
    z-index: 2
}

.games-filters__search[data-v-7f467160]:hover {
    box-shadow: 0 0 20px #f9dd0e
}

.games-filters__search span[data-v-7f467160] {
    z-index: 2
}

.games-filters__item[data-v-7f467160] {
    align-items: center;
    background-color: #181613;
    border-radius: 0;
    color: #85770e;
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    line-height: 1.4;
    padding: 15px 20px;
    position: relative;
    transition: all .3s ease
}

.games-filters__item[data-v-7f467160]:hover {
    background-color: #162624;
    color: #f9dd0e
}

@media (hover:hover) {
    .games-filters__item[data-v-7f467160]:hover {
        color: #3ee6e0;
        padding: 15px 15px 15px 25px
    }

    .games-filters__item:hover .decor[data-v-7f467160] {
        --decor: #3ee6e0 !important;
        transition: all .3s ease
    }

    .games-filters__item:hover .games-filters__item--icon[data-v-7f467160] {
        filter: hue-rotate(130deg) brightness(100%) contrast(200%);
        transform: scale(1.8) translateX(-4px)
    }
}

.games-filters__item--icon[data-v-7f467160] {
    align-items: center;
    display: flex;
    height: 16px;
    margin-right: 9px;
    transition: all .3s ease;
    width: 16px
}

.games-filters__item--text[data-v-7f467160] {
    color: currentcolor;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap
}

@media (max-width:767px) {}

.games-filters[data-v-7f467160] .decor {
    z-index: 0
}

.games-filters[data-v-7f467160] .decor__left:before,
.games-filters[data-v-7f467160] .decor__right:before {
    top: 0
}

.games-filters[data-v-7f467160] .decor__left:after,
.games-filters[data-v-7f467160] .decor__right:after {
    bottom: 0
}

.games-filters[data-v-7f467160] .decor__left:after,
.games-filters[data-v-7f467160] .decor__left:before {
    left: 0
}

.games-filters[data-v-7f467160] .decor__right:after,
.games-filters[data-v-7f467160] .decor__right:before {
    right: 0
}

[data-v-4e7651cb]:root {
    --balance-outer: 25px
}

.games-slider[data-v-4e7651cb] {
    border: 1px solid #1d4643;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    .games-slider[data-v-4e7651cb] {
        padding: 25px 30px
    }
}

@media (min-width:321px) and (max-width:767px) {
    .games-slider[data-v-4e7651cb] {
        padding: 14px 8px
    }
}

@media (max-width:321px) {
    .games-slider[data-v-4e7651cb] {
        padding: 8px 0 17px
    }
}

@media (max-width:767px) {}

.games-slider__header[data-v-4e7651cb] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    position: relative
}

@media (max-width:768px) {
    .games-slider__header[data-v-4e7651cb] {
        margin-bottom: 6px
    }
}

@media (max-width:575px) {
    .games-slider__header[data-v-4e7651cb] {
        flex-wrap: wrap;
        gap: 6px
    }
}

@media (max-width:321px) {
    .games-slider__header[data-v-4e7651cb] {
        padding: 0 7px
    }
}

.games-slider__title[data-v-4e7651cb] {
    align-items: center;
    display: flex;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .games-slider__title[data-v-4e7651cb] {
        font-size: 36px;
        font-weight: 700
    }
}

@media (max-width:767px) {
    .games-slider__title[data-v-4e7651cb] {
        font-weight: 600
    }
}

@media (min-width:576px) and (max-width:767px) {
    .games-slider__title[data-v-4e7651cb] {
        font-size: 24px
    }
}

@media (min-width:425px) and (max-width:575px) {
    .games-slider__title[data-v-4e7651cb] {
        font-size: 16px
    }
}

@media (max-width:424px) {
    .games-slider__title[data-v-4e7651cb] {
        font-size: 14px
    }
}

.games-slider__title--text[data-v-4e7651cb] {
    max-width: 800px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width:1199px) and (min-width:992px) {
    .games-slider__title--text[data-v-4e7651cb] {
        max-width: 600px
    }
}

@media (max-width:991px) and (min-width:768px) {
    .games-slider__title--text[data-v-4e7651cb] {
        max-width: 470px
    }
}

@media (max-width:767px) and (min-width:576px) {
    .games-slider__title--text[data-v-4e7651cb] {
        max-width: 370px
    }
}

@media (max-width:575px) and (min-width:425px) {
    .games-slider__title--text[data-v-4e7651cb] {
        max-width: 260px
    }
}

@media (max-width:424px) {
    .games-slider__title--text[data-v-4e7651cb] {
        max-width: 170px
    }
}

.games-slider__title--img[data-v-4e7651cb] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%
}

@media (min-width:768px) {
    .games-slider__title--img[data-v-4e7651cb] {
        margin-right: 13px;
        width: 32px
    }
}

@media (min-width:576px) and (max-width:767px) {
    .games-slider__title--img[data-v-4e7651cb] {
        margin-right: 15px;
        width: 25px
    }
}

@media (min-width:425px) and (max-width:575px) {
    .games-slider__title--img[data-v-4e7651cb] {
        margin-right: 6px;
        width: 20px
    }
}

@media (max-width:424px) {
    .games-slider__title--img[data-v-4e7651cb] {
        margin-right: 6px;
        width: 15px
    }
}

[data-v-4e7651cb] .games-slider__title--tooltip-icon {
    color: #f9dd0e;
    cursor: help;
    display: flex;
    margin-left: 10px
}

@media (max-width:767px) {}

.games-slider__pagination[data-v-4e7651cb] {
    display: flex
}

.games-slider__pagination--btn[data-v-4e7651cb] {
    background-color: #4c440f;
    border: 1px solid #85770e;
    border-radius: 5px;
    color: #f9dd0e;
    cursor: pointer;
    height: 53px;
    position: relative;
    transition: all .3s ease;
    width: 53px
}

.games-slider__pagination--btn.disabled[data-v-4e7651cb] {
    background-color: #4d4d4b;
    border-color: #888887
}

.games-slider__pagination--btn[data-v-4e7651cb]:hover {
    background-color: #85770e;
    border-color: #f9dd0e;
    box-shadow: 0 0 5px #f9dd0e, 1px 1px 0#000
}

@media (min-width:993px) {
    .games-slider__pagination--btn.disabled[data-v-4e7651cb] {
        cursor: not-allowed
    }
}

@media (max-width:992px) {
    .games-slider__pagination--btn[data-v-4e7651cb] {
        background-color: transparent !important;
        background-image: url(../images/13.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        border-color: transparent !important;
        height: 12px;
        position: absolute;
        top: 48%;
        width: 12px
    }

    .games-slider__pagination--btn[data-v-4e7651cb]:hover {
        box-shadow: none
    }

    .games-slider__pagination--btn.next-btn[data-v-4e7651cb],
    .games-slider__pagination--btn.prev-btn[data-v-4e7651cb] {
        display: none
    }
}

.games-slider__pagination--btn.prev-btn[data-v-4e7651cb] {
    margin-right: 8px
}

.games-slider__pagination--prev-icon[data-v-4e7651cb] {
    align-items: center;
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(180deg)
}

.games-slider__pagination--next-icon[data-v-4e7651cb] {
    align-items: center;
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.games-slider__pagination--nav[data-v-4e7651cb] {
    display: flex
}

.games-slider__all-btn[data-v-4e7651cb] {
    align-items: center;
    background-color: #4c440f;
    border: 1px solid #85770e;
    border-radius: 5px;
    color: #f9dd0e;
    display: flex;
    font-weight: 700;
    height: 100%;
    letter-spacing: .05em;
    margin-left: auto;
    position: relative;
    text-transform: lowercase;
    transition: all .3s ease;
    white-space: nowrap
}

.games-slider__all-btn[data-v-4e7651cb]:hover {
    background-color: #85770e;
    border-color: #f9dd0e;
    box-shadow: 0 0 5px #f9dd0e, 1px 1px 0#000
}

@media (max-width:991px) {}

@media (min-width:768px) {
    .games-slider__all-btn[data-v-4e7651cb] {
        font-size: 16px;
        margin-right: 16px;
        padding: 14px
    }
}

@media (max-width:767px) {
    .games-slider__all-btn[data-v-4e7651cb] {
        font-size: 12px;
        margin-right: 10px
    }
}

@media (min-width:576px) and (max-width:767px) {
    .games-slider__all-btn[data-v-4e7651cb] {
        padding: 9px
    }
}

@media (min-width:425px) and (max-width:575px) {
    .games-slider__all-btn[data-v-4e7651cb] {
        padding: 6px
    }
}

@media (max-width:424px) {
    .games-slider__all-btn[data-v-4e7651cb] {
        font-size: 10px;
        padding: 5px
    }
}

.games-slider__all-btn--counter[data-v-4e7651cb] {
    background-color: #f9dd0e;
    border: 1px solid #12110f;
    border-radius: 3px;
    color: #12110f;
    font-weight: 600;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    z-index: 1
}

@media (min-width:769px) {
    .games-slider__all-btn--counter[data-v-4e7651cb] {
        font-size: 12px;
        padding: 3px 6px;
        right: -11px;
        top: -13px
    }
}

@media (max-width:768px) {
    .games-slider__all-btn--counter[data-v-4e7651cb] {
        font-size: 10px;
        padding: 1px 3px;
        right: -8px;
        top: -10px
    }
}

.games-slider__slider[data-v-4e7651cb] {
    position: relative;
    width: 100%
}

@media (max-width:991px) {
    .games-slider__slider[data-v-4e7651cb] {
        padding: 0 16px
    }
}

@media (max-width:768px) {
    .games-slider__slider[data-v-4e7651cb] {
        padding: 0 10px
    }
}

.games-slider__slider--slide[data-v-4e7651cb] {
    display: grid;
    grid-auto-rows: 1fr;
    padding: 6px;
    grid-gap: 25px
}

@media (max-width:768px) {
    .games-slider__slider--slide[data-v-4e7651cb] {
        padding: 3px 10px;
        grid-gap: 12px;
        justify-items: center
    }
}

.games-slider[data-v-4e7651cb] .decor__left,
.games-slider[data-v-4e7651cb] .decor__right {
    height: auto
}

.games-slider[data-v-4e7651cb] .game-item__image {
    display: inline-block
}

[data-v-36b712e9]:root {
    --balance-outer: 25px
}

[data-v-3fb3410c]:root {
    --balance-outer: 25px
}

.seo-block[data-v-3fb3410c] {
    margin: 0 auto;
    max-width: 1132px;
    padding: 25px 16px;
    width: 100%
}

.seo-block .content-box[data-v-3fb3410c] {
    overflow: hidden;
    position: relative;
    transition: max-height 1s linear
}

.seo-block .content-box[data-v-3fb3410c]:before {
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

[data-v-5056bb54]:root {
    --balance-outer: 25px
}

.footer[data-v-5056bb54] {
    background-color: #1e1d1b;
    color: #d9c89b;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    position: relative
}

@media (min-width:769px) {
    .footer[data-v-5056bb54] {
        background-image: url(../images/14.svg);
        background-position: 50%;
        background-repeat: no-repeat
    }
}

@media print {
    .footer[data-v-5056bb54] {
        display: none
    }
}

.footer__content[data-v-5056bb54] {
    display: flex;
    position: relative
}

@media (min-width:768px) {

    .footer__content[data-v-5056bb54]:after,
    .footer__content[data-v-5056bb54]:before {
        background: #4d4d4b;
        content: "";
        height: 1px;
        left: -50%;
        position: absolute;
        width: 200vw
    }

    .footer__content[data-v-5056bb54]:before {
        top: 0
    }

    .footer__content[data-v-5056bb54]:after {
        bottom: 0
    }
}

@media (max-width:767px) {
    .footer__content[data-v-5056bb54] {
        flex-direction: column
    }
}

.footer__payments[data-v-5056bb54] {
    align-items: center;
    align-self: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 55px;
    justify-content: center;
    margin-bottom: 60px;
    max-width: 1336px;
    width: 100%
}

@media (max-width:767px) {
    .footer__payments[data-v-5056bb54] {
        margin-bottom: 0
    }
}

@media (max-width:575px) {
    .footer__payments[data-v-5056bb54] {
        gap: 10px 20px
    }

    .footer__payment-item[data-v-5056bb54] {
        transform: scale(.7)
    }
}

.footer__payment-logo[data-v-5056bb54] svg {
    height: 100%;
    width: 100%
}

.footer--wrapper[data-v-5056bb54] {
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width:768px) {
    .footer--wrapper[data-v-5056bb54] {
        padding-bottom: 33px;
        padding-top: 60px
    }
}

@media (max-width:767px) {
    .footer--wrapper[data-v-5056bb54] {
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 25px;
        padding-top: 25px
    }
}

.footer--aside[data-v-5056bb54] {
    display: flex;
    flex: 0 0 28%;
    flex-direction: column;
    gap: 30px;
    padding: 47px 123px 56px 0
}

@media (min-width:768px) {
    .footer--aside[data-v-5056bb54] {
        border-right: 1px solid #4d4d4b
    }
}

@media (max-width:991px) {
    .footer--aside[data-v-5056bb54] {
        padding-right: 40px
    }
}

@media (max-width:767px) {
    .footer--aside[data-v-5056bb54] {
        align-items: center;
        display: flex;
        flex: 0 0 auto;
        flex-direction: column;
        padding: 20px 0 28px;
        text-align: center
    }
}

.footer--list[data-v-5056bb54] {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.footer--center[data-v-5056bb54] {
    flex: 0 1 auto;
    overflow: hidden;
    padding: 47px 0 56px 120px
}

@media (max-width:991px) {
    .footer--center[data-v-5056bb54] {
        padding: 47px 0 56px 40px
    }
}

@media (max-width:767px) {
    .footer--center[data-v-5056bb54] {
        padding: 0
    }
}

.footer--link[data-v-5056bb54] {
    font-weight: 700;
    text-transform: uppercase
}

.footer--link[data-v-5056bb54] {
    color: #888887;
    font-size: 16px;
    letter-spacing: .8px;
    line-height: 150%
}

.footer--link[data-v-5056bb54]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media (max-width:767px) {
    .footer--partners[data-v-5056bb54] {
        border-bottom: 1px solid #4d4d4b;
        padding-bottom: 24px
    }
}

.footer--partners__wrapper[data-v-5056bb54] {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 41px;
    justify-content: flex-start
}

@media (max-width:991px) {
    .footer--partners__wrapper[data-v-5056bb54] {
        gap: 35px
    }
}

@media (max-width:767px) {
    .footer--partners__wrapper[data-v-5056bb54] {
        gap: 13px;
        justify-content: space-around
    }
}

.footer--partners__wrapper.secure-link[data-v-5056bb54] {
    justify-content: center
}

.footer--partners__link[data-v-5056bb54] {
    cursor: pointer
}

.footer--partners__icon[data-v-5056bb54] {
    display: block
}

.footer--license[data-v-5056bb54] {
    color: #4d4d4b;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    margin: 0 auto;
    max-width: 85%;
    padding: 32px 0 40px;
    text-align: center
}

@media (max-width:767px) {
    .footer--license[data-v-5056bb54] {
        color: #888887;
        font-size: 10px;
        letter-spacing: .5px;
        line-height: 20px;
        max-width: 100%;
        padding: 24px 0 22px
    }
}

[data-v-1ec00a83]:root {
    --balance-outer: 25px
}

.locale-switcher__dropdown-wrapper[data-v-1ec00a83] {
    position: relative;
    width: 65px
}

.dropdown-decor[data-v-1ec00a83] {
    min-width: 65px
}

.dropdown-decor__title[data-v-1ec00a83] {
    width: 100%
}

.dropdown-decor__title[data-v-1ec00a83]:before {
    display: none
}

.dropdown-decor__text[data-v-1ec00a83] {
    text-transform: uppercase
}

.dropdown-decor[data-v-1ec00a83]:not(:last-child) {
    margin-right: 0
}

@media screen and (max-height:500px) and (orientation:landscape) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:575px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (min-width:769px) {}

@media (max-width:768px) {}

@media (max-width:767px) {}

@media (max-width:575px) {}

@media (min-width:769px) {}

@media (min-width:768px) {}

@media (min-width:992px) {}

@media (max-width:576px) {}

:root {
    --balance-outer: 25px
}

@keyframes ellipse-animation-1 {
    0% {
        transform: translate(32px, 32px) rotate(0)
    }

    to {
        transform: translate(32px, 32px) rotate(-93deg)
    }
}

@keyframes ellipse-animation-2 {
    0% {
        transform: translate(32px, 32px) rotate(0)
    }

    to {
        transform: translate(32px, 32px) rotate(45deg)
    }
}

@keyframes ellipse-animation-3 {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

:root {
    --balance-outer: 25px
}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:1199px) {}

@media (max-width:768px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (max-width:1199px) {}

@media (max-width:767px) {}

@media (max-width:1200px) {}

@media (max-width:1200px) {}

@media (max-width:768px) {}

@media (max-width:1199px) {}

@media (min-width:1200px) {}

@media (min-width:992px) and (max-width:1199px) {}

@media (min-width:769px) and (max-width:991px) {}

@media (min-width:576px) and (max-width:768px) {}

@media (max-width:575px) {}

@media (max-width:425px) {}

@media (min-width:768px) {}

@media (min-width:576px) and (max-width:767px) {}

@media (max-width:575px) {}

.vue-notification-group {
    display: block;
    position: fixed;
    z-index: 5000
}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (min-width:1200px) {}

@media (max-width:1199px) {}

@media (min-width:992px) {}

@media (max-width:767px) {}

@media (min-width:768px) and (max-width:991px) {}

@media print {}

@media (max-width:767px) {}

@media (max-width:576px) {}

@media (max-width:991px) {}

@media (max-width:575px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:576px) {}

@media (max-width:768px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

[data-v-2899d7b2]:root {
    --balance-outer: 25px
}

.game-item[data-v-2899d7b2] {
    max-height: 156px;
    max-width: 236px
}

.game-item[data-v-2899d7b2],
.game-item__content[data-v-2899d7b2] {
    border-radius: 10px;
    height: 100%;
    position: relative;
    width: 100%
}

.game-item__content[data-v-2899d7b2] {
    overflow: hidden
}

.game-item__image[data-v-2899d7b2] {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.game-item__hover[data-v-2899d7b2] {
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s ease-in-out;
    width: 100%;
    z-index: 15
}

.game-item__hover[data-v-2899d7b2]:after,
.game-item__hover[data-v-2899d7b2]:before {
    border: 1px solid transparent;
    border-radius: 10px;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.game-item__hover[data-v-2899d7b2]:after {
    right: 0;
    top: 0
}

.game-item__hover[data-v-2899d7b2]:before {
    bottom: 0;
    left: 0
}

.game-item__hover--bottom[data-v-2899d7b2] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 0 10px;
    position: absolute;
    width: 100%
}

@media (min-width:576px) {
    .game-item__hover--bottom[data-v-2899d7b2] {
        bottom: 4px
    }
}

@media (min-width:425px) and (max-width:575px) {
    .game-item__hover--bottom[data-v-2899d7b2] {
        bottom: 10px
    }
}

@media (max-width:424px) {
    .game-item__hover--bottom[data-v-2899d7b2] {
        bottom: 4px
    }
}

.game-item__hover:not(.is-active) a[data-v-2899d7b2] {
    pointer-events: none
}

.game-item__ribbon[data-v-2899d7b2] {
    transition: opacity .3s ease-in-out
}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

.game-item__ribbon[data-v-2899d7b2]:before {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    left: -6px;
    max-height: 80px;
    max-width: 80px;
    position: absolute;
    top: -6px;
    width: 100%;
    z-index: 15
}

@media (max-width:767px) {
    .game-item__ribbon[data-v-2899d7b2]:before {
        left: -3px;
        max-height: 42px;
        max-width: 42px;
        top: -3px
    }
}

.game-item__ribbon.exclusive[data-v-2899d7b2]:before {
    background-image: url(../images/15.svg)
}

@media (max-width:767px) {}

.game-item__real[data-v-2899d7b2] {
    height: 60px;
    position: relative;
    width: 60px;
    z-index: 1
}

@media (min-width:425px) and (max-width:767px) {}

@media (max-width:424px) {}

.game-item__real[data-v-2899d7b2]:last-of-type {
    margin-bottom: 60px
}

@media (max-width:767px) {
    .game-item__real[data-v-2899d7b2]:last-of-type {
        margin-bottom: 30px
    }
}

.game-item__real[data-v-2899d7b2] svg {
    height: 100%;
    width: 100%
}

@media (max-width:767px) {}

@media (min-width:768px) {}

@media (max-width:575px) {}

@media (min-width:576px) and (max-width:767px) {}

@media (min-width:768px) {}

@media (min-width:576px) and (max-width:767px) {}

@media (min-width:425px) and (max-width:575px) {}

@media (max-width:424px) {}

@media (min-width:768px) {}

@media (min-width:576px) and (max-width:767px) {}

@media (max-width:576px) {}

@media (min-width:1400px) {}

@media (min-width:768px) and (max-width:1399px) {}

@media (max-width:767px) {}

@media (min-width:1401px) {}

@media (min-width:768px) and (max-width:1399px) {}

@media (max-width:767px) {}

@media (min-width:768px) {}

@media (min-width:576px) and (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:576px) {}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (min-width:768px) {}

@media (max-width:575px) {}

@media (min-width:1200px) {}

@media (max-width:1199px) {}

@media (max-width:991px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:991px) {}

@media (max-width:767px) {}

[data-v-3903e332]:root {
    --balance-outer: 25px
}

.hot-game-item[data-v-3903e332] {
    height: 215px;
    padding-top: 20px;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width:424px) {
    .hot-game-item[data-v-3903e332] {
        display: flex;
        flex-direction: column;
        height: 140px;
        margin-top: 10px;
        padding-top: 0
    }
}

.hot-game-item__decor[data-v-3903e332] {
    background-image: url(../images/16.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    position: absolute;
    right: -9px;
    top: -9px;
    width: 175px
}

@media (max-width:424px) {
    .hot-game-item__decor[data-v-3903e332] {
        right: -6px;
        top: -16px;
        width: 115px
    }
}

.hot-game-item__description[data-v-3903e332] {
    display: flex;
    justify-content: center;
    margin-top: 6px
}

@media (max-width:424px) {
    .hot-game-item__description[data-v-3903e332] {
        margin-top: 2px
    }
}

.hot-game-item__description--value[data-v-3903e332] {
    background-color: #461c45;
    color: #e33ee6;
    font-size: 18px;
    margin: 0 auto;
    min-width: 140px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    z-index: 1
}

@media (max-width:424px) {
    .hot-game-item__description--value[data-v-3903e332] {
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .05em;
        line-height: 20px;
        min-width: 100px;
        padding-left: 10px;
        padding-right: 10px
    }
}

.hot-game-item__description[data-v-3903e332] .decor__left:before,
.hot-game-item__description[data-v-3903e332] .decor__right:before {
    top: 0
}

.hot-game-item__description[data-v-3903e332] .decor__left:after,
.hot-game-item__description[data-v-3903e332] .decor__right:after {
    bottom: 0
}

.hot-game-item__description[data-v-3903e332] .decor__left:after,
.hot-game-item__description[data-v-3903e332] .decor__left:before {
    left: 0
}

.hot-game-item__description[data-v-3903e332] .decor__right:after,
.hot-game-item__description[data-v-3903e332] .decor__right:before {
    right: 0
}

[data-v-6acbb270]:root {
    --balance-outer: 25px
}

.jackpot-game-item--container[data-v-6acbb270] {
    border-radius: 65px
}

.jackpot-game-item--container.item-0[data-v-6acbb270] {
    background-image: radial-gradient(#e33ee6 1px, transparent 0);
    background-position: -3px 0;
    background-size: 18px 18px
}

.jackpot-game-item--container.item-1[data-v-6acbb270] {
    background-image: radial-gradient(#3ee6e0 1px, transparent 0);
    background-position: -3px 0;
    background-size: 18px 18px
}

.jackpot-game-item--container.item-2[data-v-6acbb270] {
    background-image: radial-gradient(#f9dd0e 1px, transparent 0);
    background-position: -3px 0;
    background-size: 18px 18px
}

@media (min-width:1200px) {
    .jackpot-game-item--container[data-v-6acbb270] {
        padding: 50px 0 36px
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .jackpot-game-item--container[data-v-6acbb270] {
        padding: 40px 0 30px
    }
}

@media (max-width:767px) {
    .jackpot-game-item--container[data-v-6acbb270] {
        max-width: 390px;
        width: 100%
    }
}

@media (min-width:576px) and (max-width:767px) {
    .jackpot-game-item--container[data-v-6acbb270] {
        padding: 40px 0 20px
    }
}

@media (min-width:425px) and (max-width:575px) {
    .jackpot-game-item--container[data-v-6acbb270] {
        padding: 35px 0 30px
    }
}

@media (max-width:424px) {
    .jackpot-game-item--container[data-v-6acbb270] {
        padding: 35px 0 30px
    }
}

.jackpot-game-item--wrapper[data-v-6acbb270] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: auto;
    max-width: 330px;
    position: relative;
    width: 100%
}

.jackpot-game-item[data-v-6acbb270] .game-item {
    height: 227px;
    margin-bottom: 5px;
    max-height: none;
    max-width: 350px
}

@media (max-width:1199px) {
    .jackpot-game-item[data-v-6acbb270] .game-item {
        height: 196px
    }
}

@media (max-width:321px) {
    .jackpot-game-item[data-v-6acbb270] .game-item {
        height: 148px
    }
}

.jackpot-game-item[data-v-6acbb270] .game-item__content {
    border-radius: 10px;
    position: relative
}

.jackpot-game-item[data-v-6acbb270] .game-item__image {
    -o-object-fit: cover;
    object-fit: cover
}

:root {
    --balance-outer: 25px
}

@media (max-width:767px) {}

@media (max-width:991px) {}

@media (max-width:768px) {}

@media (min-width:769px) {}

@media (max-width:767px) {}

@media (max-width:991px) {}

@media (max-width:1199px) {}

@media (max-width:768px) {}

@media (max-width:1199px) {}

@media (max-width:768px) {}

@media (max-width:991px) {}

@media (max-width:1199px) {}

@media (max-width:768px) {}

@media (min-width:769px) and (max-width:1199px) {}

:root {
    --balance-outer: 25px
}

@media (max-width:991px) {}

@media (max-width:1199px) {}

@media (max-width:575px) {}

@media only screen and (min-device-width:1366px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:767px) {}

@media (max-width:1199px) {}

@media (max-width:576px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:991px) and (min-width:577px) {}

@media (max-width:1620px) {}

:root {
    --balance-outer: 25px
}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

:root {
    --balance-outer: 25px
}

:root {
    --balance-outer: 25px
}

@media (max-width:991px) {}

@media (max-width:1199px) {}

@media (max-width:575px) {}

@media only screen and (min-device-width:1366px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:767px) {}

@media (max-width:1199px) {}

@media (max-width:576px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (min-width:769px) {}

:root {
    --balance-outer: 25px
}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

:root {
    --balance-outer: 25px
}

@media (max-width:576px) {}

@media (max-width:575px) {}

@media (max-width:767px) {}

@media (max-width:768px) {}

@media (min-width:769px) {}

@media (min-width:768px) {}

@media (max-width:575px) {}

@media (max-width:575px) {}

@media (min-width:992px) {}

@media (min-width:1400px) {}

@media (max-width:991px) {}

@media (max-width:767px) {}

@media (min-width:768px) {}

@media (min-width:576px) and (max-width:767px) {}

@media (min-width:425px) and (max-width:575px) {}

@media (max-width:424px) {}

[data-v-5184db17]:root {
    --balance-outer: 25px
}

@media (max-width:767px) {

    .slider-game-item__demo[data-v-5184db17],
    .slider-game-item__title[data-v-5184db17] {
        font-size: 10px;
        line-height: 14px
    }

    .slider-game-item__demo[data-v-5184db17] {
        margin-bottom: 15px
    }
}

.slider-game-item--wrapper[data-v-5184db17] {
    position: relative
}

[data-v-37a6fd0d]:root {
    --balance-outer: 25px
}

.item-title[data-v-37a6fd0d] {
    border-bottom: 1px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 10px;
    transform: translateY(-10px);
    transition: all .3s ease;
    vertical-align: middle
}

@media (max-width:767px) {
    .item-title[data-v-37a6fd0d] {
        font-size: 10px;
        line-height: 14px
    }
}

[data-v-22106670]:root {
    --balance-outer: 25px
}

.demo__btn[data-v-22106670] {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 8px;
    position: relative;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-transform: uppercase;
    transition: all .3s ease;
    white-space: nowrap;
    z-index: 1
}

@media (max-width:767px) {
    .demo__btn[data-v-22106670] {
        font-size: 10px;
        line-height: 14px;
        margin-bottom: 15px
    }
}

.demo__btn[data-v-22106670]:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (min-width:1200px) {}

@media (max-width:1199px) {}

@media (min-width:992px) {}

@media (max-width:767px) {}

@media (min-width:768px) and (max-width:991px) {}

@media (min-width:993px) {}

@media (min-width:768px) {}

[data-v-1d6b4911]:root {
    --balance-outer: 25px
}

.animated__line[data-v-1d6b4911] {
    opacity: 0
}

[data-v-65f8f8f4]:root {
    --balance-outer: 25px
}

.provider-logo[data-v-65f8f8f4] {
    margin-left: auto;
    max-height: 25px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:768px) {
    .provider-logo[data-v-65f8f8f4] {
        max-width: 60px
    }
}

@media (min-width:576px) and (max-width:767px) {
    .provider-logo[data-v-65f8f8f4] {
        max-width: 50px
    }
}

@media (min-width:425px) and (max-width:575px) {
    .provider-logo[data-v-65f8f8f4] {
        max-width: 45px
    }
}

@media (max-width:424px) {
    .provider-logo[data-v-65f8f8f4] {
        max-width: 35px
    }
}

:root {
    --balance-outer: 25px
}

@media (min-width:993px) {}

@media (max-width:991px) {}

@media (max-width:768px) {}

@media (min-width:769px) {}

@media (min-width:993px) {}

@media (max-width:991px) {}

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

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

@media (min-width:425px) {}

@media (max-width:1199px) {}

@media (max-width:424px) {}

@media (max-width:991px) {}

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

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

@media (max-width:991px) {}

@media (max-width:425px) {}

@media (min-width:992px) {}

@media (max-width:768px) {}

@media (min-width:425px) {}

@media (min-width:769px) {}

@media (max-width:768px) {}

@media (max-width:992px) {}

@media (max-width:991px) {}

@media (max-width:991px) {}

@media (max-width:768px) {}

@media (max-width:992px) {}

@media (max-width:425px) {}

:root {
    --balance-outer: 25px
}

:root {
    --balance-outer: 25px
}

:host,
:root {
    --vs-colors--lightest: rgba(60, 60, 60, .26);
    --vs-colors--light: rgba(60, 60, 60, .5);
    --vs-colors--dark: #333;
    --vs-colors--darkest: rgba(0, 0, 0, .15);
    --vs-search-input-color: inherit;
    --vs-search-input-bg: #fff;
    --vs-search-input-placeholder-color: inherit;
    --vs-font-size: 1rem;
    --vs-line-height: 1.4;
    --vs-state-disabled-bg: #f8f8f8;
    --vs-state-disabled-color: var(--vs-colors--light);
    --vs-state-disabled-controls-color: var(--vs-colors--light);
    --vs-state-disabled-cursor: not-allowed;
    --vs-border-color: var(--vs-colors--lightest);
    --vs-border-width: 1px;
    --vs-border-style: solid;
    --vs-border-radius: 4px;
    --vs-actions-padding: 4px 6px 0 3px;
    --vs-controls-color: var(--vs-colors--light);
    --vs-controls-size: 1;
    --vs-controls--deselect-text-shadow: 0 1px 0#fff;
    --vs-selected-bg: #f0f0f0;
    --vs-selected-color: var(--vs-colors--dark);
    --vs-selected-border-color: var(--vs-border-color);
    --vs-selected-border-style: var(--vs-border-style);
    --vs-selected-border-width: var(--vs-border-width);
    --vs-dropdown-bg: #fff;
    --vs-dropdown-color: inherit;
    --vs-dropdown-z-index: 1000;
    --vs-dropdown-min-width: 160px;
    --vs-dropdown-max-height: 350px;
    --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
    --vs-dropdown-option-bg: #000;
    --vs-dropdown-option-color: var(--vs-dropdown-color);
    --vs-dropdown-option-padding: 3px 20px;
    --vs-dropdown-option--active-bg: #5897fb;
    --vs-dropdown-option--active-color: #fff;
    --vs-dropdown-option--deselect-bg: #fb5858;
    --vs-dropdown-option--deselect-color: #fff;
    --vs-transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    --vs-transition-duration: 150ms
}

:root {
    --vs-transition-timing-function: cubic-bezier(1, 0.5, 0.8, 1);
    --vs-transition-duration: 0.15s
}

@keyframes vSelectSpinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

:root {
    --vs-disabled-bg: var(--vs-state-disabled-bg);
    --vs-disabled-color: var(--vs-state-disabled-color);
    --vs-disabled-cursor: var(--vs-state-disabled-cursor)
}

@media (min-width:577px) {}

@media (max-width:576px) {}

@media (min-width:577px) {}

@media (max-width:576px) {}

@media (max-width:575px) {}

@media (max-width:1399px) {}

@media (max-width:1199px) {}

@media (orientation:landscape) {}

@media (orientation:landscape) {}

@media (orientation:landscape) {}

@media (orientation:landscape) {}

@media (orientation:portrait) {}

@media (orientation:landscape) {}

@media (orientation:landscape) {}

@media (orientation:landscape) {}

@media (max-width:424px) {}

@media (min-width:426px) {}

@media (orientation:landscape) {}

@media (orientation:landscape) {}

@media (orientation:landscape) {}

@media (max-width:1499px) {}

@media (max-width:1199px) {}

@media (max-width:991px) {}

@media (max-width:1399px) {}

@media (min-width:426px) {}

@media (max-width:424px) {}

@media (orientation:landscape) {}

@media (min-width:577px) {}

@media (max-width:576px) {}

@media (min-width:577px) {}

@media (max-width:576px) {}

@media (max-width:575px) {}

@media (min-width:1200px) {}

@media (min-width:992px) and (max-width:1199px) {}

@media (min-width:768px) and (max-width:991px) {}

@media (min-width:576px) and (max-width:767px) {}

@media (min-width:576px) {}

@media (max-width:1199px) {}

@media (orientation:landscape) {}

@media screen and (max-width:424px) {}

@media (min-width:426px) {}

@media (max-width:425px) {}

@media (orientation:landscape) {}

@media (min-width:426px) {}

@media (max-width:425px) {}

@media screen and (max-width:424px) {}

@media (orientation:landscape) {}

@media (min-width:576px) {}

@media (min-width:768px) {}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (min-width:768px) {}

@media (max-width:767px) {}

@media (max-width:576px) {}

@media (max-width:767px) {}

@media (max-height:425px) {}

@media (max-height:425px) {}

@media (max-width:991px) and (orientation:landscape) {}

@media (max-width:575px) and (orientation:landscape) {}

@media (max-width:991px) {}

@media (max-width:767px) {}

@media (max-width:767px) {}

@media (max-width:575px) {}

@media (orientation:landscape) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

@media (max-width:768px) {}

:root {
    --balance-outer: 25px
}

@media (max-width:575px) {}

@media (min-width:768px) {}

.sf-hidden {
    display: none !important
}

.textSeo p {
    line-height: 1.6;
}
.slider-game-item--wrapper {
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.slider-game-item--wrapper:hover {
    opacity: .8;
}
.header-logo__logo svg {
    max-width: 100%;
    display: block;
}
.header__wrapper[data-v-34cf06e0] {
    gap: 10px;
}
@media (max-width: 991px) {
    .games-slider__slider--slide[data-v-4e7651cb] {
        grid-template-columns: 1fr 1fr 1fr 1fr!important;
    }
}
@media (max-width: 576px) {
    .textSeo h1 {
        font-size: 32px;
    }
    .games-filters__search[data-v-7f467160] {
        width: 100%;
    }
    .games-filters__item {
        display: none!important;
    }
    .games-filters > noindex {
        display: none;
    }
    .games-slider__slider--slide[data-v-4e7651cb] {
        grid-template-columns: 1fr 1fr!important;
    }
    .slider-game-item--wrapper:nth-child(n + 11) {
        display: none!important;
    }
    #jackpot-slider .jackpot-game-item--container.item-2 {
        display: none!important;
    }
}