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

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

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: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important
    }
}

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

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

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

    70% {
        transform: scale(1.3)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

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

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

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

@keyframes sonarWave {
    0% {
        box-shadow: rgba(113, 132, 131, 0.7) 0px 0px 0px 0px
    }

    70% {
        box-shadow: rgba(113, 132, 131, 0) 0px 0px 0px 10px
    }

    100% {
        box-shadow: rgba(113, 132, 131, 0) 0px 0px 0px 0px
    }
}

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

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

    100% {
        opacity: 1;
        transform: translateX(0px)
    }
}

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

    100% {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0.7
    }

    100% {
        opacity: 1
    }
}

@keyframes toastIn {
    0% {
        background-color: rgb(226, 210, 174);
        opacity: 0;
        transform: scale(0.1, 0.015)
    }

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

    100% {
        transform: scale(1)
    }
}

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

    35% {
        background-color: rgb(226, 210, 174);
        opacity: 1;
        transform: scaleY(0.015)
    }

    100% {
        background-color: initial;
        opacity: 0;
        transform: scale(0.1, 0.015)
    }
}

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

    100% {
        mask-position: -50%center
    }
}

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

    25% {
        transform: scale(0.9, 1.1)
    }

    50% {
        opacity: 0.5;
        transform: scale(1.1, 0.9)
    }

    75% {
        transform: scale(0.95, 1.05)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

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

    25% {
        transform: scale(0.95, 1.05)
    }

    50% {
        opacity: 0.5;
        transform: scale(1.1, 0.9)
    }

    75% {
        transform: scale(0.9, 1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

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

    30% {
        transform: scale(2)
    }

    60% {
        transform: scale(4)
    }

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

@keyframes draw-line {
    100% {
        stroke-dashoffset: 0
    }
}

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

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

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

    75% {
        border-radius: 0px;
        clip-path: polygon(100% 0px, 0px 0px, 0px 0px, 0px 0px, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 100% 100%, 100% 100%, 100% 100%, 100% 0px, 100% 0px, 100% 0px);
        outline: rgb(226, 210, 174) solid 0.5px;
        transform: scale(0.9, 0.7)
    }

    100% {
        bottom: 0px;
        clip-path: polygon(100% 0px, 0px 0px, 0px 0px, 0px 0px, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 100% 100%, 100% 100%, 100% 100%, 100% 0px, 100% 0px, 100% 0px);
        outline: rgb(226, 210, 174) solid 0.5px;
        transform: scale(1)
    }
}

@keyframes genieEffectOut {
    0% {
        border-radius: 0px;
        bottom: 0px;
        clip-path: polygon(100% 0px, 0px 0px, 0px 0px, 0px 0px, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 100% 100%, 100% 100%, 100% 100%, 100% 0px, 100% 0px, 100% 0px);
        outline: rgb(226, 210, 174) solid 0.5px;
        transform: scale(1)
    }

    25% {
        transform: scale(0.9, 0.7) translateY(30px)
    }

    35% {
        clip-path: polygon(100% 0px, 0px 0px, 0px 0px, 0px 0px, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 100% 100%, 100% 100%, 100% 100%, 100% 0px, 100% 0px, 100% 0px);
        outline: rgb(226, 210, 174) solid 0.5px;
        transform: scale(0.9, 0.7) translateY(10px)
    }

    65% {
        border-radius: 20px;
        opacity: 1;
        outline: initial;
        transform: scale(0.7) translateY(-30px)
    }

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

    100% {
        bottom: -100%;
        opacity: 0;
        transform: scale(0.08, 0.015)
    }
}

@keyframes closeIconIn {
    0% {
        opacity: 0
    }

    95% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes closeIconOut {
    0% {
        opacity: 1
    }

    15% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes glow {
    0% {
        box-shadow: rgb(226, 210, 174) 0px 0px 4px 0px inset, rgb(225, 210, 171) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 20px, rgb(224, 209, 173) 0px 0px 30px, rgb(224, 209, 173) 0px 0px 40px, rgb(224, 209, 173) 0px 0px 50px, rgb(224, 209, 173) 0px 0px 55px
    }

    100% {
        box-shadow: rgb(226, 210, 174) 0px 0px 5px 1px inset, rgb(225, 210, 171) 0px 0px 20px, rgb(226, 210, 174) 0px 0px 30px, rgb(226, 210, 174) 0px 0px 40px, rgb(226, 210, 174) 0px 0px 50px, rgb(226, 210, 174) 0px 0px 60px, rgb(226, 210, 174) 0px 0px 65px
    }
}

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

    100% {
        opacity: 1;
        transform: translateY(0px)
    }
}

@keyframes flash {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

    100% {
        background-position: 16px 0px
    }
}

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

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

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

    6% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

    12% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

    16% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

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

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

    26% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

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

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

    36% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

    40% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

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

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

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

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

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

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

    58% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

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

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

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

    70% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

@keyframes bannerNextPushAnimate {

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

    100% {
        transform: translateY(0px)
    }
}

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

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

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

    6% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

    12% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

    16% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

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

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

    26% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

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

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

    36% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

    40% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

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

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

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

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

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

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

    58% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

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

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

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

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

    70% {
        transform: translate(0px) rotate(-0.5deg)
    }

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

@keyframes bannerPrevPushAnimate {

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

    100% {
        transform: translateY(0px)
    }
}

@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)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes skillPulse {
    50% {
        box-shadow: rgba(225, 209, 173, 0.75) 0px 0px 0px 5px
    }

    100% {
        box-shadow: rgba(225, 209, 173, 0) 0px 0px 0px 15px
    }
}

@keyframes skillTextPulse {
    0% {
        opacity: 0
    }

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

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

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

    25% {
        transform: scale(1.02)
    }

    55% {
        transform: scale(1)
    }

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes skillHintWidthIn {
    0% {
        width: 0px
    }

    100% {
        width: 19px
    }
}

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

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

    100% {
        transform: translateX(0px)
    }
}

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

    50% {
        transform: translateX(3px)
    }

    100% {
        transform: translateX(0px)
    }
}

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

    20%,
    100% {
        opacity: 0
    }
}

@keyframes realButtonAnimation-1 {

    0%,
    20% {
        opacity: 0.8
    }

    40%,
    100% {
        opacity: 0
    }
}

@keyframes realButtonAnimation-2 {

    0%,
    40% {
        opacity: 0.6
    }

    60%,
    100% {
        opacity: 0
    }
}

@keyframes realButtonAnimation-3 {

    0%,
    60% {
        opacity: 0.4
    }

    80%,
    100% {
        opacity: 0
    }
}

@keyframes realButtonAnimation-4 {

    0%,
    80% {
        opacity: 0.2
    }

    100% {
        opacity: 0
    }
}

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

    100% {
        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-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;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    margin-right: 0px !important
}

body {
    background-color: rgb(18, 17, 15);
    color: rgb(255, 255, 255);
    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: 0px
    }
}

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

a {
    transform: translateZ(0px)
}

a,
img {
    backface-visibility: hidden
}

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

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

.disabled>* {
    cursor: not-allowed
}

.link,
a {
    color: rgb(62, 230, 224);
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-decoration: none;
    transition: color 0.2s
}

.link:active,
a:active {
    color: rgb(22, 168, 163)
}

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

.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: rgb(18, 16, 14);
        height: 6px;
        width: 6px
    }

    ::-webkit-scrollbar-track {
        background-color: rgb(18, 16, 14);
        border: 2px solid rgb(18, 16, 14)
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgb(249, 178, 66);
        border-left: 1px solid rgb(18, 16, 14);
        border-radius: 10px;
        border-right: 1px solid rgb(18, 16, 14)
    }
}

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

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

@media (min-width:769px) {
    ::-webkit-scrollbar {
        background-color: rgb(37, 33, 34);
        height: 6px;
        width: 6px
    }

    ::-webkit-scrollbar-track {
        background-color: rgb(37, 33, 34);
        border: 2px solid rgb(37, 33, 34)
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgb(226, 210, 174);
        border-left: 1px solid rgb(37, 33, 34);
        border-radius: 10px;
        border-right: 1px solid rgb(37, 33, 34)
    }
}

.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) {}

@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: rgb(255, 255, 255);
    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: rgb(196, 196, 195);
    font-style: normal;
    line-height: 2;
    margin: 20px 0px;
    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: rgb(255, 255, 255);
    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: rgb(62, 230, 224) 0px 0px 20px;
    text-transform: uppercase
}

@media (max-width:767px) {
    h1 {
        font-size: 36px;
        font-weight: 700;
        letter-spacing: 2.2px;
        text-shadow: rgb(62, 230, 224) 0px 0px 15px
    }
}

h2 {
    font-size: 36px;
    font-stretch: normal;
    letter-spacing: 2.2px;
    margin-bottom: 12px;
    text-shadow: rgb(62, 230, 224) 0px 0px 15px;
    text-transform: uppercase
}

@media (max-width:767px) {
    h2 {
        font-size: 24px;
        letter-spacing: 0px;
        text-shadow: rgb(62, 230, 224) 0px 0px 10px
    }
}

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

b {
    font-weight: 700
}

i {
    color: rgb(255, 255, 255)
}

p {
    margin-top: 0px
}

button {
    font-family: Jura, serif
}

::selection {
    background-color: rgb(30, 114, 124);
    color: rgb(255, 255, 255)
}

@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: 0px;
    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(0px)
}

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

    100% {
        transform: rotate(1turn)
    }
}

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

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

.header[data-v-65ea199b] {
    background-color: rgb(18, 17, 15);
    background-image: url(../images/9.svg);
    background-position: right 0px;
    background-repeat: no-repeat;
    padding: 0px 15px;
    top: -1px;
    will-change: auto;
    z-index: 11
}

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

.header__wrapper[data-v-65ea199b] {
    display: flex;
    justify-content: space-between;
    min-height: 100px;
    position: relative;
    transition: 0.3s
}

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

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

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

@media print {
    .header__aside[data-v-65ea199b] {
        display: none
    }
}

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

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

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

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

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

.header__aside--unauthorized[data-v-65ea199b] {
    display: flex
}

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

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

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

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

.header__nav--link[data-v-65ea199b] {
    align-items: normal;
    color: rgb(133, 119, 14);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    letter-spacing: 2px;
    line-height: 28px;
    margin: 0px;
    padding: 10px 5px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

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

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

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

.header__nav--link[data-v-65ea199b]:hover {
    background-color: rgb(30, 27, 15);
    color: rgb(249, 221, 14)
}

.header__nav--link:hover .icon-arrow__breadcrumbs[data-v-65ea199b] path {
    fill: rgb(249, 221, 14)
}

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

.header__nav--link .icon-arrow__breadcrumbs[data-v-65ea199b] path {
    fill: rgb(133, 119, 14)
}

.header__nav--search[data-v-65ea199b] {
    align-items: center;
    background-color: rgb(30, 27, 15);
    border-radius: 5px;
    color: rgb(133, 119, 14);
    display: flex;
    height: 52px;
    margin-left: 5px;
    padding: 8px 16px;
    position: relative;
    width: 150px
}

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

.header__nav--search[data-v-65ea199b]::before {
    background-image: radial-gradient(rgb(76, 68, 15) 10%, transparent 0px), radial-gradient(rgb(76, 68, 15) 10%, transparent 0px);
    background-position: 0px 0px, 19px 20px;
    background-size: 13px 13px;
    border-radius: 10px;
    content: "";
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1
}

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

.header__nav--search[data-v-65ea199b]:hover {
    box-shadow: rgb(249, 221, 14) 0px 0px 20px
}

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

.header__dropdown--button[data-v-65ea199b] {
    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-65ea199b] {
    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-65ea199b] .header-logo {
        margin-right: auto;
        position: static
    }
}

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

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

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

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

.header .sign__up[data-v-65ea199b] {
    line-height: 30px
}

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

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

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

@media (max-width:425px) {
    .header .sign__login-button[data-v-65ea199b] {
        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: 0px
    }
}

@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-24e5f154]:root {
    --balance-outer: 25px
}

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

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

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

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

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

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

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

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

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

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

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

.form-button[data-v-8d66aebc] {
    background-color: rgb(29, 70, 67);
    border: 1px solid rgb(62, 230, 224);
    border-radius: 4px;
    color: rgb(62, 230, 224);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 10px 30px;
    position: relative;
    text-align: center;
    text-shadow: rgb(0, 0, 0) 1px 1px 0px;
    text-transform: uppercase;
    transition: 0.3s
}

.form-button__border-icon[data-v-8d66aebc] {
    background-color: rgb(0, 0, 0);
    border: 1px solid rgb(62, 230, 224);
    border-radius: 50%;
    height: 13px;
    left: -7px;
    position: absolute;
    top: calc(50% - 7px);
    width: 13px;
    z-index: 1
}

.form-button__border-icon[data-v-8d66aebc]::before {
    background-color: rgb(62, 230, 224);
    border-radius: 100% 0px 0px 100%/50% 0px 0px 50%;
    content: "";
    height: 7px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 4px;
    z-index: 2
}

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

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

.form-button[data-v-8d66aebc]:hover {
    background-color: rgb(40, 123, 119);
    text-shadow: rgb(62, 230, 224) 0px 0px 5px, rgb(0, 0, 0) 1px 1px 0px
}

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

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

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

.form-button.yellow[data-v-8d66aebc] {
    background-color: rgb(76, 68, 15);
    border: 1px solid rgb(249, 221, 14);
    color: rgb(249, 221, 14);
    text-shadow: rgb(0, 0, 0) 1px 1px 0px
}

.form-button.yellow[data-v-8d66aebc]:hover {
    background-color: rgb(133, 119, 14);
    text-shadow: rgb(249, 221, 14) 0px 0px 5px, rgb(0, 0, 0) 1px 1px 0px
}

.form-button.yellow .form-button__border-icon[data-v-8d66aebc] {
    border: 1px solid rgb(249, 221, 14)
}

.form-button.yellow .form-button__border-icon[data-v-8d66aebc]::before {
    background-color: rgb(249, 221, 14)
}

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

.homepage__wrapper {
    background-image: url(../images/11.png), url(../images/12.png);
    background-position: center top, 50%center;
    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: 0px;
    width: 100%
}

.banner__single-image img {
    height: 100%;
    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: rgb(30, 27, 15);
    border-radius: 5px;
    color: rgb(133, 119, 14);
    display: flex;
    padding: 10px 18px;
    position: relative;
    width: 290px
}

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

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

.games-filters__search[data-v-7f467160]:hover {
    box-shadow: rgb(249, 221, 14) 0px 0px 20px
}

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

.games-filters__item[data-v-7f467160] {
    align-items: center;
    background-color: rgb(24, 22, 19);
    border-radius: 0px;
    color: rgb(133, 119, 14);
    cursor: pointer;
    display: flex;
    height: 100%;
    justify-content: center;
    line-height: 1.4;
    padding: 15px 20px;
    position: relative;
    transition: 0.3s
}

.games-filters__item[data-v-7f467160]:hover {
    background-color: rgb(22, 38, 36);
    color: rgb(249, 221, 14)
}

@media (hover:hover) {
    .games-filters__item[data-v-7f467160]:hover {
        color: rgb(62, 230, 224);
        padding: 15px 15px 15px 25px
    }

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

    .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: 0.3s;
    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: 0px
}

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

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

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

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

.games-slider[data-v-4e7651cb] {
    border: 1px solid rgb(29, 70, 67);
    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 0px 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: 0px 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%center;
    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: rgb(249, 221, 14);
    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] {
    border: 1px solid rgb(133, 119, 14);
    border-radius: 5px;
    color: rgb(249, 221, 14);
    cursor: pointer;
    height: 53px;
    position: relative;
    transition: 0.3s;
    width: 53px
}

.games-slider__pagination--btn.disabled[data-v-4e7651cb] {
    background-color: rgb(77, 77, 75);
    border-color: rgb(136, 136, 135)
}

.games-slider__pagination--btn[data-v-4e7651cb]:hover {
    background-color: rgb(133, 119, 14);
    border-color: rgb(249, 221, 14);
    box-shadow: rgb(249, 221, 14) 0px 0px 5px, rgb(0, 0, 0) 1px 1px 0px
}

@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-image: url(../images/13.svg);
        background-position: 50%center;
        background-repeat: no-repeat;
        height: 12px;
        position: absolute;
        top: 48%;
        width: 12px;
        background-color: transparent !important;
        border-color: transparent !important
    }

    .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: rgb(76, 68, 15);
    border: 1px solid rgb(133, 119, 14);
    border-radius: 5px;
    color: rgb(249, 221, 14);
    display: flex;
    font-weight: 700;
    height: 100%;
    letter-spacing: 0.05em;
    margin-left: auto;
    position: relative;
    text-transform: lowercase;
    transition: 0.3s;
    white-space: nowrap
}

.games-slider__all-btn[data-v-4e7651cb]:hover {
    background-color: rgb(133, 119, 14);
    border-color: rgb(249, 221, 14);
    box-shadow: rgb(249, 221, 14) 0px 0px 5px, rgb(0, 0, 0) 1px 1px 0px
}

@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: rgb(249, 221, 14);
    border: 1px solid rgb(18, 17, 15);
    border-radius: 3px;
    color: rgb(18, 17, 15);
    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: 0px 16px
    }
}

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

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

@media (max-width:768px) {
    .games-slider__slider--slide[data-v-4e7651cb] {
        padding: 3px 10px;
        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-3f9f0fbc]:root {
    --balance-outer: 25px
}

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

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

.footer[data-v-4ad28010] {
    background-color: rgb(30, 29, 27);
    color: rgb(217, 200, 155);
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    position: relative
}

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

@media print {
    .footer[data-v-4ad28010] {
        display: none
    }
}

.footer__content[data-v-4ad28010] {
    display: flex;
    position: relative
}

@media (min-width:768px) {

    .footer__content[data-v-4ad28010]::after,
    .footer__content[data-v-4ad28010]::before {
        background: rgb(77, 77, 75);
        content: "";
        height: 1px;
        left: -50%;
        position: absolute;
        width: 200vw
    }

    .footer__content[data-v-4ad28010]::before {
        top: 0px
    }

    .footer__content[data-v-4ad28010]::after {
        bottom: 0px
    }
}

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

.footer__payments[data-v-4ad28010] {
    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-4ad28010] {
        margin-bottom: 0px
    }
}

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

    .footer__payment-item[data-v-4ad28010] {
        transform: scale(0.7)
    }
}

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

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

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

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

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

@media (min-width:768px) {
    .footer--aside[data-v-4ad28010] {
        border-right: 1px solid rgb(77, 77, 75)
    }
}

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

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

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

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

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

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

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

.footer--link[data-v-4ad28010] {
    color: rgb(136, 136, 135);
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 150%
}

.footer--link[data-v-4ad28010]:hover {
    text-decoration: underline
}

@media (max-width:767px) {
    .footer--partners[data-v-4ad28010] {
        border-bottom: 1px solid rgb(77, 77, 75);
        padding-bottom: 24px
    }
}

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

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

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

.footer--partners__link[data-v-4ad28010] {
    cursor: pointer
}

.footer--partners__icon[data-v-4ad28010] {
    display: block
}

.footer--license[data-v-4ad28010] {
    color: rgb(77, 77, 75);
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    margin: 0px auto;
    max-width: 95%;
    padding: 32px 0px 40px;
    text-align: center
}

@media (max-width:767px) {
    .footer--license[data-v-4ad28010] {
        color: rgb(136, 136, 135);
        font-size: 10px;
        letter-spacing: 0.5px;
        line-height: 20px;
        max-width: 100%;
        padding: 24px 0px 22px
    }
}

@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-2ac2398d]:root {
    --balance-outer: 25px
}

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

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

.game-item__content[data-v-2ac2398d] {
    overflow: hidden
}

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

.game-item__hover[data-v-2ac2398d] {
    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-2ac2398d]:after,
.game-item__hover[data-v-2ac2398d]:before {
    border: 1px solid transparent;
    border-radius: 10px;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

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

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

.game-item__hover--bottom[data-v-2ac2398d] {
    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-2ac2398d] {
        bottom: 4px
    }
}

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

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

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

.game-item__ribbon[data-v-2ac2398d] {
    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-2ac2398d]: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-2ac2398d]:before {
        left: -3px;
        max-height: 42px;
        max-width: 42px;
        top: -3px
    }
}

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

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

.game-item__real[data-v-2ac2398d] {
    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-2ac2398d]:last-of-type {
    margin-bottom: 60px
}

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

.game-item__real[data-v-2ac2398d] 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) {}

[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
}

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

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

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

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

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

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

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

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

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

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

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

@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) {}

@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-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
}

[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
    }
}

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

.animated__line[data-v-1d6b4911] {
    opacity: 0
}

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

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

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

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

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

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

: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: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) {}

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

: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 (max-width:991px) {}

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

@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-65ea199b] {
    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) {
    .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;
    }
}