@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans"), local("OpenSans-Regular"), url(/dist/OpenSans-Regular-Cyrillic.3e14c4fceaa0527b806d0774e4b3ed5c.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans"), local("OpenSans-Bold"), url(/dist/OpenSans-Bold-Cyrillic.b1ed13e320ce8a20bcbc72d816a5b22c.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Open Sans"), local("OpenSans-Black"), url(/dist/OpenSans-Black-Cyrillic.9350dabc58f4936e55d4c5bb0f339c4e.woff2) format("woff2");
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Open Sans"), local("OpenSans-Regular"), url(/dist/OpenSans-Regular-Latin.358d3070946a90b4960cd111154fdc12.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local("Open Sans"), local("OpenSans-Bold"), url(/dist/OpenSans-Bold-Latin.a01def30f4398df303f818579d05f4ea.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local("Open Sans"), local("OpenSans-Black"), url(/dist/OpenSans-Black-Latin.927f45f0c98e115c1f661f17d185771e.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

html {
    font-size: 12px;
    background-color: #edf1f7
}

body {
    margin: 0;
    font-family: "Open Sans", system-ui, sans-serif;
    display: block
}

button {
    font-family: inherit;
    letter-spacing: unset
}

input, select {
    font-family: inherit
}

svg, img {
    vertical-align: middle
}

h1, h2, h3, div, p, ol, ul {
    margin: 0
}

h1, h2, h3 {
    letter-spacing: unset
}

h1, h2 {
    margin: 2rem 0 1rem
}

h3, p, li {
    margin-bottom: 1rem
}

h1, .h1 {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700
}

@media (min-width: 754px) {
    h1, .h1 {
        font-size: 3rem;
        line-height: 4rem
    }
}

h2, .h2 {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 700
}

@media (min-width: 754px) {
    h2, .h2 {
        font-size: 2rem;
        line-height: 3rem
    }
}

h3, .h3 {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 700
}

h4, .h4 {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 700
}

p, li {
    font-size: 1.17rem;
    line-height: 2rem;
    font-weight: 400
}

small {
    font-size: 1rem;
    line-height: 1.5rem
}

ol, ul {
    padding-left: 4rem
}

ul {
    list-style-type: "●  "
}

a {
    color: #20a8ff;
    text-decoration: none
}

a:hover, a.active {
    color: #32afff
}

a:active {
    color: #67c4ff
}

b {
    font-weight: 700
}

strong {
    font-weight: 600
}

section, .section {
    margin-bottom: 2rem
}

table {
    color: inherit;
    font-size: 1.17rem
}

.text--align-center {
    text-align: center
}

.nowrap {
    white-space: nowrap
}

.link {
    color: rgba(255, 255, 255, .75);
    font-size: inherit;
    font-weight: inherit
}

.link:hover, .link.active {
    color: #fff
}

#app {
    max-width: 100vw;
    width: 100%;
    color: #000
}

.child-view {
    position: absolute
}

.layout-enter-active, .layout-leave-active {
    transition: all .2s
}

.layout-enter, .layout-leave-to {
    opacity: 0
}

.popup-enter-active, .popup-leave-active {
    transition: all .4s
}

.popup-leave-active {
    top: 0;
    position: absolute
}

.popup-enter {
    top: 0;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh)
}

.popupoff-enter-active, .popupoff-leave-active {
    transition: all .4s
}

.popupoff-leave-active {
    top: 0
}

.popupoff-enter {
    z-index: 1
}

.popupoff-leave-to {
    z-index: 100;
    -webkit-transform: translateY(100vh);
    transform: translateY(100vh)
}

.webim-root .webim-footer {
    display: none !important
}

.fe-relative {
    position: relative
}

.child-view {
    position: absolute;
    transition: all .5s cubic-bezier(0.55, 0, 0.1, 1)
}

.slide-left-enter, .slide-right-leave-active {
    opacity: 0;
    -webkit-transform: translate(30px, 0);
    transform: translate(30px, 0)
}

.slide-left-leave-active, .slide-right-enter {
    opacity: 0;
    -webkit-transform: translate(-30px, 0);
    transform: translate(-30px, 0)
}

.main {
    min-height: calc(100vh - 60px);
    width: 100%;
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative
}

.main::before {
    background: #edf1f7;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform;
    z-index: -1
}

@media (min-width: 754px) {
    .main {
        min-height: 100vh;
        padding-bottom: 0
    }
}

.body {
    justify-self: stretch;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.body__wrapper {
    width: 100%;
    max-width: 1300px;
    margin: auto;
    display: block;
    flex-grow: 1
}

.header {
    position: -webkit-sticky;
    position: sticky;
    color: #fff;
    z-index: 1000;
    height: 5rem;
    border-bottom: none
}

@media (min-width: 754px) {
    .header {
        height: 5rem;
        border-bottom: none
    }
}

.header__notice {
    background: #01081f
}

.header__position {
    width: 100%;
    position: fixed
}

.header__wrapper {
    width: 100%;
    height: 5rem;
    z-index: 1000;
    position: fixed;
    display: grid;
    grid-template-rows:100%;
    grid-template-columns:1fr minmax(0, 1300px) 1fr;
    align-items: center;
    background: #01081f;
    box-shadow: none
}

@media (min-width: 754px) {
    .header__wrapper {
        height: 5rem
    }
}

.header__right {
    display: flex;
    justify-content: flex-end;
    padding: 0 10px
}

.header__auth {
    display: none
}

@media (min-width: 754px) {
    .header__auth {
        display: grid;
        justify-content: flex-end
    }
}

@media (min-width: 1054px) {
    .header__auth {
        display: flex
    }
}

.header__auth .social {
    margin-right: 1rem;
    display: none
}

@media (min-width: 1300px) {
    .header__auth .social {
        display: flex
    }
}

.header__auth-new {
    display: grid;
    grid-template-columns:repeat(2, -webkit-min-content);
    grid-template-columns:repeat(2, min-content);
    justify-content: flex-end;
    padding: 0 1rem 0 0
}

@media (min-width: 754px) {
    .header__auth-new {
        grid-gap: 1.5rem
    }
}

@media (min-width: 1054px) {
    .header__auth-new {
        display: flex
    }
}

@media (min-width: 1300px) {
    .header__auth-new {
        padding: 0
    }
}

.header__auth-new .social {
    margin: 0
}

.header__auth-new .enter-btns {
    display: none
}

@media (min-width: 754px) {
    .header__auth-new .enter-btns {
        display: flex
    }
}

.header__auth-new .enter-btns-reg {
    margin-right: .5rem
}

.header__nav-icon {
    height: 2rem;
    width: 2rem;
    padding: 1rem .5rem;
    cursor: pointer
}

.header__nav-icon svg path {
    fill: #fff
}

.header__nav-icon-notifications {
    display: none
}

@media (min-width: 980px) {
    .header__nav-icon-notifications {
        display: block
    }
}

.header__nav-icon-counter {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: .5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    min-width: 1.5rem;
    box-sizing: border-box;
    padding: 0 .5rem;
    border-radius: 2rem;
    background-color: #ffd600
}

.header__nav-icon--active {
    background: rgba(255, 255, 255, .12);
    border-radius: 50%
}

.header__nav-icon--active svg path {
    fill: #20a8ff
}

.header__center {
    height: 100%;
    display: grid;
    grid-template-columns:-webkit-max-content minmax(10rem, 1fr) auto;
    grid-template-columns:max-content minmax(10rem, 1fr) auto;
    grid-template-rows:100%;
    align-items: center;
    position: relative
}

@media (min-width: 754px) {
    .header__center {
        padding: 0
    }
}

.header__center-new .user-buttons__gift-counter {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    min-width: 1.5rem;
    box-sizing: border-box;
    padding: 0 .5rem;
    border-radius: 2rem;
    height: auto;
    top: -0.5rem;
    right: -1rem
}

.header__left {
    padding-left: 0px
}

.header__logo {
    display: flex;
    height: 100%;
    padding: 0;
    box-sizing: border-box
}

@media (min-width: 754px) {
    .header__logo {
        margin-right: 30px;
        padding: 0
    }
}

@media (min-width: 1054px) {
    .header__logo {
        margin-right: 50px
    }
}

.header--logout .header__logo {
    max-width: 60px
}

@media (min-width: 754px) {
    .header--logout .header__logo {
        max-width: 100%
    }
}

.header__profile {
    display: grid;
    align-items: center;
    grid-template-columns:1fr repeat(2, -webkit-min-content);
    grid-template-columns:1fr repeat(2, min-content);
    grid-template-rows:100%;
    justify-content: center;
    padding-left: 1rem
}

@media (min-width: 508px) {
    .header__profile {
        grid-template-columns:repeat(3, -webkit-min-content);
        grid-template-columns:repeat(3, min-content);
        padding-left: 0
    }
}

@media (min-width: 754px) {
    .header__profile {
        grid-gap: 20px;
        justify-content: flex-end
    }
}

.header__profile-new {
    grid-template-columns:1fr repeat(3, -webkit-min-content);
    grid-template-columns:1fr repeat(3, min-content);
    padding-right: 1rem;
    grid-gap: 0;
    justify-content: start
}

@media (min-width: 980px) {
    .header__profile-new {
        grid-gap: 1rem;
        grid-template-columns:1fr repeat(4, -webkit-min-content);
        grid-template-columns:1fr repeat(4, min-content)
    }
}

@media (min-width: 1300px) {
    .header__profile-new {
        grid-gap: 1.5rem;
        padding-right: 0
    }
}

.header__profile-new .header__gift {
    display: block;
    height: 2rem;
    width: 2rem;
    padding: .5rem
}

.header__profile-new .header__gift .user-buttons__gift {
    padding: 0
}

.header__profile-new .header__gift .user-buttons__gift:hover {
    -webkit-transform: none;
    transform: none
}

.header__profile-new .header__gift .user-buttons__gift-icon {
    width: 2rem
}

@media (min-width: 754px) {
    .header__profile-new .header__user {
        justify-content: center
    }
}

.header__profile-new .header__user-name {
    display: none
}

@media (min-width: 754px) {
    .header__profile-new .header__user-name {
        display: flex
    }
}

.header__profile-new .header__user-info {
    flex-direction: column
}

@media (min-width: 754px) {
    .header__profile-new .header__user-info {
        flex-direction: row
    }
}

@media (min-width: 980px) {
    .header__profile-new .header__user-info {
        flex-direction: column
    }
}

.header__profile-new .header__user-nickname {
    padding-right: 1rem
}

.header__user {
    display: flex;
    align-items: center
}

.header__user-name {
    text-decoration: none;
    color: #20a8ff;
    display: none;
    align-items: center
}

@media (min-width: 508px) {
    .header__user-name {
        display: flex
    }
}

.header__user-info {
    font-size: 1.17rem;
    display: flex;
    align-items: baseline;
    flex-direction: column
}

@media (min-width: 508px) {
    .header__user-info {
        flex-direction: row
    }
}

@media (min-width: 754px) {
    .header__user-info {
        flex-direction: column
    }
}

.header__user-nickname {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 95px;
    padding-right: 1rem
}

@media (min-width: 754px) {
    .header__user-nickname {
        max-width: 110px;
        padding: 0
    }
}

.header__user-balance {
    display: block;
    font-weight: 700;
    white-space: nowrap
}

.header__user-balance-arrow {
    width: 24px;
    height: auto;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    display: inline-block
}

.header__user-balance--open .header__user-balance-arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header__user-balance {
    color: rgba(255, 255, 255, .75);
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

.header__user-balance:hover, .header__user-balance.active {
    color: #fff
}

.header__user-nickname {
    color: rgba(255, 255, 255, .75);
    text-decoration: none
}

.header__user-nickname:hover, .header__user-nickname.active {
    color: #fff
}

.header__user-currency {
    font-weight: inherit;
    text-transform: uppercase
}

.header__cashbox, .header__gift {
    display: none
}

@media (min-width: 754px) {
    .header__cashbox, .header__gift {
        display: block
    }
}

@media (min-width: 754px) {
    .header__cashbox.header__cashbox, .header__cashbox .header__gift-new, .header__gift.header__cashbox, .header__gift .header__gift-new {
        display: none
    }
}

@media (min-width: 980px) {
    .header__cashbox.header__cashbox, .header__cashbox .header__gift-new, .header__gift.header__cashbox, .header__gift .header__gift-new {
        display: block
    }
}

.header__nav {
    display: none
}

@media (min-width: 980px) {
    .header__nav {
        display: grid;
        grid-template-rows:100%;
        grid-template-columns:repeat(4, -webkit-max-content);
        grid-template-columns:repeat(4, max-content);
        grid-gap: 16px;
        height: 100%
    }
}

.header .header__nav-new {
    display: none
}

@media (min-width: 980px) {
    .header .header__nav-new {
        display: flex
    }
}

.header__nav-item {
    color: rgba(255, 255, 255, .75);
    position: relative;
    font-size: 1.17rem;
    line-height: 2rem;
    font-weight: 400;
    letter-spacing: unset;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    transition: color .2s ease;
    cursor: pointer;
    padding: 0 20px
}

.header__nav-item:hover, .header__nav-item.active {
    color: #fff
}

.header__nav-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #f81919;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.header__nav-item:hover:before, .header__nav-item.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    opacity: .15;
    height: 100%
}

.header__nav-item.active:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.header__bottom {
    background: #01081f;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 5rem;
    border-radius: 0;
    box-shadow: 0 3px 5px 0 rgba(66, 76, 87, .12), 0 2px 4px 2px rgba(47, 58, 65, .19);
    flex-wrap: wrap
}

@media only screen and (orientation: portrait)and (device-width: 375px)and (device-height: 812px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: landscape)and (device-width: 812px)and (device-height: 375px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: portrait)and (device-width: 360px)and (device-height: 780px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: landscape)and (device-width: 780px)and (device-height: 360px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: portrait)and (device-width: 390px)and (device-height: 844px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: landscape)and (device-width: 844px)and (device-height: 390px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: portrait)and (device-width: 414px)and (device-height: 896px)and (-webkit-device-pixel-ratio: 2), screen and (orientation: landscape)and (device-width: 896px)and (device-height: 414px)and (-webkit-device-pixel-ratio: 2), screen and (orientation: portrait)and (device-width: 428px)and (device-height: 926px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: landscape)and (device-width: 926px)and (device-height: 428px)and (-webkit-device-pixel-ratio: 3) {
    .header__bottom {
        height: 7rem;
        padding-bottom: 2rem
    }
}

.header__bottom-separator {
    display: none
}

@media (min-width: 754px) {
    .header__bottom.header__bottom-new {
        display: flex
    }
}

@media (min-width: 980px) {
    .header__bottom.header__bottom-new {
        display: none
    }
}

.header__bottom.header__bottom-new--no-login {
    height: 10rem;
    align-content: flex-start
}

@media only screen and (orientation: portrait)and (device-width: 375px)and (device-height: 812px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: landscape)and (device-width: 812px)and (device-height: 375px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: portrait)and (device-width: 360px)and (device-height: 780px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: landscape)and (device-width: 780px)and (device-height: 360px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: portrait)and (device-width: 390px)and (device-height: 844px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: landscape)and (device-width: 844px)and (device-height: 390px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: portrait)and (device-width: 414px)and (device-height: 896px)and (-webkit-device-pixel-ratio: 2), screen and (orientation: landscape)and (device-width: 896px)and (device-height: 414px)and (-webkit-device-pixel-ratio: 2), screen and (orientation: portrait)and (device-width: 428px)and (device-height: 926px)and (-webkit-device-pixel-ratio: 3), screen and (orientation: landscape)and (device-width: 926px)and (device-height: 428px)and (-webkit-device-pixel-ratio: 3) {
    .header__bottom.header__bottom-new--no-login {
        height: 12rem;
        padding-bottom: 2rem
    }
}

.header__bottom.header__bottom-new--no-login .enter-btns {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    order: -1
}

.header__bottom.header__bottom-new--no-login .enter-btns::after {
    position: absolute;
    content: " ";
    background: rgba(32, 168, 255, .24);
    height: 1px;
    width: 100%;
    top: 5rem
}

@media (min-width: 754px) {
    .header__bottom {
        display: none
    }
}

.header__bottom-nav {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center
}

.header__bottom-nav--space-around {
    justify-content: space-around
}

.header__bottom-nav-icon {
    background: transparent;
    border-radius: 50%;
    display: inline-block;
    padding: .5rem;
    width: 3rem;
    height: 3rem;
    box-sizing: border-box
}

.header__bottom-nav-icon div {
    height: 100%
}

.header__bottom-nav-item {
    color: rgba(255, 255, 255, .75);
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    flex-grow: 1;
    cursor: pointer
}

.header__bottom-nav-item:hover, .header__bottom-nav-item.active {
    color: #fff
}

.header__bottom-nav-item:hover img, .header__bottom-nav-item.active img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.header__bottom-nav-item:hover path, .header__bottom-nav-item.active path {
    fill: #fff
}

.header__bottom-nav-item img {
    -webkit-filter: brightness(0) invert(0.8);
    filter: brightness(0) invert(0.8)
}

.header__bottom-nav-item path {
    fill: rgba(255, 255, 255, .75)
}

.header__bottom-nav-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #f81919;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.header__bottom-nav-item:hover:before, .header__bottom-nav-item.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    opacity: .15;
    height: 100%
}

.header__bottom-nav-item.active:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.header__bottom-nav-item-counter {
    min-width: 15px;
    padding: 0 2px;
    box-sizing: border-box;
    height: 15px;
    line-height: 15px;
    border-radius: 50px;
    border: 0;
    background-color: #f81919;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    top: 1px;
    position: absolute
}

.header__bottom-nav-item-counter.active {
    -webkit-animation: shadow-pulse 1s infinite;
    animation: shadow-pulse 1s infinite
}

.header--login .header__bottom-nav-item--Arena {
    display: none
}

@media (min-width: 360px) {
    .header--login .header__bottom-nav-item--Arena {
        display: block
    }
}

.header__bottom-nav-btn-cashbox.fe-button {
    padding: .5rem 1.5rem
}

@-webkit-keyframes first-show-slide-y {
    0%, 45% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    50%, 95% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes first-show-slide-y {
    0%, 45% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    50%, 95% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes first-hide-slide-y {
    0%, 45% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    50%, 95% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
}

@keyframes first-hide-slide-y {
    0%, 45% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
    50%, 95% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        opacity: 0
    }
}

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

.confirm-email__icon-wrapper {
    position: relative
}

.confirm-email__icon {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 14px
}

.confirm-email__icon--info {
    -webkit-animation: first-show-slide-y 20000ms ease infinite;
    animation: first-show-slide-y 20000ms ease infinite
}

.confirm-email__icon--gift {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: first-hide-slide-y 20000ms ease infinite;
    animation: first-hide-slide-y 20000ms ease infinite
}

.confirm-email__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media (min-width: 754px) {
    .confirm-email__info {
        flex-direction: row;
        align-items: center
    }
}

.confirm-email__msg {
    color: #000;
    font-size: 1.17rem;
    font-weight: 400;
    margin: 0
}

@media (min-width: 754px) {
    .confirm-email__msg {
        font-size: 1.17rem
    }
}

.confirm-email__btn {
    margin-top: 1rem
}

@media (min-width: 754px) {
    .confirm-email__btn {
        margin: 0 0 0 1.5rem
    }
}

.pwa-install-popup.popup-notice {
    background: #fff;
    min-height: 5rem;
    height: auto;
    max-height: 8rem;
    border-radius: 0
}

.pwa-install-popup__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem 0
}

.pwa-install-popup__text {
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    margin-right: 1.5rem;
    color: #000
}

@media (min-width: 754px) {
    .pwa-install-popup__text {
        margin-bottom: 0
    }
}

.pwa-install-popup__text span {
    display: block;
    font-weight: 600
}

.logo {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    width: 100%;
    max-width: 5rem;
    justify-content: center
}

.logo--mobile {
    max-width: 5rem
}

.logo__img {
    max-width: 100%;
    max-height: 100%;
    width: 100%
}

.v-lazy-image {
    opacity: 0;
    transition: opacity .1s
}

.v-lazy-image-loaded {
    opacity: 1
}

object {
    pointer-events: none
}

.fe-popup {
    height: inherit;
    position: relative
}

.fe-popup__activator {
    height: inherit
}

.fe-popup__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.fe-popup__content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    box-shadow: none;
    pointer-events: all
}

.fe-popup__content--full-width {
    width: 100%;
    max-width: 1300px
}

.fe-popup__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(1, 8, 31, .8);
    z-index: 98;
    pointer-events: all
}

.fe-popup-transition-fade-enter-active, .fe-popup-transition-fade-leave-active {
    transition: opacity .25s ease-out
}

.fe-popup-transition-fade-enter, .fe-popup-transition-fade-leave-to {
    opacity: 0
}

.popup .social__item:hover .social__item-icon {
    background: rgba(1, 8, 31, .08);
    border-color: rgba(1, 8, 31, .15)
}

.popup .social__item:active .social__item-icon {
    background: rgba(1, 8, 31, .3);
    border-color: transparent
}

.popup .social__item-icon {
    border: 2px solid rgba(1, 8, 31, .3)
}

.popup .social__item-icon path {
    fill: #000
}

.social {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin: 0
}

.social__item {
    height: 48px;
    width: 48px;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer
}

.social__item:hover .social__item-icon {
    background: #171e34;
    box-shadow: none;
    border-color: rgba(255, 255, 255, .15)
}

.social__item:active .social__item-icon {
    background: rgba(255, 255, 255, .32);
    box-shadow: none;
    border-color: transparent
}

.social__item-icon {
    height: 36px;
    width: 36px;
    pointer-events: none;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 4px;
    background: transparent;
    padding: .5rem;
    box-sizing: border-box
}

.social__item-icon path {
    fill: #fff
}

.social.social--big {
    margin-bottom: 1rem
}

.social.social--big .social__item-icon {
    height: 48px;
    width: 48px;
    padding: 1rem
}

.sidebar .enter-btns {
    margin: 4px 0 20px 0
}

.enter-btns {
    flex-direction: row;
    flex: 1 1 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 240px;
    width: 100%;
    position: relative
}

@media (min-width: 754px) {
    .enter-btns {
        flex: 1 1 auto
    }
}

.enter-btns-reg {
    margin-right: 0
}

.enter-btns__login {
    margin-left: 20px
}

.enter-btns .enter-btns__promo-banner {
    display: none;
    flex-wrap: wrap;
    position: absolute;
    top: 5rem;
    right: -5rem;
    width: 29rem;
    opacity: 0;
    transition: opacity .4s;
    cursor: pointer
}

.enter-btns .enter-btns__promo-banner--show {
    opacity: 1
}

@media (min-width: 1054px) {
    .enter-btns .enter-btns__promo-banner {
        display: flex
    }
}

.fe-button {
    font-size: 1.17rem;
    line-height: 2rem;
    font-weight: 400;
    border: none;
    padding: .5rem 2rem
}

.fe-button--primary {
    color: #000
}

.fe-button--primary:hover, .fe-button--primary:active {
    color: #000
}

.fe-button--primary.fe-button--big {
    line-height: 2rem
}

.fe-button--ghost {
    color: #000
}

.fe-button--ghost-link {
    color: #fff
}

.fe-button--ghost.fe-button--big {
    line-height: 2rem
}

@media (min-width: 754px) {
    .fe-button--ghost.fe-button--big {
        padding: calc(1rem - 2px) 2rem
    }
}

.fe-button {
    font-weight: 700;
    transition: box-shadow 150ms ease-in-out, color 150ms ease-in-out, background-color 150ms ease-in-out;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    text-transform: unset
}

.fe-button--primary {
    background: linear-gradient(180deg, #FFD601 0%, #FFC601 100%);
    box-shadow: none
}

.fe-button--primary:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)), linear-gradient(180.16deg, #FFD600 0.74%, #FFC601 99.78%)
}

.fe-button--primary:active {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.32), rgba(255, 255, 255, 0.32)), linear-gradient(180.16deg, #FFD600 0.74%, #FFC601 99.78%)
}

.fe-button--primary.fe-button--disabled {
    opacity: .5
}

.fe-button--primary.fe-button--shadow-small {
    box-shadow: 0 4px 4px 0 rgba(255, 214, 0, .1)
}

.fe-button--primary.fe-button--shadow-normal {
    box-shadow: 0 1px 8px 0 rgba(255, 214, 0, .1)
}

.fe-button--primary.fe-button--shadow-big {
    box-shadow: 0 12px 24px 0 rgba(255, 214, 0, .1)
}

.fe-button--secondary {
    color: #fff;
    background: #20a8ff
}

.fe-button--secondary:hover {
    background: #36ade6;
    color: #fff
}

.fe-button--secondary:active, .fe-button--secondary.active {
    background: #58b4bf;
    color: #fff
}

.fe-button--secondary.fe-button--tertiary {
    opacity: .5;
    opacity: .5
}

.fe-button--ghost {
    background-color: transparent;
    border: 2px solid rgba(23, 30, 52, .3);
    box-sizing: border-box;
    padding: calc(0.5rem - 2px) calc(1.5rem - 1px)
}

@media (min-width: 754px) {
    .fe-button--ghost {
        padding: calc(0.5rem - 2px) calc(1.5rem - 1px)
    }
}

.fe-button--ghost:hover {
    background-color: rgba(23, 30, 52, .15);
    color: initial
}

.fe-button--ghost:active {
    background-color: rgba(23, 30, 52, .32);
    border-color: transparent;
    color: initial
}

.fe-button--ghost-link {
    border: none;
    background: transparent;
    padding: 0;
    line-height: 1
}

.fe-button--ghost-secondary {
    color: #20a8ff;
    background-color: transparent;
    border: 1px solid #20a8ff;
    box-sizing: border-box;
    padding: calc(0.5rem - 2px) calc(1.5rem - 1px)
}

@media (min-width: 754px) {
    .fe-button--ghost-secondary {
        padding: calc(0.5rem - 2px) calc(1.5rem - 1px)
    }
}

.fe-button--ghost-secondary:hover {
    background-color: #f6fcff
}

.fe-button--ghost-secondary:active {
    background-color: #e4f5ff
}

.fe-button--ghost.fe-button--toggle {
    background: linear-gradient(180deg, #FFD601 0%, #FFC601 100%);
    box-shadow: none
}

.fe-button--ghost-primary.fe-button--toggle {
    background: linear-gradient(180deg, #FFD601 0%, #FFC601 100%);
    box-shadow: none
}

.fe-button--ghost-white {
    color: #fff;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, .3);
    box-sizing: border-box;
    padding: calc(0.5rem - 2px) calc(1.5rem - 1px)
}

@media (min-width: 754px) {
    .fe-button--ghost-white {
        padding: calc(0.5rem - 2px) calc(1.5rem - 1px)
    }
}

.fe-button--ghost-white:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, .08)
}

.fe-button--ghost-white:active {
    color: #fff;
    background-color: rgba(255, 255, 255, .32)
}

.fe-button--white {
    color: #20a8ff;
    background-color: #fff
}

.fe-button--white:hover {
    background-color: #fff;
    color: #ffd600
}

.fe-button--white:active {
    background-color: #fffae0;
    border-color: #fffae0;
    color: #ffd600
}

.fe-button--white.fe-button--toggle {
    background-color: #20a8ff;
    color: #fff
}

.fe-button--white.fe-button--shadow-small {
    box-shadow: 0 4px 4px 0 rgba(32, 168, 255, .1)
}

.fe-button--white.fe-button--shadow-normal {
    box-shadow: 0 1px 8px 0 rgba(32, 168, 255, .1)
}

.fe-button--white.fe-button--shadow-big {
    box-shadow: 0 12px 24px 0 rgba(32, 168, 255, .1)
}

.fe-button--white.fe-button--big {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 700;
    font-weight: 700;
    padding: calc(1rem - 1px) calc(2rem - 1px);
    border-radius: 4px;
    border: 1px solid transparent
}

.fe-button--transparent {
    color: #20a8ff;
    background-color: transparent
}

.fe-button--transparent:hover {
    color: #f81919
}

.fe-button--transparent:active {
    color: #f81919
}

.fe-button--secondary.fe-button--disabled {
    opacity: .5
}

.fe-button--secondary.fe-button--shadow-small {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1)
}

.fe-button--secondary.fe-button--shadow-normal {
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .1)
}

.fe-button--secondary.fe-button--shadow-big {
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .1)
}

.fe-button--small {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    padding: calc(0.25rem - 1px) calc(1rem - 1px);
    border-radius: 4px
}

@media (min-width: 754px) {
    .fe-button--big {
        font-size: 1.5rem;
        line-height: 2.5rem;
        font-weight: 700;
        font-weight: 700;
        padding: 1rem 2rem;
        border-radius: 4px
    }
}

.fe-button--always-big {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 700;
    font-weight: 700;
    padding: 1rem 2rem;
    border-radius: 4px
}

.fe-button--ghost-secondary.fe-button--big {
    border: 2px solid #20a8ff
}

.fe-button--ghost-secondary.fe-button--big:hover {
    background-color: #f6fcff
}

.fe-button--ghost-secondary.fe-button--big:active {
    background-color: #e4f5ff
}

.fe-button--ghost-white.fe-button--big {
    border: 2px solid #fff
}

.fe-button--ghost-white.fe-button--big:hover {
    background-color: #fffdf5
}

.fe-button--ghost-white.fe-button--big:active {
    background-color: #fffae0
}

.fe-button--icon.fe-button--small {
    padding: 6px
}

.fe-button--ghost-white.fe-button--small {
    border: 2px solid rgba(255, 255, 255, .3)
}

.fe-button--ghost-white.fe-button--small:hover {
    background-color: #fffdf5
}

.fe-button--ghost-white.fe-button--small:active {
    background-color: #fffae0
}

.fe-button--disabled {
    pointer-events: none;
    cursor: default
}

.fe-button--uppercase {
    text-transform: uppercase
}

.fe-button--text-left {
    text-align: left
}

.fe-button--text-right {
    text-align: right
}

.fe-button--full-width {
    width: 100%
}

.menu-button {
    display: flex;
    padding: 10px;
    font-size: 0;
    cursor: pointer;
    z-index: 1001;
    position: relative
}

.menu-button__icon {
    width: 24px;
    height: 24px
}

.menu-button__icon--marker {
    min-width: 15px;
    padding: 0 2px;
    box-sizing: border-box;
    height: 15px;
    line-height: 15px;
    border-radius: 50px;
    border: 0;
    background-color: #f81919;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    border: none
}

@media (min-width: 1054px) {
    .menu-button {
        font-size: 1rem;
        font-weight: 600;
        text-decoration: none
    }

    .menu-button__text {
        margin-left: 15px
    }
}

.pre-reg-tooltip__body {
    background: #fff;
    box-shadow: 0px 12px 12px rgba(33, 150, 243, .25);
    box-sizing: border-box;
    border-radius: 4px;
    padding: 21px 35px 21px 21px;
    position: absolute;
    top: 0;
    left: 50%;
    width: 260px;
    font-size: 1.17rem;
    font-weight: 600;
    color: #000;
    -webkit-transform: translate3d(-50%, -110%, 0);
    transform: translate3d(-50%, -110%, 0)
}

.pre-reg-tooltip__body:before {
    content: "";
    border: 8px solid transparent;
    border-top-color: #fff;
    position: absolute;
    bottom: -16px;
    left: 60px
}

.pre-reg-tooltip__body.pre-reg-tooltip__body--international {
    background: transparent;
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    font-size: 1rem
}

.pre-reg-tooltip__close {
    position: absolute;
    right: 15px;
    top: 50%;
    width: 1.5rem;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    cursor: pointer
}

.pre-reg-tooltip__close svg path {
    fill: #000
}

.pre-reg-tooltip__timer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pre-reg-tooltip__timer .promo-timer {
    background: #f81919
}

.pre-reg-tooltip__timer .promo-timer__timer {
    display: flex;
    justify-content: center;
    width: 54px
}

.pre-reg-tooltip__timer .timer__count {
    width: 20px;
    text-align: center
}

.home-banner .home-banner__slide-title, .promo-item .home-banner__slide-title {
    margin: 0;
    text-align: center;
    letter-spacing: unset;
    font-weight: 600
}

@media (min-width: 754px) {
    .home-banner .home-banner__slide-title, .promo-item .home-banner__slide-title {
        text-align: left
    }
}

.home-banner .fe-carousel-navigation {
    display: none
}

.home-banner:hover .fe-carousel-navigation {
    display: unset
}

.home-banner .VueCarousel-wrapper {
    margin: 0;
    padding: 0
}

.home-banner .VueCarousel-pagination {
    height: 30px;
    background: transparent;
    position: absolute;
    bottom: 0
}

.home-banner .VueCarousel-dot {
    margin: 0;
    background-color: #20a8ff
}

.home-banner .VueCarousel-dot-container {
    margin: 0
}

.home-banner {
    box-sizing: border-box;
    position: relative;
    width: calc(100% - 2rem);
    overflow: hidden;
    transition: all .5s;
    margin: 1rem;
    border-radius: 4px;
    -webkit-mask-image: -webkit-radial-gradient(white, black)
}

@media (min-width: 754px) {
    .home-banner {
        max-width: 1300px;
        height: 280px;
        margin: 1rem 1rem 0
    }
}

@media (min-width: 1300px) {
    .home-banner {
        height: 280px;
        margin: 1rem auto 0
    }
}

.home-banner__body {
    display: flex;
    position: relative;
    min-width: auto;
    align-items: stretch;
    transition: all .2s;
    margin: auto
}

.home-banner__title {
    font-size: .75rem
}

@media (min-width: 1300px) {
    .home-banner__title {
        font-size: 1.17rem
    }
}

.home-banner__control {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    justify-content: center;
    padding-right: 0;
    flex-direction: row
}

.home-banner__control-next, .home-banner__control-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

@media (min-width: 754px) {
    .home-banner:hover .home-banner__control-next, .home-banner:hover .home-banner__control-prev {
        display: block
    }
}

.home-banner__control-next:before, .home-banner__control-prev:before {
    top: 16px
}

.home-banner__control-next:after, .home-banner__control-prev:after {
    bottom: 16px
}

.home-banner__control-prev {
    box-shadow: 0 1px 8px 0 rgba(23, 30, 52, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    position: absolute;
    border: 0;
    border-radius: 50px;
    left: 10px
}

.home-banner__control-prev:after, .home-banner__control-prev:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px
}

.home-banner__control-prev:after {
    bottom: 20px;
    left: 18px
}

.home-banner__control-prev:before {
    top: 20px;
    left: 18px
}

.home-banner__control-prev:focus {
    outline: none
}

.home-banner__control-prev:after, .home-banner__control-prev:before {
    background-color: #000
}

.home-banner__control-prev:hover {
    background-color: #ecedef
}

.home-banner__control-prev:hover:after, .home-banner__control-prev:hover:before {
    background: #000
}

.home-banner__control-prev:active {
    background-color: #b5b7be
}

.home-banner__control-prev:after {
    bottom: 20px;
    left: 19px
}

.home-banner__control-prev:before {
    top: 20px;
    left: 19px
}

.home-banner__control-prev:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home-banner__control-prev:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (min-width: 1300px) {
    .home-banner__control-prev {
        left: calc(50% - 640px)
    }
}

.home-banner__control-next {
    box-shadow: 0 1px 8px 0 rgba(23, 30, 52, .1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    position: absolute;
    border: 0;
    border-radius: 50px;
    right: 10px
}

.home-banner__control-next:after, .home-banner__control-next:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px
}

.home-banner__control-next:after {
    bottom: 20px;
    left: 18px
}

.home-banner__control-next:before {
    top: 20px;
    left: 18px
}

.home-banner__control-next:focus {
    outline: none
}

.home-banner__control-next:after, .home-banner__control-next:before {
    background-color: #000
}

.home-banner__control-next:hover {
    background-color: #ecedef
}

.home-banner__control-next:hover:after, .home-banner__control-next:hover:before {
    background: #000
}

.home-banner__control-next:active {
    background-color: #b5b7be
}

.home-banner__control-next:after {
    bottom: 20px;
    left: 19px
}

.home-banner__control-next:before {
    top: 20px;
    left: 19px
}

.home-banner__control-next:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.home-banner__control-next:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width: 1300px) {
    .home-banner__control-next {
        right: calc(50% - 640px)
    }
}

.home-banner__dots {
    display: flex;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 12px
}

@media (min-width: 754px) {
    .home-banner__dots {
        bottom: 0;
        right: 0
    }
}

@media (min-width: 1300px) {
    .home-banner__dots {
        bottom: 0
    }
}

.home-banner__dots-item {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #20a8ff;
    margin: 0 .5rem 1rem
}

.home-banner__dots-item:after {
    content: " ";
    height: 100%;
    width: 0;
    background-color: transparent;
    display: none;
    opacity: 1
}

.home-banner__dots-item.active {
    background-color: #ffd600
}

.home-banner__dots-item.active.animate:after {
    transition: unset;
    width: 100%;
    background-color: #ffd600
}

@media (min-width: 754px) {
    .home-banner__dots-item {
        width: 8px;
        height: 8px
    }
}

.home-banner-enter-active, .home-banner-leave-active {
    transition: all .4s
}

.home-banner-enter, .home-banner-leave-active {
    opacity: 0
}

.VueCarousel {
    display: flex;
    flex-direction: column;
    position: relative
}

.VueCarousel--reverse {
    flex-direction: column-reverse
}

.VueCarousel-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 1rem 0 1rem 1rem;
    margin-left: -1rem
}

.VueCarousel-wrapper.manual-scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.VueCarousel-inner {
    display: flex;
    flex-direction: row;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-left: 0
}

.VueCarousel-inner--center {
    justify-content: center
}

.VueCarousel-pagination[data-v-5b6bff2d] {
    width: 100%;
    text-align: center
}

.VueCarousel-pagination--top-overlay[data-v-5b6bff2d] {
    position: absolute;
    top: 0
}

.VueCarousel-pagination--bottom-overlay[data-v-5b6bff2d] {
    position: absolute;
    bottom: 0
}

.VueCarousel-dot-container[data-v-5b6bff2d] {
    display: inline-block;
    margin: 0 auto;
    padding: 0
}

.VueCarousel-dot[data-v-5b6bff2d] {
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-clip: content-box;
    box-sizing: content-box;
    padding: 0;
    border-radius: 100%;
    outline: none
}

.VueCarousel-dot[data-v-5b6bff2d]:focus {
    outline: 1px solid #add8e6
}

.game-hall__title {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700
}

@media (min-width: 754px) {
    .game-hall__title {
        font-size: 3rem;
        line-height: 4rem
    }
}

.game-browser {
    display: block
}

.game-browser__row {
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px 20px
}

.game-browser__col {
    flex: 1 100%
}

.game-browser__col:nth-child(2) {
    width: 100%
}

@media (min-width: 754px) {
    .game-browser__col:nth-child(1) {
        flex: 1 83%
    }
}

@media (min-width: 1054px) {
    .game-browser__col:nth-child(2) {
        flex: 1 17%;
        width: 100%
    }
}

.game-hall {
    display: block;
    border-top: none
}

.game-hall__title {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700;
    padding: 1rem;
    background-color: #fff;
    color: inherit
}

@media (min-width: 754px) {
    .game-hall__title {
        font-size: 3rem;
        line-height: 4rem
    }
}

@media (min-width: 754px) {
    .game-hall__title {
        background-color: initial;
        padding: 2rem 0 0 1rem
    }
}

.game-hall__list {
    margin: 0 1rem
}

.game-hall__row {
    display: grid;
    grid-template-columns:100%;
    margin: 0 0 1rem
}

.game-hall__row.game-hall__row--new {
    padding: 0
}

.game-hall__row.game-hall__row--new .game-hall__list {
    margin-bottom: 2rem
}

@media (min-width: 1054px) {
    .game-hall__row.game-hall__row--new .game-hall__list {
        margin-bottom: 0
    }
}

@media (min-width: 1054px) {
    .game-hall__row {
        margin: 0 1rem 1rem;
        grid-gap: 1rem;
        gap: 1rem;
        grid-template-columns:[games] calc(100% - 200px - 1rem) [winners] 200px
    }
}

@media (min-width: 1300px) {
    .game-hall__row {
        margin: 0 0 1rem;
        padding: 0 0 20px
    }
}

.game-hall__row-cover {
    margin: 0 1rem
}

.game-hall__row-title {
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    position: relative;
    margin: 2rem 0 1rem;
    line-height: 3rem
}

@media (min-width: 754px) {
    .game-hall__row-title {
        line-height: 4rem
    }
}

@media (min-width: 1054px) {
    .game-hall__row-title {
        font-size: 2rem
    }
}

@media (min-width: 1300px) {
    .game-hall__row-title {
        padding: 0
    }
}

.game-hall__bottom {
    display: flex;
    justify-content: center;
    padding: 20px 0 0;
    width: 100%
}

@media (min-width: 1054px) {
    .game-hall__bottom {
        width: calc(100% + 212px)
    }
}

.game-hall__button {
    display: flex;
    font-size: 1.17rem;
    font-weight: 700;
    line-height: 2rem;
    outline: none;
    padding: .5rem 2rem;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    border-radius: 4px;
    color: #000;
    border: 0;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    justify-content: center;
    background-color: #20a8ff
}

.game-hall__button:hover {
    background-color: #36ade6;
    color: #fff
}

.game-hall__button:active {
    background-color: #58b4bf;
    color: #fff
}

.game-hall__button[disabled] {
    opacity: .5;
    pointer-events: none
}

.game-hall__empty {
    padding: 7rem 0 0;
    text-align: center;
    color: inherit
}

.game-hall__empty-thumb {
    margin-bottom: 10px;
    max-width: 130px
}

.game-hall__empty-title {
    font-size: 2rem
}

.game-hall__empty-desc {
    padding-bottom: 14rem
}

.game-hall__content {
    margin: 2rem
}

@media (min-width: 1300px) {
    .game-hall__content {
        margin: 2rem 0
    }
}

.game-hall__content a {
    color: #20a8ff
}

.game-hall__content a:hover, .game-hall__content a.active {
    color: #32afff
}

.game-hall__content a:active {
    color: #67c4ff
}

.game-hall__promo {
    padding: 0 1rem
}

@media (min-width: 1300px) {
    .game-hall__promo {
        padding: 0
    }
}

.game-hall__promo .promo-list {
    justify-content: left
}

.game-hall__promo .promo-list > h3 {
    margin-left: 1rem
}

@media (min-width: 1300px) {
    .game-hall__promo .promo-list > h3 {
        margin-left: 0
    }
}

.game-nav {
    background: #fff;
    position: relative;
    height: 60px;
    border: none;
    box-shadow: none;
    margin: 0 0 1rem;
    border-radius: none;
    z-index: 2
}

.game-nav--new {
    box-shadow: none;
    margin-left: 1rem;
    margin-right: 1rem
}

@media (min-width: 754px) {
    .game-nav {
        border-radius: 4px;
        margin: 1rem 1rem 2rem
    }
}

@media (min-width: 1300px) {
    .game-nav {
        margin: 1rem 0 2rem
    }
}

@media (min-width: 1054px) {
    .game-nav {
        height: 60px
    }
}

.game-nav--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: calc(-60px - 0);
    transition: top .4s ease-out
}

@media (min-width: 508px) {
    .game-nav--sticky {
        top: calc(-60px - 0)
    }
}

.game-nav--sticky.is-sticky {
    top: calc(60px + 0)
}

@media (min-width: 508px) {
    .game-nav--sticky.is-sticky {
        top: calc(60px + 0)
    }
}

.game-nav__wrapper {
    display: flex;
    align-items: center
}

.game-nav__nav {
    display: grid;
    grid-auto-columns: auto;
    grid-template-rows:100%;
    grid-auto-flow: column;
    align-items: center;
    justify-items: center;
    width: 100%;
    height: 100%
}

@media (min-width: 754px) {
    .game-nav__nav {
        grid-auto-columns: -webkit-min-content;
        grid-auto-columns: min-content;
        grid-gap: 2rem;
        justify-items: start;
        padding-left: 10px
    }
}

.game-nav__nav a {
    text-decoration: none;
    height: 100%
}

.game-nav__show-all {
    padding: 25px 4px;
    height: 16px;
    cursor: pointer
}

div.game-nav__show-all {
    width: 28px;
    -webkit-filter: none;
    filter: none
}

@media (min-width: 508px) {
    div.game-nav__show-all {
        display: none
    }
}

.game-nav__show-all:hover svg, .game-nav__show-all:active svg, .game-nav__show-all.is-active svg {
    fill: #ffd600
}

.game-nav__show-all svg {
    fill: #20a8ff
}

.game-nav__name {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center
}

@media (min-width: 754px) {
    .game-nav__name {
        text-align: left
    }
}

.game-nav__search {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    transition: all .2s
}

.is-open .game-nav__search {
    width: 100%
}

@media (min-width: 1054px) {
    .game-nav__search {
        width: 196px
    }
}

.games-list-toolbar {
    position: relative;
    display: grid;
    grid-template-columns:1fr 5rem 5rem;
    grid-template-rows:100%;
    height: 100%
}

@media (min-width: 1054px) {
    .games-list-toolbar {
        grid-template-columns:1fr 200px 200px
    }
}

.games-list-toolbar__producers {
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #edf1f7
}

@media (min-width: 1054px) {
    .games-list-toolbar__producers {
        border-left: none
    }
}

.games-list-toolbar__search {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    height: 100%;
    width: 5rem;
    border: none;
    transition: all .2s
}

@media (min-width: 1054px) {
    .games-list-toolbar__search {
        width: 200px
    }
}

.games-list-toolbar--search-open .games-list-toolbar__search {
    width: 100%
}

.game-nav--new .games-list-toolbar {
    grid-template-columns:5rem 1fr;
    padding-left: 5rem
}

@media (min-width: 1054px) {
    .game-nav--new .games-list-toolbar {
        grid-template-columns:auto 1fr;
        padding-left: 5rem
    }
}

.game-nav--new .games-list-toolbar__search {
    left: 0
}

@media (min-width: 1054px) {
    .game-nav--new .games-list-toolbar__search {
        width: 5rem
    }
}

.game-nav--new .games-list-toolbar .game-nav__wrapper {
    order: 2
}

.game-nav--new .games-list-toolbar .game-nav__wrapper--overflow-auto {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.game-nav--new .games-list-toolbar .fe-menu--tags {
    padding-left: .75rem;
    margin: 0;
    background: transparent
}

.icon-nav__icon-pin {
    display: none
}

.icon-nav {
    color: #000;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column
}

.icon-nav:hover, .icon-nav.active {
    color: #f81919
}

.icon-nav:hover img, .icon-nav.active img {
    -webkit-filter: none;
    filter: none
}

.icon-nav:hover path, .icon-nav.active path {
    fill: #f81919
}

.icon-nav img {
    -webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0)
}

.icon-nav path {
    fill: #000
}

.icon-nav:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #f81919;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: center;
    transform-origin: center;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.icon-nav:hover:before, .icon-nav.active:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    opacity: .15;
    height: 100%
}

.icon-nav.active:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

@media (min-width: 754px) {
    .icon-nav {
        padding: 0 10px;
        flex-direction: row
    }
}

.icon-nav__icon {
    position: relative;
    margin-bottom: .5rem
}

.icon-nav__icon-pin {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    width: .5rem;
    height: .5rem;
    background-color: #ffd600;
    border-radius: 50%;
    border: .25rem #fff solid;
    -webkit-animation: opacityAnimation 1300ms ease-in-out;
    animation: opacityAnimation 1300ms ease-in-out;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@media (min-width: 754px) {
    .icon-nav__icon {
        margin: 0 .5rem 0 0
    }
}

.icon-nav__img {
    opacity: 1;
    -o-object-fit: fill;
    object-fit: fill
}

.icon-nav__name {
    font-size: 1rem;
    font-weight: 600;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 754px) {
    .icon-nav__name {
        font-size: 1.35rem;
        text-transform: none;
        letter-spacing: unset
    }
}

@-webkit-keyframes opacityAnimation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes opacityAnimation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.game-producers {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.game-producers__activator {
    color: #000;
    border-radius: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 100%;
    outline: none;
    cursor: pointer
}

.game-producers__activator:hover, .game-producers__activator.active {
    color: #f81919
}

.game-producers__activator:hover img, .game-producers__activator.active img {
    -webkit-filter: none;
    filter: none
}

.game-producers__activator:hover path, .game-producers__activator.active path {
    fill: #f81919
}

.game-producers__activator img {
    -webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0)
}

.game-producers__activator path {
    fill: #000
}

@media (min-width: 1054px) {
    .game-producers__activator {
        padding: 0 2rem;
        width: 100%
    }
}

.game-producers__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    -webkit-filter: none;
    filter: none
}

.game-producers__icon svg {
    height: 2rem
}

.game-producers__title {
    display: none;
    font-size: 1.35rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: unset;
    margin: 0 0 0 .5rem
}

@media (min-width: 1054px) {
    .game-producers__title {
        display: block
    }
}

.game-nav--new .game-producers__title {
    font-size: 1.17rem;
    font-weight: 600
}

.fe-icon {
    transition: color 150ms ease-in-out, border-color 150ms ease-in-out, background-color 150ms ease-in-out;
    width: 2rem;
    height: 2rem;
    cursor: pointer
}

.fe-icon svg path {
    fill: currentColor
}

@media (min-width: 1054px) {
    .games-list-toolbar-search__text.fe-text {
        font-size: 1.35rem
    }
}

.games-list-toolbar-search {
    position: relative;
    display: grid;
    align-content: center;
    align-items: center;
    grid-template-columns:-webkit-min-content -webkit-max-content;
    grid-template-columns:min-content max-content;
    grid-gap: 10px;
    width: 100%;
    height: 100%;
    text-align: right;
    cursor: pointer;
    background: rgba(248, 25, 25, .05);
    transition: background-color 200ms;
    padding-left: 5px;
    justify-content: center
}

.games-list-toolbar-search:hover {
    background: rgba(253, 203, 203, .126)
}

@media (min-width: 754px) {
    .games-list-toolbar-search {
        border-radius: 0 4px 4px 0
    }
}

@media (min-width: 1054px) {
    .games-list-toolbar-search {
        padding-left: 0
    }
}

.games-list-toolbar-search--open {
    padding-left: 0;
    background-color: #fff;
    border: 1px solid rgba(28, 119, 237, .55);
    box-shadow: 0px 4px 8px rgba(32, 168, 255, .25)
}

@media (min-width: 754px) {
    .games-list-toolbar-search--open {
        border-radius: 4px
    }
}

.games-list-toolbar-search--empty {
    border: 1px solid rgba(244, 67, 54, .55);
    box-shadow: 0px 4px 8px rgba(255, 214, 0, .25)
}

.games-list-toolbar-search__main {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.games-list-toolbar-search__input {
    display: none;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 0 3px 3px 0;
    font-size: 1.17rem;
    font-weight: 600;
    color: #000;
    background: transparent;
    outline: none;
    cursor: pointer
}

@media (min-width: 754px) {
    .games-list-toolbar-search__input {
        border-radius: 0 3px 3px 0
    }
}

.games-list-toolbar-search__input::-webkit-input-placeholder {
    color: #fff;
    font-weight: 600
}

.games-list-toolbar-search__input::-moz-placeholder {
    color: #fff;
    font-weight: 600
}

.games-list-toolbar-search__input:-moz-placeholder {
    color: #fff;
    font-weight: 600
}

.games-list-toolbar-search__input:-ms-input-placeholder {
    color: #fff;
    font-weight: 600
}

@media (min-width: 1054px) {
    .games-list-toolbar-search__input {
        display: block;
        font-size: 1.17rem
    }
}

.games-list-toolbar-search--open .games-list-toolbar-search__input {
    display: block;
    cursor: text
}

.games-list-toolbar-search--open .games-list-toolbar-search__input::-webkit-input-placeholder {
    color: #bdbdbd
}

.games-list-toolbar-search--open .games-list-toolbar-search__input::-moz-placeholder {
    color: #bdbdbd
}

.games-list-toolbar-search--open .games-list-toolbar-search__input:-moz-placeholder {
    color: #bdbdbd
}

.games-list-toolbar-search--open .games-list-toolbar-search__input:-ms-input-placeholder {
    color: #bdbdbd
}

.games-list-toolbar-search__activator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.games-list-toolbar-search__icon {
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem
}

.games-list-toolbar-search__icon path {
    fill: #f81919
}

.games-list-toolbar-search__text {
    display: none
}

@media (min-width: 1054px) {
    .games-list-toolbar-search__text {
        display: block;
        text-transform: none;
        letter-spacing: unset;
        line-height: 2rem;
        color: #f81919
    }
}

.fe-text {
    font-size: 1.17rem;
    line-height: 2rem;
    font-weight: 400;
    font-weight: 600;
    margin: 0
}

.fe-text--white {
    color: #fff
}

.fe-text--black {
    color: #000
}

.fe-text--primary {
    color: #ffd600
}

.fe-text--secondary {
    color: #20a8ff
}

.fe-text--success {
    color: #00c853
}

.fe-text--alert {
    color: #f81919
}

.fe-text--danger {
    color: #f44336
}

.fe-text--disabled {
    opacity: .5
}

.fe-text--gray {
    color: #9e9e9e
}

.fe-text--h1, .fe-text--h1 > * {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 700
}

@media (min-width: 754px) {
    .fe-text--h1, .fe-text--h1 > * {
        font-size: 3rem;
        line-height: 4rem
    }
}

.fe-text--h2, .fe-text--h2 > * {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 700
}

@media (min-width: 754px) {
    .fe-text--h2, .fe-text--h2 > * {
        font-size: 2rem;
        line-height: 3rem
    }
}

.fe-text--h3, .fe-text--h3 > * {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 700
}

.fe-text--regular {
    font-weight: 400
}

.fe-text--small {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: block
}

.fe-text--small-regular {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    display: block
}

.fe-text--text-center {
    text-align: center
}

.fe-text--text-right {
    text-align: right
}

.game-row__cover-title {
    color: #000
}

.game-row__cover-title:hover, .game-row__cover-title.active {
    color: #f81919
}

.game-row__cover-title:hover img, .game-row__cover-title.active img {
    -webkit-filter: none;
    filter: none
}

.game-row__cover-title:hover path, .game-row__cover-title.active path {
    fill: #f81919
}

.game-row__cover-title img {
    -webkit-filter: brightness(0) invert(0);
    filter: brightness(0) invert(0)
}

.game-row__cover-title path {
    fill: #000
}

.game-row__cover-title .h2 {
    font-weight: 600
}

.game-row__cover .fe-text--h2 {
    font-weight: 600
}

.game-row {
    margin: 0 0 1rem 1rem;
    position: relative;
    max-width: unset;
    min-height: 220px
}

@media (min-width: 754px) {
    .game-row .games-list > *:nth-child(6) {
        display: none
    }
}

@media (min-width: 1054px) {
    .game-row {
        margin: 0 0 1rem
    }
}

@media (min-width: 1300px) {
    .game-row {
        margin: 0 0 1rem
    }
}

.game-row .fe-carousel-navigation-prev {
    left: 35px
}

.game-row__cover {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1 100%;
    margin-bottom: 0;
    position: relative;
    justify-content: space-between;
    box-sizing: border-box;
    line-height: 20px;
    overflow: hidden
}

.game-row__cover-title {
    text-decoration: none;
    color: #000
}

.game-row__cover-link {
    position: relative
}

.game-row__cover-link button {
    margin-right: 15px
}

.game-row__cover-link-arrow {
    padding: .5rem 1rem;
    width: 20px;
    height: 20px
}

.game-row__cover-link-arrow:after, .game-row__cover-link-arrow:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #000
}

.game-row__cover-link-arrow:after {
    bottom: 12px;
    left: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.game-row__cover-link-arrow:before {
    top: 12px;
    left: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.game-row .game-container {
    padding: 0 1rem 0 0;
    max-width: 260px;
    height: 100%
}

.VueCarousel-slide {
    flex-basis: inherit;
    flex-grow: 0;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}

.VueCarousel-slide-adjustableHeight {
    display: table;
    flex-basis: auto;
    width: 100%;
}

.game-item--no-logged:hover img, .game-item--no-logged:hover .producer-image {
    -webkit-filter: blur(0.25rem);
    filter: blur(0.25rem)
}

.game-item {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 260px;
    margin: 0 auto 0;
    padding-bottom: min(280px, 100%);
    overflow: unset;
    border-radius: 4px;
    -webkit-mask-image: -webkit-radial-gradient(#ffffff, #000000)
}

.game-item:hover {
    border-radius: 4px;
    overflow: hidden
}

@media (min-width: 754px) {
    .game-item:hover > img, .game-item:hover .producer-image {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
}

@media (min-width: 508px) {
    .game-item {
        width: 100%
    }
}

@media (min-width: 754px) {
    .game-item {
        width: 100%
    }
}

.game-item__badges {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    position: absolute;
    top: .25rem;
    right: .25rem
}

.game-item__badges-image {
    top: 0
}

.game-item__thumb {
    width: 100%;
    height: 100%;
    opacity: 1;
    background: linear-gradient(104deg, #e8f5ff, #EDF1F7);
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease
}

.game-item__thumb:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%)
}

.game-item--disabled {
    pointer-events: none
}

.game-item--disabled .game-item--disabled__thumb {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.game-item--disabled .game-item__overlay {
    background: rgba(237, 241, 247, .9);
    opacity: 1;
    box-sizing: border-box;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.game-item__overlay {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 .5rem;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    color: initial;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease;
    box-sizing: border-box
}

.game-item__overlay-icon-lock {
    width: 2rem
}

.game-item__overlay-icon-lock path {
    fill: initial
}

.game-item__overlay-game-name {
    display: none;
    position: absolute;
    top: 4rem
}

@media (min-width: 754px) {
    .game-item__overlay-game-name {
        display: block
    }
}

.game-item__overlay .fe-button {
    visibility: hidden
}

.game-item__overlay:hover .fe-button {
    -webkit-animation: delay-pointer-events 10ms ease-out;
    animation: delay-pointer-events 10ms ease-out;
    visibility: visible
}

.game-item__controls {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity .2s ease
}

.game-item__producer {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background: linear-gradient(180deg, transparent 20%, rgba(33, 33, 33, 0.7) 60%, #212121);
    padding-top: 1rem;
    font-size: .75rem
}

.game-item:hover .game-item__overlay {
    opacity: 1
}

.game-item__demo-btn {
    position: absolute;
    bottom: 1rem
}

@media (min-width: 508px) {
    .game-item__demo-btn {
        bottom: 3.5rem
    }
}

.game-item__btn {
    display: flex;
    font-size: 1.17rem;
    font-weight: 700;
    line-height: 2rem;
    outline: none;
    padding: .5rem 2rem;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    border-radius: 4px;
    color: #000;
    border: 0;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    justify-content: center;
    background-color: #20a8ff
}

.game-item__btn:hover {
    background-color: #36ade6;
    color: #fff
}

.game-item__btn:active {
    background-color: #58b4bf;
    color: #fff
}

.game-item__btn[disabled] {
    opacity: .5;
    pointer-events: none
}

.game-item__btn-link {
    display: flex;
    font-size: 1.17rem;
    font-weight: 700;
    line-height: 2rem;
    outline: none;
    padding: .5rem 2rem;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    border-radius: 4px;
    color: #000;
    border: 0;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    justify-content: center;
    background: transparent;
    font-size: 1.17rem;
    color: #20a8ff;
    color: #fff
}

.game-item__btn-link:hover {
    color: #36ade6
}

.game-item__btn-link:active {
    color: #58b4bf
}

.game-item__btn-link:hover {
    text-decoration: underline;
    color: #fff
}

.game-item__btn-link:active {
    color: #fff
}

@-webkit-keyframes delay-pointer-events {
    0% {
        visibility: hidden
    }
    50% {
        visibility: hidden
    }
    100% {
        visibility: visible
    }
}

@keyframes delay-pointer-events {
    0% {
        visibility: hidden
    }
    50% {
        visibility: hidden
    }
    100% {
        visibility: visible
    }
}

.producer-image {
    width: 10em;
    height: 3.75em;
    overflow: hidden;
    transition: all .5s ease
}

@media (min-width: 754px) {
    .producer-image__image {
        transition: filter .15s ease-in-out
    }

    .theme-dark .producer-image:hover .producer-image__image.type--theme-gray {
        filter: brightness(0) invert(1)
    }

    .theme-light .producer-image:hover .producer-image__image.type--theme-gray {
        filter: brightness(0)
    }
}

.producer-image__image {
    width: 100em;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.fe-badge {
    position: relative;
    padding: 0;
    box-sizing: border-box;
    height: auto;
    width: 3rem
}

@media (min-width: 754px) {
    .fe-badge {
        height: auto;
        width: 3rem
    }
}

.fe-badge__shadow {
    position: absolute;
    top: 0;
    left: 2px;
    right: 0;
    bottom: -2px;
    background-color: rgba(0, 0, 0, .4);
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 2
}

.fe-badge__band {
    position: absolute;
    top: 0;
    bottom: auto;
    width: 10px;
    height: 7px;
    z-index: 1;
    overflow: hidden
}

.fe-badge__band::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: auto;
    width: 20px;
    height: 20px;
    display: block
}

.fe-badge__band--left {
    left: -4px
}

.fe-badge__band--left::before {
    -webkit-transform: rotate(27deg);
    transform: rotate(27deg);
    left: 0
}

.fe-badge__band--right {
    right: -4px
}

.fe-badge__band--right::before {
    -webkit-transform: rotate(-27deg);
    transform: rotate(-27deg);
    right: 0
}

.custom-card {
    background: #ffd600;
    height: 100%;
    padding: 0;
    cursor: pointer
}

.custom-card__wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: .5rem;
    box-sizing: border-box
}

@media (min-width: 508px) {
    .custom-card__wrapper {
        padding: 1rem
    }
}

.custom-card__label {
    font-size: .75rem;
    line-height: 1.5rem;
    background: #edf1f7;
    color: #000;
    border-radius: 4px;
    position: relative;
    padding: .25rem .75rem;
    display: flex;
    align-items: center;
    margin-bottom: auto
}

.custom-card__label:before {
    content: "";
    display: block;
    border-radius: 50%;
    width: .75rem;
    height: .75rem;
    margin-right: .25rem;
    background: #f81919
}

.custom-card__button {
    margin-top: auto
}

.custom-card__text {
    width: 100%;
    height: auto;
    max-height: 7rem
}

@media (min-width: 754px) {
    .custom-card__text {
        max-height: 10rem
    }
}

.game-item__empty {
    display: block;
    position: relative;
    height: 100%;
    width: 100%
}

.game-item__empty-body {
    position: absolute;
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background: #fff;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 1rem;
    box-sizing: border-box;
    text-decoration: none;
    color: #000
}

.game-item__empty-img {
    width: 4rem;
    height: 4rem;
    background: transparent;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.game-item__empty-img > svg {
    width: 100%
}

.game-item__empty-img > div {
    width: 23px
}

@media (min-width: 754px) {
    .game-item__empty-img {
        width: 64px;
        height: 64px
    }

    .game-item__empty-img > div {
        width: 35px
    }
}

.game-item__empty-img path {
    fill: #000
}

.game-item__empty-text {
    margin: 1rem 0;
    color: #000
}

.game-item__empty-text .fe-text {
    font-weight: 400
}

.game-sidebar .winners__item-name {
    color: rgba(255, 255, 255, .5)
}

.winners {
    background: transparent;
    color: inherit;
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    max-height: 880px;
    border-bottom: none;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 2rem
}

.winners--new {
    margin-top: 0
}

@media (min-width: 1054px) {
    .winners {
        margin-left: 0;
        padding-bottom: 25px;
        height: 100%;
        box-sizing: border-box;
        max-height: calc(100vh - 90px);
        width: 200px;
        margin-top: 0
    }

    .winners.on-main {
        margin-bottom: 92px
    }
}

.winners__wrapper {
    width: 100%;
    overflow: hidden
}

@media (min-width: 1054px) {
    .winners__wrapper {
        position: absolute;
        top: 0;
        bottom: 0
    }
}

.winners__title {
    padding: 9px;
    font-size: 1rem;
    text-align: left;
    text-transform: none;
    background: #fff;
    color: #000;
    font-weight: 600;
    display: flex;
    align-items: center;
    line-height: 1.5rem
}

.winners__title:before {
    content: " ";
    background-color: #f81919;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: .5rem
}

.game-sidebar .winners__title {
    padding: .5rem 1rem;
    text-align: center;
    font-size: 1rem
}

@media (min-width: 1054px) {
    .winners__title {
        padding: 9px;
        border-bottom: 1px solid #edf1f7
    }
}

.winners__list {
    display: flex;
    align-items: stretch;
    box-sizing: content-box;
    background: #fff;
    border: 1px solid transparent;
    overflow: hidden;
    position: relative
}

@media (min-width: 1054px) {
    .winners__list {
        display: block;
        padding: 0
    }
}

.game-sidebar .winners__list {
    background: transparent;
    display: block
}

.winners__item {
    display: flex;
    flex-direction: row;
    text-align: left;
    text-decoration: none;
    flex-wrap: wrap;
    justify-content: center;
    color: #edf1f7;
    align-items: center;
    padding: 1rem;
    position: relative;
    transition: all 1000ms;
    cursor: pointer;
    border-radius: none
}

.game-sidebar .winners__item {
    padding: 5px 20px;
    cursor: pointer;
    color: #fff;
    margin: 15px 0
}

.game-sidebar .winners__item:hover {
    background: #01081f
}

@media (min-width: 754px) {
    .winners__item:hover {
        background-color: rgba(248, 25, 25, .05)
    }

    .winners__item:hover .winners__item-game {
        display: block
    }

    .winners__item:hover .winners__item-name, .winners__item:hover .winners__item-amount {
        display: none
    }
}

@media (min-width: 1054px) {
    .winners__item {
        width: auto;
        justify-content: left;
        padding: 1rem
    }
}

.winners__item-thumb {
    border-radius: 4px;
    margin: 0 0 5px 0;
    position: relative;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    display: inline-block;
    align-self: start
}

@media (min-width: 1054px) {
    .winners__item-thumb {
        margin: 0 10px 0 0
    }
}

.game-sidebar .winners__item-thumb {
    margin: 0 10px 0 0
}

.winners__item-thumb-img {
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 4rem;
    width: 4rem;
    border-radius: 4px
}

.winners__item-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 70px;
    justify-content: center;
    text-align: center
}

@media (min-width: 1054px) {
    .winners__item-info {
        width: 115px;
        text-align: left;
        justify-content: unset
    }
}

.game-sidebar .winners__item-info {
    width: auto
}

.winners__item-name {
    font-size: 1rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .5);
    flex: 1 100%
}

.winners__item-amount {
    font-size: 1.17rem;
    font-weight: 600;
    color: #000;
    flex: 1 100%
}

@media (min-width: 754px) {
    .winners__item-amount {
        font-weight: 600
    }
}

.game-sidebar .winners__item-amount {
    color: inherit
}

.winners__item-game {
    color: #f81919;
    font-size: 1.17rem;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: none;
    text-decoration: underline
}

.winners__item.disabled {
    pointer-events: none
}

.winners__item-thumb-icon-lock {
    position: absolute;
    background: rgba(237, 241, 247, .9);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.winners__item-thumb-icon-lock svg {
    width: 2rem
}

.winners__item-thumb-icon-lock svg path {
    fill: initial
}

.winners-leave-active {
    position: absolute;
    left: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

@media (min-width: 1054px) {
    .winners-leave-active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.winners-enter {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

@media (min-width: 1054px) {
    .winners-enter {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.winners-enter, .winners-leave-to {
    opacity: 0
}

.winners--game-sidebar {
    position: relative;
    top: 0;
    height: calc(100vh - 310px);
    background: #171e34;
    margin: 0;
    box-sizing: border-box;
    width: 100%
}

.promo-list__no-active-title {
    padding-bottom: 6px
}

.promo-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    margin: 2rem 0
}

.promo-list__quests-carusel {
    position: relative;
    overflow: hidden;
    width: 100%
}

@media (min-width: 754px) {
    .promo-list__head {
        padding: 0
    }
}

.promo-list__head h2 {
    margin-bottom: 1rem
}

.promo-list__head--new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}

.promo-list__head--new h2 {
    margin-top: 0;
    cursor: pointer
}

.promo-list__head--new h2:hover, .promo-list__head--new h2:active {
    color: #20a8ff
}

.promo-list__head-link {
    position: relative;
    margin-bottom: 1rem
}

.promo-list__head-link-arrow {
    padding: .5rem 1rem;
    width: 20px;
    height: 20px;
    margin-right: -1rem
}

.promo-list__head-link-arrow:after, .promo-list__head-link-arrow:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    background: #000
}

.promo-list__head-link-arrow:after {
    bottom: 12px;
    left: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.promo-list__head-link-arrow:before {
    top: 12px;
    left: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (min-width: 1300px) {
    .promo-list__head-link-arrow {
        margin-right: 0
    }
}

.promo-list__title {
    width: 100%;
    padding: 18px;
    color: #edf1f7;
    text-transform: unset;
    text-align: center
}

.game-hall__promo .promo-list__title {
    color: #000;
    padding: 10px;
    text-align: initial
}

.promo-list__title-all {
    width: 100%;
    text-align: left;
    margin-top: 0
}

.promo-list__no-active {
    margin: 18px 0 36px;
    text-align: left;
    color: #000;
    font-size: 1.17rem
}

.promo-list__no-active-title {
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: 700
}

@media (min-width: 754px) {
    .promo-list__no-active-title {
        font-size: 2rem;
        line-height: 2.5rem
    }
}

.promo-list__no-active-text-link {
    font-weight: 600
}

.promo-list__btn {
    margin: .5rem auto 0
}

@media (min-width: 1054px) {
    .promo-list__btn {
        margin: 0 auto 2rem
    }
}

.promo-item {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #cee3f3;
    transition: all .5s;
    margin: 0 0 1rem;
    border-radius: 4px;
    will-change: transform
}

@media (min-width: 1054px) {
    .promo-item {
        max-width: 1300px;
        border-radius: 4px
    }

    .promo-item .home-banner__slide-img {
        transition: all .5s ease
    }

    .promo-item:hover {
        box-shadow: 0 12px 24px 0 rgba(23, 30, 52, .1)
    }

    .promo-item:hover .home-banner__slide-img {
        -webkit-transform: translate3d(-50%, 0, 0) scale(1.1);
        transform: translate3d(-50%, 0, 0) scale(1.1)
    }
}

@media (min-width: 1300px) {
    .promo-item {
        margin: 0 0 2rem
    }
}

.promo-item__header {
    background-size: cover;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    background: no-repeat center;
    display: block;
    text-decoration: none
}

.promo-item__header-img {
    width: 100%;
    min-width: 418px
}

.promo-item__header-img--past {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .4
}

.promo-item__header-filter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
    background: #20a8ff
}

.promo-item__badge {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 10px;
    left: 10px
}

.promo-item__badge-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 4px
}

.promo-item__type, .promo-item__victory, .promo-item__position {
    position: relative;
    border-radius: 2px;
    padding: 0 9px;
    height: 16px;
    line-height: 16px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: .75rem;
    color: #fff
}

.promo-item__type, .promo-item__victory {
    background-color: #20a8ff;
    border: none;
    margin-right: 5px
}

.promo-item__position {
    background-color: #ffd600;
    width: 100px
}

.promo-item__body {
    border: none;
    box-sizing: border-box;
    width: 100%
}

.promo-item__body-title {
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    display: block
}

.promo-item__body-prize {
    font-size: 1rem;
    line-height: 1.33;
    letter-spacing: .4px;
    color: #000;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.promo-item__body-prize-amount {
    font-size: 1rem;
    font-weight: 600;
    line-height: 2;
    letter-spacing: .4px;
    color: #ffd600;
    display: inline-block
}

.promo-item__body-left {
    height: 72px;
    box-sizing: border-box;
    border-bottom: solid 1px rgba(217, 234, 245, .7);
    padding: 19px 12px 0;
    text-align: left
}

@media (min-width: 508px) {
    .promo-item__body-left {
        padding: 19px 20px 0
    }
}

.promo-item__body-right {
    height: 48px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 12px;
    justify-content: space-between
}

.promo-item__body-right_static {
    height: 48px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 12px;
    justify-content: flex-end
}

@media (min-width: 508px) {
    .promo-item__body-right_static {
        padding: 0 20px
    }
}

@media (min-width: 508px) {
    .promo-item__body-right {
        padding: 0 20px
    }
}

.promo-item__body-more {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: .2px;
    color: #20a8ff;
    text-transform: uppercase;
    cursor: pointer;
    width: unset;
    text-decoration: none
}

.promo-item__body-more:hover {
    color: #ffd600
}

@media (min-width: 508px) {
    .promo-item__body-more:hover .promo-item__body-more-icon {
        display: none
    }

    .promo-item__body-more:hover .promo-item__body-more-icon-red {
        display: inline-block
    }
}

@media (min-width: 508px) {
    .promo-item__body-more {
        width: 75px
    }
}

.promo-item__body-more-icon {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 3px
}

@media (min-width: 508px) {
    .promo-item__body-more-icon {
        display: unset
    }
}

.promo-item__body-more-icon-red {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 3px
}

@media (min-width: 754px) {
    .promo-item.first {
        flex: 100%;
        max-width: 100%
    }

    .promo-item.first .promo-item-status {
        margin-right: 21px
    }
}

@media (min-width: 754px)and (min-width: 754px) {
    .promo-item.first .promo-item__body-title {
        margin-right: 26px
    }

    .promo-item.first .promo-item__body-left {
        display: flex;
        padding-top: 0;
        align-items: center
    }
}

@media (min-width: 754px)and (min-width: 1054px) {
    .promo-item.first .promo-item__body {
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 19px
    }

    .promo-item.first .promo-item__body-left {
        display: flex;
        padding: 0;
        height: unset;
        border: none
    }

    .promo-item.first .promo-item__body-right {
        padding: 0
    }

    .promo-item.first .promo-item__body-more {
        position: initial
    }
}

.slide-wrapper__text-label > *:after {
    position: absolute;
    content: "";
    background-color: #f81919;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg)
}

.home-banner .home-banner__slide {
    height: 280px
}

.home-banner .home-banner__slide-img {
    bottom: 40px
}

.promo-item .home-banner__slide, .tournament-page .home-banner__slide {
    height: 360px
}

@media (min-width: 754px) {
    .promo-item .home-banner__slide, .tournament-page .home-banner__slide {
        height: 280px
    }
}

.promo-item .home-banner__slide-img, .tournament-page .home-banner__slide-img {
    bottom: 20px
}

@media (min-width: 754px) {
    .promo-item .slide-wrapper__text-label, .tournament-page .slide-wrapper__text-label {
        top: 2rem
    }
}

.home-banner__slide--is-mob.home-banner__slide {
    height: 360px
}

.home-banner .home-banner__slide--is-mob.home-banner__slide {
    height: 280px
}

.home-banner__slide--is-mob.home-banner__slide .home-banner__slide-img {
    bottom: 40px
}

.home-banner .home-banner__slide--is-mob.home-banner__slide .home-banner__slide-img {
    bottom: 20px
}

.home-banner__slide--is-mob.home-banner__slide .home-banner__slide-wrapper {
    width: 100%;
    padding: 0 1rem 70px;
    align-items: flex-end
}

@media (min-width: 754px) {
    .home-banner__slide--is-mob.home-banner__slide .home-banner__slide-wrapper {
        padding: 0 1rem 90px
    }
}

.home-banner__slide--is-mob.home-banner__slide .home-banner__slide-wrapper-body {
    width: 100%
}

.home-banner__slide {
    width: 100%;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.home-banner__slide-status--desktop {
    display: none
}

@media (min-width: 754px) {
    .home-banner__slide-status--desktop {
        display: unset;
        position: absolute;
        top: 2rem;
        left: 2rem;
        right: auto
    }

    .home-banner__slide--is-mob .home-banner__slide-status--desktop {
        display: none
    }
}

.home-banner__slide-status--mobile {
    display: unset
}

@media (min-width: 754px) {
    .home-banner__slide-status--mobile {
        display: none
    }

    .home-banner__slide--is-mob .home-banner__slide-status--mobile {
        display: unset
    }
}

.home-banner__slide-img {
    position: relative;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    height: 200px;
    min-height: 200px
}

@media (min-width: 754px) {
    .home-banner__slide-img {
        height: 280px;
        min-height: 280px
    }
}

@media (min-width: 1300px) {
    .home-banner__slide-img {
        height: 280px;
        min-height: 280px
    }
}

.home-banner__slide--past .home-banner__slide-img, .home-banner__slide--past .home-banner__slide-text, .home-banner__slide--past .slide-wrapper__control {
    opacity: .5
}

.home-banner__slide-wrapper {
    position: absolute;
    top: 48px;
    left: auto;
    right: 5px;
    width: calc(50% - 5px);
    height: calc(100% - 48px);
    text-align: left;
    max-width: 550px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    -webkit-filter: blur(0);
    filter: blur(0)
}

.home-banner__slide-wrapper-body {
    pointer-events: auto
}

@media (min-width: 754px) {
    .home-banner__slide-wrapper {
        top: 60px;
        height: calc(100% - 60px)
    }
}

@media (min-width: 1300px) {
    .home-banner__slide-wrapper {
        right: calc(50% - 650px)
    }
}

.home-banner__slide-title {
    margin-bottom: 5%;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase
}

.home-banner__slide-title p, .home-banner__slide-title span {
    line-height: unset;
    margin-bottom: 0
}

.home-banner__slide-text {
    max-width: 100%;
    font-style: italic;
    font-weight: 400;
    color: #fff
}

@media (min-width: 508px) {
    .home-banner__slide-text {
        max-height: 109.44px;
        -webkit-line-clamp: 4
    }
}

@media (min-width: 1054px) {
    .home-banner__slide-text {
        max-height: 173.28px
    }
}

.home-banner__slide-btn {
    display: flex;
    font-size: 1.17rem;
    font-weight: 700;
    line-height: 2rem;
    outline: none;
    padding: .5rem 2rem;
    text-decoration: none;
    text-transform: none;
    cursor: pointer;
    border-radius: 4px;
    color: #000;
    border: 0;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    justify-content: center;
    background-color: #20a8ff;
    padding: 15px 25px;
    padding: 10px 15px;
    font-size: 1rem
}

.home-banner__slide-btn:hover {
    background-color: #36ade6;
    color: #fff
}

.home-banner__slide-btn:active {
    background-color: #58b4bf;
    color: #fff
}

.home-banner__slide-btn[disabled] {
    opacity: .5;
    pointer-events: none
}

@media (min-width: 508px) {
    .home-banner__slide-btn {
        padding: 12px 25px
    }
}

@media (min-width: 754px) {
    .home-banner__slide-btn {
        font-size: 1.17rem;
        padding: 12px 25px
    }
}

@media (min-width: 1300px) {
    .home-banner__slide-btn {
        padding: 19px 34px
    }
}

.home-banner__slide-link {
    background: transparent;
    padding: 0 14px;
    border: none;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: underline;
    color: #fff;
    outline: none
}

@media (min-width: 508px) {
    .home-banner__slide-link {
        padding: 0 20px
    }
}

.home-banner__slide-link-text {
    display: none
}

@media (min-width: 508px) {
    .home-banner__slide-link-text {
        display: block
    }
}

.home-banner__slide-link-arrow {
    margin-left: 3px;
    width: 15px
}

.home-banner__slide-link-arrow path {
    fill: currentColor
}

.home-banner__slide-link:hover {
    text-decoration: none
}

.home-banner .home-banner__control, .promo-item .home-banner__control, .tournament-page .home-banner__control {
    justify-content: left
}

.home-banner .home-banner__slide-img, .promo-item .home-banner__slide-img, .tournament-page .home-banner__slide-img {
    height: 340px;
    left: calc(50% + 62px);
    position: absolute
}

@media (min-width: 754px) {
    .home-banner .home-banner__slide-img, .promo-item .home-banner__slide-img, .tournament-page .home-banner__slide-img {
        left: 38.4%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width: 980px) {
    .home-banner .home-banner__slide-img, .promo-item .home-banner__slide-img, .tournament-page .home-banner__slide-img {
        left: 50%
    }
}

@media (min-width: 1054px) {
    .home-banner .home-banner__slide-img, .promo-item .home-banner__slide-img, .tournament-page .home-banner__slide-img {
        left: 38.4%
    }
}

.home-banner .home-banner__slide-wrapper, .promo-item .home-banner__slide-wrapper, .tournament-page .home-banner__slide-wrapper {
    top: 0;
    right: 0;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    max-width: unset;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 70px
}

@media (min-width: 754px) {
    .home-banner .home-banner__slide-wrapper, .promo-item .home-banner__slide-wrapper, .tournament-page .home-banner__slide-wrapper {
        width: 50%;
        padding-right: 1rem;
        align-items: center;
        padding-bottom: 0
    }
}

.home-banner .home-banner__slide-wrapper-body, .promo-item .home-banner__slide-wrapper-body, .tournament-page .home-banner__slide-wrapper-body {
    width: 100%;
    text-shadow: none
}

@media (min-width: 754px) {
    .home-banner .home-banner__slide-wrapper-body, .promo-item .home-banner__slide-wrapper-body, .tournament-page .home-banner__slide-wrapper-body {
        width: 80%
    }
}

.slide-wrapper__control {
    position: absolute;
    bottom: 1rem;
    width: calc(100% - 2rem);
    display: flex;
    justify-content: center
}

@media (min-width: 754px) {
    .slide-wrapper__control {
        bottom: 2rem;
        justify-content: left
    }

    .home-banner__slide--is-mob .slide-wrapper__control {
        bottom: 1rem;
        justify-content: center
    }
}

.home-banner .slide-wrapper__control {
    bottom: 2.5rem
}

.slide-wrapper__text-small, .slide-wrapper__text-medium, .slide-wrapper__text-large, .slide-wrapper__text-large p {
    text-align: center;
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width: 754px) {
    .slide-wrapper__text-small, .slide-wrapper__text-medium, .slide-wrapper__text-large, .slide-wrapper__text-large p {
        text-align: left
    }

    .home-banner__slide--is-mob .slide-wrapper__text-small, .home-banner__slide--is-mob .slide-wrapper__text-medium, .home-banner__slide--is-mob .slide-wrapper__text-large, .home-banner__slide--is-mob .slide-wrapper__text-large p {
        text-align: center
    }
}

.slide-wrapper__text-label {
    display: flex;
    position: absolute;
    top: 1rem;
    right: .5rem;
    flex-wrap: wrap;
    justify-content: center;
    width: auto
}

@media (min-width: 754px) {
    .slide-wrapper__text-label {
        width: auto
    }
}

.slide-wrapper__text-label > * {
    background: unset;
    border: none;
    color: #fff;
    -webkit-backdrop-filter: blur(0);
    backdrop-filter: blur(0);
    border-radius: 0;
    padding: .35rem 1rem;
    font-size: 1rem;
    line-height: 1.17rem;
    font-weight: 700;
    letter-spacing: unset;
    font-style: normal;
    text-transform: normal;
    margin: 0 .5rem 1rem;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative
}

@media (min-width: 754px) {
    .slide-wrapper__text-label {
        top: 2rem;
        right: unset;
        margin-left: -0.5rem
    }

    .home-banner__slide--is-mob .slide-wrapper__text-label {
        top: 1rem;
        right: .5rem;
        margin-left: 0
    }
}

.slide-wrapper__text-small {
    text-transform: initial;
    font-size: 1.5rem;
    font-weight: 600
}

@media (min-width: 1054px) {
    .slide-wrapper__text-small {
        font-size: 2rem
    }

    .home-banner__slide--is-mob .slide-wrapper__text-small {
        font-size: 1.5rem;
        margin: 0
    }
}

.slide-wrapper__text-medium {
    font-size: 2rem;
    text-transform: initial;
    font-weight: 700;
    letter-spacing: unset
}

@media (min-width: 1054px) {
    .slide-wrapper__text-medium {
        font-size: 3rem
    }

    .home-banner__slide--is-mob .slide-wrapper__text-medium {
        font-size: 2rem
    }
}

.slide-wrapper__text-large, .slide-wrapper__text-large p {
    line-height: 1;
    font-size: 3rem;
    text-transform: initial;
    font-weight: 700;
    letter-spacing: unset
}

@media (min-width: 1054px) {
    .slide-wrapper__text-large, .slide-wrapper__text-large p {
        font-size: 4rem
    }

    .home-banner__slide--is-mob .slide-wrapper__text-large, .home-banner__slide--is-mob .slide-wrapper__text-large p {
        font-size: 3rem
    }
}

.promo-item-status {
    line-height: 2rem
}

.promo-item-status {
    border-radius: 4px;
    border: none;
    display: flex;
    align-items: center;
    font-size: 1rem;
    background: #edf1f7;
    color: #000;
    padding: 0 1rem 0 0;
    text-shadow: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 1rem
}

@media (min-width: 754px) {
    .promo-item-status {
        top: 2rem;
        left: 2rem;
        right: auto
    }
}

.promo-item-status.active .promo-item-status_text {
    margin-left: 8px
}

.promo-item-status.active .promo-item-status_text:before {
    content: " ";
    background-color: #f81919;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    border-radius: 50%;
    margin-right: .5rem
}

.promo-item-status.past, .promo-item-status.future {
    padding: .5rem 1rem
}

.promo-item-status__active {
    font-size: 1rem;
    font-weight: 600;
    color: #00c853;
    padding-left: 0;
    display: none;
    text-transform: none
}

@media (min-width: 1054px) {
    .promo-item-status__active {
        display: unset
    }
}

.promo-item-status__active::before {
    content: "";
    background-color: #00c853;
    width: 4px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50px;
    margin-right: 5px
}

.promo-item-status_text {
    margin-right: 8px;
    line-height: 1.5rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: #000
}

.past .promo-item-status_text {
    margin-right: 0
}

.promo-item-status .timer {
    font-size: 1rem;
    font-weight: 700;
    color: #000;
    margin: 0 7px 0 0
}

.promo-item-status .timer__item.day .timer__desc {
    margin-right: 5px
}

.promo-item-status .timer__count {
    min-width: 16px;
    text-align: center
}

.promo-item-status .timer__dots {
    width: 8px;
    text-align: center
}

.promo-item-status .timer__dots.day {
    display: none
}

.timer,
.timer__item {
    display: flex;
}

.pwa-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.pwa-block__logo {
    max-width: 6.75rem;
    height: auto;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 2rem;
    box-shadow: none
}

@media (min-width: 754px) {
    .pwa-block__logo {
        margin-bottom: 2rem
    }
}

.pwa-block__title {
    font-weight: 700;
    margin: 0
}

@media (min-width: 754px) {
    .pwa-block__title {
        font-weight: 600;
        font-size: 3rem;
        line-height: 4rem
    }
}

.pwa-block__subtitle {
    line-height: 1.5rem;
    margin-bottom: 0;
    padding: 0 2rem;
    margin-top: .5rem
}

.pwa-block__subtitle--link {
    font-weight: 600;
    color: #20a8ff;
    cursor: pointer
}

@media (min-width: 754px) {
    .pwa-block__subtitle {
        margin-top: 0;
        line-height: 2rem;
        font-weight: 400
    }
}

.pwa-block__btn {
    margin: 1rem
}

.pwa-block__banner {
    display: block;
    width: 30rem;
    height: 20rem;
    margin: 0 auto 1rem
}

@media (min-width: 754px) {
    .pwa-block__banner {
        width: 60rem;
        height: 40rem;
        margin: 0 auto 2rem
    }
}

.pwa-block__buttons {
    order: 0
}

.pwa-block__description {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0 auto 2rem;
    padding: 0 1rem;
    max-width: 60rem;
    order: 1
}

@media (min-width: 754px) {
    .pwa-block__description {
        line-height: 2rem;
        font-size: 1.17rem;
        font-weight: 400
    }
}

.footer {
    width: 100%;
    background: #171e34;
    color: #fff
}

.footer__box {
    min-width: 128px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3rem
}

@media (min-width: 754px) {
    .footer__box {
        margin-top: 0;
        flex-direction: column
    }
}

@media (min-width: 1054px) {
    .footer__box {
        display: flex;
        flex-direction: row;
        align-items: center;
        min-width: 220px
    }
}

.footer__box-license {
    display: grid;
    grid-template-columns:130px;
    max-width: 150px;
    margin: 0;
    position: relative
}

@media (min-width: 1054px) {
    .footer__box-license {
        min-width: 150px;
        margin-bottom: 0
    }
}

.footer-menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #01081f
}

.footer-menu__main-text {
    text-align: center;
    font-size: 1rem;
    margin: auto
}

.footer-menu__main-text img {
    max-width: 100%
}

.footer-menu__wrapper {
    padding: 3rem 1rem;
    width: 100%;
    max-width: 1300px;
    margin: auto;
    box-sizing: border-box
}

@media (min-width: 754px) {
    .footer-menu__wrapper {
        display: grid;
        grid-template-columns:1fr -webkit-min-content;
        grid-template-columns:1fr min-content;
        grid-template-rows:100%
    }
}

.footer__contacts {
    padding: 0 0 6rem;
    max-width: 30rem;
    margin: 0 auto
}

.footer__contacts--new-navigation {
    padding: 0 0 11rem
}

@media (min-width: 980px) {
    .footer__contacts--new-navigation {
        padding: 0 0 6rem
    }
}

.footer__contacts img {
    max-width: 100%
}

.footer-menu__logo {
    padding-left: 4rem;
    padding-right: 4rem;
    display: none;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media (min-width: 754px) {
    .footer-menu__logo {
        display: flex;
        align-items: center;
        margin-right: 30px
    }
}

@media (min-width: 1054px) {
    .footer-menu__logo {
        margin-right: 50px
    }
}

.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    padding: 3rem 1rem;
    align-items: center;
    grid-gap: 1rem;
    gap: 1rem;
    justify-content: center;
    box-sizing: border-box
}

@media (min-width: 754px) {
    .footer-bottom {
        justify-content: start
    }
}

.footer__delimiter {
    height: 1px;
    max-width: 1300px;
    width: calc(100% - 2rem);
    margin: 0 1rem;
    background-color: rgba(255, 255, 255, .1)
}

.footer-menu-items {
    justify-content: center
}

.footer-menu-items li a {
    color: rgba(255, 255, 255, .75)
}

.footer-menu-items li a:hover, .footer-menu-items li a.active {
    color: #fff
}

@media (min-width: 508px) {
    .footer .footer-menu-items {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        grid-gap: .5rem
    }
}

@media (min-width: 1054px) {
    .footer .footer-menu-items {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (min-width: 1300px) {
    .footer .footer-menu-items {
        grid-template-columns:repeat(4, 1fr)
    }
}

.footer-menu-items .footer-menu-items__item {
    flex: unset;
    margin: 0 1rem
}

@media (min-width: 754px) {
    .footer-menu-items .footer-menu-items__item {
        margin: 0
    }
}

.footer-menu-items {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.footer-menu-items:first-child {
    border-top: none;
    border-bottom: none
}

.footer-menu-items li {
    padding: 0;
    line-height: 2rem;
    margin: .25rem 1rem;
    text-align: center
}

@media (min-width: 508px) {
    .footer-menu-items li {
        text-align: left
    }
}

@media (min-width: 754px) {
    .footer-menu-items li {
        flex: 0 0 30%;
        margin: 0;
        padding-right: 3%;
        overflow-wrap: break-word;
        overflow: hidden
    }
}

.footer-menu-items li a {
    cursor: pointer;
    text-decoration: none;
    font-size: 1.17rem;
    font-weight: 600
}

.profit-partners img {
    width: 13rem
}

.footer-social {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 1rem 2rem;
    align-items: center;
    justify-items: center;
    box-sizing: border-box
}

@media (min-width: 754px) {
    .footer-social {
        grid-template-columns:-webkit-max-content 1fr;
        grid-template-columns:max-content 1fr;
        justify-items: start
    }
}

.footer-social__label {
    color: #fff;
    font-weight: 400
}

.footer-social__list {
    display: grid;
    grid-auto-columns: -webkit-min-content;
    grid-auto-columns: min-content;
    grid-auto-flow: column;
    grid-gap: 1rem
}

.footer-social__item {
    height: 36px;
    width: 36px;
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    cursor: pointer
}

.footer-social__item:hover .footer-social__item-icon {
    background: #171e34;
    box-shadow: none;
    border-color: rgba(255, 255, 255, .15)
}

.footer-social__item:active .footer-social__item-icon {
    background: rgba(255, 255, 255, .32);
    box-shadow: none;
    border-color: transparent
}

.footer-social__item-icon {
    height: 36px;
    width: 36px;
    pointer-events: none;
    border: 2px solid rgba(255, 255, 255, .3);
    border-radius: 4px;
    background: transparent;
    padding: .5rem;
    box-sizing: border-box;
    transition: background-color 150ms ease
}

.footer-social__item-icon path {
    fill: #fff
}

.footer-payments {
    margin-bottom: 2rem
}

.footer-payments {
    padding: 20px
}

.footer-payments__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1300px;
    margin: 2rem auto;
    font-size: 11px
}

.footer-payments__link {
    margin: .5rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media (min-width: 1300px) {
    .footer-payments__link {
        margin: 2rem auto
    }
}

.footer-payments__link-wrapper {
    height: 3.273em;
    overflow: hidden
}

.footer-payments__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.footer-payments .visa {
    -o-object-position: 0 0;
    object-position: 0 0;
    width: 57px
}

.footer-payments .visa-electron {
    -o-object-position: -62px 0;
    object-position: -62px 0;
    width: 57px
}

.footer-payments .mastercard {
    -o-object-position: -122px 0;
    object-position: -122px 0;
    width: 48px
}

.footer-payments .maestro {
    -o-object-position: -172px 0;
    object-position: -172px 0;
    width: 48px
}

.footer-payments .mir {
    -o-object-position: -222px 0;
    object-position: -222px 0;
    width: 70px
}

.footer-payments .qiwi {
    -o-object-position: -292px 0;
    object-position: -292px 0;
    width: 72px
}

.footer-payments .yandexMoney {
    -o-object-position: -366px 0;
    object-position: -366px 0;
    width: 104px
}

.footer-payments .cashboxSms {
    -o-object-position: -475px 0;
    object-position: -475px 0;
    width: 63px
}

.footer-payments .webmoney {
    -o-object-position: -540px 0;
    object-position: -540px 0;
    width: 100px
}

.footer-payments .logoAlfabank {
    -o-object-position: -645px 0;
    object-position: -645px 0;
    width: 105px
}

.footer-payments .bitcoin {
    -o-object-position: -752px 0;
    object-position: -752px 0;
    width: 86px
}

.footer-payments .ethereum {
    -o-object-position: -840px 0;
    object-position: -840px 0;
    width: 105px
}

.producers-block__list[data-v-c7f8d450] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1300px;
    margin: 2rem auto;
    font-size: 16px
}

.producers-block__list > *[data-v-c7f8d450] {
    margin-bottom: 1rem;
    justify-content: center;
    overflow: hidden;
    min-width: 10em;
    display: flex;
    -webkit-filter: none;
    filter: none
}

.producers-block__list > *[data-v-c7f8d450]:hover {
    -webkit-filter: none;
    filter: none
}

.trust-block:before {
    content: " ";
    height: 1px;
    width: calc(min(100%, 1300px) - 2rem);
    display: block;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, .1)
}

.trust-block__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 1300px;
    margin: 3rem auto
}

.trust-block__list > *, .trust-block__list img {
    width: 97px;
    height: 4rem;
    margin-bottom: 1rem;
    justify-content: center;
    overflow: hidden
}

.trust-block__list img {
    -o-object-fit: contain;
    object-fit: contain
}

.footer__contacts p {
    margin-bottom: 0
}

.footer__contacts a {
    font-weight: 600
}

.sidebar__header-title {
    font-size: 1.5rem;
    font-weight: 600
}

.menu-item.active {
    background: #01081f
}

.sidebar__submenu .menu-item:hover, .sidebar__submenu .menu-item.active {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%)
}

.sidebar__submenu .menu-item.active:after {
    position: absolute;
    content: "";
    left: 0;
    width: 3px;
    height: 100%;
    top: 0;
    bottom: 0;
    background: #f81919
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto
}

.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0px;
    position: absolute
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    right: 0;
    position: absolute
}

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px
}

.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
        -webkit-overflow-scrolling: touch
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
        -webkit-overflow-scrolling: touch
    }
}

.ps {
    position: relative
}

.sidebar {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: fixed;
    z-index: 4000;
    right: 0;
    left: 100%;
    width: 100vw;
    background: #171e34;
    border-left: none;
    transition: all .3s;
    overflow: hidden;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    top: 0;
    bottom: 0
}

@media (min-width: 320px) {
    .sidebar {
        width: 320px
    }
}

@media (min-width: 754px) {
    .sidebar .enter-btns {
        display: none
    }
}

.sidebar--open {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.sidebar__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: #171e34;
    min-height: 48px;
    position: relative;
    align-items: center;
    cursor: pointer
}

@media (min-width: 754px) {
    .sidebar__header {
        min-height: 5rem
    }
}

.sidebar__header-title {
    color: #fff;
    margin-left: 1.5rem
}

.sidebar__header-close {
    height: 1.5rem;
    width: 1.5rem;
    padding: 10px;
    margin: 10px;
    cursor: pointer
}

.sidebar__header-close-btn {
    margin: 1rem
}

.sidebar__header-close-btn .fe-icon {
    color: #fff
}

.sidebar__header-close svg {
    display: block
}

.sidebar__menu {
    color: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1
}

.sidebar__menu-notice {
    width: 100%;
    background: #171e34;
    max-height: 240px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    position: relative;
    display: flex;
    flex-direction: column
}

.sidebar__menu-notice .notification__list {
    background-color: #01081f
}

.sidebar__menu-notice-empty {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sidebar__menu-item {
    text-align: left;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff
}

.sidebar__menu-item--marker {
    min-width: 15px;
    padding: 0 2px;
    box-sizing: border-box;
    height: 15px;
    line-height: 15px;
    border-radius: 50px;
    border: 0;
    background-color: #f81919;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 12px;
    left: 70px
}

.sidebar__menu-item--notice {
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.sidebar__menu-item--active {
    background: transparent
}

.sidebar__menu-links {
    display: flex;
    flex-wrap: wrap
}

.sidebar__menu-link {
    box-sizing: border-box;
    flex: 1 0 100%;
    max-width: 100%;
    padding: 1.5rem 1.17rem;
    cursor: pointer;
    align-items: center;
    display: flex;
    color: inherit;
    font-weight: 600;
    font-size: 1.17rem
}

.sidebar__menu-link:hover, .sidebar__menu-link:active, .sidebar__menu-link .avtive {
    color: inherit
}

.sidebar__menu-link-image {
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 1rem;
    background: inherit;
    border-radius: 1rem;
    box-sizing: border-box;
    padding: 0
}

.sidebar__menu-link-title {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 700;
    padding: 1rem 0 1rem 1rem
}

.sidebar__menu-link--soon {
    opacity: .5
}

.sidebar__menu-link.router-link-active {
    color: #20a8ff
}

.sidebar__menu-link--Arena {
    display: none
}

.sidebar--login .sidebar__menu-link--Arena {
    display: flex
}

@media (min-width: 360px) {
    .sidebar--login .sidebar__menu-link--Arena {
        display: none
    }
}

.sidebar__new-menu {
    padding: 1rem 0 0 1rem;
    color: inherit;
    font-weight: 600
}

.sidebar__new-menu-counter {
    min-width: 15px;
    padding: 0 2px;
    box-sizing: border-box;
    height: 15px;
    line-height: 15px;
    border-radius: 50px;
    border: 0;
    background-color: #f81919;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    margin-left: .25rem
}

.sidebar__new-menu-notice-list {
    display: flex;
    width: 100%;
    margin-top: .5rem;
    padding-bottom: 1rem
}

.sidebar__new-menu-notice-list .fe-notice {
    flex: 1 0 auto;
    max-width: 17rem;
    border-radius: 4px
}

.sidebar__new-menu-notice-list:after {
    content: "";
    flex: 0 0 .5rem
}

.sidebar__submenu {
    background: #01081f
}

.sidebar__footer {
    padding: 20px;
    background: #01081f;
    display: flex
}

.sidebar__footer--logged {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-evenly;
    color: #fff;
    font-size: 1.17rem;
    align-items: baseline
}

.sidebar__footer--button {
    background: transparent;
    border: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    font-size: 1.17rem
}

.sidebar__widget {
    text-decoration: none
}

.sidebar__user-balance {
    background: #01081f;
    color: #fff;
    padding: 1rem 1rem 0 1rem
}

.sidebar__user-balance .tooltip__body {
    left: 100%
}

.sidebar__user-profile {
    background: #01081f;
    padding: 1rem 1.5rem
}

.sidebar__user-profile .fe-button {
    width: 100%
}

.fade-enter-active, .fade-leave-active {
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.ps__rail-y {
    z-index: 1
}

.sidebar__menu-item--notice .menu-item__pin {
    background-color: #f81919;
    border: none;
    font-weight: 400
}

.accordion-menu__content {
    overflow: hidden
}

.accordion-enter-active, .accordion-leave-active {
    transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out
}

.accordion-enter, .accordion-leave-to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
}

.sidebar__header-title {
    font-size: 1.5rem;
    font-weight: 600
}

.menu-item.active {
    background: #01081f
}

.sidebar__submenu .menu-item:hover, .sidebar__submenu .menu-item.active {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 0%, transparent 100%)
}

.sidebar__submenu .menu-item.active:after {
    position: absolute;
    content: "";
    left: 0;
    width: 3px;
    height: 100%;
    top: 0;
    bottom: 0;
    background: #f81919
}

.menu-item {
    color: rgba(255, 255, 255, .75);
    background: transparent;
    border: none;
    outline: none;
    font-size: 1.17rem;
    font-weight: 600;
    letter-spacing: unset;
    display: grid;
    grid-template-columns:1fr -webkit-min-content;
    grid-template-columns:1fr min-content;
    align-items: center;
    width: 100%;
    padding: calc(1.5rem + 5px) 1.5rem;
    margin: 0;
    position: relative;
    transition: color .2s ease;
    cursor: pointer;
    box-sizing: border-box
}

.menu-item:hover, .menu-item.active {
    color: #fff
}

.menu-item:hover img, .menu-item.active img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.menu-item:hover path, .menu-item.active path {
    fill: #fff
}

.menu-item img {
    -webkit-filter: brightness(0) invert(0.8);
    filter: brightness(0) invert(0.8)
}

.menu-item path {
    fill: rgba(255, 255, 255, .75)
}

.menu-item__content {
    display: flex;
    align-items: center
}

.menu-item__text {
    position: relative
}

.sidebar__menu-item--notice .menu-item__text {
    text-transform: none
}

.sidebar__submenu .menu-item {
    text-transform: none;
    font-weight: 600;
    font-size: 1.17rem;
    padding: 14px 10px 14px 35px;
    transition: color .2s ease
}

.menu-item__icon {
    height: 25px;
    width: 25px;
    margin-right: 15px
}

.menu-item__pin {
    min-width: 15px;
    padding: 0 2px;
    box-sizing: border-box;
    height: 15px;
    line-height: 15px;
    border-radius: 50px;
    border: 0;
    background-color: #f81919;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    background-color: #f81919;
    height: auto;
    min-width: 16px;
    padding: 1px 5px;
    line-height: 14px;
    font-weight: 400
}

.menu-item__arrow {
    width: 24px;
    height: auto;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    color: #fff
}

.menu-item__arrow--rotated {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.game-frame {
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center
}

.game-frame:not(.game-page-preview) {
    background: #000
}

@media (min-width: 1054px) {
    .game-frame {
        left: auto;
        position: absolute;
        top: 100px;
        height: calc(100vh - 200px);
        width: calc(100vw - 450px);
        right: 65px
    }
}

.game-frame--has-game {
    pointer-events: all
}

.game-frame--minimized {
    display: block;
    position: fixed;
    top: auto;
    left: auto;
    right: 10px;
    width: 250px;
    height: 140px;
    bottom: 120px;
    -webkit-transform: translate(0, 150%);
    transform: translate(0, 150%);
    -webkit-animation-name: show-frame;
    animation-name: show-frame;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@media (min-width: 754px) {
    .game-frame--minimized {
        bottom: 50px
    }
}

.game-frame__shell-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.game-frame__shell-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    color: #14376a;
    cursor: pointer
}

.game-frame__shell-name {
    line-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.game-frame__shell-name.is-move {
    cursor: move
}

.game-frame__shell-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(19, 40, 79, .7);
    color: #fff;
    opacity: 0;
    transition: opacity .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.game-frame__shell-cover-icon {
    width: 40px
}

.game-frame__shell-button-icon {
    width: 1.5rem;
    height: 1.5rem
}

.game-frame__shell-button-icon svg path {
    fill: #000
}

.game-frame--minimized .game-frame__shell {
    color: #000;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
    flex: 1 100%;
    box-shadow: 0 0 2px #ccc;
    pointer-events: all
}

.game-frame--minimized:hover .game-frame__shell-cover {
    opacity: 1
}

.game-frame__iframe {
    pointer-events: all;
    width: 100%;
    height: 100%
}

.game-frame--minimized .game-frame__iframe {
    width: 100%;
    height: 100%
}

.game-frame--demo {
    align-items: flex-start;
    height: calc(100% - 5rem)
}

@media (max-width: 754px) {
    .game-page-preview {
        top: 0;
        height: 100%
    }
}

@-webkit-keyframes show-frame {
    0% {
        -webkit-transform: translate(0, 150%);
        transform: translate(0, 150%)
    }
    50% {
        -webkit-transform: translate(0, 75%);
        transform: translate(0, 75%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes show-frame {
    0% {
        -webkit-transform: translate(0, 150%);
        transform: translate(0, 150%)
    }
    50% {
        -webkit-transform: translate(0, 75%);
        transform: translate(0, 75%)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.modal {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(1, 8, 31, .8);
    display: table;
    transition: opacity .3s ease;
    pointer-events: all;
    opacity: 1;
    transition: opacity .3s
}

.modal--hidden {
    opacity: 0;
    z-index: -1
}

.scroll-stop, .overflow-hidden {
    overflow: hidden
}

.modal-enter, .modal-leave-to {
    opacity: 0
}

.modal-enter-active, .modal-leave-active, .modal-mobile-enter-active, .modal-mobile-leave-active {
    transition: all .5s
}

.modal-mobile-enter, .modal-mobile-leave-to {
    opacity: 0;
    -webkit-transform: translateY(450px);
    transform: translateY(450px)
}

.global-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(237, 241, 247, .5);
    pointer-events: all;
    z-index: 9999
}

.vs-notify {
    position: fixed;
    width: 300px;
    z-index: 9999;
    top: 65px;
    right: 10px
}

.game ~ .vs-notify {
    left: 10px;
    right: auto
}

.vs-notify .toast {
    background: #fff;
    box-sizing: border-box;
    border: 2px solid transparent;
    box-shadow: none;
    border-radius: 4px;
    padding: 1rem;
    margin: .5rem .5rem 1rem;
    min-height: 5rem;
    font-size: 1.17rem;
    line-height: 1.5rem;
    color: #000;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center
}

.vs-notify .toast.warning .toast__thumb {
    width: 2rem
}

.vs-notify .toast.warning .toast__thumb path {
    fill: #f81919
}

.vs-notify .toast__thumb {
    width: 2rem;
    padding: 1rem
}

.vs-notify .toast__content {
    flex: 1;
    max-width: 15rem;
    padding-left: 1rem
}

.vs-notify .toast__close {
    margin-left: auto;
    padding-left: .5rem
}

.vs-notify .toast__close svg {
    display: block
}

.vs-notify .toast__close svg path {
    fill: #000
}

.vs-notify .warn {
    border-color: #f48a06
}

.vs-notify .error {
    border-color: #f81919
}

.vs-notify .success {
    border-color: #00c853
}

.vs-notify .ntf-left-enter-active, .vs-notify .ntf-left-leave-active, .vs-notify .ntf-right-enter-active, .vs-notify .ntf-right-leave-active, .vs-notify .ntf-top-enter-active, .vs-notify .ntf-top-leave-active, .vs-notify .ntf-bottom-enter-active, .vs-notify .ntf-bottom-leave-active {
    transition: all .3s
}

.vs-notify .ntf-left-enter, .vs-notify .ntf-left-leave-to {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px)
}

.vs-notify .ntf-right-enter, .vs-notify .ntf-right-leave-to {
    opacity: 0;
    -webkit-transform: translateX(300px);
    transform: translateX(300px)
}

.vs-notify .ntf-fade-enter-active, .vs-notify .ntf-fade-leave-active {
    transition: opacity .5s
}

.vs-notify .ntf-fade-enter, .vs-notify .ntf-fade-leave-to {
    opacity: 0
}

.vs-notify .ntf-top-enter, .vs-notify .ntf-top-leave-to {
    opacity: 0;
    -webkit-transform: translateY(-120px);
    transform: translateY(-120px)
}

.vs-notify .ntf-bottom-enter, .vs-notify .ntf-bottom-leave-to {
    opacity: 0;
    -webkit-transform: translateY(120px);
    transform: translateY(120px)
}