.text[data-v-a08eece0] {
    font-size: .9rem;
    font-weight: 600
}

.icon[data-v-a08eece0] {
    width: 1.68rem;
    min-width: 1.68rem;
    height: 1.68rem;
    margin-right: .9rem;
    color: var(--white);
    stroke: var(--white)
}

.info[data-v-a08eece0] {
    background: rgba(95,146,248,.7)
}

.error[data-v-a08eece0] {
    background: rgba(216,51,51,.702)
}

.success[data-v-a08eece0] {
    background: rgba(70,158,41,.702)
}

.warn[data-v-a08eece0] {
    background: rgba(255,193,47,.7)
}

.recovery-cont[data-v-d5dcf6e2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 1em 0
}

.form[data-v-d5dcf6e2] {
    max-width: 320px
}

.form-input[data-v-d5dcf6e2] {
    margin: 1rem 0
}

.bottom[data-v-d5dcf6e2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.link[data-v-d5dcf6e2] {
    color: var(--text-fourth);
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.link[data-v-d5dcf6e2]:hover {
    color: var(--text-theme-invert)
}

.sign-in-cont[data-v-1deb82ae] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 20.313rem;
    margin-left: 3rem
}

.sign-form[data-v-1deb82ae] {
    width: 100%
}

.sign-header[data-v-1deb82ae] {
    width: 100%;
    padding: 0 0 1.5rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left
}

.inputs[data-v-1deb82ae] {
    position: relative
}

.form-input[data-v-1deb82ae]:not(:first-of-type) {
    margin-top: 1rem
}

.button[data-v-1deb82ae] {
    width: 100%;
    font-size: 1.25rem
}

.links[data-v-1deb82ae] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem
}

.link[data-v-1deb82ae] {
    font-weight: 500;
    color: var(--text-fourth);
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.link[data-v-1deb82ae]:hover {
    color: var(--text-theme-invert)
}

.sign-bottom[data-v-1deb82ae] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 18px
}

@media(max-width: 760px) {
    .sign-in-cont[data-v-1deb82ae] {
        margin-left:0
    }

    .sign-header[data-v-1deb82ae] {
        text-align: center
    }
}

.sign-up-cont[data-v-d1253610] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 20.313rem;
    margin-left: 3rem
}

@media(max-width: 760px) {
    .sign-up-cont[data-v-d1253610] {
        margin-left:0
    }
}

.head[data-v-d1253610] {
    width: 100%;
    padding: 1.5rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left
}

@media(max-width: 760px) {
    .head[data-v-d1253610] {
        text-align:center
    }
}

.form[data-v-d1253610] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 1rem 0
}

@media(max-width: 600px) {
    .form[data-v-d1253610] {
        width:100%
    }
}

.form-input[data-v-d1253610]:not(:first-of-type) {
    margin-top: .75rem
}

.link[data-v-d1253610],.login-button[data-v-d1253610] {
    width: 100%;
    margin-top: 1em
}

.link[data-v-d1253610] {
    padding: .5em;
    color: var(--text-fourth);
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.link[data-v-d1253610]:hover {
    color: var(--text-theme-invert)
}

.loading-icon[data-v-69994b10] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30vh;
    height: 30vh;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.disabled-container[data-v-0b55f468] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    min-height: calc(var(--vh, 1vh)*100);
    overflow: hidden
}

.art[data-v-0b55f468] {
    max-width: 50rem;
    margin-bottom: -39rem;
    margin-left: -14rem
}

.label[data-v-0b55f468] {
    font-size: 1.125rem;
    font-weight: 800;
    color: var(--primary)
}

.content[data-v-0b55f468] {
    max-width: 31.25rem;
    margin-top: -3%;
    margin-left: 3rem
}

.header[data-v-0b55f468] {
    margin-top: 0;
    margin-bottom: 1rem
}

.description[data-v-0b55f468] {
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--black-5)
}

.bottom[data-v-0b55f468] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.3rem
}

.icon[data-v-0b55f468] {
    margin-right: 30px;
    color: var(--gray-2)
}

@media(max-width: 1000px) {
    .disabled-container[data-v-0b55f468] {
        padding:2rem 0 2rem 0;
        margin-top: 0
    }

    .art[data-v-0b55f468] {
        max-width: 30rem;
        margin-bottom: -5rem
    }

    .content[data-v-0b55f468] {
        margin-top: 0;
        margin-left: 0
    }
}

@media(max-width: 850px) {
    h1[data-v-0b55f468] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .art[data-v-0b55f468] {
        margin-right: -12rem
    }
}

@media(max-width: 700px) {
    .disabled-container[data-v-0b55f468] {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .content[data-v-0b55f468] {
        margin-top: 2rem
    }

    .art[data-v-0b55f468] {
        margin-left: -4rem
    }
}

@media(max-width: 420px) {
    .bottom[data-v-0b55f468] {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .content[data-v-0b55f468] {
        width: 100%;
        padding: 1.5rem
    }

    .button-support[data-v-0b55f468] {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 209px;
        height: 52px;
        font-size: 18px
    }

    .link[data-v-0b55f468] {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 40%;
        margin-top: 1rem
    }

    .link[data-v-0b55f468]:nth-of-type(2) {
        margin-left: -16%
    }

    .header[data-v-0b55f468] {
        font-size: 38px
    }

    .label[data-v-0b55f468] {
        font-size: 18px
    }

    .icon[data-v-0b55f468] {
        width: 41px
    }
}

.auth-container[data-v-562193ee],.soc-auth-head[data-v-562193ee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.soc-auth-head[data-v-562193ee] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .9rem
}

.soc-auth-container[data-v-562193ee] {
    width: 100%;
    max-width: 35rem;
    padding: 3rem 0 2rem 3.5rem
}

.soc-auth[data-v-562193ee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 13.125rem;
    height: 2.313rem;
    padding: 0 0 0 .7rem;
    margin-bottom: .7rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: .25rem
}

.soc-auth[data-v-562193ee]:nth-of-type(n+1) {
    margin-right: 1.05rem
}

.soc-name[data-v-562193ee] {
    width: 100%
}

.soc-icons[data-v-562193ee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.5rem
}

.soc-icon[data-v-562193ee] {
    width: 1.7rem;
    height: 1.7rem
}

.soc-auth-label[data-v-562193ee] {
    font-size: 1.563rem;
    font-weight: 700
}

.soc-auth-desc[data-v-562193ee] {
    max-width: 16.75rem;
    margin-right: 3.5rem;
    color: var(--gray-4);
    text-align: left
}

.hr[data-v-562193ee] {
    width: 1px;
    margin: -20px 0 -20px 0;
    background: var(--bg-backdrop)
}

@media(max-width: 900px) {
    .soc-auth-container[data-v-562193ee] {
        padding:1rem 0
    }
}

@media(max-width: 760px) {
    .hr[data-v-562193ee] {
        display:none
    }

    .soc-auth-container[data-v-562193ee] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 25rem;
        padding-top: 0
    }

    .auth-container[data-v-562193ee] {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 0
    }

    .auth-container[data-v-562193ee],.soc-auth-head[data-v-562193ee] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .soc-auth-desc[data-v-562193ee] {
        margin-top: .4rem;
        margin-right: 0;
        text-align: center
    }

    .soc-auth[data-v-562193ee] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 4.251rem;
        height: 2.313rem;
        padding: 0
    }

    .soc-auth[data-v-562193ee]:nth-of-type(3n) {
        margin-right: 0
    }

    .soc-name[data-v-562193ee] {
        display: none
    }

    .soc-icons[data-v-562193ee] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: auto;
        margin: 0 4rem
    }
}

@media(max-width: 340px) {
    .soc-icons[data-v-562193ee] {
        margin:0 2rem
    }
}

.wrapper[data-v-62a5a249] {
    position: relative;
    z-index: 1;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 24px
}

@media(min-width: 1201px) {
    .wrapper[data-v-62a5a249] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.wrapper>div[data-v-62a5a249] {
    margin-right: 1rem;
    margin-left: 1rem
}

.user[data-v-62a5a249] {
    height: 54px;
    margin: 16px 0 0
}

.info[data-v-62a5a249] {
    height: 30px;
    margin: 2rem 0 1.5rem 0
}

.content[data-v-62a5a249] {
    height: 100%
}

.form[data-v-62a5a249] {
    height: 165px;
    margin-top: 10px
}

.wrapper[data-v-7c1faa88] {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    border-bottom: 1px solid var(--bg-backdrop)
}

.logo[data-v-7c1faa88] {
    width: 120px;
    height: 27px;
    margin-right: 2.125rem
}

.nav[data-v-7c1faa88] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 1.5rem
}

.nav span[data-v-7c1faa88] {
    display: block;
    width: 150px;
    height: 22px
}

.nav span[data-v-7c1faa88]:not(:last-of-type) {
    margin-right: 1em
}

.info[data-v-7c1faa88] {
    width: 240px;
    height: 70%;
    margin-left: auto
}

.wrapper[data-v-5d600bcc] {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: calc(100% - 5px);
    height: 60px;
    padding: 0 15px;
    border-bottom: 1px solid var(--bg-backdrop)
}

.wrapper[data-v-5d600bcc],.wrapper[data-v-903d31de] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper[data-v-903d31de] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 85px;
    background-color: var(--bg-backdrop-third);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media(max-width: 1800px) {
    .wrapper[data-v-903d31de] {
        max-width:65px
    }
}

.logo-wrapper[data-v-903d31de] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 85px;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--bg-backdrop)
}

@media(max-width: 1600px) {
    .logo-wrapper[data-v-903d31de] {
        height:60px;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media(max-width: 1440px) {
    .logo-wrapper[data-v-903d31de] {
        width:60px
    }
}

@media(max-height: 700px) {
    .logo-wrapper[data-v-903d31de] {
        width:60px
    }
}

.logo[data-v-903d31de] {
    width: 100%;
    max-width: calc(100% - 8px);
    height: 100%
}

.nav[data-v-903d31de] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.nav-top[data-v-903d31de] {
    margin-top: 1.25rem
}

.nav-top .nav-item[data-v-903d31de] {
    width: 36px;
    height: 36px;
    border-radius: 10px
}

.nav-top .nav-item[data-v-903d31de]:not(:first-of-type) {
    margin-top: 1.125rem
}

.nav-bottom[data-v-903d31de] {
    padding-bottom: .75rem;
    margin-top: auto
}

.nav-bottom .nav-item[data-v-903d31de] {
    width: 42px;
    height: 42px;
    border-radius: 10px
}

.nav-bottom .nav-item[data-v-903d31de]:not(:first-of-type) {
    margin-top: 1.125rem
}

.wrapper[data-v-035294ee] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 10px;
    background-color: var(--text-theme)
}

.wrapper span[data-v-035294ee] {
    width: 36px;
    height: 26px
}

.wrap[data-v-0217d549] {
    width: 100%
}

.footer-item[data-v-0217d549] {
    min-height: 160px
}

@media(max-width: 800px) {
    .footer-item[data-v-0217d549] {
        min-height:350px
    }
}

.invite-form[data-v-3f192ae4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1.5rem 0
}

.invite-info[data-v-3f192ae4] {
    font-weight: 600
}

.invite-btns[data-v-3f192ae4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem
}

.invite-close[data-v-3f192ae4] {
    margin-left: 1rem
}

.layout[data-v-0cb3193e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(var(--vh, 1vh)*100);
    overflow: hidden
}

@media(max-width: 1200px) {
    .layout[data-v-0cb3193e] {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 50px
    }
}

.controls-bar[data-v-0cb3193e] {
    position: relative;
    z-index: 1;
    grid-area: controls;
    height: 100%
}

@media(max-width: 1200px) {
    .controls-bar[data-v-0cb3193e] {
        position:fixed;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        width: 100vw;
        height: 50px
    }
}

.layout .chat-bar[data-v-0cb3193e] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 35%;
    flex: 0 1 35%;
    height: 100%
}

@media(min-width: 1201px) {
    .layout .chat-bar[data-v-0cb3193e] {
        max-width:420px
    }
}

@media(max-width: 1200px) {
    .layout .chat-bar[data-v-0cb3193e] {
        position:fixed;
        top: 60px;
        left: 0;
        z-index: 1;
        width: 100vw;
        height: calc(var(--vh, 1vh)*100 - 110px)
    }
}

.open-pc-chat-button[data-v-0cb3193e] {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 6px;
    opacity: 0;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transform: translateY(-50%) translateX(-20px);
    transform: translateY(-50%) translateX(-20px)
}

.open-pc-chat-button svg[data-v-0cb3193e] {
    width: 18px;
    height: 18px
}

.open-pc-chat-button.active[data-v-0cb3193e] {
    opacity: 1;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0)
}

@media(max-width: 1200px) {
    .open-pc-chat-button[data-v-0cb3193e] {
        display:none
    }
}

.content[data-v-0cb3193e] {
    position: relative;
    z-index: 0;
    display: grid;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    grid-template-rows: 85px 1fr auto;
    grid-template-columns: 100%;
    padding: 0 50px;
    overflow-x: hidden
}

.content.scrollLock[data-v-0cb3193e] {
    padding-right: var(--scrollbarWidth)
}

@media(max-width: 1200px) {
    .content.scrollLock[data-v-0cb3193e] {
        overflow:hidden
    }
}

.content.new-year[data-v-0cb3193e] {
    padding: 3rem 50px 0 50px;
    background: no-repeat top/cover url(https://https://dragon02.online/img/new-year-bg.6cee3575.png)
}

@media(max-width: 1600px) {
    .content.new-year[data-v-0cb3193e] {
        padding:4rem 50px 0 50px
    }
}

@media(max-width: 1441px) {
    .content.new-year[data-v-0cb3193e] {
        padding:0;
        padding-top: 3rem
    }
}

@media(max-width: 1200px) {
    .content.new-year[data-v-0cb3193e] {
        padding-top:0
    }
}

@media(min-width: 1201px) {
    .content[data-v-0cb3193e] {
        overflow-y:overlay
    }
}

@media(max-width: 1600px) {
    .content[data-v-0cb3193e] {
        grid-template-rows:60px 1fr auto;
        padding: 0 50px
    }
}

@media(max-width: 1441px) {
    .content[data-v-0cb3193e] {
        padding:0
    }
}

@media(max-width: 1200px) {
    .content[data-v-0cb3193e] {
        grid-template-rows:1fr auto
    }
}

@media(max-width: 1441px) {
    .nav-bar[data-v-0cb3193e] {
        padding:15px 15px
    }
}

.content-inner[data-v-0cb3193e] {
    position: relative;
    z-index: 1;
    padding-top: 25px;
    -webkit-transition: padding .6s;
    transition: padding .6s
}

.content-inner.huge-resolution-narrow[data-v-0cb3193e] {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto
}

@media(min-width: 1601px) {
    .content-inner.hiddenChat[data-v-0cb3193e] {
        padding-right:3%;
        padding-left: 3%
    }
}

@media(max-width: 1441px) {
    .content-inner[data-v-0cb3193e] {
        padding:0 15px;
        padding-top: 30px
    }
}

@media(max-width: 1200px) {
    .content-inner[data-v-0cb3193e] {
        padding-top:50px
    }
}

@media(max-width: 600px) {
    .content-inner[data-v-0cb3193e] {
        padding-top:50px
    }
}

.footer-bar[data-v-0cb3193e] {
    padding: 10px 0;
    margin-top: 2.5rem
}

@media(max-width: 1441px) {
    .footer-bar[data-v-0cb3193e] {
        padding:10px 15px
    }
}

@media(max-width: 600px) {
    .footer-bar[data-v-0cb3193e] {
        padding-bottom:15px
    }
}

.garland[data-v-0cb3193e] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.125rem;
    pointer-events: none;
    background: transparent url(https://https://dragon02.online/img/garland.74569fda.png) repeat-x scroll 0 0;
    background-size: contain
}

@media(max-width: 1200px) {
    .garland[data-v-0cb3193e] {
        display:none
    }
}

.confetti-trigger[data-v-0cb3193e] {
    position: fixed;
    top: 15%;
    left: 40px;
    z-index: 4;
    cursor: pointer
}

@media(max-width: 1800px) {
    .confetti-trigger[data-v-0cb3193e] {
        left:20px
    }
}

.confetti-trigger.active[data-v-0cb3193e] {
    -webkit-transform: translate(40px);
    transform: translate(40px)
}

#nprogress .bar {
    background: var(--orange-1)!important
}

#confetti {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100vw;
    height: 100vh;
    pointer-events: none
}

.hint-top-fixed[data-v-b0e648d6] .autocomplete-result-list {
    top: auto!important;
    bottom: 100%
}

.hint-top-fixed[data-v-b0e648d6] .autocomplete[data-expanded] .autocomplete-input {
    border-radius: 0 0 7px 7px
}

.hint-top-fixed[data-v-b0e648d6] .autocomplete-result-list {
    padding-top: 8px;
    padding-bottom: 0;
    margin-top: auto;
    margin-bottom: 0;
    border-top-color: var(--bg-backdrop-fourth);
    border-bottom-color: transparent;
    border-radius: 8px 8px 0 0
}

.hint-top-fixed[data-v-b0e648d6] .autocomplete-result:first-of-type {
    border-top-color: transparent
}

.counter[data-v-b0e648d6] {
    padding-left: 4px
}

.error[data-v-b0e648d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 15px;
    padding-left: 4px;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 400;
    color: var(--red-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.avatar-container[data-v-216e995b] {
    position: relative;
    width: 3.375rem;
    min-width: 3.375rem;
    height: 3.375rem;
    min-height: 3.375rem;
    border-radius: 10px
}

.avatar-container.disabledAvatar[data-v-216e995b] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.avatar-container.mini[data-v-216e995b] {
    width: 2.725rem;
    min-width: 2.725rem;
    height: 2.725rem;
    min-height: 2.725rem;
    border-radius: 5px
}

.avatar-container.large[data-v-216e995b] {
    width: 5.375rem;
    min-width: 5.375rem;
    height: 5.375rem;
    min-height: 5.375rem
}

.avatar-container.avatar--logo .avatar-img[data-v-216e995b] {
    background-color: transparent;
    -o-object-fit: contain;
    object-fit: contain
}

.user-initials[data-v-216e995b] {
    max-width: 100%;
    font-size: 1rem;
    font-weight: 600;
    color: var(--white);
    letter-spacing: .025em
}

.avatar-img[data-v-216e995b] {
    width: 100%;
    height: 100%;
    background-color: var(--gray-2);
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

.avatar-img--logo[data-v-216e995b] {
    background-color: transparent
}

.dark[data-v-216e995b] {
    background-color: var(--black-1)
}

.mini-avatar[data-v-216e995b] {
    border-radius: 5px
}

.notification[data-v-216e995b] {
    position: absolute;
    top: -10px;
    right: -13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    font-size: 16px;
    font-weight: 600;
    color: var(--black);
    background-color: var(--primary);
    border-radius: 100%
}

.question[data-v-216e995b] {
    cursor: pointer
}

.mini-notification[data-v-216e995b] {
    top: -7px;
    right: -8px;
    width: 17px;
    height: 17px;
    font-size: 7px
}

.division[data-v-216e995b] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 28px;
    height: 28px;
    -webkit-transform: translate(-25%,30%);
    transform: translate(-25%,30%);
    -o-object-fit: contain;
    object-fit: contain
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 14px;
    -webkit-transition: margin-top .3s;
    transition: margin-top .3s
}

.breadcrumbs.empty {
    margin-top: 0
}

.breadcrumbs__item {
    font-size: 12px;
    font-weight: 600;
    color: var(--text-main);
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s
}

.breadcrumbs__item:hover {
    color: var(--primary)!important
}

.breadcrumbs__item:not(:last-of-type) {
    margin-right: 4px;
    color: var(--text-info)
}

.breadcrumbs__item:not(:last-of-type):after {
    content: "/ "
}

.button[data-v-7e1efcfc] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .75rem 1rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    border-radius: 10px;
    outline: none
}

.button--sm[data-v-7e1efcfc] {
    font-size: .875rem
}

@media(max-width: 600px) {
    .button--sm[data-v-7e1efcfc] {
        padding:.675em .875em;
        font-size: 12px
    }
}

.button--md[data-v-7e1efcfc] {
    font-size: 1rem
}

.button--lg[data-v-7e1efcfc] {
    padding: .875em 1.2em;
    font-size: 1.3rem
}

.button[data-v-7e1efcfc] {
    --color: var(--text-third);
    --color-hover: var(--text-third);
    --border-color: var(--primary);
    --bg-color: var(--primary);
    --bg-color-hover: var(--primary-hover);
    --bg-color-active: var(--primary-active);
    --focus-color: var(--focus-button);
    color: var(--color);
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    -webkit-transition: background-color .3s,color .3s,border .3s,-webkit-box-shadow .3s;
    transition: background-color .3s,color .3s,border .3s,-webkit-box-shadow .3s;
    transition: background-color .3s,box-shadow .3s,color .3s,border .3s;
    transition: background-color .3s,box-shadow .3s,color .3s,border .3s,-webkit-box-shadow .3s
}

.button[data-v-7e1efcfc]:hover {
    color: var(--color-hover);
    background-color: var(--bg-color-hover)
}

.button.active[data-v-7e1efcfc],.button[data-v-7e1efcfc]:active {
    color: var(--color-hover);
    background-color: var(--bg-color-active);
    border-color: var(--bg-color-active)
}

.button[data-v-7e1efcfc]:focus {
    -webkit-box-shadow: 0 0 0 .2rem var(--focus-color);
    box-shadow: 0 0 0 .2rem var(--focus-color)
}

.button[disabled][data-v-7e1efcfc] {
    cursor: default;
    --color: var(--black-5);
    --color-hover: var(--black-5);
    --bg-color: var(--bg-backdrop-fourth);
    --bg-color-hover: var(--bg-backdrop-fourth);
    --bg-color-active: var(--bg-backdrop-fourth);
    --border-color: var(--bg-backdrop-fourth)
}

.button--green[data-v-7e1efcfc] {
    --color: var(--white);
    --color-hover: var(--white);
    --border-color: var(--green-2);
    --bg-color: var(--green-2);
    --bg-color-hover: #01a76a;
    --bg-color-active: #008f5a;
    --focus-color: var(--focus-green)
}

.button--red[data-v-7e1efcfc] {
    --color: var(--white);
    --color-hover: var(--white);
    --border-color: var(--red-1);
    --bg-color: var(--red-1);
    --bg-color-hover: #cf4646;
    --bg-color-active: #af3a3a;
    --focus-color: rgba(242,78,78,0.75)
}

.button--yellow[data-v-7e1efcfc] {
    --color: var(--white);
    --color-hover: var(--white);
    --border-color: var(--orange-4);
    --bg-color: var(--orange-4);
    --bg-color-hover: var(--orange-2);
    --bg-color-active: var(--orange-3)
}

.button--blue[data-v-7e1efcfc] {
    --color: var(--white);
    --color-hover: var(--white);
    --border-color: #369bf9;
    --bg-color: #369bf9;
    --bg-color-hover: #2683da;
    --bg-color-active: #1b7ad3;
    --focus-color: rgba(54,155,249,0.6)
}

.button--white[data-v-7e1efcfc] {
    --color: var(--black);
    --color-hover: var(--black);
    --border-color: var(--white);
    --bg-color: var(--white);
    --bg-color-hover: transparent;
    --bg-color-active: transparent;
    --focus-color: var(--white)
}

.button--outline[data-v-7e1efcfc] {
    --bg-color: transparent;
    --bg-color-hover: var(--primary);
    --bg-color-active: var(--primary-hover);
    --color: var(--primary);
    --color-hover: var(--text-theme)
}

.button--outline[disabled][data-v-7e1efcfc] {
    --bg-color: transparent;
    --bg-color-hover: transparent;
    --bg-color-active: transparent
}

.button--outline[disabled] .loader[data-v-7e1efcfc] {
    background-color: var(--bg-backdrop-fourth)
}

.button--flat[data-v-7e1efcfc] {
    border-width: 0 0 1px 0;
    border-radius: 0
}

.button--flat[data-v-7e1efcfc]:focus,.button--flat[data-v-7e1efcfc]:hover {
    border-radius: 5px
}

.button .loader[data-v-7e1efcfc] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: inherit;
    background-color: var(--bg-color);
    border-radius: 10px;
    -webkit-transition: background-color .3s,border .3s;
    transition: background-color .3s,border .3s
}

.button-content[data-v-7e1efcfc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.button-content.loading[data-v-7e1efcfc] {
    opacity: 0
}

.right-icon[data-v-7e1efcfc] {
    width: 1.125em;
    height: 1.125em;
    margin-left: .5em;
    color: inherit
}

.left-icon[data-v-7e1efcfc] {
    width: 1.125em;
    height: 1.125em;
    margin-right: .5em;
    color: inherit
}

.arrow-right[data-v-7e1efcfc] {
    position: relative;
    top: 1px;
    width: 1.125em;
    height: 1.125em;
    margin-left: .5em;
    color: rgba(0,0,0,.27)
}

.button-container[disabled][data-v-7e1efcfc] {
    color: var(--black-5);
    cursor: default;
    background-color: var(--gray-2)
}

.button-container[disabled][data-v-7e1efcfc]:active,.button-container[disabled][data-v-7e1efcfc]:hover {
    background-color: var(--gray-2)
}

.button-container[disabled][data-v-7e1efcfc]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.base-card-cont[data-v-47a4baf5] {
    padding: 1.8rem;
    margin: 1.5rem 0;
    background-color: var(--bg-backdrop-third);
    border-radius: 20px
}

h2[data-v-47a4baf5] {
    margin-bottom: 0;
    font-weight: 800
}

p[data-v-47a4baf5] {
    margin-top: 10px;
    margin-bottom: 1rem
}

label[data-v-278dbc34] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1.875rem;
    margin-top: .62rem;
    font-family: sans-serif;
    font-weight: 500;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

label.sm[data-v-278dbc34] {
    font-size: 1rem
}

label.md[data-v-278dbc34] {
    font-size: 1.125rem
}

label.lg[data-v-278dbc34] {
    font-size: 1.25rem
}

@media(max-width: 1200px) {
    label[data-v-278dbc34] {
        padding-top:2.5px
    }
}

.checkbox[data-v-278dbc34] {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.checkbox[data-v-278dbc34]:focus {
    outline: 5px auto #3b99fc
}

.label .checkbox:checked+.check-mark[data-v-278dbc34]:after {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 10px;
    height: 5px;
    content: "";
    background: var(--theme-invert);
    border-bottom: 2px solid var(--primary);
    border-left: 2px solid var(--primary);
    -webkit-transition: .1s;
    transition: .1s;
    -webkit-transform: translate(-50%,-50%) rotate(-45deg);
    transform: translate(-50%,-50%) rotate(-45deg)
}

.label .checkbox:checked+.check-mark[data-v-278dbc34] {
    background-color: var(--theme-invert);
    -webkit-transition: .1s;
    transition: .1s
}

.check-mark[data-v-278dbc34],.circle[data-v-278dbc34],.disabled[data-v-278dbc34] {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    border-radius: 5px
}

.check-mark[data-v-278dbc34] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: var(--theme-invert);
    border: solid 1px var(--gray-2)
}

@media(max-width: 600px) {
    .check-mark[data-v-278dbc34] {
        width:16px;
        height: 16px
    }
}

.disabled[data-v-278dbc34] {
    width: 22px;
    height: 22px;
    cursor: default;
    background-color: var(--gray-2)
}

.circle[data-v-278dbc34] {
    border-radius: 100%
}

.circle-label .checkbox:checked+.check-mark[data-v-278dbc34]:after {
    width: 9px;
    height: 5px;
    background: var(--green-2);
    border-bottom: 1.5px solid var(--white);
    border-left: 1.5px solid var(--white)
}

.circle-label .checkbox:checked+.check-mark[data-v-278dbc34] {
    background-color: var(--green-2);
    border-color: var(--green-2);
    -webkit-transition: .1s;
    transition: .1s
}

.coins-container[data-v-da20dbc4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600
}

.coin-icon[data-v-da20dbc4] {
    width: 1.2em;
    margin-top: .1rem;
    margin-left: .06em;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.counter[data-v-5dd1467d] {
    font-size: 12px;
    font-weight: 300
}

.counter.error[data-v-5dd1467d] {
    color: var(--red-1)
}

.error[data-v-158f6e20] {
    min-height: 15px;
    padding-left: 4px;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 400;
    color: var(--red-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.error[data-v-158f6e20],.input-wrapper[data-v-4fb70359] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.input-wrapper[data-v-4fb70359] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.75rem;
    padding: 0 .9rem 0 1.1rem;
    overflow: hidden;
    color: var(--text-secondary);
    background-color: var(--bg-backdrop-third);
    border: var(--bg-backdrop) solid 1px;
    border-radius: 10px;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.input-wrapper.secondary-background[data-v-4fb70359] {
    background: var(--theme-invert)
}

.input-wrapper.dragon-page[data-v-4fb70359] {
    background: #161924;
    border-color: #161924
}

.input-wrapper.dragon-page.isNewYear .input[data-v-4fb70359] {
    color: var(--white)
}

.input-wrapper.dragon-page .input[data-v-4fb70359] {
    color: var(--gray-2)
}

.input-wrapper.leftImg[data-v-4fb70359] {
    padding-left: 8px
}

.input-wrapper.flat-style[data-v-4fb70359] {
    height: 2.125rem;
    padding: 0 0 0 .5rem;
    border-width: 0 0 1px 0;
    border-radius: 0
}

.input-wrapper.flat-style .block-label[data-v-4fb70359] {
    min-width: 0;
    padding: 0 .5em;
    margin-right: 0;
    font-size: 1rem;
    border-radius: 0
}

.error-wrapper[data-v-4fb70359] {
    border-color: var(--red-1)
}

label[data-v-4fb70359] {
    display: block;
    width: 100%;
    cursor: pointer
}

.label[data-v-4fb70359] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 8px;
    margin-left: 4px;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-form[data-v-4fb70359] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

input[data-v-4fb70359] {
    width: 100%;
    height: 100%;
    color: var(--text-main);
    background: none;
    border: none;
    outline: none
}

input[data-v-4fb70359]::-webkit-inner-spin-button,input[data-v-4fb70359]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

[data-v-4fb70359]::-webkit-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

[data-v-4fb70359]::-moz-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

[data-v-4fb70359]:-ms-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

[data-v-4fb70359]::-ms-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

[data-v-4fb70359]::placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.error[data-v-4fb70359] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 15px;
    padding-left: 4px;
    margin-top: 6px;
    font-size: 13px;
    font-weight: 400;
    color: var(--red-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media(max-width: 768px) {
    .error[data-v-4fb70359] {
        min-height:14px
    }
}

@media(max-width: 600px) {
    .error[data-v-4fb70359] {
        font-size:12px
    }
}

.custom-icon[data-v-4fb70359],.password[data-v-4fb70359] {
    color: var(--text-fourth);
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.custom-icon[data-v-4fb70359]:hover,.password[data-v-4fb70359]:hover {
    color: var(--primary)
}

.right-label[data-v-4fb70359] {
    padding-right: 10px;
    padding-left: 8px;
    font-size: 18px;
    color: var(--text-main)
}

.right-label-wrap[data-v-4fb70359] {
    height: 100%
}

.active-icon[data-v-4fb70359] {
    color: var(--primary)
}

.block-label[data-v-4fb70359] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 56.5px;
    height: 100%;
    margin-right: -15px;
    font-size: 18px;
    color: var(--text-main);
    background-color: var(--bg-backdrop);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.block-label.secondary-background.dark[data-v-4fb70359] {
    background: var(--black-3)
}

.left-image-wrap[data-v-4fb70359] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 80%;
    padding-right: .75rem;
    margin-right: 1em;
    border-right: 1px solid var(--bg-backdrop)
}

.left-image-wrap img[data-v-4fb70359] {
    width: 80px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media(max-width: 1600px) {
    .left-image-wrap img[data-v-4fb70359] {
        width:75px
    }
}

@media(max-width: 1400px) {
    .left-image-wrap img[data-v-4fb70359] {
        width:70px
    }
}

@media(max-width: 900px) {
    .left-image-wrap img[data-v-4fb70359] {
        width:60px
    }
}

.link-to[data-v-260f53b9] {
    color: var(--text-main);
    text-decoration: none
}

.link-href[data-v-260f53b9],.primary[data-v-260f53b9] {
    color: var(--primary);
    text-decoration: none
}

.link-href[data-v-260f53b9]:hover,.primary[data-v-260f53b9]:hover {
    text-decoration: underline
}

.modal-wrapper[data-v-314f037a] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    width: 100vw;
    height: calc(var(--vh, 1vh)*100);
    padding: 20px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0,0,0,.35)
}

@media(max-width: 768px) {
    .modal-wrapper[data-v-314f037a] {
        padding:15px
    }
}

.modal-wrapper[data-v-314f037a]:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.card[data-v-314f037a] {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 480px;
    padding: 20px 27px;
    font-size: 1rem;
    white-space: normal;
    vertical-align: middle;
    background-color: var(--theme-invert);
    border-radius: 20px
}

.card.inside-kenesis[data-v-314f037a] {
    position: relative!important
}

@media(max-width: 600px) {
    .card[data-v-314f037a] {
        padding:20px
    }
}

@media(max-width: 400px) {
    .card[data-v-314f037a] {
        padding:20px 15px
    }
}

.cross-icon[data-v-314f037a] {
    position: absolute;
    top: .5rem;
    right: .5rem;
    z-index: 1;
    width: 1.75rem;
    height: 1.75rem;
    padding: .25rem;
    cursor: pointer;
    stroke: var(--gray-4);
    -webkit-transition: stroke .3s ease;
    transition: stroke .3s ease
}

@media(max-width: 600px) {
    .cross-icon[data-v-314f037a] {
        top:.75rem;
        right: .75rem;
        width: 2.25rem;
        height: 2.25rem
    }
}

.cross-icon[data-v-314f037a]:hover {
    stroke: var(--black-5)
}

.spacer[data-v-314f037a] {
    position: static!important;
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.bg-confetti[data-v-314f037a] {
    width: 100%;
    height: 100%;
    background: url(https://https://dragon02.online/img/confetti.b76f34fc.png) no-repeat;
    background-size: cover
}

.kinesis-container[data-v-314f037a] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100vw;
    height: calc(var(--vh, 1vh)*100 - 50px);
    padding: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.kinesis-container>div[data-v-314f037a] {
    position: absolute
}

.kinesis-container>div[data-v-314f037a]:first-child {
    top: 20%;
    left: 5%
}

.kinesis-container>div[data-v-314f037a]:nth-child(2) {
    top: 60%;
    left: 75%
}

.kinesis-container>div[data-v-314f037a]:nth-child(3) {
    top: 80%;
    left: 10%
}

.kinesis-container>div[data-v-314f037a]:nth-child(4) {
    top: 45%;
    left: 20%
}

.kinesis-container>div[data-v-314f037a]:nth-child(5) {
    top: 10%;
    left: 80%
}

.coin-bg[data-v-314f037a] {
    position: absolute;
    width: 8.5rem
}

.coin-1[data-v-314f037a] {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.coin-2[data-v-314f037a] {
    width: 6rem;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.coin-3[data-v-314f037a] {
    -webkit-transform: scaleX(-1) rotate(15deg);
    transform: scaleX(-1) rotate(15deg)
}

.coin-4[data-v-314f037a] {
    width: 5rem;
    -webkit-transform: scaleX(-1) rotate(-15deg);
    transform: scaleX(-1) rotate(-15deg)
}

.pagination[data-v-4ad1c09c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination.isDark .button[data-v-4ad1c09c] {
    color: var(--text-secondary)
}

.pagination.isDark .button[data-v-4ad1c09c]:hover {
    color: var(--gray-1)
}

.button[data-v-4ad1c09c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 6px;
    color: var(--text-main);
    cursor: pointer;
    background-color: var(--bg-backdrop-fourth);
    border: none;
    border-radius: .625rem;
    outline: none;
    -webkit-transition: background-color .3s ease,color .3s ease;
    transition: background-color .3s ease,color .3s ease
}

.button svg[data-v-4ad1c09c] {
    width: 100%;
    height: 100%;
    stroke: currentColor
}

.button[data-v-4ad1c09c]:focus,.button[data-v-4ad1c09c]:hover:not([disabled]) {
    background-color: var(--primary)
}

.button[data-v-4ad1c09c]:focus {
    -webkit-box-shadow: 0 0 0 .2rem var(--focus-button);
    box-shadow: 0 0 0 .2rem var(--focus-button)
}

.pagination-list[data-v-4ad1c09c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0 6px;
    overflow: hidden;
    list-style: none;
    border-radius: 6px
}

.pagination-list__item[data-v-4ad1c09c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-secondary);
    cursor: pointer;
    background-color: var(--bg-backdrop-fourth);
    -webkit-transition: .3s;
    transition: .3s
}

.pagination-list__item.is-current[data-v-4ad1c09c] {
    color: var(--white);
    background-color: var(--primary)
}

.pagination-list__item[data-v-4ad1c09c]:hover:not(.pagination-list__item.is-current) {
    color: var(--primary)
}

.pagination-container[data-v-6092474c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 7rem
}

.button[data-v-6092474c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    cursor: pointer;
    background-color: var(--gray-2);
    border: none;
    border-radius: .625rem;
    outline: none;
    stroke: var(--text-main);
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.button[data-v-6092474c]:nth-child(2),.button[data-v-6092474c]:nth-child(3) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.button[data-v-6092474c]:focus,.button[data-v-6092474c]:hover {
    background-color: var(--primary)
}

.button[data-v-6092474c]:focus {
    -webkit-box-shadow: 0 0 0 .2rem var(--focus-button);
    box-shadow: 0 0 0 .2rem var(--focus-button)
}

.icon[data-v-6092474c] {
    width: 1.5rem;
    min-width: 1.5rem;
    max-width: 100%;
    height: 1.5rem;
    min-height: 1.5rem
}

.page[data-v-6092474c] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    background-color: var(--primary);
    border-radius: 50%;
    border-radius: 5px
}

@media(max-width: 600px) {
    .page[data-v-6092474c] {
        font-size:13px
    }
}

.disable[data-v-6092474c] {
    cursor: not-allowed;
    stroke: var(--gray-3)
}

.disable[data-v-6092474c]:hover {
    background: var(--gray-2)
}

.disable[data-v-6092474c]:focus {
    background-color: var(--gray-2);
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark-btn[data-v-6092474c] {
    background-color: var(--black-1);
    border: solid 1px var(--primary)
}

.dark-btn[data-v-6092474c]:focus,.dark-btn[data-v-6092474c]:hover {
    stroke: var(--white)
}

.dark-disabled[data-v-6092474c] {
    background-color: var(--black-1)
}

.dark-disabled[data-v-6092474c]:focus,.dark-disabled[data-v-6092474c]:hover {
    background-color: var(--black-1);
    stroke: var(--gray-3)
}

input[type=radio][data-v-5d2a9d66] {
    position: absolute;
    opacity: 0
}

input[type=radio]+.radio-label[data-v-5d2a9d66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

input[type=radio]+.radio-label[data-v-5d2a9d66]:empty:before {
    margin-right: 0
}

input[type=radio]+.radio-label[data-v-5d2a9d66]:before {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    text-align: center;
    vertical-align: top;
    cursor: pointer;
    content: "";
    background: var(--theme-invert);
    border: 2px solid var(--gray-2);
    border-radius: 100%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

input[type=radio]:checked+.radio-label[data-v-5d2a9d66]:before {
    background-color: var(--primary);
    border-color: var(--primary);
    -webkit-box-shadow: inset 0 0 0 4px var(--theme-invert);
    box-shadow: inset 0 0 0 4px var(--theme-invert)
}

input[type=radio]:focus+.radio-label[data-v-5d2a9d66]:before {
    border-color: var(--primary)
}

input[type=radio]:disabled+.radio-label[data-v-5d2a9d66]:before {
    background: var(--gray-2);
    border-color: var(--gray-2);
    -webkit-box-shadow: inset 0 0 0 4px var(--theme-invert);
    box-shadow: inset 0 0 0 4px var(--theme-invert)
}

.select-container[data-v-456b4b26] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.label[data-v-456b4b26] {
    margin: 0 0 .3rem .6rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--text-main)
}

.input[data-v-456b4b26] {
    width: 100%;
    padding-left: 1.1rem;
    color: var(--text-main);
    pointer-events: none;
    cursor: pointer;
    background: none;
    border: none;
    outline: none
}

.input[data-v-456b4b26]::-webkit-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.input[data-v-456b4b26]::-moz-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.input[data-v-456b4b26]:-ms-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.input[data-v-456b4b26]::-ms-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.input[data-v-456b4b26]::placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.input-wrapper[data-v-456b4b26] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: .56rem;
    cursor: pointer;
    background-color: var(--theme-invert);
    border: solid 1px var(--bg-backdrop);
    border-radius: 10px;
    outline: none
}

.icon-arrow[data-v-456b4b26] {
    width: 1rem;
    height: 1rem;
    margin-top: .3rem;
    color: var(--primary)
}

.active-icon-arrow[data-v-456b4b26] {
    -webkit-transition: rotate .3s ease;
    transition: rotate .3s ease;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.list[data-v-456b4b26] {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;
    margin-top: -1px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--theme-invert);
    border: solid 1px var(--bg-backdrop-fourth);
    border-radius: 0 0 10px 10px
}

.active[data-v-456b4b26] {
    border-radius: 10px 10px 0 0
}

.item[data-v-456b4b26] {
    padding: .5rem .6rem;
    border-bottom: 1px solid var(--bg-backdrop-fourth);
    -webkit-transition: color .1s ease;
    transition: color .1s ease
}

.item[data-v-456b4b26]:hover {
    color: var(--primary)
}

.item[data-v-456b4b26]:last-of-type {
    margin-bottom: 0
}

.focus-key[data-v-456b4b26] {
    color: var(--primary)
}

.focus-lang[data-v-456b4b26] {
    background: var(--bg-main)
}

.lang-in-input[data-v-456b4b26] {
    margin-left: .5rem
}

.lang[data-v-456b4b26] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-left: .5rem
}

.lang[data-v-456b4b26]:hover {
    background: var(--bg-main)
}

.lang-img[data-v-456b4b26] {
    width: 2.4rem;
    border: 2px solid #e7e0e0;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover
}

.dark .lang-img[data-v-456b4b26] {
    border: none
}

.dark .focus-lang[data-v-456b4b26],.dark .lang[data-v-456b4b26]:hover {
    background: var(--bg-backdrop)
}

.svg-icon[data-v-5e7ca5ee] {
    fill: currentColor
}

.wrapper[data-v-0a8c57ec] {
    display: block
}

.error[data-v-0a8c57ec] {
    padding-left: 2px;
    margin-top: .375rem;
    margin-bottom: 0;
    font-size: .875em;
    color: var(--red-1)
}

@media(max-width: 600px) {
    .error[data-v-0a8c57ec] {
        font-size:12px
    }
}

.wrapper-inner[data-v-0a8c57ec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.textarea[data-v-0a8c57ec] {
    width: 100%;
    padding: 1.125rem .975rem 5px .975rem;
    color: var(--text-main);
    resize: none;
    background-color: var(--theme-invert);
    border: var(--gray-2) 1px solid;
    border-radius: 10px;
    outline: none;
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--gray-2)
}

.textarea[data-v-0a8c57ec]::-webkit-scrollbar {
    width: 3px;
    background-color: var(--gray-2)
}

.textarea[data-v-0a8c57ec]::-webkit-scrollbar-thumb {
    background-color: var(--primary)
}

.textarea[data-v-0a8c57ec]::-webkit-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.textarea[data-v-0a8c57ec]:-moz-placeholder,.textarea[data-v-0a8c57ec]::-moz-placeholder {
    font-weight: 500;
    color: var(--text-fourth);
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.textarea[data-v-0a8c57ec]:-ms-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth);
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.textarea[data-v-0a8c57ec]:focus::-webkit-input-placeholder {
    opacity: .5
}

.textarea[data-v-0a8c57ec]:focus:-moz-placeholder,.textarea[data-v-0a8c57ec]:focus::-moz-placeholder {
    opacity: .5
}

.textarea[data-v-0a8c57ec]:focus:-ms-input-placeholder {
    opacity: .5
}

.textarea.withControls[data-v-0a8c57ec] {
    border-radius: 10px 0 0 10px
}

.textarea.dark[data-v-0a8c57ec] {
    background: var(--black-3);
    border: none
}

.label[data-v-0a8c57ec] {
    display: block;
    padding-left: 2px;
    margin-bottom: .5em;
    font-weight: 600
}

.controls[data-v-0a8c57ec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 55px;
    background-color: hsla(0,0%,76.9%,.19);
    border: solid var(--gray-2) 1px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.controls.dark[data-v-0a8c57ec] {
    border: none
}

.toggle-switcher[data-v-51dc5d4f] {
    height: 1.875em;
    font-size: 1rem
}

.toggle-switcher.small[data-v-51dc5d4f] {
    font-size: .875rem
}

@media(max-width: 600px) {
    .toggle-switcher.small[data-v-51dc5d4f] {
        font-size:12px
    }
}

.toggle-switcher.xs[data-v-51dc5d4f] {
    font-size: 11px
}

input[type=checkbox][data-v-51dc5d4f] {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1px;
    height: 1px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

label[data-v-51dc5d4f] {
    position: relative;
    display: block;
    width: 4.25em;
    height: 1.875em;
    cursor: pointer;
    background: var(--theme-invert);
    border: 1px solid var(--gray-2);
    border-radius: 100px;
    outline: red;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

label.checked[data-v-51dc5d4f] {
    border-color: var(--primary)
}

.switcher[data-v-51dc5d4f] {
    position: absolute;
    top: 0;
    left: -1px;
    width: 1.875em;
    height: 1.875em;
    content: "";
    background: var(--gray-2);
    border-radius: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

input:checked+.switcher[data-v-51dc5d4f] {
    left: calc(100% - -1px);
    background: var(--primary);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

:root {
    --white: #fff;
    --black: #000;
    --orange-1: #ffb400;
    --orange-2: #e7a508;
    --orange-3: #a27804;
    --orange-4: #f4bf1a;
    --orange-5: #f29d4e;
    --orange-6: #ffc7a8;
    --yellow-1: #f2eb4e;
    --gray-1: #f6f6f4;
    --gray-2: #dbdbd6;
    --gray-3: #c4c4c4;
    --gray-4: #a9a9a9;
    --gray-5: #f4f4f2;
    --black-1: #161924;
    --black-2: #1d202b;
    --black-3: #22252f;
    --black-4: #393838;
    --black-5: #716f6f;
    --black-6: #2b2c31;
    --black-7: #2f323c;
    --red-1: #f24e4e;
    --red-2: #ffa8a8;
    --green-1: #78f24e;
    --green-2: #02be7a;
    --green-3: #3edb08;
    --green-4: #41cb2b;
    --green-5: #5ef8c0;
    --purple-1: #8d4cf8;
    --purple-2: #be4ef2;
    --pink-1: #f24eba;
    --blue-1: #4e5ef2;
    --blue-2: #578df6;
    --blue-3: #23bdee;
    --blue-4: #121e8c;
    --gradient-1: linear-gradient(340.83deg,#681503 7.5%,#f85922 96.47%);
    --gradient-2: linear-gradient(157.45deg,#578df7 -13.22%,#5e0e6b 81.17%);
    --gradient-3: linear-gradient(340.55deg,#562848 7.5%,#7a3333 96.47%);
    --gradient-4: linear-gradient(158.71deg,#c3bbac -13.22%,#221d2e 81.17%);
    --focus-button: rgba(255,180,0,0.5);
    --focus-blue: rgba(0,123,255,0.5);
    --focus-green: rgba(2,190,122,0.5);
    --swiper-preloader-color: var(--orange-1)
}

body.light-theme,body.light-theme :after,body.light-theme :before {
    --bg-main: var(--gray-1);
    --bg-backdrop: var(--gray-2);
    --bg-backdrop-second: var(--gray-3);
    --bg-backdrop-third: var(--white);
    --bg-backdrop-fourth: var(--gray-2);
    --theme-invert: var(--white);
    --theme-invert-secondary: var(--white);
    --text-main: var(--black-4);
    --text-secondary: var(--black-5);
    --text-third: var(--black);
    --text-fourth: var(--gray-4);
    --text-info: var(--gray-3);
    --text-theme: var(--white);
    --text-theme-invert: var(--black);
    --noty-unread: #f2f2f2;
    --skeleton-blink: 255,255,255;
    --skeleton-blink-opacity: 0.3;
    --skeleton-color: var(--gray-2)
}

body.dark-theme,body.dark-theme * :after,body.dark-theme * :before,body.light-theme,body.light-theme :after,body.light-theme :before {
    --primary: var(--orange-1);
    --primary-hover: var(--orange-2);
    --primary-active: var(--orange-3);
    --success: var(--green-1);
    --danger: var(--red-1)
}

body.dark-theme,body.dark-theme * :after,body.dark-theme * :before {
    --bg-main: var(--black-1);
    --bg-backdrop: var(--black-2);
    --bg-backdrop-second: var(--gray-3);
    --bg-backdrop-third: var(--black-2);
    --bg-backdrop-fourth: var(--black-7);
    --theme-invert: var(--black-1);
    --theme-invert-secondary: var(--black-2);
    --text-main: var(--gray-3);
    --text-secondary: var(--black-5);
    --text-third: var(--black);
    --text-fourth: var(--gray-4);
    --text-info: var(--gray-3);
    --text-theme: var(--black);
    --text-theme-invert: var(--white);
    --noty-unread: var(--black-3);
    --skeleton-blink: 113,111,111;
    --skeleton-blink-opacity: 0.3;
    --skeleton-color: var(--black-4)
}

body.new-year-theme,body.new-year-theme * :after,body.new-year-theme * :before {
    --primary: var(--orange-1);
    --primary-hover: var(--orange-2);
    --primary-active: var(--orange-3);
    --success: var(--green-1);
    --danger: var(--red-1);
    --bg-main: var(--gray-1);
    --bg-backdrop: var(--gray-2);
    --bg-backdrop-second: var(--gray-3);
    --bg-backdrop-third: var(--white);
    --bg-backdrop-fourth: var(--gray-2);
    --theme-invert: var(--white);
    --theme-invert-secondary: var(--white);
    --text-secondary: var(--black-5);
    --text-third: var(--black);
    --text-fourth: var(--gray-4);
    --text-theme: var(--white);
    --text-theme-invert: var(--black);
    --noty-unread: hsla(0,0%,40%,0.59);
    --skeleton-blink: 255,255,255;
    --skeleton-blink-opacity: 0.3;
    --skeleton-color: var(--gray-2);
    --bg-t: rgba(0,0,0,0.37);
    --bg-ti: rgba(0,0,0,0.5);
    --text-main: var(--white);
    --text-info: var(--white);
    --bg-backdrop-third: var(--bg-t);
    --theme-invert: var(--bg-ti);
    --text-fourth: var(--white);
    --text-theme-invert: var(--white);
    --text-secondary: var(--white);
    --gray-2: var(--bg-ti);
    --gray-5: var(--bg-ti);
    --theme-invert-secondary: var(--bg-t);
    color: var(--white);
    --nyc: #e9ffbb;
    --nyc-2: #4a89dc
}

body.new-year-theme {
    background-color: var(--nyc-2)
}

body.new-year-theme .cool-select-gray {
    --bg-color: var(--bg-ti)
}

body.new-year-theme .IZ-select__menu {
    background-color: var(--black-1);
    border: 1px solid var(--black-5)
}

body.new-year-theme .cool-select-default .IZ-select__input,body.new-year-theme .IZ-select__item:hover {
    background-color: var(--black-2)
}

body.new-year-theme .nvuti-graphic-cont .amount {
    color: var(--white)
}

body.new-year-theme .custom-avatars-wrapper {
    --bg-color: var(--bg-ti)
}

body.new-year-theme .wagering-wrapper {
    background-color: var(--nyc-2)
}

body.new-year-theme .user-details-popover {
    background-color: var(--black-1)
}

body.new-year-theme #usedesk-messenger {
    color: var(--black-1)
}

body.new-year-theme .noty-list-wrapper,body.new-year-theme .noty-list-wrapper * :after,body.new-year-theme .noty-list-wrapper * :before,body.new-year-theme .wrapper-user-chat,body.new-year-theme .wrapper-user-chat * :after,body.new-year-theme .wrapper-user-chat * :before {
    --primary: var(--orange-1);
    --primary-hover: var(--orange-2);
    --primary-active: var(--orange-3);
    --success: var(--green-1);
    --danger: var(--red-1);
    --bg-main: var(--black-1);
    --bg-backdrop: var(--black-2);
    --bg-backdrop-second: var(--gray-3);
    --bg-backdrop-third: var(--black-2);
    --bg-backdrop-fourth: var(--black-7);
    --theme-invert: var(--black-1);
    --theme-invert-secondary: var(--black-2);
    --text-main: var(--gray-3);
    --text-secondary: var(--black-5);
    --text-third: var(--black);
    --text-fourth: var(--gray-4);
    --text-info: var(--gray-3);
    --text-theme: var(--black);
    --text-theme-invert: var(--white);
    --noty-unread: var(--black-3);
    --skeleton-blink: 113,111,111;
    --skeleton-blink-opacity: 0.3;
    --skeleton-color: var(--black-4)
}

.black-1-bg {
    background-color: var(--black-1)!important
}

.black-2-bg {
    background-color: var(--black-2)!important
}

html {
    font-size: 16px
}

@media(max-width: 1800px) {
    html {
        font-size:15px
    }
}

@media(max-width: 1600px) {
    html {
        font-size:14px
    }
}

@media(max-width: 1200px) {
    html {
        font-size:13px
    }
}

@media(max-width: 600px) {
    html {
        font-size:12px
    }
}

body {
    font-family: Exo\ 2,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    line-height: 1.2;
    font-display: swap;
    color: var(--text-main)
}

.content-inner>*>[class*=wrap]>h1:first-child,.content-inner>*>[class*=wrap]>h2:first-child,.content-inner>*>[class*=wrap]>h3:first-child,.content-inner>*>[class*=wrap]>h4:first-child,.content-inner>*>[class*=wrap]>h5:first-child,.content-inner>*>[class*=wrap]>h6:first-child,.content-inner>*>[class*=wrapper]>h1:first-child,.content-inner>*>[class*=wrapper]>h2:first-child,.content-inner>*>[class*=wrapper]>h3:first-child,.content-inner>*>[class*=wrapper]>h4:first-child,.content-inner>*>[class*=wrapper]>h5:first-child,.content-inner>*>[class*=wrapper]>h6:first-child,.content-inner>*>h1:first-child,.content-inner>*>h2:first-child,.content-inner>*>h3:first-child,.content-inner>*>h4:first-child,.content-inner>*>h5:first-child,.content-inner>*>h6:first-child {
    margin-top: 0
}

.h1,.text-xl,h1 {
    margin: .75em 0;
    font-size: 2.75rem;
    font-weight: 800
}

@media(max-width: 1600px) {
    .h1,.text-xl,h1 {
        font-size:2.5rem
    }
}

@media(max-width: 1400px) {
    .h1,.text-xl,h1 {
        font-size:2.25rem
    }
}

@media(max-width: 800px) {
    .h1,.text-xl,h1 {
        margin:1em 0;
        font-size: 2rem;
        text-align: center
    }
}

.h2,.text-lg,h2 {
    margin: .75em 0;
    font-size: 1.5rem;
    font-weight: 700
}

@media(max-width: 800px) {
    .h2,.text-lg,h2 {
        text-align:center
    }
}

.h3,.text-md,h3 {
    margin: .75em 0;
    font-size: 1.125rem;
    font-weight: 600
}

@media(max-width: 800px) {
    .h3,.text-md,h3 {
        text-align:center
    }
}

.h4,.text,h4,p {
    font-size: 1rem;
    font-weight: 400
}

.text-xs {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 400
}

@media(max-width: 600px) {
    .text-xs {
        font-size:12px
    }
}

.text--red {
    color: var(--red-1)
}

.highlighted-text {
    padding: 2rem;
    margin: 0 auto 2rem;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    border: 1px solid var(--bg-backdrop-fourth);
    border-radius: 10px
}

.highlighted-text--slim {
    padding: 1em
}

.highlighted-text--flat {
    padding: .75em;
    font-weight: 700;
    border-color: var(--primary);
    border-width: 0 0 2px 0;
    border-radius: 0
}

@media(max-width: 600px) {
    .highlighted-text:not(.highlighted-text--flat) {
        padding:1.25rem
    }
}

.highlighted-text .divider {
    display: block;
    width: calc(100% + 2em + 2px);
    height: 2px;
    margin: 1rem 0;
    margin-left: calc(-1em - 1px);
    background: var(--bg-backdrop-fourth)
}

.default-list {
    padding-left: 0;
    list-style: none
}

.default-list li {
    position: relative;
    padding-left: .75rem;
    margin: .25em 0;
    line-height: 1.35
}

.default-list li:before {
    position: absolute;
    top: .65em;
    left: 0;
    width: 6px;
    height: 2px;
    content: "";
    background-color: var(--gray-4)
}

.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

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

body {
    background-color: var(--bg-main);
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

body.light-theme * {
    scrollbar-width: thin;
    scrollbar-color: var(--primary) var(--gray-2)
}

body.light-theme ::-webkit-scrollbar {
    width: 5px;
    background-color: var(--gray-2)
}

body.light-theme ::-webkit-scrollbar-thumb {
    background-color: var(--primary)
}

body.dark-theme * {
    scrollbar-width: thin;
    scrollbar-color: var(--black-5) var(--black-6)
}

body.dark-theme ::-webkit-scrollbar {
    width: 5px;
    background-color: var(--black-6)
}

body.dark-theme ::-webkit-scrollbar-thumb {
    background-color: var(--black-5)
}

hr {
    width: 100%;
    border: 1px solid var(--bg-backdrop-2);
    border-right: 0;
    border-left: 0
}

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

.grecaptcha-badge {
    visibility: hidden
}

.container-margin-breadcrumbs {
    margin-top: 1.125rem
}

.fade-enter-active,.fade-leave-active {
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-property: opacity,border-color,background-color;
    transition-property: opacity,border-color,background-color
}

.fade-enter-active {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.fade-enter,.fade-leave-active {
    opacity: 0
}

.slide-in-enter-active,.slide-in-leave-active {
    overflow: hidden;
    -webkit-transition-timing-function: cubic-bezier(.55,0,.1,1);
    transition-timing-function: cubic-bezier(.55,0,.1,1);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-property: height,opacity,-webkit-transform;
    transition-property: height,opacity,-webkit-transform;
    transition-property: height,opacity,transform;
    transition-property: height,opacity,transform,-webkit-transform
}

.slide-in-enter,.slide-in-leave-active {
    opacity: 0;
    -webkit-transform: translateY(5em);
    transform: translateY(5em)
}

.fade-custom-avatars-enter-active,.fade-custom-avatars-leave-active {
    overflow: hidden;
    -webkit-transition-timing-function: cubic-bezier(.55,0,.1,1);
    transition-timing-function: cubic-bezier(.55,0,.1,1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: height,opacity,-webkit-transform;
    transition-property: height,opacity,-webkit-transform;
    transition-property: height,opacity,transform;
    transition-property: height,opacity,transform,-webkit-transform
}

.fade-custom-avatars-enter-active {
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.fade-custom-avatars-enter,.fade-custom-avatars-leave-active {
    opacity: 0
}

.transfer-list-enter {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.transfer-list-enter-active {
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    -webkit-transition-delay: calc(0.1s*var(--i));
    transition-delay: calc(0.1s*var(--i))
}

.transition-fade-enter-active,.transition-fade-leave-active {
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

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

body.dark-theme .tooltip .tooltip-inner,body.new-year-theme .tooltip .tooltip-inner {
    font-size: 14px;
    font-weight: 600!important;
    color: var(--text-theme-invert);
    background: var(--black-2);
    border: 1px solid var(--text-theme-invert)
}

body.dark-theme .tooltip .tooltip-arrow,body.new-year-theme .tooltip .tooltip-arrow {
    border-color: var(--primary)
}

body.dark-theme .tooltip-primary .tooltip-inner,body.new-year-theme .tooltip-primary .tooltip-inner {
    color: var(--black);
    background-color: var(--primary);
    border: none
}

.tooltip {
    z-index: 11;
    display: block!important;
    outline: 0
}

.tooltip .tooltip-inner {
    padding: .375rem .875rem;
    color: var(--text-theme-invert);
    background: var(--text-theme);
    border: 1px solid var(--primary);
    border-radius: 10px
}

.tooltip .tooltip-arrow {
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    margin: 5px;
    border-color: var(--primary);
    border-style: solid
}

.tooltip[x-placement^=top] {
    margin-bottom: 5px
}

.tooltip[x-placement^=top] .tooltip-arrow {
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
    border-width: 5px 5px 0 5px;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important
}

.tooltip[x-placement^=bottom] {
    margin-top: 5px
}

.tooltip[x-placement^=bottom] .tooltip-arrow {
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
    border-width: 0 5px 5px 5px;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-left-color: transparent!important
}

.tooltip[x-placement^=right] {
    margin-left: 5px
}

.tooltip[x-placement^=right] .tooltip-arrow {
    top: calc(50% - 5px);
    left: -5px;
    margin-right: 0;
    margin-left: 0;
    border-width: 5px 5px 5px 0;
    border-top-color: transparent!important;
    border-bottom-color: transparent!important;
    border-left-color: transparent!important
}

.tooltip[x-placement^=left] {
    margin-right: 5px
}

.tooltip[x-placement^=left] .tooltip-arrow {
    top: calc(50% - 5px);
    right: -5px;
    margin-right: 0;
    margin-left: 0;
    border-width: 5px 0 5px 5px;
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important
}

.tooltip.popover .popover-inner {
    padding: 24px;
    color: #000;
    background: #f9f9f9;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,.1);
    box-shadow: 0 5px 30px rgba(0,0,0,.1)
}

.tooltip.popover .popover-arrow {
    border-color: var(--primary)
}

.tooltip[aria-hidden=true] {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s,visibility .15s,-webkit-box-shadow .3s;
    transition: opacity .15s,visibility .15s,-webkit-box-shadow .3s;
    transition: opacity .15s,visibility .15s,box-shadow .3s;
    transition: opacity .15s,visibility .15s,box-shadow .3s,-webkit-box-shadow .3s
}

.tooltip[aria-hidden=false] {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .15s,-webkit-box-shadow .3s;
    transition: opacity .15s,-webkit-box-shadow .3s;
    transition: opacity .15s,box-shadow .3s;
    transition: opacity .15s,box-shadow .3s,-webkit-box-shadow .3s
}

.stickers-button .trigger {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.chat-stickers-tooltip-inner.tooltip-inner.popover-inner {
    padding: 10px;
    padding-bottom: 0
}

.tooltip-primary .tooltip-inner {
    font-size: 14px;
    font-weight: 600!important;
    background-color: var(--primary)
}

.user-ping-tooltip-inner.tooltip-inner.popover-inner {
    padding: 10px
}

.user-details-popover {
    padding: 0;
    background-color: var(--theme-invert-secondary);
    border: none;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 35px rgba(0,0,0,.12);
    box-shadow: 0 4px 35px rgba(0,0,0,.12)
}

.user-details-popover+.popover-arrow {
    border-color: var(--theme-invert-secondary)!important
}

.tooltip-inner.popover-inner.tooltip-notification {
    border: none!important;
    border-radius: 10px 10px 0 10px
}

.tooltip-inner.popover-inner.tooltip-notification,.tooltip-inner.popover-inner.tooltip-wagering-popup {
    padding: 0;
    overflow: hidden;
    background-color: var(--theme-invert-secondary);
    -webkit-box-shadow: 0 4px 35px rgba(0,0,0,.12);
    box-shadow: 0 4px 35px rgba(0,0,0,.12)
}

.tooltip-inner.popover-inner.tooltip-wagering-popup {
    border: none!important;
    border-radius: 4px
}

@media(max-width: 600px) {
    .tooltip-inner.popover-inner.tooltip-wagering-popup {
        border-radius:4px
    }
}

.tooltip-inner.popover-inner.tooltip-wagering-popup+.popover-arrow {
    border-color: var(--theme-invert-secondary)
}

.hooper-track {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.tooltip.division-tooltip {
    max-width: 285px
}

.tooltip.division-tooltip .tooltip-inner {
    font-size: 13px;
    color: #fff;
    text-align: center;
    background-color: var(--primary)
}

.tooltip-primary-accent {
    background-color: var(--primary);
    border-radius: .625rem
}

.tooltip-new-year-tickets {
    background: rgba(0,0,0,.7);
    border: 1px solid #e34141;
    border-radius: 11px
}

.payment-system-instant-popover {
    padding: 0;
    background-color: #6f4ef2;
    border-radius: 10px
}

.payment-system-instant-popover+.tooltip-arrow.popover-arrow {
    bottom: -23px;
    margin: 6px;
    border-color: #6f4ef2;
    border-width: 18px 11px 0 11px
}

.vue-notification-group {
    position: relative;
    left: 80px!important;
    min-width: 22rem!important;
    max-width: 26rem!important;
    cursor: default
}

@media(max-width: 1200px) {
    .vue-notification-group {
        left:1rem!important
    }
}

@media(max-width: 600px) {
    .vue-notification-group {
        margin-bottom:55px
    }
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .5em!important
}

.mt-2 {
    margin-top: .75em!important
}

.mt-3 {
    margin-top: 1em!important
}

.mt-4 {
    margin-top: 1.25em!important
}

.mt-5 {
    margin-top: 1.5em!important
}

.mt-6 {
    margin-top: 1.75em!important
}

.mt-7 {
    margin-top: 2em!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .5em!important
}

.mb-2 {
    margin-bottom: .75em!important
}

.mb-3 {
    margin-bottom: 1em!important
}

.mb-4 {
    margin-bottom: 1.25em!important
}

.mb-5 {
    margin-bottom: 1.5em!important
}

.mb-6 {
    margin-bottom: 1.75em!important
}

.mb-7 {
    margin-bottom: 2em!important
}

.my-1 {
    margin-top: .5em!important;
    margin-bottom: .5em!important
}

.my-2 {
    margin-top: .75em!important;
    margin-bottom: .75em!important
}

.my-3 {
    margin-top: 1em!important;
    margin-bottom: 1em!important
}

.my-4 {
    margin-top: 1.25em!important;
    margin-bottom: 1.25em!important
}

.my-5 {
    margin-top: 1.5em!important;
    margin-bottom: 1.5em!important
}

.my-6 {
    margin-top: 1.75em!important;
    margin-bottom: 1.75em!important
}

.my-7 {
    margin-top: 2em!important;
    margin-bottom: 2em!important
}

.ml-0 {
    margin-left: 0!important
}

.ml-1 {
    margin-left: .5em!important
}

.ml-2 {
    margin-left: .75em!important
}

.ml-3 {
    margin-left: 1em!important
}

.ml-4 {
    margin-left: 1.25em!important
}

.ml-5 {
    margin-left: 1.5em!important
}

.ml-6 {
    margin-left: 1.75em!important
}

.ml-7 {
    margin-left: 2em!important
}

.mr-0 {
    margin-right: 0!important
}

.mr-1 {
    margin-right: .5em!important
}

.mr-2 {
    margin-right: .75em!important
}

.mr-3 {
    margin-right: 1em!important
}

.mr-4 {
    margin-right: 1.25em!important
}

.mr-5 {
    margin-right: 1.5em!important
}

.mr-6 {
    margin-right: 1.75em!important
}

.mr-7 {
    margin-right: 2em!important
}

.focus-shadow {
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s
}

.focus-shadow:focus {
    outline: 0;
    -webkit-box-shadow: 0 4px 35px rgba(0,0,0,.17);
    box-shadow: 0 4px 35px rgba(0,0,0,.17)
}

.beta-label {
    display: inline-block;
    padding: 6px 1.125em;
    font-size: 14px;
    font-weight: 600;
    color: var(--white);
    text-transform: uppercase;
    background-color: var(--red-1);
    border-radius: 6px
}

@media(max-width: 600px) {
    .beta-label {
        font-size:12px
    }
}

.IZ-select * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.IZ-select * .fade-leave-active,.IZ-select .fade-leave-active {
    position: absolute
}

.IZ-select * .fade-leave,.IZ-select * .fade-leave-to,.IZ-select .fade-enter-active,.IZ-select .fade-leave-to {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.IZ-select * .fade-enter,.IZ-select * .fade-leave-to,.IZ-select .fade-enter,.IZ-select .fade-leave-to {
    opacity: 0
}

.IZ-select__input-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.IZ-select__input,.IZ-select__input input {
    height: 100%
}

.IZ-select {
    position: relative;
    outline: none
}

.IZ-select .IZ-select__input {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.IZ-select .IZ-select__input input {
    height: calc(2.3em + .75rem);
    padding: 12px 15px
}

.IZ-select--sm .IZ-select__input input {
    height: calc(2.3em + .5rem);
    padding: .25rem .8rem;
    font-size: .875rem;
    line-height: 1.5
}

.IZ-select--lg .IZ-select__input input {
    height: calc(2.3em + 1rem);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.IZ-select * {
    font-size: 16px;
    font-weight: 400
}

.IZ-select__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
    -webkit-transition: background .5s;
    transition: background .5s
}

.IZ-select__input:not(.IZ-select__input--disabled).IZ-select__input:not(.IZ-select__input--readonly) {
    background-position: 50%
}

.IZ-select__input:not(.IZ-select__input--disabled).IZ-select__input:not(.IZ-select__input--readonly):hover {
    background: #fbfbfb radial-gradient(circle,transparent 1%,#fbfbfb 0) 50%/15000%
}

.IZ-select__input:not(.IZ-select__input--disabled).IZ-select__input:not(.IZ-select__input--readonly):active {
    background-color: #f5f5f5;
    background-size: 100%;
    -webkit-transition: background 0s;
    transition: background 0s
}

.IZ-select__input.IZ-select__input--has-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.IZ-select__input.IZ-select__input--selection-slot {
    padding-left: 15px
}

.IZ-select__input.IZ-select__input--selection-slot input {
    padding-left: 10px
}

.IZ-select__input.IZ-select__input--has-error {
    border: 1px solid #ff5252!important;
    -webkit-box-shadow: 0 3px 1px -2px rgba(255,0,0,.2),0 2px 2px 0 rgba(255,0,0,.14),0 1px 5px 0 rgba(255,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(255,0,0,.2),0 2px 2px 0 rgba(255,0,0,.14),0 1px 5px 0 rgba(255,0,0,.12);
    caret-color: #ff5252!important
}

.IZ-select__input.IZ-select__input--has-error input {
    color: #ff5252!important
}

.IZ-select__input.IZ-select__input--successful {
    border: 1px solid #28a745!important;
    caret-color: #28c346!important
}

.IZ-select__input.IZ-select__input--disabled {
    pointer-events: none;
    background: rgba(0,0,0,.01)
}

.IZ-select__input.IZ-select__input--disabled input {
    color: #c8c8c8!important
}

.IZ-select__input.IZ-select__input--disabled input::-webkit-input-placeholder {
    color: #c8c8c8
}

.IZ-select__input.IZ-select__input--disabled input::-moz-placeholder {
    color: #c8c8c8
}

.IZ-select__input.IZ-select__input--disabled input:-ms-input-placeholder {
    color: #c8c8c8
}

.IZ-select__input.IZ-select__input--disabled input::-ms-input-placeholder {
    color: #c8c8c8
}

.IZ-select__input.IZ-select__input--disabled input::placeholder {
    color: #c8c8c8
}

.IZ-select__input input {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin-top: 0;
    line-height: 20px;
    color: #495057!important;
    pointer-events: auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px 25px;
    border-style: none
}

.IZ-select__input input:focus {
    outline: none
}

.IZ-select__input input:disabled {
    pointer-events: none
}

.IZ-select__menu {
    position: absolute;
    z-index: 8;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 2px;
    -webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);
    opacity: 0;
    -webkit-transition: opacity .1s;
    transition: opacity .1s;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0
}

.IZ-select__menu--at-top {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.IZ-select__menu--at-top.IZ-select__menu--disable-search {
    border-bottom: 1px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.IZ-select__menu--at-bottom {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.IZ-select__menu--at-bottom.IZ-select__menu--disable-search {
    border-top: 1px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.IZ-select__menu .IZ-select__menu-items {
    overflow-x: hidden;
    overflow-y: auto
}

.IZ-select__menu .IZ-select__no-data {
    margin: 0 10px
}

.IZ-select__item {
    padding: 18px 15px;
    cursor: pointer;
    -webkit-transition: .3s cubic-bezier(.25,.8,.5,1);
    transition: .3s cubic-bezier(.25,.8,.5,1)
}

.IZ-select__item:hover {
    background-color: #f2f2f2
}

.IZ-select__item.IZ-select__item--selected {
    color: var(--primary)!important
}

.IZ-select__error {
    margin-top: .55rem;
    font-size: 85%;
    color: #ff5252
}

.IZ-select.dark .IZ-select__input {
    background-color: var(--black-3)
}

.IZ-select.dark .IZ-select__input input {
    color: var(--text-main)!important
}

.IZ-select.dark .IZ-select__input:not(.IZ-select__input--disabled).IZ-select__input:not(.IZ-select__input--readonly):hover {
    background: var(--black-2) radial-gradient(circle,transparent 1%,var(--black-2) 0) 50%/15000%
}

.IZ-select.dark .IZ-select__input:not(.IZ-select__input--disabled).IZ-select__input:not(.IZ-select__input--readonly):active {
    background-color: var(--black-2)
}

.IZ-select.dark .IZ-select__item.IZ-select__item--selected {
    color: var(--primary)!important
}

.IZ-select.dark .IZ-select__item:hover {
    background-color: var(--black-2)
}

.IZ-select.dark .IZ-select__menu {
    background-color: var(--black-3);
    border: 1px solid var(--black-4)
}

.IZ-select.dark .IZ-select__input.IZ-select__input--disabled {
    opacity: .35
}

.cool-select-gray {
    --bg-color: #efefef;
    color: var(--text-main)
}

.cool-select-gray.dark {
    --bg-color: var(--black-1)
}

.cool-select-gray.dark.cool-select-dark-secondary {
    --bg-color: var(--black-3)
}

.cool-select-gray .IZ-select__input:not(.IZ-select__input--disabled).IZ-select__input:not(.IZ-select__input--readonly) {
    background: var(--bg-color)
}

.cool-select-gray .IZ-select__input:not(.IZ-select__input--disabled).IZ-select__input:not(.IZ-select__input--readonly):hover {
    background: var(--bg-color)!important
}

.cool-select-gray .IZ-select__input {
    color: var(--color);
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cool-select-gray .cool-select-arrow {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    margin-left: 12px;
    color: #a09a9a
}

.cool-select-default .IZ-select__input {
    border: 1px solid var(--bg-backdrop-fourth);
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cool-select-default .IZ-select__item {
    padding: 14px 16px
}

.cool-select-default .cool-select-arrow {
    color: var(--bg-backdrop-second)
}

.cool-select-arrow {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    margin-left: 6px
}

.cool-select-no-input .IZ-select__input-wrap input {
    width: 0;
    max-width: 0;
    padding-right: 0;
    padding-left: 0
}

.cool-select-bottom-fixed .IZ-select__menu {
    top: auto!important;
    bottom: 0!important
}

.cool-select-small .IZ-select__item {
    padding: 12px 10px
}

.cool-select-small * {
    font-size: 1rem
}

.cool-select-small .IZ-select__input input {
    height: calc(1.5em + .75rem)
}

.hooper-divisions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1.5rem;
    outline: none
}

.hooper-divisions .hooper-next,.hooper-divisions .hooper-prev {
    outline: none;
    fill: var(--orange-2);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.hooper-divisions .hooper-next>.icon,.hooper-divisions .hooper-prev>.icon {
    width: 5rem;
    height: 5rem
}

.hooper-divisions .hooper-prev {
    margin-left: 1.5rem
}

.hooper-divisions .hooper-next {
    margin-right: 1.5rem
}

.hooper-divisions .hooper-navigation>.is-disabled {
    opacity: 0;
    fill: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.hooper-divisions .hooper-navigation>.is-disabled:hover {
    fill: none
}

.hooper-tutorial .hooper-indicator {
    width: 4.687rem;
    height: .5rem;
    margin: 0 .437rem;
    background-color: var(--bg-backdrop-fourth)
}

.hooper-tutorial .hooper-indicator.is-active,.hooper-tutorial .hooper-indicator:hover {
    background-color: var(--primary)
}

@media(max-width: 500px) {
    .hooper-tutorial .hooper-indicator {
        width:3.5rem;
        height: .4rem
    }
}

.hooper-tutorial .hooper-next,.hooper-tutorial .hooper-prev {
    top: 37%;
    padding: .5rem;
    background: var(--primary);
    border-radius: 100%;
    outline: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.hooper-tutorial .hooper-next:hover,.hooper-tutorial .hooper-prev:hover {
    background: var(--orange-2)
}

.hooper-tutorial .hooper-next>.icon,.hooper-tutorial .hooper-prev>.icon {
    width: 3.125rem;
    height: 3.125rem
}

.hooper-tutorial .hooper-prev {
    margin-left: -1.5rem
}

.hooper-tutorial .hooper-next {
    margin-right: -1.5rem
}

.hooper-tutorial .hooper-navigation>.is-disabled {
    background: var(--gray-4);
    opacity: 1;
    fill: #7a7777
}

@media(max-width: 700px) {
    .hooper-tutorial .hooper-prev {
        left:5%
    }

    .hooper-tutorial .hooper-next {
        right: 5%
    }
}

.hooper-tickets .hooper-next,.hooper-tickets .hooper-prev {
    top: 50%;
    padding: .3rem .3rem .2rem .3rem
}

.hooper-tickets .hooper-next>.icon,.hooper-tickets .hooper-prev>.icon {
    width: 2rem;
    height: 2rem
}

.hooper-tickets .hooper-prev {
    left: 5%
}

.hooper-tickets .hooper-next {
    right: 5%
}

@media(max-width: 450px) {
    .hooper-tickets .hooper-next,.hooper-tickets .hooper-prev {
        top:44%
    }
}

.mx-datepicker .mx-input {
    border-radius: .438rem
}

body.dark-theme:not(.new-year-theme) .mx-datepicker-main {
    background: var(--theme-invert);
    border: 1px solid var(--bg-backdrop)
}

body.dark-theme:not(.new-year-theme) .mx-date-row .disabled {
    color: var(--black-6);
    background-color: var(--black-1)
}

body.dark-theme:not(.new-year-theme) .mx-datepicker .mx-input {
    color: var(--gray-2);
    background: var(--theme-invert);
    border: 1px solid var(--bg-backdrop)
}

body.dark-theme:not(.new-year-theme) .mx-datepicker .mx-icon-calendar,body.dark-theme:not(.new-year-theme) .mx-datepicker .mx-icon-clear {
    color: var(--gray-3)
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    to {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
}

@keyframes loading {
    0% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }

    to {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
}

.skeleton-loader-animation {
    position: relative;
    overflow: hidden
}

.skeleton-loader-animation:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    content: "";
    background: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(var(--skeleton-blink),var(--skeleton-blink-opacity))),to(transparent));
    background: linear-gradient(90deg,transparent,rgba(var(--skeleton-blink),var(--skeleton-blink-opacity)),transparent);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation: loading 1.75s infinite;
    animation: loading 1.75s infinite
}

.skeleton-item {
    background-color: var(--skeleton-color);
    border-radius: 6px
}

.autocomplete-dark .autocomplete-result-list {
    --bg-color: var(--black-1)
}

.autocomplete-dark .autocomplete-result {
    --item-bg: var(--black-2);
    --item-bg-selected: var(--black-3)
}

.autocomplete-input {
    width: 100%;
    height: 2.75rem;
    padding: 0 .9rem 0 1.1rem;
    color: var(--text-main);
    background-color: var(--bg-backdrop-third);
    background-color: transparent;
    border: var(--bg-backdrop) solid 1px;
    border-radius: 7px;
    outline: 0;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.autocomplete-input--textarea {
    height: 3.25em;
    padding: .375em .5em .375em .75em;
    resize: none
}

.autocomplete-input.secondary-background {
    background: var(--theme-invert)
}

.autocomplete-input[aria-expanded=true] {
    border-radius: 7px 7px 0 0
}

.autocomplete-input::-webkit-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.autocomplete-input::-moz-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.autocomplete-input:-ms-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.autocomplete-input::-ms-input-placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.autocomplete-input::placeholder {
    font-weight: 500;
    color: var(--text-fourth)
}

.autocomplete-result-list {
    --bg-color: var(--white);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 296px;
    padding: 0;
    margin: 0;
    overflow-y: auto;
    list-style: none;
    background: var(--bg-color);
    border: 1px solid var(--bg-backdrop-fourth);
    border-radius: 0 0 7px 7px;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.16);
    box-shadow: 0 2px 2px rgba(0,0,0,.16)
}

.autocomplete-result {
    --item-bg: var(--white);
    --item-bg-selected: var(--gray-5);
    --color: var(--text-info);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.375rem;
    padding: 0 .9rem 0 1.1rem;
    font-size: .9375rem;
    color: var(--color);
    cursor: pointer;
    background-color: var(--item-bg);
    border-top: 1px solid var(--bg-backdrop-fourth);
    -webkit-transition: color .3s;
    transition: color .3s
}

.autocomplete-result:hover {
    color: var(--primary);
    background-color: var(--gray-5)
}

.autocomplete-result[aria-selected] {
    color: var(--primary);
    background-color: var(--item-bg-selected)
}

[data-position=below] .autocomplete-result-list {
    padding-bottom: 8px;
    margin-top: -1px;
    border-top-color: transparent;
    border-radius: 0 0 8px 8px
}

.canvas-confetti {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    width: 100vw;
    height: 100vh;
    pointer-events: none
}

.useDesk-pc-chat-open #usedesk-messenger .uw__messenger-layout__buttons {
    right: auto;
    bottom: 10px
}

@media(min-width: 1715px) {
    .useDesk-pc-chat-open #usedesk-messenger .uw__messenger-layout__buttons {
        left:calc(-481px + 100%)
    }
}

@media(min-width: 1441px)and (max-width:1715px) {
    .useDesk-pc-chat-open #usedesk-messenger .uw__messenger-layout__buttons {
        left:71.5%
    }
}

@media(min-width: 1200px)and (max-width:1441px) {
    .useDesk-pc-chat-open #usedesk-messenger .uw__messenger-layout__buttons {
        left:70.5%
    }
}

.useDesk-pc-chat-open #usedesk-messenger .uw__messenger-layout__frame {
    right: 0
}

@media(min-width: 1715px) {
    .useDesk-pc-chat-open #usedesk-messenger .uw__messenger-layout__frame {
        left:calc(-905px + 100%)
    }
}

@media(min-width: 1441px)and (max-width:1715px) {
    .useDesk-pc-chat-open #usedesk-messenger .uw__messenger-layout__frame {
        left:calc(71.5% - 408px)
    }
}

@media(min-width: 1200px)and (max-width:1441px) {
    .useDesk-pc-chat-open #usedesk-messenger .uw__messenger-layout__frame {
        left:calc(70.5% - 408px)
    }
}

@media(max-width: 1200px) {
    #usedesk-messenger .uw__messenger-layout__buttons {
        right:10px!important;
        bottom: 60px!important
    }
}

@media(max-width: 1200px) {
    #usedesk-messenger .uw__messenger-layout__frame {
        right:58px!important;
        bottom: 60px!important
    }
}

.no-auth-left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}