@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";
.odometer.odometer-auto-theme,.odometer.odometer-theme-default,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit {
    display:inline-block;
    vertical-align:middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position:relative
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display:inline-block;
    vertical-align:middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align:left;
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display:block
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display:block;
    -webkit-backface-visibility:hidden
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display:block;
    -webkit-transform:translateZ(0)
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position:absolute
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition:-webkit-transform 2s;
    -moz-transition:-moz-transform 2s;
    -ms-transition:-ms-transform 2s;
    -o-transition:-o-transform 2s;
    transition:transform 2s
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition:-webkit-transform 2s;
    -moz-transition:-moz-transform 2s;
    -ms-transition:-ms-transform 2s;
    -o-transition:-o-transform 2s;
    transition:transform 2s;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    font-family:Helvetica Neue,sans-serif;
    line-height:1.1em
}
.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
    text-align:center
}
.balance__value .odometer,.user-dropdown__balance b .odometer {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    color:inherit;
    line-height:1
}
.user-avatar-wrap {
    position:relative;
    flex-shrink:0
}
.user-avatar-wrap .user-vip-icon {
    position:absolute;
    top:-4px;
    right:-6px;
    width:16px;
    height:16px;
    object-fit:contain;
    border-radius:3px
}
.user-btn-info {
    display:flex;
    flex-direction:column;
    text-align:left;
    line-height:1.2
}
.user-btn-info .role {
    font-size:8px!important;
    position:absolute;
    right:0;
    top:-5px
}
.user-btn-name {
    font-size:var(--fs-md);
    color:rgba(var(--t),.9)
}
.user-btn-vip {
    font-size:9px;
    font-weight:700;
    color:#ffc107
}
.user-dropdown {
    position:absolute;
    right:0;
    top:calc(100% + 8px);
    z-index:99;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:14px;
    width:260px;
    padding:0;
    overflow:hidden;
    animation:openCard .3s alternate forwards
}
.user-dropdown__header {
    display:flex;
    align-items:center;
    gap:10px;
    padding:16px;
    border-bottom:1px solid rgba(var(--t),.06)
}
.user-dropdown__header .avatar img {
    width:36px;
    height:36px;
    border-radius:50%
}
.user-dropdown__avatar {
    position:relative;
    flex-shrink:0
}
.user-dropdown__vip-banner {
    position:absolute;
    bottom:-4px;
    right:-6px;
    width:20px;
    height:20px;
    object-fit:contain;
    border-radius:4px
}
.user-dropdown__info {
    display:flex;
    flex-direction:column;
    gap:1px;
    min-width:0
}
.user-dropdown__info b {
    font-size:var(--fs-md);
    color:rgba(var(--t),1);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.user-dropdown__info small {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.4);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.user-dropdown__badges {
    display:flex;
    gap:4px;
    margin-top:4px;
    flex-wrap:wrap
}
.user-dropdown__badges .ud-badge {
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:1px 6px;
    border-radius:4px;
    font-size:9px;
    font-weight:700
}
.user-dropdown__badges .ud-badge svg {
    flex-shrink:0;
    margin:0!important
}
.user-dropdown__badges .ud-badge.vip {
    background:#ffc10726;
    color:#ffc107
}
.user-dropdown__badges .ud-badge.verified {
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1)
}
.user-dropdown__balance {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 16px;
    background:rgba(var(--primary),.06);
    border-bottom:1px solid rgba(var(--t),.06);
    transition:background .2s ease
}
.user-dropdown__balance:hover {
    background:rgba(var(--primary),.1)
}
.user-dropdown__balance-left {
    display:flex;
    align-items:center;
    gap:8px
}
.user-dropdown__balance-left span {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.5);
    font-weight:600
}
.user-dropdown__balance b {
    font-size:var(--fs-md);
    color:rgba(var(--primary),1)
}
.user-dropdown__menu {
    padding:6px 0
}
.user-dropdown__item {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    font-size:var(--fs-md);
    font-weight:500;
    color:rgba(var(--t),.7)!important;
    transition:all .15s ease
}
.user-dropdown__item svg {
    width:18px!important;
    height:18px!important;
    fill:rgba(var(--t),.35)!important;
    margin:0!important;
    flex-shrink:0
}
.user-dropdown__item:hover {
    background:rgba(var(--t),.04);
    color:rgba(var(--t),1)!important
}
.user-dropdown__item:hover svg {
    fill:rgba(var(--primary),1)!important
}
.user-dropdown__logout {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--danger),.8)!important;
    border-top:1px solid rgba(var(--t),.06);
    transition:all .15s ease
}
.user-dropdown__logout svg {
    width:18px!important;
    height:18px!important;
    fill:rgba(var(--danger),.6)!important;
    margin:0!important;
    flex-shrink:0
}
.user-dropdown__logout:hover {
    background:rgba(var(--danger),.06);
    color:rgba(var(--danger),1)!important
}
.user-dropdown__logout:hover svg {
    fill:rgba(var(--danger),1)!important
}
.market-button {
    display:flex;
    align-items:center;
    gap:8px;
    padding:0 14px;
    height:var(--h-btn);
    border-radius:10px;
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--t),1);
    background:linear-gradient(135deg,rgba(var(--primary),.12),rgba(var(--primary),.04));
    position:relative;
    overflow:hidden;
    transition:all .25s ease;
    white-space:nowrap
}
.market-button:hover {
    border-color:rgba(var(--primary),.35)
}
.market-button:hover:before {
    opacity:1
}
.market-button:hover .market-button__icon {
    transform:scale(1.1) rotate(-5deg)
}
.market-button__icon {
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .3s ease;
    flex-shrink:0
}
.market-button__icon img {
    width:35px;
    height:35px
}
.market-button__text {
    position:relative;
    z-index:1;
    color:rgba(var(--primary),1)
}
.market-button__text b {
    color:rgba(var(--t),.9)
}
.chat-button {
    position:relative
}
.chat-button svg {
    margin:0!important
}
.chat-button--fab {
    position:fixed!important;
    bottom:20px;
    right:20px;
    z-index:999999;
    width:48px!important;
    height:48px!important;
    border-radius:12px!important;
    background:rgba(var(--primary),1)!important;
    border:none!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:transform .2s ease;
    padding:0!important
}
.chat-button--fab svg {
    width:22px!important;
    height:22px!important;
    fill:rgba(var(--primary-sc),1)!important
}
.chat-button--fab:hover {
    transform:scale(1.08)
}
.chat-badge {
    position:absolute;
    top:-4px;
    right:-4px;
    min-width:16px;
    height:16px;
    padding:0 4px;
    border-radius:8px;
    background:rgba(var(--danger),1);
    color:#fff;
    font-size:9px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:1;
    animation:chatBadgePop .3s ease
}
@keyframes chatBadgePop {
    0% {
        transform:scale(0)
    }
    60% {
        transform:scale(1.2)
    }
    to {
        transform:scale(1)
    }
}
.h3-menu-btn[data-v-9c0d56ca] {
    display:none;
    width:var(--h-btn);
    height:var(--h-btn);
    border-radius:8px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all .15s ease;
    margin-left:4px
}
.h3-menu-btn svg[data-v-9c0d56ca] {
    width:18px;
    height:18px;
    fill:rgba(var(--t),.6)
}
.h3-menu-btn[data-v-9c0d56ca]:hover {
    background:rgba(var(--t),.08)
}
.h3-menu-btn:hover svg[data-v-9c0d56ca] {
    fill:rgba(var(--t),1)
}
@media(max-width:1024px) {
    .h3-menu-btn[data-v-9c0d56ca] {
        display:flex
    }
}
.h3-menu-overlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999;
    background:#00000080;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    display:flex;
    justify-content:flex-start
}
.h3-menu {
    width:280px;
    max-width:85vw;
    height:100%;
    background:rgba(var(--card),1);
    border-right:1px solid rgba(var(--card-border),1);
    display:flex;
    flex-direction:column;
    animation:h3SlideIn .25s ease
}
.h3-menu__header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    border-bottom:1px solid rgba(var(--t),.06)
}
.h3-menu__header span {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.4);
    text-transform:uppercase;
    letter-spacing:.8px
}
.h3-menu__close {
    width:30px;
    height:30px;
    border-radius:8px;
    background:rgba(var(--t),.05);
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.h3-menu__close svg {
    width:16px;
    height:16px;
    fill:rgba(var(--t),.4)
}
.h3-menu__close:hover {
    background:rgba(var(--danger),.08)
}
.h3-menu__close:hover svg {
    fill:rgba(var(--danger),1)
}
.h3-menu__body {
    flex:1;
    overflow-y:auto;
    padding:8px
}
.h3-menu__body::-webkit-scrollbar {
    width:3px
}
.h3-menu__body::-webkit-scrollbar-thumb {
    background:rgba(var(--t),.08);
    border-radius:3px
}
.h3-menu__group {
    margin-bottom:12px
}
.h3-menu__group-title {
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
    color:rgba(var(--t),.25);
    padding:6px 10px 4px
}
.h3-menu__item {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:8px;
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.65);
    text-decoration:none;
    transition:all .15s ease
}
.h3-menu__item svg {
    width:16px!important;
    height:16px!important;
    fill:rgba(var(--t),.4)!important;
    margin:0!important;
    flex-shrink:0
}
.h3-menu__item:hover {
    background:rgba(var(--t),.04);
    color:rgba(var(--t),1)
}
.h3-menu__item:hover svg {
    fill:rgba(var(--t),.8)!important
}
.h3-menu__item.router-link-active {
    color:rgba(var(--primary),1);
    background:rgba(var(--primary),.06)
}
.h3-menu__item.router-link-active svg {
    fill:rgba(var(--primary),1)!important
}
.h3-menu__badge {
    margin-left:auto;
    font-size:9px;
    font-weight:700;
    padding:2px 6px;
    border-radius:4px
}
.h3-menu__badge.primary {
    background:rgba(var(--primary),.12);
    color:rgba(var(--primary),1)
}
.h3-menu__badge.danger {
    background:rgba(var(--danger),.12);
    color:rgba(var(--danger),1)
}
.h3-menu__badge.warning {
    background:#ffc10726;
    color:#ffc107
}
@keyframes h3SlideIn {
    0% {
        transform:translate(-100%)
    }
    to {
        transform:translate(0)
    }
}
.h3-menu-fade-enter-active {
    transition:opacity .2s ease
}
.h3-menu-fade-leave-active {
    transition:opacity .15s ease
}
.h3-menu-fade-enter-from,.h3-menu-fade-leave-to {
    opacity:0
}
footer[data-v-d6546c63] {
    margin-top:10px!important;
    padding:0;
    border-top:1px solid rgba(var(--t),.04)
}
.ft-trust[data-v-d6546c63] {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:24px 0;
    border-bottom:1px solid rgba(var(--t),.04)
}
.ft-trust__item[data-v-d6546c63] {
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:14px;
    background:rgba(var(--t),.02);
    border:1px solid rgba(var(--t),.04);
    border-radius:10px
}
.ft-trust__item svg[data-v-d6546c63] {
    width:20px;
    min-width:20px;
    height:20px;
    fill:rgba(var(--primary),.7);
    margin-top:1px
}
.ft-trust__item div[data-v-d6546c63] {
    display:flex;
    flex-direction:column;
    gap:2px
}
.ft-trust__item b[data-v-d6546c63] {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.8)
}
.ft-trust__item span[data-v-d6546c63] {
    font-size:10px;
    color:rgba(var(--t),.3);
    line-height:1.3
}
.ft-grid[data-v-d6546c63] {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    padding:24px 0
}
.ft-title[data-v-d6546c63] {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--primary),1);
    text-transform:uppercase;
    letter-spacing:.8px;
    margin:0 0 12px
}
.ft-links[data-v-d6546c63] {
    list-style:none;
    padding:0;
    margin:0
}
.ft-links li[data-v-d6546c63] {
    margin-bottom:6px
}
.ft-links a[data-v-d6546c63] {
    color:rgba(var(--t),.45);
    text-decoration:none;
    font-size:var(--fs-md);
    font-weight:500;
    transition:color .15s ease
}
.ft-links a[data-v-d6546c63]:hover {
    color:rgba(var(--t),.9)
}
.ft-disclaimer[data-v-d6546c63] {
    padding:18px 0 24px;
    border-top:1px solid rgba(var(--t),.04);
    text-align:center
}
.ft-disclaimer p[data-v-d6546c63] {
    font-size:10px;
    color:rgba(var(--t),.2);
    line-height:1.7;
    margin:0 auto;
    max-width:700px
}
.ft-bottom[data-v-d6546c63] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 0 20px;
    border-top:1px solid rgba(var(--t),.04)
}
.ft-bottom__left[data-v-d6546c63] {
    display:flex;
    flex-direction:column;
    gap:6px
}
.ft-bottom__left>span[data-v-d6546c63] {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.25)
}
.ft-bottom__legal[data-v-d6546c63] {
    display:flex;
    align-items:center;
    gap:8px
}
.ft-bottom__legal a[data-v-d6546c63] {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.3);
    text-decoration:none
}
.ft-bottom__legal a[data-v-d6546c63]:hover {
    color:rgba(var(--primary),1)
}
.ft-bottom__dot[data-v-d6546c63] {
    width:3px;
    height:3px;
    border-radius:50%;
    background:rgba(var(--t),.12)
}
.ft-bottom__logo[data-v-d6546c63] {
    opacity:.6
}
.ft-bottom__right[data-v-d6546c63] {
    opacity:.3
}
.ft-bottom__provider[data-v-d6546c63] {
    display:flex;
    align-items:center;
    gap:6px;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.5);
    text-decoration:none
}
.ft-bottom__provider img[data-v-d6546c63] {
    opacity:.7
}
.ft-bottom__provider[data-v-d6546c63]:hover {
    color:rgba(var(--t),.7);
    text-decoration:none
}
.ft-mobile[data-v-d6546c63] {
    padding:16px 0
}
.ft-acc[data-v-d6546c63] {
    margin-bottom:4px;
    background:rgba(var(--t),.02);
    border:1px solid rgba(var(--t),.04);
    border-radius:10px;
    overflow:hidden
}
.ft-acc__head[data-v-d6546c63] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent
}
.ft-acc__head span[data-v-d6546c63] {
    font-size:var(--fs-md);
    font-weight:700;
    color:rgba(var(--t),.6)
}
.ft-acc__head svg[data-v-d6546c63] {
    width:18px;
    height:18px;
    fill:rgba(var(--t),.25);
    transition:transform .2s ease
}
.ft-acc__chev--open[data-v-d6546c63] {
    transform:rotate(180deg)
}
.ft-acc__body[data-v-d6546c63] {
    padding:0 14px 10px;
    list-style:none;
    margin:0
}
.ft-acc__body li[data-v-d6546c63] {
    margin-bottom:2px
}
.ft-acc__body a[data-v-d6546c63] {
    display:block;
    padding:6px 0;
    font-size:var(--fs-md);
    color:rgba(var(--t),.45);
    text-decoration:none;
    font-weight:500
}
.ft-slide-enter-active[data-v-d6546c63],.ft-slide-leave-active[data-v-d6546c63] {
    transition:all .2s ease;
    max-height:300px;
    overflow:hidden
}
.ft-slide-enter-from[data-v-d6546c63],.ft-slide-leave-to[data-v-d6546c63] {
    max-height:0;
    opacity:0
}
.ft-mobile__social[data-v-d6546c63] {
    display:flex;
    justify-content:center;
    padding:12px 0
}
.ft-mobile__legal[data-v-d6546c63] {
    display:flex;
    justify-content:center;
    gap:6px
}
.ft-mobile__legal a[data-v-d6546c63] {
    padding:7px 12px;
    background:rgba(var(--t),.03);
    border:1px solid rgba(var(--t),.05);
    border-radius:8px;
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.4);
    text-decoration:none
}
@media(max-width:768px) {
    .ft-trust[data-v-d6546c63] {
        grid-template-columns:1fr 1fr;
        gap:6px;
        padding:16px 0
    }
    .ft-trust__item[data-v-d6546c63] {
        padding:10px;
        gap:8px
    }
    .ft-trust__item svg[data-v-d6546c63] {
        width:16px;
        min-width:16px;
        height:16px
    }
    .ft-trust__item b[data-v-d6546c63] {
        font-size:10px
    }
    .ft-trust__item span[data-v-d6546c63] {
        font-size:9px
    }
    .ft-disclaimer p[data-v-d6546c63] {
        font-size:9px;
        text-align:center
    }
    .ft-bottom[data-v-d6546c63] {
        flex-direction:column;
        text-align:center;
        gap:10px;
        padding-bottom:80px
    }
    .ft-bottom__left[data-v-d6546c63],.ft-bottom__right[data-v-d6546c63] {
        text-align:center
    }
    .ft-bottom__right[data-v-d6546c63] {
        font-size:var(--fs-sm)
    }
}
.sm-overlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999;
    background:#0009;
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
    display:flex;
    align-items:flex-start;
    justify-content:center;
    padding:5vh 16px 16px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.sm-box {
    width:660px;
    max-width:100%;
    max-height:80vh;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:16px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    box-shadow:0 16px 48px #00000059;
    animation:smIn .22s ease
}
.sm-top {
    flex-shrink:0;
    padding:16px 16px 0
}
.sm-input-row {
    position:relative;
    display:flex;
    align-items:center
}
.sm-search-ico {
    position:absolute;
    left:14px;
    width:18px;
    height:18px;
    fill:rgba(var(--t),.3);
    pointer-events:none
}
.sm-top input {
    width:100%;
    height:44px;
    padding:0 44px 0 42px;
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.08);
    border-radius:10px;
    color:rgba(var(--t),1);
    font-size:var(--fs-base);
    font-weight:500;
    transition:border-color .2s,background .2s,box-shadow .2s
}
.sm-top input::placeholder {
    color:rgba(var(--t),.3)
}
.sm-top input:focus {
    border-color:rgba(var(--primary),.3);
    background:rgba(var(--t),.07);
    box-shadow:0 0 0 3px rgba(var(--primary),.08)
}
.sm-close-btn {
    position:absolute;
    right:6px;
    width:32px;
    height:32px;
    border-radius:8px;
    background:rgba(var(--t),.06);
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:background .15s
}
.sm-close-btn svg {
    width:16px;
    height:16px;
    fill:rgba(var(--t),.4)
}
.sm-close-btn:hover {
    background:rgba(var(--t),.12)
}
.sm-close-btn:hover svg {
    fill:rgba(var(--t),.7)
}
.sm-hint {
    padding:8px 2px 0;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.25);
    font-weight:500
}
.sm-hint--empty {
    color:rgba(var(--danger),.6)
}
.sm-body {
    flex:1;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:12px 16px 16px
}
.sm-body::-webkit-scrollbar {
    width:4px
}
.sm-body::-webkit-scrollbar-thumb {
    background:rgba(var(--t),.1);
    border-radius:4px
}
.sm-group:not(:last-child) {
    margin-bottom:14px
}
.sm-group__title {
    font-size:10px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
    color:rgba(var(--t),.2);
    margin-bottom:6px;
    padding-left:2px
}
.sm-grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px
}
.sm-card {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    padding:12px 6px;
    border-radius:10px;
    background:rgba(var(--t),.025);
    border:1px solid rgba(var(--t),.04);
    cursor:pointer;
    transition:all .18s ease;
    text-align:center;
    min-width:0
}
.sm-card:hover {
    background:rgba(var(--primary),.07);
    border-color:rgba(var(--primary),.14);
    transform:translateY(-1px)
}
.sm-card:hover .sm-card__ico {
    background:rgba(var(--primary),.14)
}
.sm-card:hover .sm-card__ico svg {
    fill:rgba(var(--primary),1)!important
}
.sm-card:hover .sm-card__name {
    color:rgba(var(--t),1)
}
.sm-card:active {
    transform:scale(.97)
}
.sm-card__ico {
    width:36px;
    height:36px;
    border-radius:9px;
    background:rgba(var(--t),.06);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .18s ease;
    flex-shrink:0
}
.sm-card__ico svg {
    width:18px!important;
    height:18px!important;
    fill:rgba(var(--t),.4)!important;
    margin:0!important;
    transition:fill .18s ease
}
.sm-card__name {
    font-size:var(--fs-xs);
    font-weight:600;
    color:rgba(var(--t),.55);
    line-height:1.25;
    transition:color .18s ease;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-word
}
.sm-empty {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    padding:36px 16px;
    text-align:center
}
.sm-empty svg {
    width:36px;
    height:36px;
    fill:rgba(var(--t),.08);
    margin-bottom:2px
}
.sm-empty p {
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.35);
    margin:0
}
.sm-empty small {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.2)
}
@keyframes smIn {
    0% {
        opacity:0;
        transform:translateY(-12px) scale(.98)
    }
    to {
        opacity:1;
        transform:translateY(0) scale(1)
    }
}
.sm-fade-enter-active {
    transition:opacity .18s ease
}
.sm-fade-leave-active {
    transition:opacity .12s ease
}
.sm-fade-enter-from,.sm-fade-leave-to {
    opacity:0
}
@media(max-width:700px) {
    .sm-overlay {
        padding:3vh 12px 12px
    }
    .sm-box {
        max-height:85vh;
        border-radius:14px
    }
    .sm-grid {
        grid-template-columns:repeat(3,1fr)
    }
    .sm-card {
        padding:10px 4px
    }
    .sm-card__ico {
        width:32px;
        height:32px;
        border-radius:8px
    }
    .sm-card__ico svg {
        width:16px!important;
        height:16px!important
    }
}
@media(max-height:600px) {
    .sm-overlay {
        padding:2vh 12px 8px
    }
    .sm-box {
        max-height:90vh
    }
    .sm-top {
        padding:12px 12px 0
    }
    .sm-top input {
        height:38px;
        font-size:var(--fs-sm)
    }
    .sm-body {
        padding:8px 12px 12px
    }
    .sm-card {
        padding:8px 4px;
        gap:4px
    }
    .sm-card__ico {
        width:28px;
        height:28px
    }
    .sm-card__ico svg {
        width:14px!important;
        height:14px!important
    }
    .sm-card__name {
        font-size:10px
    }
    .sm-group__title {
        margin-bottom:4px
    }
    .sm-group:not(:last-child) {
        margin-bottom:10px
    }
}
.mobile-view .sm-overlay {
    padding:0;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    background:rgba(var(--b),1)
}
.mobile-view .sm-box {
    width:100%;
    max-width:100%;
    max-height:100%;
    height:100dvh;
    border-radius:0;
    border:none;
    box-shadow:none;
    animation:none
}
.mobile-view .sm-top {
    padding:12px 12px 0
}
.mobile-view .sm-top input {
    height:42px;
    border-radius:10px
}
.mobile-view .sm-body {
    padding:10px 12px 20px
}
.mobile-view .sm-grid {
    grid-template-columns:repeat(3,1fr);
    gap:6px
}
.mobile-view .sm-card {
    padding:10px 6px;
    gap:5px
}
.mobile-view .sm-card__ico {
    width:34px;
    height:34px;
    border-radius:8px
}
.mobile-view .sm-card__ico svg {
    width:17px!important;
    height:17px!important
}
.mobile-view .sm-empty {
    padding:50px 16px
}
.ls2 {
    position:fixed!important;
    left:0!important;
    top:var(--header-height)!important;
    width:85vw!important;
    max-width:300px!important;
    height:calc(100vh - var(--header-height))!important;
    z-index:99999!important;
    background:rgba(var(--card),1);
    border-right:1px solid rgba(var(--card-border),1);
    display:flex;
    flex-direction:column;
    transform:translate(-100%);
    transition:transform .3s cubic-bezier(.4,0,.2,1);
    overflow:hidden
}
.side-o .ls2 {
    transform:translate(0)!important
}
.ls2__user {
    padding:16px;
    border-bottom:1px solid rgba(var(--t),.06);
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0
}
.ls2__user--guest {
    gap:8px
}
.ls2__avatar {
    width:36px;
    height:36px;
    border-radius:50%;
    overflow:hidden;
    flex-shrink:0;
    background:rgba(var(--t),.06)
}
.ls2__avatar img {
    width:100%;
    height:100%;
    object-fit:cover
}
.ls2__user-info {
    display:flex;
    flex-direction:column;
    min-width:0
}
.ls2__user-info b {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.9);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.ls2__user-info span {
    font-size:var(--fs-xs);
    color:rgba(var(--primary),1);
    font-weight:600
}
.ls2__guest-btn {
    flex:1;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    font-size:var(--fs-xs);
    font-weight:700;
    text-decoration:none;
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1)
}
.ls2__guest-btn--outline {
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.08);
    color:rgba(var(--t),.7)
}
.ls2__scroll {
    flex:1;
    overflow-y:auto;
    padding:8px
}
.ls2__scroll::-webkit-scrollbar {
    width:3px
}
.ls2__scroll::-webkit-scrollbar-thumb {
    background:rgba(var(--t),.08);
    border-radius:3px
}
.ls2__group {
    margin-bottom:8px
}
.ls2__group-label {
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
    color:rgba(var(--t),.2);
    padding:6px 10px 4px
}
.ls2__item {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    border-radius:8px;
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.6);
    text-decoration:none;
    transition:all .15s ease
}
.ls2__item:hover {
    background:rgba(var(--t),.04);
    color:rgba(var(--t),1)
}
.ls2__item.router-link-active {
    color:rgba(var(--primary),1);
    background:rgba(var(--primary),.06)
}
.ls2__item.router-link-active .ls2__item-icon {
    background:rgba(var(--primary),.12)
}
.ls2__item.router-link-active .ls2__item-icon svg {
    fill:rgba(var(--primary),1)!important
}
.ls2__item-icon {
    width:30px;
    height:30px;
    border-radius:8px;
    background:rgba(var(--t),.04);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    transition:background .15s ease
}
.ls2__item-icon svg {
    width:15px!important;
    height:15px!important;
    fill:rgba(var(--t),.4)!important;
    margin:0!important
}
.ls2__badge {
    margin-left:auto;
    font-size:9px;
    font-weight:700;
    padding:2px 6px;
    border-radius:4px
}
.ls2__badge.primary {
    background:rgba(var(--primary),.12);
    color:rgba(var(--primary),1)
}
.ls2__badge.danger {
    background:rgba(var(--danger),.12);
    color:rgba(var(--danger),1)
}
.ls2__badge.warning {
    background:#ffc10726;
    color:#ffc107
}
.ls2__bottom {
    flex-shrink:0;
    padding:12px 16px;
    border-top:1px solid rgba(var(--t),.06);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px
}
.ls2__social {
    display:flex;
    gap:6px
}
.ls2__social-icon {
    width:32px;
    height:32px;
    border-radius:8px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    display:flex;
    align-items:center;
    justify-content:center
}
.ls2__social-icon svg {
    width:14px!important;
    height:14px!important;
    fill:rgba(var(--t),.4)!important;
    margin:0!important
}
.ls2__social-icon:hover {
    background:rgba(var(--t),.08)
}
.ls2__social-icon:hover svg {
    fill:rgba(var(--t),.8)!important
}
.ls2__brand {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.2)
}
.ls3 {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:99999;
    pointer-events:none
}
.ls3--open {
    pointer-events:auto
}
.ls3--open .ls3__overlay {
    opacity:1
}
.ls3--open .ls3__panel {
    transform:translateY(0)
}
.ls3__overlay {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#00000080;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    opacity:0;
    transition:opacity .3s ease
}
.ls3__panel {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    max-height:85vh;
    background:rgba(var(--card),1);
    border-radius:16px 16px 0 0;
    display:flex;
    flex-direction:column;
    transform:translateY(100%);
    transition:transform .35s cubic-bezier(.4,0,.2,1)
}
.ls3__handle {
    display:flex;
    justify-content:center;
    padding:10px 0 6px;
    cursor:pointer;
    flex-shrink:0
}
.ls3__bar {
    width:36px;
    height:4px;
    border-radius:4px;
    background:rgba(var(--t),.15)
}
.ls3__user {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:8px 16px 12px;
    border-bottom:1px solid rgba(var(--t),.06);
    flex-shrink:0
}
.ls3__user-left {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0
}
.ls3__user-left .avatar {
    width:34px;
    height:34px;
    flex-shrink:0
}
.ls3__user-left .avatar img {
    width:100%;
    height:100%;
    border-radius:50%
}
.ls3__user-info {
    display:flex;
    flex-direction:column;
    min-width:0
}
.ls3__user-info b {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.9);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.ls3__user-info span {
    font-size:var(--fs-xs);
    color:rgba(var(--primary),1);
    font-weight:600
}
.ls3__user-btn {
    width:32px;
    height:32px;
    border-radius:8px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
.ls3__user-btn svg {
    width:16px;
    height:16px;
    fill:rgba(var(--t),.5)
}
.ls3__guest {
    display:flex;
    gap:8px;
    padding:10px 16px 14px;
    border-bottom:1px solid rgba(var(--t),.06);
    flex-shrink:0
}
.ls3__guest-btn {
    flex:1;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    font-size:var(--fs-sm);
    font-weight:700;
    text-decoration:none;
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1)
}
.ls3__guest-btn--alt {
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.08);
    color:rgba(var(--t),.7)
}
.ls3__scroll {
    flex:1;
    overflow-y:auto;
    padding:10px 12px 20px;
    -webkit-overflow-scrolling:touch
}
.ls3__scroll::-webkit-scrollbar {
    width:3px
}
.ls3__scroll::-webkit-scrollbar-thumb {
    background:rgba(var(--t),.08);
    border-radius:3px
}
.ls3__group {
    margin-bottom:14px
}
.ls3__group:last-child {
    margin-bottom:0
}
.ls3__group-label {
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
    color:rgba(var(--t),.2);
    padding:0 4px 6px
}
.ls3__grid {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:6px
}
.ls3__item {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px;
    padding:12px 4px 10px;
    border-radius:10px;
    background:rgba(var(--t),.03);
    border:1px solid rgba(var(--t),.04);
    text-decoration:none;
    transition:all .15s ease;
    text-align:center;
    position:relative
}
.ls3__item:active {
    transform:scale(.96);
    background:rgba(var(--t),.06)
}
.ls3__item.router-link-active {
    background:rgba(var(--primary),.08);
    border-color:rgba(var(--primary),.12)
}
.ls3__item.router-link-active .ls3__icon {
    background:rgba(var(--primary),.15)
}
.ls3__item.router-link-active .ls3__icon svg {
    fill:rgba(var(--primary),1)!important
}
.ls3__item.router-link-active>span:first-of-type {
    color:rgba(var(--primary),1)
}
.ls3__item>span:first-of-type {
    font-size:var(--fs-xs);
    font-weight:600;
    color:rgba(var(--t),.55);
    line-height:1.2;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    word-break:break-word
}
.ls3__icon {
    width:34px;
    height:34px;
    border-radius:10px;
    background:rgba(var(--t),.05);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    transition:background .15s ease
}
.ls3__icon svg {
    width:17px!important;
    height:17px!important;
    fill:rgba(var(--t),.4)!important;
    margin:0!important
}
.ls3__badge {
    position:absolute;
    top:4px;
    right:4px;
    font-size:7px;
    font-weight:700;
    padding:1px 4px;
    border-radius:3px
}
.ls3__badge.primary {
    background:rgba(var(--primary),.12);
    color:rgba(var(--primary),1)
}
.ls3__badge.danger {
    background:rgba(var(--danger),.12);
    color:rgba(var(--danger),1)
}
.ls3__badge.warning {
    background:#ffc10726;
    color:#ffc107
}
.popup-enter-active {
    animation:popupIn .3s ease-out
}
.popup-enter-active .popup {
    animation:popupCardIn .35s .05s ease-out both
}
.popup-leave-active {
    animation:popupOut .2s ease-in
}
.popup-leave-active .popup {
    animation:popupCardOut .2s ease-in
}
@keyframes popupIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes popupOut {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}
@keyframes popupCardIn {
    0% {
        opacity:0;
        transform:scale(.92) translateY(10px)
    }
    to {
        opacity:1;
        transform:scale(1) translateY(0)
    }
}
@keyframes popupCardOut {
    0% {
        opacity:1;
        transform:scale(1)
    }
    to {
        opacity:0;
        transform:scale(.95)
    }
}
.popup-overlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:9999999;
    background:#0009;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px
}
.popup {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:14px;
    width:100%;
    max-width:420px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    position:relative;
    max-height:90vh
}
.popup--single {
    max-width:min(420px,80vw)
}
.popup--duo {
    max-width:min(560px,85vw)
}
.popup--wide {
    max-width:min(820px,90vw)
}
.popup__bar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 14px;
    border-bottom:1px solid rgba(var(--t),.05);
    flex-shrink:0
}
.popup__title {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.7)
}
.popup__bar-actions {
    display:flex;
    align-items:center;
    gap:var(--h-gap)
}
.popup__dismiss {
    background:none;
    border:none;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.3);
    cursor:pointer;
    padding:4px 8px;
    border-radius:6px;
    transition:all .15s ease;
    font-weight:600
}
.popup__dismiss:hover {
    background:rgba(var(--t),.04);
    color:rgba(var(--t),.5)
}
.popup__close {
    width:28px;
    height:28px;
    border-radius:8px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all .15s ease
}
.popup__close svg {
    width:14px;
    height:14px;
    fill:rgba(var(--t),.4)
}
.popup__close:hover {
    background:rgba(var(--danger),.1);
    border-color:rgba(var(--danger),.15)
}
.popup__close:hover svg {
    fill:rgba(var(--danger),1)
}
.popup__body {
    overflow-y:auto;
    padding:10px
}
.popup__body::-webkit-scrollbar {
    width:3px
}
.popup__body::-webkit-scrollbar-thumb {
    background:rgba(var(--t),.08);
    border-radius:3px
}
.popup-gallery {
    display:grid;
    gap:6px
}
.popup-gallery__item {
    position:relative;
    overflow:hidden;
    border-radius:10px;
    display:block;
    cursor:pointer
}
.popup-gallery__item img,.popup-gallery__item video {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:0!important;
    transition:transform .3s ease
}
.popup-gallery__item:hover img,.popup-gallery__item:hover video {
    transform:scale(1.03)
}
.popup-gallery__hover {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#0006;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity .2s ease
}
.popup-gallery__hover span {
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1);
    padding:6px 16px;
    border-radius:8px;
    font-size:var(--fs-xs);
    font-weight:700
}
.popup-gallery__item:hover .popup-gallery__hover {
    opacity:1
}
.popup-gallery--1 {
    grid-template-columns:1fr
}
.popup-gallery--1 .popup-gallery__item {
    aspect-ratio:1/1
}
.popup-gallery--2 {
    grid-template-columns:1fr 1fr
}
.popup-gallery--2 .popup-gallery__item {
    aspect-ratio:1/1
}
.popup-gallery--3 {
    grid-template-columns:repeat(3,1fr)
}
.popup-gallery--3 .popup-gallery__item {
    aspect-ratio:1/1
}
.popup-gallery--4 {
    grid-template-columns:1fr 1fr
}
.popup-gallery--4 .popup-gallery__item {
    aspect-ratio:1/1
}
.popup-gallery--5 {
    grid-template-columns:repeat(6,1fr)
}
.popup-gallery--5 .popup-gallery__item--1,.popup-gallery--5 .popup-gallery__item--2,.popup-gallery--5 .popup-gallery__item--3 {
    grid-column:span 2;
    aspect-ratio:1/1
}
.popup-gallery--5 .popup-gallery__item--4,.popup-gallery--5 .popup-gallery__item--5 {
    grid-column:span 3;
    aspect-ratio:1/1
}
.popup-gallery--6 {
    grid-template-columns:repeat(3,1fr)
}
.popup-gallery--6 .popup-gallery__item {
    aspect-ratio:1/1
}
.popup-gallery--7 {
    grid-template-columns:repeat(12,1fr)
}
.popup-gallery--7 .popup-gallery__item--1,.popup-gallery--7 .popup-gallery__item--2,.popup-gallery--7 .popup-gallery__item--3,.popup-gallery--7 .popup-gallery__item--4 {
    grid-column:span 3;
    aspect-ratio:1/1
}
.popup-gallery--7 .popup-gallery__item--5,.popup-gallery--7 .popup-gallery__item--6,.popup-gallery--7 .popup-gallery__item--7 {
    grid-column:span 4;
    aspect-ratio:1/1
}
.mobile-view .popup-overlay {
    padding:16px;
    align-items:center
}
.mobile-view .popup {
    max-width:100%!important;
    max-height:85vh;
    border-radius:12px
}
.mobile-view .popup__bar {
    padding:8px 12px
}
.mobile-view .popup__body {
    padding:8px
}
.mobile-view .popup-gallery__item {
    border-radius:8px;
    aspect-ratio:1/1
}
.mobile-view .popup-gallery--1,.mobile-view .popup-gallery--2 {
    grid-template-columns:1fr
}
.mobile-view .popup-gallery--3 {
    grid-template-columns:1fr 1fr
}
.mobile-view .popup-gallery--3 .popup-gallery__item--1 {
    grid-column:1/-1
}
.mobile-view .popup-gallery--4,.mobile-view .popup-gallery--5,.mobile-view .popup-gallery--6,.mobile-view .popup-gallery--7 {
    grid-template-columns:1fr 1fr
}
.mobile-view .popup-gallery--4 .popup-gallery__item,.mobile-view .popup-gallery--5 .popup-gallery__item,.mobile-view .popup-gallery--6 .popup-gallery__item,.mobile-view .popup-gallery--7 .popup-gallery__item {
    grid-column:span 1
}
.mobile-view .popup-gallery--5 .popup-gallery__item--5,.mobile-view .popup-gallery--7 .popup-gallery__item--7 {
    grid-column:1/-1
}
.stream {
    position:fixed;
    z-index:999990;
    cursor:grab;
    transition:top .2s ease,left .2s ease;
    border-radius:12px;
    overflow:hidden;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1)
}
.stream--dragging {
    cursor:grabbing;
    transition:none!important
}
.stream--dragging .stream__content {
    pointer-events:none
}
.stream--mini .stream__content {
    display:none
}
.stream__header {
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    height:34px;
    background:rgba(var(--t),.03);
    border-bottom:1px solid rgba(var(--t),.06);
    user-select:none;
    -webkit-user-select:none;
    touch-action:none
}
.stream__live-dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background:red;
    animation:streamPulse 1.5s ease-in-out infinite;
    flex-shrink:0
}
.stream__label {
    font-size:var(--fs-xs);
    font-weight:800;
    color:#f44;
    letter-spacing:.5px;
    flex:1
}
.stream__actions {
    display:flex;
    gap:2px
}
.stream__btn {
    width:26px;
    height:26px;
    border-radius:6px;
    background:rgba(var(--t),.05);
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .15s ease;
    -webkit-tap-highlight-color:transparent
}
.stream__btn svg {
    width:14px;
    height:14px;
    fill:rgba(var(--t),.5)
}
.stream__btn:hover {
    background:rgba(var(--t),.1)
}
.stream__btn:hover svg {
    fill:rgba(var(--t),.9)
}
.stream__btn--close:hover {
    background:rgba(var(--danger),.12)
}
.stream__btn--close:hover svg {
    fill:rgba(var(--danger),1)
}
.stream__content {
    width:380px;
    height:214px;
    padding:0
}
.stream__content iframe {
    width:100%!important;
    height:100%!important;
    border:none;
    display:block
}
.stream--mobile {
    border-radius:10px
}
.stream--mobile .stream__content {
    width:280px;
    height:158px
}
.stream--mobile .stream__btn {
    width:28px;
    height:28px
}
.stream--mobile .stream__btn svg {
    width:15px;
    height:15px
}
.stream--mobile .stream__header {
    height:34px
}
@keyframes streamPulse {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.3
    }
}
.avs__desc {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.4);
    text-align:center;
    margin:0 0 14px
}
.avs__grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-bottom:14px
}
.avs__item {
    position:relative;
    border-radius:10px;
    overflow:hidden;
    border:2px solid transparent;
    cursor:pointer;
    transition:all .2s ease
}
.avs__item img {
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    display:block
}
.avs__item:hover {
    border-color:rgba(var(--t),.15)
}
.avs__item--active,.avs__item--active:hover {
    border-color:rgba(var(--primary),1)
}
.avs__check {
    position:absolute;
    top:6px;
    right:6px;
    width:22px;
    height:22px;
    border-radius:50%;
    background:rgba(var(--primary),1);
    display:flex;
    align-items:center;
    justify-content:center;
    animation:avsCheckIn .2s cubic-bezier(.34,1.56,.64,1)
}
.avs__check svg {
    width:14px;
    height:14px;
    fill:rgba(var(--primary-sc),1)
}
.avs__btn {
    margin-top:4px
}
@keyframes avsCheckIn {
    0% {
        transform:scale(0)
    }
    to {
        transform:scale(1)
    }
}
.v3-body-inner {
    scroll-behavior:smooth;
    scrollbar-color:#393d3f rgba(0,0,0,.1);
    scrollbar-width:thin
}
.v3-body-inner::-webkit-scrollbar {
    width:8px
}
.v3-body-inner::-webkit-scrollbar-track {
    background-color:transparent
}
.v3-body-inner::-webkit-scrollbar-thumb {
    display:none;
    background:#0000004d;
    border-radius:5px
}
.v3-body-inner:hover::-webkit-scrollbar-thumb {
    display:block
}
.v3-emoji-picker {
    height:320px;
    width:280px;
    box-shadow:0 2px 10px #0003;
    border-radius:10px;
    margin:0 auto;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    text-align:left
}
.v3-emoji-picker * {
    box-sizing:border-box
}
.v3-emoji-picker .v3-header {
    padding:15px 15px 13px;
    border-bottom:1px solid
}
.v3-emoji-picker .v3-header .v3-groups {
    display:flex
}
.v3-emoji-picker .v3-header .v3-groups .v3-group {
    flex-grow:1;
    padding:0;
    margin:0;
    border:none;
    background:none;
    font-size:23px;
    cursor:pointer;
    position:relative;
    display:block;
    opacity:.7;
    transition:.2s
}
.v3-emoji-picker .v3-header .v3-groups .v3-group.v3-is-hidden {
    display:none
}
.v3-emoji-picker .v3-header .v3-groups .v3-group:first-child,.v3-emoji-picker .v3-header .v3-groups .v3-group:last-child {
    flex-grow:0
}
.v3-emoji-picker .v3-header .v3-groups .v3-group:hover {
    opacity:1
}
.v3-emoji-picker .v3-header .v3-groups .v3-group span {
    display:flex;
    align-items:center;
    justify-content:center
}
.v3-emoji-picker .v3-header .v3-groups .v3-group span img {
    display:block;
    width:1em;
    height:auto
}
.v3-emoji-picker .v3-spacing {
    height:11px
}
.v3-emoji-picker .v3-search input {
    width:100%;
    display:block;
    height:26px;
    padding:0 10px;
    border:1px solid;
    border-radius:3px;
    font-size:12px;
    transition:.2s
}
.v3-emoji-picker .v3-search input:focus {
    outline:none
}
.v3-emoji-picker .v3-body {
    padding:0 0 15px 11px;
    min-height:0;
    flex-grow:1
}
.v3-emoji-picker .v3-body .v3-body-inner {
    flex-grow:1;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    height:100%;
    padding-right:11px
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5 {
    margin:0;
    top:0;
    padding:7px 0 3px 4px;
    z-index:2
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5.v3-sticky {
    position:sticky
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis {
    display:flex;
    font-size:18px;
    flex-wrap:wrap
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button {
    cursor:pointer;
    border:none;
    background:none;
    margin:0;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-basis:12.5%;
    max-width:12.5%;
    flex-grow:1;
    padding:0;
    font-size:22px;
    position:relative
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:after {
    content:"";
    width:100%;
    padding-bottom:100%
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span {
    display:flex;
    align-items:center;
    justify-content:center
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img {
    max-width:100%;
    padding:4px
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button span,.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button img {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.v3-emoji-picker .v3-body .v3-body-inner.is-mac .v3-emojis button {
    font-family:"Apple Color Emoji"
}
.v3-emoji-picker .v3-footer {
    font-size:14px;
    border-top:1px solid #dddddd;
    padding:15px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative
}
.v3-emoji-picker .v3-footer .v3-tone,.v3-emoji-picker .v3-footer .v3-foot-left {
    display:flex;
    align-items:center
}
.v3-emoji-picker .v3-footer .v3-tone img,.v3-emoji-picker .v3-footer .v3-foot-left img {
    width:20px;
    display:block
}
.v3-emoji-picker .v3-footer .v3-tone>span:first-child,.v3-emoji-picker .v3-footer .v3-foot-left>span:first-child {
    margin-right:6px
}
.v3-emoji-picker .v3-footer .v3-foot-left>span.v3-text {
    max-width:100px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.v3-emoji-picker .v3-footer .v3-tone {
    border:none;
    padding:0;
    background:none;
    cursor:pointer;
    display:inline-flex;
    align-items:center
}
.v3-emoji-picker .v3-footer .v3-tone>span {
    display:inline-flex;
    vertical-align:top
}
.v3-emoji-picker .v3-footer .v3-tone .v3-text {
    font-size:13px
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon {
    display:inline-flex;
    height:15px;
    width:15px;
    vertical-align:middle;
    align-self:center;
    border:2px solid rgba(0,0,0,.2)
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-neutral {
    background-color:#ffd225
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fb {
    background-color:#ffdfbd
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fc {
    background-color:#e9c197
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fd {
    background-color:#c88e62
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3fe {
    background-color:#a86637
}
.v3-emoji-picker .v3-footer .v3-tone .v3-icon.v3-tone-1f3ff {
    background-color:#60463a
}
.v3-emoji-picker .v3-footer .v3-tone .is-mac span {
    font-family:"Apple Color Emoji"
}
.v3-skin-tones {
    position:absolute;
    height:100%;
    width:60%;
    top:0;
    left:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:0 15px;
    opacity:0;
    visibility:hidden;
    transition:.2s;
    border-radius:0 0 10px 10px
}
.v3-skin-tones.v3-is-open {
    opacity:1;
    visibility:visible
}
.v3-skin-tones .v3-skin-tone {
    display:inline-block;
    height:15px;
    width:25px;
    border:none;
    padding:0;
    cursor:pointer;
    transition:0ms
}
.v3-skin-tones .v3-skin-tone:hover {
    transform:scale(1.1);
    transition:.2s
}
.v3-skin-tones .v3-skin-tone-neutral {
    color:#ffd225;
    background-color:#ffd225
}
.v3-skin-tones .v3-skin-tone-1f3fb {
    color:#ffdfbd;
    background-color:#ffdfbd
}
.v3-skin-tones .v3-skin-tone-1f3fc {
    color:#e9c197;
    background-color:#e9c197
}
.v3-skin-tones .v3-skin-tone-1f3fd {
    color:#c88e62;
    background-color:#c88e62
}
.v3-skin-tones .v3-skin-tone-1f3fe {
    color:#a86637;
    background-color:#a86637
}
.v3-skin-tones .v3-skin-tone-1f3ff {
    color:#60463a;
    background-color:#60463a
}
.v3-input-emoji-picker * {
    box-sizing:border-box
}
.v3-input-emoji-picker .v3-input-picker-root {
    position:relative
}
.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-input,.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea {
    width:100%;
    height:40px;
    border:1px solid #999;
    padding-left:15px
}
.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea {
    min-height:80px;
    resize:vertical
}
.v3-input-emoji-picker .v3-input-picker-root .v3-emoji-picker-textarea+.v3-input-picker-wrap .v3-input-picker-icon {
    top:auto;
    bottom:5px
}
.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon {
    display:inline-flex;
    position:absolute;
    right:5px;
    top:50%;
    transform:translateY(-50%);
    font-size:24px;
    border:none;
    background:none;
    padding:0 5px;
    cursor:pointer
}
.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-input-picker-icon img {
    display:block;
    width:1em;
    height:1em
}
.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap .v3-emoji-picker {
    opacity:0;
    visibility:hidden;
    transition:.2s
}
.v3-input-emoji-picker .v3-input-picker-root .v3-input-picker-wrap.v3-picker-is-open .v3-emoji-picker {
    opacity:1;
    visibility:visible;
    z-index:999
}
.v3-emoji-picker {
    --v3-picker-bg: #ffffff;
    --v3-picker-fg: #000000;
    --v3-picker-border: #dddddd;
    --v3-picker-input-bg: var(--v3-picker-bg);
    --v3-picker-input-border: #cccccc;
    --v3-picker-input-focus-border: #000000;
    --v3-group-image-filter: none;
    --v3-picker-emoji-hover: #f7f7f7;
    background:var(--v3-picker-bg);
    color:var(--v3-picker-fg)
}
.v3-emoji-picker .v3-footer,.v3-emoji-picker .v3-header {
    border-color:var(--v3-picker-border)
}
.v3-emoji-picker .v3-groups {
    filter:var(--v3-group-image-filter)
}
.v3-emoji-picker .v3-tone {
    color:var(--v3-picker-fg)
}
.v3-emoji-picker .v3-search input {
    background:var(--v3-picker-input-bg);
    border-color:var(--v3-picker-input-border);
    color:inherit
}
.v3-emoji-picker .v3-search input:focus {
    border-color:var(--v3-picker-input-focus-border)
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group h5,.v3-emoji-picker .v3-skin-tones {
    background:var(--v3-picker-bg)
}
.v3-emoji-picker .v3-body .v3-body-inner .v3-group .v3-emojis button:hover {
    background:var(--v3-picker-emoji-hover, #f7f7f7)
}
@media(prefers-color-scheme:dark) {
    .v3-emoji-picker.v3-color-theme-auto {
        --v3-picker-bg: #000000;
        --v3-picker-fg: #ffffff;
        --v3-picker-border: #333333;
        --v3-picker-input-bg: #222222;
        --v3-picker-input-border: #444444;
        --v3-picker-input-focus-border: #555555;
        --v3-group-image-filter: invert(1);
        --v3-picker-emoji-hover: #222222
    }
}
.v3-emoji-picker.v3-color-theme-dark {
    --v3-picker-bg: #000000;
    --v3-picker-fg: #ffffff;
    --v3-picker-border: #333333;
    --v3-picker-input-bg: #222222;
    --v3-picker-input-border: #444444;
    --v3-picker-input-focus-border: #555555;
    --v3-group-image-filter: invert(1);
    --v3-picker-emoji-hover: #222222
}
canvas {
    height:100%;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    pointer-events:none;
    z-index:9999999
}
.mobile-template .christmas-button {
    bottom:70px!important
}
.christmas-button {
    position:fixed;
    right:0;
    bottom:20px;
    z-index:10000000;
    padding:10px;
    border:1px solid rgba(var(--primary));
    border-left:none;
    background-color:rgba(var(--primary));
    display:flex;
    border-radius:5px 0 0 5px;
    cursor:pointer;
    font-size:11px;
    transition:background-color .3s;
    align-items:center;
    color:rgba(var(--primary-sc));
    font-weight:700
}
.christmas-button svg {
    margin-left:5px
}
.christmas-button svg path,.christmas-button svg g {
    fill:currentColor!important
}
@keyframes shineEffect-104e481c {
    0% {
        left:-50%;
        opacity:0
    }
    50% {
        left:25%;
        opacity:.5
    }
    to {
        left:100%;
        opacity:0
    }
}
.task-card[data-v-104e481c] {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    overflow:hidden;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    height:100%;
    padding:0 20px;
    gap:20px
}
.task-card.horizontal[data-v-104e481c] {
    display:flex;
    flex-direction:row
}
.task-card .left[data-v-104e481c] {
    background:linear-gradient(135deg,rgba(var(--primary),.2) 0%,transparent 100%);
    padding:10px;
    display:flex;
    border:1px solid rgba(var(--primary),.2);
    flex-direction:column;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    border-radius:15px
}
.task-card .left .task-icon[data-v-104e481c] {
    margin-bottom:5px
}
.task-card .left .task-icon svg[data-v-104e481c] {
    width:30px;
    height:30px;
    fill:rgba(var(--primary),1)
}
.task-card .left .point-badge[data-v-104e481c] {
    display:inline-flex;
    flex-direction:column;
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1);
    padding:5px 20px;
    border-radius:10px;
    box-shadow:0 4px 15px rgba(var(--primary),.4);
    text-align:center
}
.task-card .left .point-badge .point-value[data-v-104e481c] {
    font-size:var(--fs-base);
    font-weight:700;
    line-height:1
}
.task-card .left .point-badge .point-text[data-v-104e481c] {
    font-size:var(--fs-xs);
    font-weight:600;
    letter-spacing:1px;
    margin-top:2px
}
.task-card .right-side[data-v-104e481c] {
    padding:10px 0;
    flex:1;
    display:flex;
    flex-direction:column
}
.task-card .right-side h1[data-v-104e481c] {
    font-size:var(--fs-base);
    font-weight:700;
    color:rgba(var(--sc),1);
    margin:0
}
.task-card .right-side .description[data-v-104e481c] {
    font-size:var(--fs-sm);
    color:rgba(var(--sc),.7);
    line-height:1.5;
    margin-top:5px;
    margin-bottom:5px;
    flex:1
}
.task-card .right-side .description[data-v-104e481c] .task-link {
    color:rgba(var(--primary),1);
    text-decoration:underline;
    word-break:break-all;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.task-card .right-side .description[data-v-104e481c] .task-link:hover {
    color:rgba(var(--primary),.8);
    text-decoration:none
}
.task-card .right-side .button[data-v-104e481c] {
    margin-top:auto
}
.task-card .right-side .button svg[data-v-104e481c] {
    margin-right:8px;
    width:20px;
    height:20px
}
.task-card .right-side .admin-note[data-v-104e481c] {
    display:block;
    font-size:var(--fs-sm);
    color:rgba(var(--sc),.6);
    margin-top:8px;
    padding:8px 12px;
    background:rgba(var(--t),.05);
    border-radius:8px;
    border:1px dashed rgba(var(--card-border),.5)
}
.task-card .right-side .admin-note i[data-v-104e481c] {
    margin-right:5px
}
.task-card .right-side .progress-container[data-v-104e481c] {
    margin:5px 0;
    padding:10px;
    background:rgba(var(--t),.03);
    border-radius:8px;
    border:1px solid rgba(var(--card-border),.5)
}
.task-card .right-side .progress-container .progress-info[data-v-104e481c] {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:8px;
    font-size:var(--fs-md)
}
.task-card .right-side .progress-container .progress-info .progress-text[data-v-104e481c] {
    color:rgba(var(--sc),.9);
    font-weight:600
}
.task-card .right-side .progress-container .progress-info .progress-percent[data-v-104e481c] {
    color:rgba(var(--primary),1);
    font-weight:700
}
.task-card .right-side .progress-container .progress-bar[data-v-104e481c] {
    height:10px;
    background:rgba(var(--t),.1);
    border-radius:10px;
    overflow:hidden;
    position:relative
}
.task-card .right-side .progress-container .progress-bar .progress-fill[data-v-104e481c] {
    height:100%;
    background:linear-gradient(90deg,rgba(var(--primary),.6),rgba(var(--primary),1));
    border-radius:10px;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    position:relative
}
.task-card .right-side .progress-container .progress-bar .progress-fill.complete[data-v-104e481c] {
    background:linear-gradient(90deg,rgba(var(--primary),1),rgba(var(--primary),1));
    box-shadow:0 0 15px rgba(var(--primary),.6);
    animation:pulse-104e481c 2s ease-in-out infinite
}
.task-card .task-btn--collected[data-v-104e481c] {
    background:rgba(var(--primary),.2);
    color:rgba(var(--primary),1);
    cursor:not-allowed
}
.task-card .task-btn--pending[data-v-104e481c] {
    background:#ffc10733;
    color:#ffc107;
    cursor:not-allowed
}
.task-card .alert--danger[data-v-104e481c] {
    border-color:red
}
@keyframes pulse-104e481c {
    0%,to {
        box-shadow:0 0 15px rgba(var(--primary),.4)
    }
    50% {
        box-shadow:0 0 25px rgba(var(--primary),.8)
    }
}
@media screen and (max-width:996px) {
    .task-card[data-v-104e481c] {
        gap:5px!important;
        padding:10px!important
    }
    .task-card.horizontal[data-v-104e481c] {
        flex-direction:column
    }
    .task-card .left[data-v-104e481c] {
        border-right:none;
        border-bottom:1px solid rgba(var(--card-border),1);
        min-width:auto;
        width:100%;
        padding:20px
    }
    .task-card .left .task-icon svg[data-v-104e481c] {
        width:45px;
        height:45px
    }
    .task-card .left .point-badge[data-v-104e481c] {
        padding:8px 16px
    }
    .task-card .left .point-badge .point-value[data-v-104e481c] {
        font-size:var(--fs-2xl)
    }
    .task-card .left .point-badge .point-text[data-v-104e481c] {
        font-size:9px
    }
    .task-card .right-side[data-v-104e481c] {
        padding:15px
    }
    .task-card .right-side h1[data-v-104e481c] {
        font-size:var(--fs-lg)
    }
    .task-card .right-side .description[data-v-104e481c] {
        font-size:var(--fs-md)
    }
}
.tasks-grid[data-v-5b82e6bb] {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px
}
.social-tasks[data-v-5b82e6bb] {
    margin-top:20px
}
.social-tasks__title[data-v-5b82e6bb] {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.4);
    text-transform:uppercase;
    letter-spacing:.8px;
    margin:0 0 10px
}
@media(max-width:1024px) {
    .tasks-grid[data-v-5b82e6bb] {
        grid-template-columns:1fr
    }
}
.social-tasks .task-card {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    overflow:hidden;
    transition:all .2s ease;
    height:100%;
    padding:0 16px;
    gap:14px
}
.social-tasks .task-card:hover {
    border-color:rgba(var(--t),.1)
}
.social-tasks .task-card.horizontal {
    display:flex;
    flex-direction:row
}
.social-tasks .task-card .left {
    background:rgba(var(--primary),.06);
    padding:10px;
    display:flex;
    border:1px solid rgba(var(--primary),.1);
    flex-direction:column;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    border-radius:10px;
    margin:10px 0
}
.social-tasks .task-card .left .task-icon {
    margin-bottom:4px
}
.social-tasks .task-card .left .task-icon svg {
    width:24px;
    height:24px
}
.social-tasks .task-card .left .point-badge {
    display:inline-flex;
    flex-direction:column;
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1);
    padding:4px 14px;
    border-radius:6px;
    text-align:center
}
.social-tasks .task-card .left .point-badge .point-value {
    font-size:var(--fs-sm);
    font-weight:800;
    line-height:1
}
.social-tasks .task-card .left .point-badge .point-text {
    font-size:8px;
    font-weight:700;
    letter-spacing:.8px;
    margin-top:1px
}
.social-tasks .task-card .right-side {
    padding:10px 0;
    flex:1;
    display:flex;
    flex-direction:column;
    min-width:0
}
.social-tasks .task-card .right-side h1 {
    font-size:var(--fs-md);
    font-weight:700;
    color:rgba(var(--t),.9);
    margin:0
}
.social-tasks .task-card .right-side .description {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.45);
    line-height:1.5;
    margin:3px 0;
    flex:1
}
.social-tasks .task-card .right-side .button {
    margin-top:auto;
    font-size:var(--fs-xs)
}
.social-tasks .task-card .task-btn--collected {
    background:rgba(var(--primary),.15);
    color:rgba(var(--primary),1);
    cursor:not-allowed
}
@media(max-width:1024px) {
    .social-tasks .task-card {
        padding:0 12px;
        gap:10px
    }
    .social-tasks .task-card .left {
        padding:8px
    }
    .social-tasks .task-card .left .task-icon svg {
        width:20px;
        height:20px
    }
    .social-tasks .task-card .left .point-badge {
        padding:3px 10px
    }
    .social-tasks .task-card .right-side h1 {
        font-size:var(--fs-sm)
    }
    .social-tasks .task-card .right-side .description {
        display:none
    }
}
.quest-modal .fix-side {
    display:none
}
.cookie-banner[data-v-67beba90] {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    background:rgba(var(--card),.98);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    border-top:1px solid rgba(var(--card-border),1);
    padding:16px 20px;
    z-index:9999
}
@media(max-width:768px) {
    .cookie-banner[data-v-67beba90] {
        padding:12px 16px
    }
}
.cookie-main[data-v-67beba90] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px
}
@media(max-width:1024px) {
    .cookie-main[data-v-67beba90] {
        gap:16px;
        width:100%!important
    }
}
@media(max-width:768px) {
    .cookie-main[data-v-67beba90] {
        flex-direction:column;
        align-items:stretch;
        gap:12px
    }
}
.cookie-main p[data-v-67beba90] {
    margin:0;
    font-size:14px;
    color:rgba(var(--t),.8)
}
@media(max-width:768px) {
    .cookie-main p[data-v-67beba90] {
        font-size:13px;
        text-align:center
    }
}
.cookie-main p a[data-v-67beba90] {
    color:rgba(var(--primary),1);
    text-decoration:none;
    margin-left:4px
}
.cookie-main p a[data-v-67beba90]:hover {
    text-decoration:underline
}
.cookie-buttons[data-v-67beba90] {
    display:flex;
    gap:8px;
    flex-shrink:0
}
@media(max-width:768px) {
    .cookie-buttons[data-v-67beba90] {
        width:100%
    }
    .cookie-buttons button[data-v-67beba90] {
        flex:1
    }
}
.btn-primary[data-v-67beba90],.btn-secondary[data-v-67beba90] {
    padding:10px 20px;
    border-radius:8px;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:opacity .2s
}
@media(max-width:768px) {
    .btn-primary[data-v-67beba90],.btn-secondary[data-v-67beba90] {
        padding:12px 16px
    }
}
.btn-primary[data-v-67beba90]:hover,.btn-secondary[data-v-67beba90]:hover {
    opacity:.9
}
.btn-primary[data-v-67beba90] {
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1);
    border:none
}
.btn-secondary[data-v-67beba90] {
    background:transparent;
    color:rgba(var(--t),.8);
    border:1px solid rgba(var(--card-border),1)
}
.cookie-options[data-v-67beba90] {
    padding:8px 0
}
.cookie-option[data-v-67beba90] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 0;
    border-bottom:1px solid rgba(var(--card-border),.5);
    gap:12px
}
.cookie-option[data-v-67beba90]:last-child {
    border-bottom:none
}
.option-info[data-v-67beba90] {
    display:flex;
    flex-direction:column;
    gap:2px;
    flex:1;
    min-width:0
}
.option-title[data-v-67beba90] {
    font-size:14px;
    font-weight:600;
    color:rgba(var(--t),1)
}
.option-desc[data-v-67beba90] {
    font-size:12px;
    color:rgba(var(--t),.5)
}
.switch[data-v-67beba90] {
    position:relative;
    display:inline-block;
    width:44px;
    height:24px;
    flex-shrink:0
}
.switch input[data-v-67beba90] {
    opacity:0;
    width:0;
    height:0
}
.switch .slider[data-v-67beba90] {
    position:absolute;
    cursor:pointer;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgba(var(--t),.2);
    border-radius:24px;
    transition:background .2s
}
.switch .slider[data-v-67beba90]:before {
    content:"";
    position:absolute;
    width:18px;
    height:18px;
    left:3px;
    bottom:3px;
    background:#fff;
    border-radius:50%;
    transition:transform .2s
}
.switch input:checked+.slider[data-v-67beba90] {
    background:rgba(var(--primary),1)
}
.switch input:checked+.slider[data-v-67beba90]:before {
    transform:translate(20px)
}
.switch.disabled .slider[data-v-67beba90] {
    cursor:not-allowed;
    opacity:.6;
    background:rgba(var(--primary),1)
}
.switch.disabled .slider[data-v-67beba90]:before {
    transform:translate(20px)
}
.cookie-modal-footer[data-v-67beba90] {
    display:flex;
    gap:8px;
    justify-content:flex-end;
    padding:16px 20px;
    border-top:1px solid rgba(var(--card-border),1)
}
@media(max-width:768px) {
    .cookie-modal-footer[data-v-67beba90] {
        padding:12px 16px
    }
    .cookie-modal-footer button[data-v-67beba90] {
        flex:1
    }
}
.slide-up-enter-active[data-v-67beba90],.slide-up-leave-active[data-v-67beba90] {
    transition:transform .3s ease
}
.slide-up-enter-from[data-v-67beba90],.slide-up-leave-to[data-v-67beba90] {
    transform:translateY(100%)
}
.mobile-view .cookie-banner {
    bottom:60px!important
}
.app-modal.cookie-settings .content {
    max-width:400px!important;
    width:calc(100% - 32px);
    margin:0 16px
}
@media(max-width:768px) {
    .app-modal.cookie-settings .content {
        max-width:100%!important;
        width:calc(100% - 24px);
        margin:0 12px
    }
}
.app-modal.cookie-settings .modal-header {
    padding:16px 20px;
    border-bottom:1px solid rgba(var(--card-border),1)
}
@media(max-width:768px) {
    .app-modal.cookie-settings .modal-header {
        padding:14px 16px
    }
}
.app-modal.cookie-settings .modal-header h3 {
    margin:0;
    font-size:18px;
    font-weight:600;
    color:rgba(var(--t),1)
}
@media(max-width:768px) {
    .app-modal.cookie-settings .modal-header h3 {
        font-size:16px
    }
}
.app-modal.cookie-settings .modal-content {
    padding:0 20px
}
@media(max-width:768px) {
    .app-modal.cookie-settings .modal-content {
        padding:0 16px
    }
}
.subheader {
    background:rgba(var(--card),1);
    border-bottom:1px solid rgba(var(--card-border),1);
    min-height:36px;
    margin-left:var(--left-side-width);
    transition:margin-left .3s ease
}
.subheader__inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:8px 16px;
    gap:12px;
    max-width:1310px;
    margin:0 auto
}
.subheader__left {
    display:flex;
    align-items:center;
    gap:8px;
    flex:1;
    min-width:0;
    overflow:hidden
}
.subheader__icon {
    flex-shrink:0;
    width:22px;
    height:22px
}
.subheader__icon svg {
    width:22px!important;
    height:22px!important;
    fill:none!important;
    stroke:rgba(var(--primary),1);
    margin:0!important;
    animation:iconSpin 4s linear infinite
}
.subheader__icon svg * {
    stroke:rgba(var(--primary),1)
}
.subheader__link {
    color:rgba(var(--primary),1)!important;
    font-weight:600
}
.subheader__link:hover {
    text-decoration:underline!important
}
.subheader__announcement {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6);
    font-weight:500;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    flex:1
}
.subheader__announcement span {
    display:block
}
.subheader__right {
    display:flex;
    align-items:center;
    gap:6px;
    flex-shrink:0
}
.subheader__live {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    height:28px;
    padding:0 10px 0 8px;
    border-radius:6px;
    background:#ff000014;
    border:1px solid rgba(255,0,0,.15);
    text-decoration:none;
    cursor:pointer;
    transition:all .15s ease;
    font-size:var(--fs-sm);
    font-weight:800;
    color:#f44;
    letter-spacing:.5px
}
.subheader__live:hover {
    background:#ff000024;
    border-color:#ff00004d
}
.subheader__live-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:red;
    animation:livePulse1 1.5s ease-in-out infinite
}
.subheader__action {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    height:28px;
    padding:0 10px;
    border-radius:6px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    cursor:pointer;
    transition:all .15s ease;
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.6)
}
.subheader__action img {
    flex-shrink:0
}
.subheader__action svg {
    width:13px!important;
    height:13px!important;
    fill:rgba(var(--t),.45)!important;
    margin:0!important
}
.subheader__action:hover {
    background:rgba(var(--t),.08);
    border-color:rgba(var(--t),.1);
    color:rgba(var(--t),.9)
}
.subheader__action:hover svg {
    fill:rgba(var(--t),.8)!important
}
.subheader__action--wheel {
    background:var(--gradient-wheel);
    border:none;
    color:#fff
}
.subheader__action--wheel svg {
    fill:#fff!important
}
.subheader__action--wheel:hover {
    background:var(--gradient-wheel-hover);
    color:#fff
}
.subheader__action--wheel:hover svg {
    fill:#fff!important
}
.subheader__action--gift {
    background:var(--gradient-gift);
    border:none;
    color:#fff
}
.subheader__action--gift svg {
    fill:#fff!important
}
.subheader__action--gift:hover {
    background:var(--gradient-gift-hover);
    color:#fff
}
.subheader__action--gift:hover svg {
    fill:#fff!important
}
.subheader__counter {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    font-size:var(--fs-sm)
}
.subheader__counter b {
    background:rgba(var(--primary),.12);
    color:rgba(var(--primary),1);
    padding:2px 8px;
    border-radius:6px;
    font-weight:800;
    font-size:var(--fs-sm)
}
.subheader__counter span {
    color:rgba(var(--t),.45);
    font-weight:600
}
@keyframes iconSpin {
    0% {
        transform:rotate(0)
    }
    25% {
        transform:rotate(15deg)
    }
    50% {
        transform:rotate(0)
    }
    75% {
        transform:rotate(-15deg)
    }
    to {
        transform:rotate(0)
    }
}
@keyframes iconPulse {
    0%,to {
        filter:drop-shadow(0 0 4px rgba(var(--primary),.4))
    }
    50% {
        filter:drop-shadow(0 0 8px rgba(var(--primary),.7))
    }
}
.slide-enter-active,.slide-leave-active {
    transition:all .3s ease
}
.slide-enter-from {
    opacity:0;
    transform:translateY(8px)
}
.slide-leave-to {
    opacity:0;
    transform:translateY(-8px)
}
.tmp_h_1 .subheader,.tmp_h_3 .subheader {
    margin-left:0
}
.side-collapsed .subheader {
    margin-left:var(--left-side-collapsed)
}
.chat-opened .subheader {
    margin-right:var(--chat-width)
}
@media(max-width:1400px) {
    .chat-opened .subheader {
        margin-right:0
    }
}
@media(max-width:1100px) {
    .subheader__action span,.subheader__counter span {
        display:none
    }
    .subheader__right {
        gap:4px
    }
}
@media(max-width:900px) {
    .subheader__counter {
        display:none
    }
    .subheader__icon {
        width:18px;
        height:18px
    }
    .subheader__icon svg {
        width:18px!important;
        height:18px!important
    }
}
.mobile-view .subheader {
    margin-left:0!important;
    margin-right:0!important;
    padding:0
}
.mobile-view .subheader .subheader__inner {
    padding:6px 12px;
    gap:8px
}
.mobile-view .subheader .subheader__icon {
    width:16px;
    height:16px
}
.mobile-view .subheader .subheader__icon svg {
    width:16px!important;
    height:16px!important
}
.mobile-view .subheader .subheader__action span,.mobile-view .subheader .subheader__counter span {
    display:none
}
.mobile-view .subheader .subheader__right {
    gap:4px
}
.wrap {
    display:flex;
    align-items:center;
    justify-content:center
}
.wheel-cont .finish {
    position:relative;
    height:400px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.wheel-cont .finish .lottie-animation-container {
    position:absolute;
    top:0;
    width:100%;
    height:100%
}
.blk {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:99999999;
    background:rgba(var(--b),1);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    overflow:hidden
}
.blk__particles {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    pointer-events:none
}
.blk__dot {
    position:absolute;
    border-radius:50%;
    background:rgba(var(--danger),.15);
    animation:blkFloat ease-in-out infinite alternate
}
.blk__content {
    position:relative;
    z-index:1;
    text-align:center;
    max-width:440px
}
.blk__logo {
    display:block;
    width:120px;
    height:auto;
    margin:0 auto 28px;
    opacity:.8
}
.blk__shield {
    width:70px;
    height:70px;
    border-radius:50%;
    background:rgba(var(--danger),.08);
    border:1px solid rgba(var(--danger),.12);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:24px;
    animation:blkPulse 3s ease-in-out infinite
}
.blk__shield svg {
    width:34px;
    height:34px;
    fill:rgba(var(--danger),.8)
}
.blk__code {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin-bottom:20px
}
.blk__code>span {
    font-size:64px;
    font-weight:900;
    color:rgba(var(--t),.08);
    line-height:1;
    letter-spacing:-2px
}
.blk__lock {
    width:52px;
    height:52px;
    border-radius:14px;
    background:rgba(var(--danger),.1);
    border:1px solid rgba(var(--danger),.15);
    display:flex;
    align-items:center;
    justify-content:center;
    animation:blkShake 4s ease-in-out infinite
}
.blk__lock svg {
    width:26px;
    height:26px;
    fill:rgba(var(--danger),.7)
}
.blk h1 {
    font-size:var(--fs-2xl);
    font-weight:800;
    color:rgba(var(--t),.9);
    margin:0 0 10px
}
.blk p {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.4);
    line-height:1.7;
    margin:0 0 28px
}
.blk__actions {
    display:flex;
    justify-content:center;
    gap:10px;
    margin-bottom:32px
}
.blk__btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:42px;
    padding:0 20px;
    border-radius:10px;
    font-size:var(--fs-sm);
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease;
    border:none
}
.blk__btn svg {
    width:18px;
    height:18px
}
.blk__btn--primary {
    background:rgba(var(--t),.06);
    border:1px solid rgba(var(--t),.08);
    color:rgba(var(--t),.7)
}
.blk__btn--primary svg {
    fill:rgba(var(--t),.5)
}
.blk__btn--primary:hover {
    background:rgba(var(--t),.1);
    color:rgba(var(--t),1)
}
.blk__btn--primary:hover svg {
    fill:rgba(var(--t),.8)
}
.blk__socials {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-bottom:24px
}
.blk__socials a {
    width:36px;
    height:36px;
    border-radius:10px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .2s ease
}
.blk__socials a svg {
    width:16px;
    height:16px;
    fill:rgba(var(--t),.3);
    transition:fill .2s ease
}
.blk__socials a:hover {
    background:rgba(var(--t),.08);
    border-color:rgba(var(--t),.12)
}
.blk__socials a:hover svg {
    fill:rgba(var(--t),.7)
}
.blk__footer span {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.15);
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase
}
@keyframes blkFloat {
    0% {
        transform:translateY(0) scale(1);
        opacity:.3
    }
    to {
        transform:translateY(-20px) scale(1.3);
        opacity:.8
    }
}
@keyframes blkPulse {
    0%,to {
        transform:scale(1)
    }
    50% {
        transform:scale(1.06)
    }
}
@keyframes blkShake {
    0%,to {
        transform:rotate(0)
    }
    25% {
        transform:rotate(-3deg)
    }
    75% {
        transform:rotate(3deg)
    }
}
.mobile-view .blk {
    padding:20px
}
.mobile-view .blk__shield {
    width:56px;
    height:56px
}
.mobile-view .blk__shield svg {
    width:28px;
    height:28px
}
.mobile-view .blk__code>span {
    font-size:48px
}
.mobile-view .blk__lock {
    width:42px;
    height:42px
}
.mobile-view .blk__lock svg {
    width:22px;
    height:22px
}
.mobile-view .blk h1 {
    font-size:var(--fs-xl)
}
.mobile-view .blk p {
    font-size:var(--fs-xs)
}
.tour-enter-active {
    animation:tourIn .3s ease-out
}
.tour-leave-active {
    animation:tourOut .2s ease-in
}
@keyframes tourIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes tourOut {
    0% {
        opacity:1
    }
    to {
        opacity:0
    }
}
.tour-overlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:99999999
}
.tour-mask {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none
}
.tour-overlay:not(:has(.tour-mask)) {
    background:#000000b3;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px)
}
.tour-spotlight {
    position:fixed;
    border:2px solid rgba(var(--primary),.5);
    border-radius:12px;
    pointer-events:none;
    transition:all .3s ease;
    box-shadow:0 0 0 3px rgba(var(--primary),.15);
    animation:tourSpotPulse 2s ease-in-out infinite
}
@keyframes tourSpotPulse {
    0%,to {
        box-shadow:0 0 0 3px rgba(var(--primary),.1)
    }
    50% {
        box-shadow:0 0 0 6px rgba(var(--primary),.2)
    }
}
.tour-tip {
    position:fixed;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:14px;
    padding:18px 20px 14px;
    width:340px;
    max-width:calc(100vw - 32px);
    z-index:1;
    animation:tourTipIn .3s cubic-bezier(.34,1.56,.64,1);
    text-align:center
}
.tour-tip__arrow {
    position:absolute;
    width:12px;
    height:12px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    transform:rotate(45deg)
}
.tour-tip--bottom .tour-tip__arrow {
    top:-7px;
    left:30px;
    border-right:none;
    border-bottom:none
}
.tour-tip--top .tour-tip__arrow {
    bottom:-7px;
    left:30px;
    border-left:none;
    border-top:none
}
.tour-tip__actions {
    display:flex;
    gap:var(--h-gap);
    margin-top:12px
}
.tour-tip__skip {
    background:none;
    border:none;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.25);
    cursor:pointer;
    margin-top:8px
}
.tour-tip__skip:hover {
    color:rgba(var(--t),.5)
}
@keyframes tourTipIn {
    0% {
        opacity:0;
        transform:translateY(8px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.tour-center {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:16px;
    width:100%;
    max-width:420px;
    padding:0 28px 28px;
    text-align:center;
    animation:tourCardIn .35s cubic-bezier(.34,1.56,.64,1)
}
.tour-center__skip {
    position:absolute;
    top:16px;
    right:16px;
    background:none;
    border:none;
    font-size:var(--fs-xs);
    font-weight:600;
    color:rgba(var(--t),.25);
    cursor:pointer
}
.tour-center__skip:hover {
    color:rgba(var(--t),.5)
}
@keyframes tourCardIn {
    0% {
        opacity:0;
        transform:translate(-50%,-50%) scale(.9)
    }
    to {
        opacity:1;
        transform:translate(-50%,-50%) scale(1)
    }
}
.tour__progress {
    height:3px;
    background:rgba(var(--t),.06);
    border-radius:16px 16px 0 0;
    margin:-1px -28px 20px;
    overflow:hidden
}
.tour__progress-fill {
    height:100%;
    background:rgba(var(--primary),1);
    transition:width .3s ease
}
.tour__step-num {
    font-size:10px;
    font-weight:700;
    color:rgba(var(--t),.2);
    margin-bottom:8px
}
.tour__icon {
    width:52px;
    height:52px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px
}
.tour__icon svg {
    width:24px!important;
    height:24px!important;
    margin:0!important
}
.tour__title {
    font-size:var(--fs-base);
    font-weight:800;
    color:rgba(var(--t),.95);
    margin:0 0 6px
}
.tour__desc {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.45);
    line-height:1.6;
    margin:0 0 10px
}
.tour__link {
    display:inline-block;
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--primary),1);
    margin-bottom:8px;
    text-decoration:none
}
.tour__link:hover {
    text-decoration:underline
}
.tour__dots {
    display:flex;
    justify-content:center;
    gap:5px;
    margin-bottom:16px
}
.tour__dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:rgba(var(--t),.1);
    cursor:pointer;
    transition:all .2s ease
}
.tour__dot--active {
    background:rgba(var(--primary),1);
    width:18px;
    border-radius:4px
}
.tour__dot--done {
    background:rgba(var(--primary),.3)
}
.tour__actions {
    display:flex;
    gap:var(--h-gap)
}
.tour__btn {
    flex:1;
    height:38px;
    border-radius:10px;
    font-size:var(--fs-sm);
    font-weight:700;
    cursor:pointer;
    border:none;
    transition:all .15s ease
}
.tour__btn--back {
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.08);
    color:rgba(var(--t),.6)
}
.tour__btn--back:hover {
    background:rgba(var(--t),.08)
}
.tour__btn--next {
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1)
}
.tour__btn--next:hover {
    opacity:.9
}
.mobile-view .tour-center {
    max-width:calc(100vw - 32px);
    padding:0 20px 20px
}
.mobile-view .tour-tip {
    width:calc(100vw - 32px);
    left:16px!important;
    right:16px
}
:root {
    --toastify-color-light:#fff;
    --toastify-color-dark:#121212;
    --toastify-color-info:#3498db;
    --toastify-color-success:#07bc0c;
    --toastify-color-warning:#f1c40f;
    --toastify-color-error:#e74c3c;
    --toastify-color-transparent:#ffffffb3;
    --toastify-icon-color-info:var(--toastify-color-info);
    --toastify-icon-color-success:var(--toastify-color-success);
    --toastify-icon-color-warning:var(--toastify-color-warning);
    --toastify-icon-color-error:var(--toastify-color-error);
    --toastify-toast-width:320px;
    --toastify-toast-background:#fff;
    --toastify-toast-min-height:64px;
    --toastify-toast-max-height:800px;
    --toastify-font-family:sans-serif;
    --toastify-z-index:9999;
    --toastify-text-color-light:#757575;
    --toastify-text-color-dark:#fff;
    --toastify-text-color-info:#fff;
    --toastify-text-color-success:#fff;
    --toastify-text-color-warning:#fff;
    --toastify-text-color-error:#fff;
    --toastify-spinner-color:#616161;
    --toastify-spinner-color-empty-area:#e0e0e0;
    --toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark:#bb86fc;
    --toastify-color-progress-info:var(--toastify-color-info);
    --toastify-color-progress-success:var(--toastify-color-success);
    --toastify-color-progress-warning:var(--toastify-color-warning);
    --toastify-color-progress-error:var(--toastify-color-error);
    --toastify-color-progress-colored:#ddd
}
.Toastify__toast-container {
    box-sizing:border-box;
    color:#fff;
    padding:4px;
    position:fixed;
    transform:translate3d(0,0,var(--toastify-z-index) px);
    width:var(--toastify-toast-width);
    z-index:var(--toastify-z-index)
}
.Toastify__toast-container--top-left {
    left:1em;
    top:1em
}
.Toastify__toast-container--top-center {
    left:50%;
    top:1em;
    transform:translate(-50%)
}
.Toastify__toast-container--top-right {
    right:1em;
    top:1em
}
.Toastify__toast-container--bottom-left {
    bottom:1em;
    left:1em
}
.Toastify__toast-container--bottom-center {
    bottom:1em;
    left:50%;
    transform:translate(-50%)
}
.Toastify__toast-container--bottom-right {
    bottom:1em;
    right:1em
}
@media only screen and (max-width:480px) {
    .Toastify__toast-container {
        left:0;
        margin:0;
        padding:0;
        width:100vw
    }
    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top:0;
        transform:translate(0)
    }
    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom:0;
        transform:translate(0)
    }
    .Toastify__toast-container--rtl {
        left:auto;
        right:0
    }
}
.Toastify__toast {
    border-radius:4px;
    box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;
    box-sizing:border-box;
    cursor:pointer;
    direction:ltr;
    display:flex;
    font-family:var(--toastify-font-family);
    justify-content:space-between;
    margin-bottom:1rem;
    max-height:var(--toastify-toast-max-height);
    min-height:var(--toastify-toast-min-height);
    overflow:hidden;
    padding:8px;
    position:relative;
    z-index:0
}
.Toastify__toast--rtl {
    direction:rtl
}
.Toastify__toast-body {
    align-items:center;
    display:flex;
    flex:1 1 auto;
    margin:auto 0;
    padding:6px;
    white-space:pre-wrap
}
.Toastify__toast-body>div:last-child {
    flex:1
}
.Toastify__toast-icon {
    display:flex;
    flex-shrink:0;
    margin-inline-end:10px;
    width:20px
}
.Toastify__toast-text {
    display:flex;
    flex-direction:column;
    gap:2px;
    line-height:1.35;
    width:100%
}
.Toastify__toast-text-title {
    font-weight:600
}
.Toastify__toast-text-content {
    opacity:.92
}
.Toastify--animate {
    animation-duration:.7s;
    animation-fill-mode:both
}
.Toastify--animate-icon {
    animation-duration:.3s;
    animation-fill-mode:both
}
@media only screen and (max-width:480px) {
    .Toastify__toast {
        border-radius:0;
        margin-bottom:0
    }
}
.Toastify__toast-theme--dark {
    background:var(--toastify-color-dark);
    color:var(--toastify-text-color-dark)
}
.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light {
    background:var(--toastify-color-light);
    color:var(--toastify-text-color-light)
}
.Toastify__toast-theme--colored.Toastify__toast--info {
    background:var(--toastify-color-info);
    color:var(--toastify-text-color-info)
}
.Toastify__toast-theme--colored.Toastify__toast--success {
    background:var(--toastify-color-success);
    color:var(--toastify-text-color-success)
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
    background:var(--toastify-color-warning);
    color:var(--toastify-text-color-warning)
}
.Toastify__toast-theme--colored.Toastify__toast--error {
    background:var(--toastify-color-error);
    color:var(--toastify-text-color-error)
}
.Toastify__progress-bar-theme--light {
    background:var(--toastify-color-progress-light)
}
.Toastify__progress-bar-theme--dark {
    background:var(--toastify-color-progress-dark)
}
.Toastify__progress-bar--info {
    background:var(--toastify-color-progress-info)
}
.Toastify__progress-bar--success {
    background:var(--toastify-color-progress-success)
}
.Toastify__progress-bar--warning {
    background:var(--toastify-color-progress-warning)
}
.Toastify__progress-bar--error {
    background:var(--toastify-color-progress-error)
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default {
    background:var(--toastify-color-progress-colored)
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background:var(--toastify-color-transparent)
}
.Toastify__close-button {
    align-self:flex-start;
    background:#0000;
    border:none;
    color:#fff;
    cursor:pointer;
    opacity:.7;
    outline:none;
    padding:0;
    transition:.3s ease
}
.Toastify__close-button--light {
    color:#000;
    opacity:.3
}
.Toastify__close-button>svg {
    fill:currentcolor;
    height:16px;
    width:14px
}
.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity:1
}
@keyframes Toastify__trackProgress {
    0% {
        transform:scaleX(1)
    }
    to {
        transform:scaleX(0)
    }
}
.Toastify__progress-bar {
    bottom:0;
    height:5px;
    left:0;
    opacity:.7;
    position:absolute;
    transform-origin:left;
    width:100%;
    z-index:var(--toastify-z-index)
}
.Toastify__progress-bar--animated {
    animation:Toastify__trackProgress linear 1 forwards
}
.Toastify__progress-bar--controlled {
    transition:transform .2s
}
.Toastify__progress-bar--rtl {
    left:auto;
    right:0;
    transform-origin:right
}
.Toastify__spinner {
    animation:Toastify__spin .65s linear infinite;
    border:2px solid;
    border-color:var(--toastify-spinner-color-empty-area);
    border-radius:100%;
    border-right-color:var(--toastify-spinner-color);
    box-sizing:border-box;
    height:20px;
    width:20px
}
@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        transform:translate3d(3000px,0,0)
    }
    60% {
        opacity:1;
        transform:translate3d(-25px,0,0)
    }
    75% {
        transform:translate3d(10px,0,0)
    }
    90% {
        transform:translate3d(-5px,0,0)
    }
    to {
        transform:none
    }
}
@keyframes Toastify__bounceOutRight {
    20% {
        opacity:1;
        transform:translate3d(-20px,0,0)
    }
    to {
        opacity:0;
        transform:translate3d(2000px,0,0)
    }
}
@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        transform:translate3d(-3000px,0,0)
    }
    60% {
        opacity:1;
        transform:translate3d(25px,0,0)
    }
    75% {
        transform:translate3d(-10px,0,0)
    }
    90% {
        transform:translate3d(5px,0,0)
    }
    to {
        transform:none
    }
}
@keyframes Toastify__bounceOutLeft {
    20% {
        opacity:1;
        transform:translate3d(20px,0,0)
    }
    to {
        opacity:0;
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        transform:translate3d(0,3000px,0)
    }
    60% {
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    75% {
        transform:translate3d(0,10px,0)
    }
    90% {
        transform:translate3d(0,-5px,0)
    }
    to {
        transform:translateZ(0)
    }
}
@keyframes Toastify__bounceOutUp {
    20% {
        transform:translate3d(0,-10px,0)
    }
    40%,45% {
        opacity:1;
        transform:translate3d(0,20px,0)
    }
    to {
        opacity:0;
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity:0;
        transform:translate3d(0,-3000px,0)
    }
    60% {
        opacity:1;
        transform:translate3d(0,25px,0)
    }
    75% {
        transform:translate3d(0,-10px,0)
    }
    90% {
        transform:translate3d(0,5px,0)
    }
    to {
        transform:none
    }
}
@keyframes Toastify__bounceOutDown {
    20% {
        transform:translate3d(0,10px,0)
    }
    40%,45% {
        opacity:1;
        transform:translate3d(0,-20px,0)
    }
    to {
        opacity:0;
        transform:translate3d(0,2000px,0)
    }
}
.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    animation-name:Toastify__bounceInLeft
}
.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    animation-name:Toastify__bounceInRight
}
.Toastify__bounce-enter--top-center {
    animation-name:Toastify__bounceInDown
}
.Toastify__bounce-enter--bottom-center {
    animation-name:Toastify__bounceInUp
}
.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    animation-name:Toastify__bounceOutLeft
}
.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    animation-name:Toastify__bounceOutRight
}
.Toastify__bounce-exit--top-center {
    animation-name:Toastify__bounceOutUp
}
.Toastify__bounce-exit--bottom-center {
    animation-name:Toastify__bounceOutDown
}
@keyframes Toastify__none {
    0%,60%,75%,90%,to {
        animation-duration:0;
        animation-timing-function:none
    }
    0% {
        opacity:1;
        transform:translateZ(0)
    }
    to {
        transform:translateZ(0)
    }
}
.Toastify__none-enter--bottom-center,.Toastify__none-enter--bottom-left,.Toastify__none-enter--bottom-right,.Toastify__none-enter--top-center,.Toastify__none-enter--top-left,.Toastify__none-enter--top-right {
    animation-name:Toastify__none
}
@keyframes Toastify__zoomIn {
    0% {
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50% {
        opacity:1
    }
}
@keyframes Toastify__zoomOut {
    0% {
        opacity:1
    }
    50% {
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    to {
        opacity:0
    }
}
.Toastify__zoom-enter {
    animation-name:Toastify__zoomIn
}
.Toastify__zoom-exit {
    animation-name:Toastify__zoomOut
}
@keyframes Toastify__flipIn {
    0% {
        animation-timing-function:ease-in;
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
    40% {
        animation-timing-function:ease-in;
        transform:perspective(400px) rotateX(-20deg)
    }
    60% {
        opacity:1;
        transform:perspective(400px) rotateX(10deg)
    }
    80% {
        transform:perspective(400px) rotateX(-5deg)
    }
    to {
        transform:perspective(400px)
    }
}
@keyframes Toastify__flipOut {
    0% {
        transform:perspective(400px)
    }
    30% {
        opacity:1;
        transform:perspective(400px) rotateX(-20deg)
    }
    to {
        opacity:0;
        transform:perspective(400px) rotateX(90deg)
    }
}
.Toastify__flip-enter {
    animation-name:Toastify__flipIn
}
.Toastify__flip-exit {
    animation-name:Toastify__flipOut
}
@keyframes Toastify__slideInRight {
    0% {
        transform:translate3d(110%,0,0);
        visibility:visible
    }
    to {
        transform:translateZ(0)
    }
}
@keyframes Toastify__slideInLeft {
    0% {
        transform:translate3d(-110%,0,0);
        visibility:visible
    }
    to {
        transform:translateZ(0)
    }
}
@keyframes Toastify__slideInUp {
    0% {
        transform:translate3d(0,110%,0);
        visibility:visible
    }
    to {
        transform:translateZ(0)
    }
}
@keyframes Toastify__slideInDown {
    0% {
        transform:translate3d(0,-110%,0);
        visibility:visible
    }
    to {
        transform:translateZ(0)
    }
}
@keyframes Toastify__slideOutRight {
    0% {
        transform:translateZ(0)
    }
    to {
        transform:translate3d(110%,0,0);
        visibility:hidden
    }
}
@keyframes Toastify__slideOutLeft {
    0% {
        transform:translateZ(0)
    }
    to {
        transform:translate3d(-110%,0,0);
        visibility:hidden
    }
}
@keyframes Toastify__slideOutDown {
    0% {
        transform:translateZ(0)
    }
    to {
        transform:translate3d(0,500px,0);
        visibility:hidden
    }
}
@keyframes Toastify__slideOutUp {
    0% {
        transform:translateZ(0)
    }
    to {
        transform:translate3d(0,-500px,0);
        visibility:hidden
    }
}
.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    animation-name:Toastify__slideInLeft
}
.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    animation-name:Toastify__slideInRight
}
.Toastify__slide-enter--top-center {
    animation-name:Toastify__slideInDown
}
.Toastify__slide-enter--bottom-center {
    animation-name:Toastify__slideInUp
}
.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    animation-name:Toastify__slideOutLeft
}
.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    animation-name:Toastify__slideOutRight
}
.Toastify__slide-exit--top-center {
    animation-name:Toastify__slideOutUp
}
.Toastify__slide-exit--bottom-center {
    animation-name:Toastify__slideOutDown
}
@keyframes Toastify__spin {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(1turn)
    }
}
.vue-skeletor {
    position:relative;
    overflow:hidden;
    background-color:#0000001f
}
.vue-skeletor:not(.vue-skeletor--shimmerless):after {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transform:translate(-100%);
    background-image:linear-gradient(90deg,#fff0,#ffffff4d,#25161600);
    animation:shimmer 1.5s infinite;
    content:""
}
.vue-skeletor--rect,.vue-skeletor--circle {
    display:block
}
.vue-skeletor--circle {
    border-radius:50%
}
.vue-skeletor--pill,.vue-skeletor--text {
    border-radius:9999px
}
.vue-skeletor--text {
    line-height:1;
    display:inline-block;
    width:100%;
    height:inherit;
    vertical-align:middle;
    top:-1px
}
@keyframes shimmer {
    to {
        transform:translate(100%)
    }
}
:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #ffffff
}
.carousel,.carousel * {
    box-sizing:border-box
}
.carousel {
    height:var(--vc-carousel-height);
    overscroll-behavior:none;
    position:relative;
    touch-action:pan-x pan-y pinch-zoom;
    z-index:1
}
.carousel.is-dragging {
    touch-action:none
}
.carousel__track {
    display:flex;
    gap:var(--vc-slide-gap);
    height:100%;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    transition:transform var(--vc-transition-easing);
    transition-duration:var(--vc-transition-duration);
    width:100%
}
.carousel__viewport {
    height:100%;
    overflow:hidden;
    width:100%
}
.carousel__sr-only {
    border:0;
    clip:rect(0,0,0,0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.carousel.is-rtl {
    direction:rtl
}
.carousel.is-ttb .carousel__track {
    flex-direction:column
}
.carousel.is-btt .carousel__track {
    flex-direction:column-reverse
}
.carousel.is-vertical .carousel__slide--clone:first-child {
    margin-block-start:var(--vc-cloned-offset)
}
.carousel:not(.is-vertical) .carousel__slide--clone:first-child {
    margin-inline-start:var(--vc-cloned-offset)
}
.carousel.is-effect-fade .carousel__track {
    display:grid;
    grid-template-columns:100%;
    grid-template-rows:100%;
    transition:none
}
.carousel.is-effect-fade .carousel__slide {
    grid-area:1 / 1;
    height:100%;
    opacity:0;
    pointer-events:none;
    transition:opacity var(--vc-transition-easing);
    transition-duration:var(--vc-transition-duration);
    width:100%
}
.carousel.is-effect-fade .carousel__slide--active {
    opacity:1;
    pointer-events:auto
}
:root {
    --vc-icn-width: 100%
}
.carousel__icon {
    fill:currentColor;
    height:var(--vc-icn-width);
    width:var(--vc-icn-width)
}
:root {
    --vc-nav-background: transparent;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-height: 30px;
    --vc-nav-width: 30px
}
.carousel__next,.carousel__prev {
    align-items:center;
    background:var(--vc-nav-background);
    border:0;
    border-radius:var(--vc-nav-border-radius);
    color:var(--vc-nav-color);
    cursor:pointer;
    display:flex;
    font-size:var(--vc-nav-height);
    height:var(--vc-nav-height);
    justify-content:center;
    padding:0;
    position:absolute;
    inset-block-start:50%;
    transform:translateY(-50%);
    width:var(--vc-nav-width)
}
.carousel__next--disabled,.carousel__prev--disabled {
    cursor:not-allowed;
    opacity:.5
}
.carousel__next {
    inset-inline-end:0
}
.carousel__prev {
    inset-inline-start:0
}
.carousel.is-vertical .carousel__next,.carousel.is-vertical .carousel__prev {
    inset-inline:auto 50%;
    inset-block-start:auto;
    transform:translate(50%)
}
.carousel.is-vertical.is-ttb .carousel__next {
    inset-block-end:0
}
.carousel.is-vertical.is-ttb .carousel__prev,.carousel.is-vertical.is-btt .carousel__next {
    inset-block-start:0
}
.carousel.is-vertical.is-btt .carousel__prev {
    inset-block-end:0
}
@media(hover:hover) {
    .carousel__next:hover,.carousel__prev:hover {
        color:var(--vc-nav-color-hover)
    }
}
:root {
    --vc-pgn-active-color: var(--vc-clr-primary);
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-border-radius: 0;
    --vc-pgn-gap: 6px;
    --vc-pgn-height: 4px;
    --vc-png-bottom: 10px;
    --vc-png-left: auto;
    --vc-png-right: 10px;
    --vc-pgn-width: 16px
}
.carousel__pagination {
    bottom:var(--vc-png-bottom);
    display:flex;
    gap:var(--vc-pgn-gap);
    justify-content:center;
    left:50%;
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
    transform:translate(-50%)
}
.carousel__pagination-button {
    background-color:var(--vc-pgn-background-color);
    border:0;
    border-radius:var(--vc-pgn-border-radius);
    cursor:pointer;
    display:block;
    height:var(--vc-pgn-height);
    margin:0;
    padding:0;
    width:var(--vc-pgn-width)
}
.carousel__pagination-button--active {
    background-color:var(--vc-pgn-active-color)
}
@media(hover:hover) {
    .carousel__pagination-button:hover {
        background-color:var(--vc-pgn-active-color)
    }
}
.carousel.is-vertical .carousel__pagination {
    bottom:50%;
    flex-direction:column;
    left:var(--vc-png-left);
    right:var(--vc-png-right);
    transform:translateY(50%)
}
.carousel.is-vertical .carousel__pagination-button {
    height:var(--vc-pgn-width);
    width:var(--vc-pgn-height)
}
.carousel.is-btt .carousel__pagination {
    flex-direction:column-reverse
}
.carousel__slide {
    align-items:center;
    display:flex;
    flex-shrink:0;
    justify-content:center;
    margin:0;
    transform:translateZ(0)
}
.dp__input_wrap {
    position:relative;
    width:100%;
    box-sizing:unset
}
.dp__input_wrap:focus {
    border-color:var(--dp-border-color-hover);
    outline:none
}
.dp__input_valid {
    box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);
    border-color:var(--dp-success-color)
}
.dp__input_valid:hover {
    border-color:var(--dp-success-color)
}
.dp__input_invalid {
    box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);
    border-color:var(--dp-danger-color)
}
.dp__input_invalid:hover {
    border-color:var(--dp-danger-color)
}
.dp__input {
    background-color:var(--dp-background-color);
    border-radius:var(--dp-border-radius);
    font-family:var(--dp-font-family);
    border:1px solid var(--dp-border-color);
    outline:none;
    transition:border-color .2s cubic-bezier(.645,.045,.355,1);
    width:100%;
    font-size:var(--dp-font-size);
    line-height:calc(var(--dp-font-size)*1.5);
    padding:var(--dp-input-padding);
    color:var(--dp-text-color);
    box-sizing:border-box
}
.dp__input::placeholder {
    opacity:.7
}
.dp__input:hover:not(.dp__input_focus) {
    border-color:var(--dp-border-color-hover)
}
.dp__input_reg {
    caret-color:#0000
}
.dp__input_focus {
    border-color:var(--dp-border-color-focus)
}
.dp__disabled {
    background:var(--dp-disabled-color)
}
.dp__disabled::placeholder {
    color:var(--dp-disabled-color-text)
}
.dp__input_icons {
    display:inline-block;
    width:var(--dp-font-size);
    height:var(--dp-font-size);
    stroke-width:0;
    font-size:var(--dp-font-size);
    line-height:calc(var(--dp-font-size)*1.5);
    padding:6px 12px;
    color:var(--dp-icon-color);
    box-sizing:content-box
}
.dp__input_icon {
    cursor:pointer;
    position:absolute;
    top:50%;
    inset-inline-start:0;
    transform:translateY(-50%);
    color:var(--dp-icon-color)
}
.dp--clear-btn {
    position:absolute;
    top:50%;
    inset-inline-end:0;
    transform:translateY(-50%);
    cursor:pointer;
    color:var(--dp-icon-color);
    background:#0000;
    border:none;
    display:inline-flex;
    align-items:center;
    padding:0;
    margin:0
}
.dp__input_icon_pad {
    padding-inline-start:var(--dp-input-icon-padding)
}
.dp__menu {
    background:var(--dp-background-color);
    border-radius:var(--dp-border-radius);
    min-width:var(--dp-menu-min-width);
    font-family:var(--dp-font-family);
    font-size:var(--dp-font-size);
    -webkit-user-select:none;
    user-select:none;
    border:1px solid var(--dp-menu-border-color);
    box-sizing:border-box
}
.dp__menu:after {
    box-sizing:border-box
}
.dp__menu:before {
    box-sizing:border-box
}
.dp__menu:focus {
    border:1px solid var(--dp-menu-border-color);
    outline:none
}
.dp--menu-wrapper {
    position:absolute;
    z-index:99999
}
.dp__menu_inner {
    padding:var(--dp-menu-padding)
}
.dp--menu--inner-stretched {
    padding:6px 0
}
.dp__menu_index {
    z-index:99999
}
.dp-menu-loading,.dp__menu_readonly,.dp__menu_disabled {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999
}
.dp__menu_disabled {
    background:#ffffff80;
    cursor:not-allowed
}
.dp__menu_readonly {
    background:#0000;
    cursor:default
}
.dp-menu-loading {
    background:#ffffff80;
    cursor:default
}
.dp--menu-load-container {
    display:flex;
    height:100%;
    width:100%;
    justify-content:center;
    align-items:center
}
.dp--menu-loader {
    width:48px;
    height:48px;
    border:var(--dp-loader);
    border-bottom-color:#0000;
    border-radius:50%;
    display:inline-block;
    box-sizing:border-box;
    animation:dp-load-rotation 1s linear infinite;
    position:absolute
}
@keyframes dp-load-rotation {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
.dp__arrow_top {
    left:var(--dp-arrow-left);
    top:0;
    height:12px;
    width:12px;
    background-color:var(--dp-background-color);
    position:absolute;
    border-inline-end:1px solid var(--dp-menu-border-color);
    border-top:1px solid var(--dp-menu-border-color);
    transform:translate(-50%,-50%) rotate(-45deg)
}
.dp__arrow_bottom {
    left:var(--dp-arrow-left);
    bottom:0;
    height:12px;
    width:12px;
    background-color:var(--dp-background-color);
    position:absolute;
    border-inline-end:1px solid var(--dp-menu-border-color);
    border-bottom:1px solid var(--dp-menu-border-color);
    transform:translate(-50%,50%) rotate(45deg)
}
.dp__action_extra {
    text-align:center;
    padding:2px 0
}
.dp--preset-dates {
    padding:5px;
    border-inline-end:1px solid var(--dp-border-color)
}
@media only screen and (max-width:600px) {
    .dp--preset-dates {
        display:flex;
        align-self:center;
        border:none;
        overflow-x:auto;
        max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)
    }
}
.dp--preset-dates-collapsed {
    display:flex;
    align-self:center;
    border:none;
    overflow-x:auto;
    max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding)*2)
}
.dp__sidebar_left {
    padding:5px;
    border-inline-end:1px solid var(--dp-border-color)
}
.dp__sidebar_right {
    padding:5px;
    margin-inline-end:1px solid var(--dp-border-color)
}
.dp--preset-range {
    display:block;
    width:100%;
    padding:5px;
    text-align:left;
    white-space:nowrap;
    color:var(--dp-text-color);
    border-radius:var(--dp-border-radius);
    transition:var(--dp-common-transition)
}
.dp--preset-range:hover {
    background-color:var(--dp-hover-color);
    color:var(--dp-hover-text-color);
    cursor:pointer
}
@media only screen and (max-width:600px) {
    .dp--preset-range {
        border:1px solid var(--dp-border-color);
        margin:0 3px
    }
    .dp--preset-range:first-child {
        margin-left:0
    }
    .dp--preset-range:last-child {
        margin-right:0
    }
}
.dp--preset-range-collapsed {
    border:1px solid var(--dp-border-color);
    margin:0 3px
}
.dp--preset-range-collapsed:first-child {
    margin-left:0
}
.dp--preset-range-collapsed:last-child {
    margin-right:0
}
.dp__menu_content_wrapper {
    display:flex
}
@media only screen and (max-width:600px) {
    .dp__menu_content_wrapper {
        flex-direction:column-reverse
    }
}
.dp--menu-content-wrapper-collapsed {
    flex-direction:column-reverse
}
.dp__calendar_header {
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    color:var(--dp-text-color);
    white-space:nowrap;
    font-weight:700
}
.dp__calendar_header_item {
    text-align:center;
    flex-grow:1;
    height:var(--dp-cell-size);
    padding:var(--dp-cell-padding);
    width:var(--dp-cell-size);
    box-sizing:border-box
}
.dp__calendar_row {
    display:flex;
    justify-content:center;
    align-items:center;
    margin:var(--dp-row-margin)
}
.dp__calendar_item {
    text-align:center;
    flex-grow:1;
    box-sizing:border-box;
    color:var(--dp-text-color)
}
.dp__calendar {
    position:relative
}
.dp__calendar_header_cell {
    border-bottom:thin solid var(--dp-border-color);
    padding:var(--dp-calendar-header-cell-padding)
}
.dp__cell_inner {
    display:flex;
    align-items:center;
    text-align:center;
    justify-content:center;
    border-radius:var(--dp-cell-border-radius);
    height:var(--dp-cell-size);
    padding:var(--dp-cell-padding);
    width:var(--dp-cell-size);
    border:1px solid rgba(0,0,0,0);
    box-sizing:border-box;
    position:relative
}
.dp__cell_inner:hover {
    transition:all .2s
}
.dp__cell_auto_range_start,.dp__date_hover_start:hover,.dp__range_start {
    border-end-end-radius:0;
    border-start-end-radius:0
}
.dp__cell_auto_range_end,.dp__date_hover_end:hover,.dp__range_end {
    border-end-start-radius:0;
    border-start-start-radius:0
}
.dp__range_end,.dp__range_start,.dp__active_date {
    background:var(--dp-primary-color);
    color:var(--dp-primary-text-color)
}
.dp__date_hover_end:hover,.dp__date_hover_start:hover,.dp__date_hover:hover {
    background:var(--dp-hover-color);
    color:var(--dp-hover-text-color)
}
.dp__cell_offset {
    color:var(--dp-secondary-color)
}
.dp__cell_disabled {
    color:var(--dp-secondary-color);
    cursor:not-allowed
}
.dp__range_between {
    background:var(--dp-range-between-dates-background-color);
    color:var(--dp-range-between-dates-text-color);
    border-radius:0;
    border:1px solid var(--dp-range-between-border-color)
}
.dp__range_between_week {
    background:var(--dp-primary-color);
    color:var(--dp-primary-text-color);
    border-radius:0;
    border-top:1px solid var(--dp-primary-color);
    border-bottom:1px solid var(--dp-primary-color)
}
.dp__today {
    border:1px solid var(--dp-primary-color)
}
.dp__week_num {
    color:var(--dp-secondary-color);
    text-align:center
}
.dp__cell_auto_range {
    border-radius:0;
    border-top:1px dashed var(--dp-primary-color);
    border-bottom:1px dashed var(--dp-primary-color)
}
.dp__cell_auto_range_start {
    border-start-start-radius:var(--dp-cell-border-radius);
    border-end-start-radius:var(--dp-cell-border-radius);
    border-inline-start:1px dashed var(--dp-primary-color);
    border-top:1px dashed var(--dp-primary-color);
    border-bottom:1px dashed var(--dp-primary-color)
}
.dp__cell_auto_range_end {
    border-start-end-radius:var(--dp-cell-border-radius);
    border-end-end-radius:var(--dp-cell-border-radius);
    border-top:1px dashed var(--dp-primary-color);
    border-bottom:1px dashed var(--dp-primary-color);
    border-inline-end:1px dashed var(--dp-primary-color)
}
.dp__calendar_header_separator {
    width:100%;
    height:1px;
    background:var(--dp-border-color)
}
.dp__calendar_next {
    margin-inline-start:var(--dp-multi-calendars-spacing)
}
.dp__marker_line,.dp__marker_dot {
    height:5px;
    background-color:var(--dp-marker-color);
    position:absolute;
    bottom:0
}
.dp__marker_dot {
    width:5px;
    border-radius:50%;
    left:50%;
    transform:translate(-50%)
}
.dp__marker_line {
    width:100%;
    left:0
}
.dp__marker_tooltip {
    position:absolute;
    border-radius:var(--dp-border-radius);
    background-color:var(--dp-tooltip-color);
    padding:5px;
    border:1px solid var(--dp-border-color);
    z-index:99999;
    box-sizing:border-box;
    cursor:default
}
.dp__tooltip_content {
    white-space:nowrap
}
.dp__tooltip_text {
    display:flex;
    align-items:center;
    flex-flow:row nowrap;
    color:var(--dp-text-color)
}
.dp__tooltip_mark {
    height:5px;
    width:5px;
    border-radius:50%;
    background-color:var(--dp-text-color);
    color:var(--dp-text-color);
    margin-inline-end:5px
}
.dp__arrow_bottom_tp {
    bottom:0;
    height:8px;
    width:8px;
    background-color:var(--dp-tooltip-color);
    position:absolute;
    border-inline-end:1px solid var(--dp-border-color);
    border-bottom:1px solid var(--dp-border-color);
    transform:translate(-50%,50%) rotate(45deg)
}
.dp__instance_calendar {
    position:relative;
    width:100%
}
@media only screen and (max-width:600px) {
    .dp__flex_display {
        flex-direction:column
    }
}
.dp--flex-display-collapsed {
    flex-direction:column
}
.dp__cell_highlight {
    background-color:var(--dp-highlight-color)
}
.dp__month_year_row {
    display:flex;
    align-items:center;
    height:var(--dp-month-year-row-height);
    color:var(--dp-text-color);
    box-sizing:border-box
}
.dp__inner_nav {
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    height:var(--dp-month-year-row-button-size);
    width:var(--dp-month-year-row-button-size);
    color:var(--dp-icon-color);
    text-align:center;
    border-radius:50%
}
.dp__inner_nav svg {
    height:var(--dp-button-icon-height);
    width:var(--dp-button-icon-height)
}
.dp__inner_nav:hover {
    background:var(--dp-hover-color);
    color:var(--dp-hover-icon-color)
}
[dir=rtl] .dp__inner_nav {
    transform:rotate(180deg)
}
.dp__inner_nav_disabled:hover,.dp__inner_nav_disabled {
    background:var(--dp-disabled-color);
    color:var(--dp-disabled-color-text);
    cursor:not-allowed
}
.dp--year-select,.dp__month_year_select {
    text-align:center;
    cursor:pointer;
    height:var(--dp-month-year-row-height);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:var(--dp-border-radius);
    box-sizing:border-box;
    color:var(--dp-text-color)
}
.dp--year-select:hover,.dp__month_year_select:hover {
    background:var(--dp-hover-color);
    color:var(--dp-hover-text-color);
    transition:var(--dp-common-transition)
}
.dp__month_year_select {
    width:50%
}
.dp--year-select {
    width:100%
}
.dp__month_year_wrap {
    display:flex;
    flex-direction:row;
    width:100%
}
.dp__year_disable_select {
    justify-content:space-around
}
.dp--header-wrap {
    display:flex;
    width:100%;
    flex-direction:column
}
.dp__overlay {
    width:100%;
    background:var(--dp-background-color);
    transition:opacity 1s ease-out;
    z-index:99999;
    font-family:var(--dp-font-family);
    color:var(--dp-text-color);
    box-sizing:border-box
}
.dp--overlay-absolute {
    position:absolute;
    height:100%;
    top:0;
    left:0
}
.dp--overlay-relative {
    position:relative
}
.dp__overlay_container::-webkit-scrollbar-track {
    box-shadow:var(--dp-scroll-bar-background);
    background-color:var(--dp-scroll-bar-background)
}
.dp__overlay_container::-webkit-scrollbar {
    width:5px;
    background-color:var(--dp-scroll-bar-background)
}
.dp__overlay_container::-webkit-scrollbar-thumb {
    background-color:var(--dp-scroll-bar-color);
    border-radius:10px
}
.dp__overlay:focus {
    border:none;
    outline:none
}
.dp__container_flex {
    display:flex
}
.dp__container_block {
    display:block
}
.dp__overlay_container {
    flex-direction:column;
    overflow-y:auto;
    height:var(--dp-overlay-height)
}
.dp__time_picker_overlay_container {
    height:100%
}
.dp__overlay_row {
    padding:0;
    box-sizing:border-box;
    display:flex;
    margin-inline:auto auto;
    flex-wrap:wrap;
    max-width:100%;
    width:100%;
    align-items:center
}
.dp__flex_row {
    flex:1
}
.dp__overlay_col {
    box-sizing:border-box;
    width:33%;
    padding:var(--dp-overlay-col-padding);
    white-space:nowrap
}
.dp__overlay_cell_pad {
    padding:var(--dp-common-padding) 0
}
.dp__overlay_cell_active {
    cursor:pointer;
    border-radius:var(--dp-border-radius);
    text-align:center;
    background:var(--dp-primary-color);
    color:var(--dp-primary-text-color)
}
.dp__overlay_cell {
    cursor:pointer;
    border-radius:var(--dp-border-radius);
    text-align:center
}
.dp__overlay_cell:hover {
    background:var(--dp-hover-color);
    color:var(--dp-hover-text-color);
    transition:var(--dp-common-transition)
}
.dp__cell_in_between {
    background:var(--dp-hover-color);
    color:var(--dp-hover-text-color)
}
.dp__over_action_scroll {
    right:5px;
    box-sizing:border-box
}
.dp__overlay_cell_disabled {
    cursor:not-allowed;
    background:var(--dp-disabled-color)
}
.dp__overlay_cell_disabled:hover {
    background:var(--dp-disabled-color)
}
.dp__overlay_cell_active_disabled {
    cursor:not-allowed;
    background:var(--dp-primary-disabled-color)
}
.dp__overlay_cell_active_disabled:hover {
    background:var(--dp-primary-disabled-color)
}
.dp__btn,.dp--qr-btn,.dp--time-invalid,.dp--time-overlay-btn {
    border:none;
    font:inherit;
    transition:var(--dp-common-transition);
    line-height:normal
}
.dp--tp-wrap {
    max-width:var(--dp-menu-min-width)
}
.dp__time_input {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-user-select:none;
    user-select:none;
    font-family:var(--dp-font-family);
    color:var(--dp-text-color)
}
.dp__time_col_reg_block {
    padding:0 20px
}
.dp__time_col_reg_inline {
    padding:0 10px
}
.dp__time_col_reg_with_button {
    padding:0 15px
}
.dp__time_col_sec {
    padding:0 10px
}
.dp__time_col_sec_with_button {
    padding:0 5px
}
.dp__time_col {
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.dp__time_col_block {
    font-size:var(--dp-time-font-size)
}
.dp__time_display_block {
    padding:0 3px
}
.dp__time_display_inline {
    padding:5px
}
.dp__time_picker_inline_container {
    display:flex;
    width:100%;
    justify-content:center
}
.dp__inc_dec_button {
    padding:5px;
    margin:0;
    height:var(--dp-time-inc-dec-button-size);
    width:var(--dp-time-inc-dec-button-size);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:50%;
    color:var(--dp-icon-color);
    box-sizing:border-box
}
.dp__inc_dec_button svg {
    height:var(--dp-time-inc-dec-button-size);
    width:var(--dp-time-inc-dec-button-size)
}
.dp__inc_dec_button:hover {
    background:var(--dp-hover-color);
    color:var(--dp-primary-color)
}
.dp__time_display {
    cursor:pointer;
    color:var(--dp-text-color);
    border-radius:var(--dp-border-radius);
    display:flex;
    align-items:center;
    justify-content:center
}
.dp__time_display:hover:enabled {
    background:var(--dp-hover-color);
    color:var(--dp-hover-text-color)
}
.dp__inc_dec_button_inline {
    width:100%;
    padding:0;
    height:8px;
    cursor:pointer;
    display:flex;
    align-items:center
}
.dp__inc_dec_button_disabled,.dp__inc_dec_button_disabled:hover {
    background:var(--dp-disabled-color);
    color:var(--dp-disabled-color-text);
    cursor:not-allowed
}
.dp__pm_am_button {
    background:var(--dp-primary-color);
    color:var(--dp-primary-text-color);
    border:none;
    padding:var(--dp-common-padding);
    border-radius:var(--dp-border-radius);
    cursor:pointer
}
.dp__tp_inline_btn_bar {
    width:100%;
    height:4px;
    background-color:var(--dp-secondary-color);
    transition:var(--dp-common-transition);
    border-collapse:collapse
}
.dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
    background-color:var(--dp-primary-color);
    transform:rotate(12deg) scale(1.15) translateY(-2px)
}
.dp__tp_inline_btn_top:hover .dp__tp_btn_in_l,.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
    background-color:var(--dp-primary-color);
    transform:rotate(-12deg) scale(1.15) translateY(-2px)
}
.dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
    background-color:var(--dp-primary-color);
    transform:rotate(12deg) scale(1.15) translateY(-2px)
}
.dp--time-overlay-btn {
    background:none
}
.dp--time-invalid {
    background-color:var(--dp-disabled-color)
}
.dp__action_row {
    display:flex;
    align-items:center;
    width:100%;
    padding:var(--dp-action-row-padding);
    box-sizing:border-box;
    color:var(--dp-text-color);
    flex-flow:row nowrap
}
.dp__action_row svg {
    height:var(--dp-button-icon-height);
    width:auto
}
.dp__selection_preview {
    display:block;
    color:var(--dp-text-color);
    font-size:var(--dp-preview-font-size);
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}
.dp__action_buttons {
    display:flex;
    flex:0;
    white-space:nowrap;
    align-items:center;
    justify-content:flex-end;
    margin-inline-start:auto
}
.dp__action_button {
    display:inline-flex;
    align-items:center;
    background:#0000;
    border:1px solid rgba(0,0,0,0);
    padding:var(--dp-action-buttons-padding);
    line-height:var(--dp-action-button-height);
    margin-inline-start:3px;
    height:var(--dp-action-button-height);
    cursor:pointer;
    border-radius:var(--dp-border-radius);
    font-size:var(--dp-preview-font-size);
    font-family:var(--dp-font-family)
}
.dp__action_cancel {
    color:var(--dp-text-color);
    border:1px solid var(--dp-border-color)
}
.dp__action_cancel:hover {
    border-color:var(--dp-primary-color);
    transition:var(--dp-action-row-transtion)
}
.dp__action_buttons .dp__action_select {
    background:var(--dp-primary-color);
    color:var(--dp-primary-text-color)
}
.dp__action_buttons .dp__action_select:hover {
    background:var(--dp-primary-color);
    transition:var(--dp-action-row-transtion)
}
.dp__action_buttons .dp__action_select:disabled {
    background:var(--dp-primary-disabled-color);
    cursor:not-allowed
}
.dp-quarter-picker-wrap {
    display:flex;
    flex-direction:column;
    height:100%;
    min-width:var(--dp-menu-min-width)
}
.dp--qr-btn-disabled {
    cursor:not-allowed;
    background:var(--dp-disabled-color)
}
.dp--qr-btn-disabled:hover {
    background:var(--dp-disabled-color)
}
.dp--qr-btn {
    width:100%;
    padding:var(--dp-common-padding)
}
.dp--qr-btn:not(.dp--highlighted,.dp--qr-btn-active,.dp--qr-btn-disabled,.dp--qr-btn-between) {
    background:none
}
.dp--qr-btn:hover:not(.dp--qr-btn-active,.dp--qr-btn-disabled) {
    background:var(--dp-hover-color);
    color:var(--dp-hover-text-color);
    transition:var(--dp-common-transition)
}
.dp--quarter-items {
    display:flex;
    flex-direction:column;
    flex:1;
    width:100%;
    height:100%;
    justify-content:space-evenly
}
.dp--qr-btn-active {
    background:var(--dp-primary-color);
    color:var(--dp-primary-text-color)
}
.dp--qr-btn-between {
    background:var(--dp-hover-color);
    color:var(--dp-hover-text-color)
}
.dp__btn,.dp--time-overlay-btn,.dp--time-invalid,.dp--qr-btn {
    border:none;
    font:inherit;
    transition:var(--dp-common-transition);
    line-height:normal
}
.dp--year-mode-picker {
    display:flex;
    width:100%;
    align-items:center;
    justify-content:space-between;
    height:var(--dp-cell-size)
}
:root {
    --dp-common-transition: all .1s ease-in;
    --dp-menu-padding: 6px 8px;
    --dp-animation-duration: .1s;
    --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
    --dp-transition-timing: ease-out;
    --dp-action-row-transtion: all .2s ease-in;
    --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    --dp-border-radius: 4px;
    --dp-cell-border-radius: 4px;
    --dp-transition-length: 22px;
    --dp-transition-timing-general: .1s;
    --dp-button-height: 35px;
    --dp-month-year-row-height: 35px;
    --dp-month-year-row-button-size: 25px;
    --dp-button-icon-height: 20px;
    --dp-calendar-wrap-padding: 0 5px;
    --dp-cell-size: 35px;
    --dp-cell-padding: 5px;
    --dp-common-padding: 10px;
    --dp-input-icon-padding: 35px;
    --dp-input-padding: 6px 30px 6px 12px;
    --dp-menu-min-width: 260px;
    --dp-action-buttons-padding: 1px 6px;
    --dp-row-margin: 5px 0;
    --dp-calendar-header-cell-padding: .5rem;
    --dp-multi-calendars-spacing: 10px;
    --dp-overlay-col-padding: 3px;
    --dp-time-inc-dec-button-size: 32px;
    --dp-font-size: 1rem;
    --dp-preview-font-size: .8rem;
    --dp-time-font-size: 2rem;
    --dp-action-button-height: 22px;
    --dp-action-row-padding: 8px;
    --dp-direction: ltr
}
.dp__theme_dark {
    --dp-background-color: #212121;
    --dp-text-color: #fff;
    --dp-hover-color: #484848;
    --dp-hover-text-color: #fff;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #005cb2;
    --dp-primary-disabled-color: #61a8ea;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #a9a9a9;
    --dp-border-color: #2d2d2d;
    --dp-menu-border-color: #2d2d2d;
    --dp-border-color-hover: #aaaeb7;
    --dp-border-color-focus: #aaaeb7;
    --dp-disabled-color: #737373;
    --dp-disabled-color-text: #d0d0d0;
    --dp-scroll-bar-background: #212121;
    --dp-scroll-bar-color: #484848;
    --dp-success-color: #00701a;
    --dp-success-color-disabled: #428f59;
    --dp-icon-color: #959595;
    --dp-danger-color: #e53935;
    --dp-marker-color: #e53935;
    --dp-tooltip-color: #3e3e3e;
    --dp-highlight-color: rgb(0 92 178 / 20%);
    --dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
    --dp-range-between-border-color: var(--dp-hover-color, #fff);
    --dp-loader: 5px solid #005cb2
}
.dp__theme_light {
    --dp-background-color: #fff;
    --dp-text-color: #212121;
    --dp-hover-color: #f3f3f3;
    --dp-hover-text-color: #212121;
    --dp-hover-icon-color: #959595;
    --dp-primary-color: #1976d2;
    --dp-primary-disabled-color: #6bacea;
    --dp-primary-text-color: #fff;
    --dp-secondary-color: #c0c4cc;
    --dp-border-color: #ddd;
    --dp-menu-border-color: #ddd;
    --dp-border-color-hover: #aaaeb7;
    --dp-border-color-focus: #aaaeb7;
    --dp-disabled-color: #f6f6f6;
    --dp-scroll-bar-background: #f3f3f3;
    --dp-scroll-bar-color: #959595;
    --dp-success-color: #76d275;
    --dp-success-color-disabled: #a3d9b1;
    --dp-icon-color: #959595;
    --dp-danger-color: #ff6f60;
    --dp-marker-color: #ff6f60;
    --dp-tooltip-color: #fafafa;
    --dp-disabled-color-text: #8e8e8e;
    --dp-highlight-color: rgb(25 118 210 / 10%);
    --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
    --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
    --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
    --dp-loader: 5px solid #1976d2
}
.dp__flex {
    display:flex;
    align-items:center
}
.dp__btn {
    background:none
}
.dp__main {
    font-family:var(--dp-font-family);
    -webkit-user-select:none;
    user-select:none;
    box-sizing:border-box;
    position:relative;
    width:100%
}
.dp__main * {
    direction:var(--dp-direction, ltr)
}
.dp__pointer {
    cursor:pointer
}
.dp__icon {
    stroke:currentcolor;
    fill:currentcolor
}
.dp__button {
    width:100%;
    text-align:center;
    color:var(--dp-icon-color);
    cursor:pointer;
    display:flex;
    align-items:center;
    place-content:center center;
    padding:var(--dp-common-padding);
    box-sizing:border-box;
    height:var(--dp-button-height)
}
.dp__button.dp__overlay_action {
    position:absolute;
    bottom:0
}
.dp__button:hover {
    background:var(--dp-hover-color);
    color:var(--dp-hover-icon-color)
}
.dp__button svg {
    height:var(--dp-button-icon-height);
    width:auto
}
.dp__button_bottom {
    border-bottom-left-radius:var(--dp-border-radius);
    border-bottom-right-radius:var(--dp-border-radius)
}
.dp__flex_display {
    display:flex
}
.dp__flex_display_with_input {
    flex-direction:column;
    align-items:flex-start
}
.dp__relative {
    position:relative
}
.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active {
    transition:all var(--dp-transition-timing-general) ease-out
}
.calendar-next-enter-from {
    opacity:0;
    transform:translate(var(--dp-transition-length))
}
.calendar-next-leave-to,.calendar-prev-enter-from {
    opacity:0;
    transform:translate(calc(var(--dp-transition-length) * -1))
}
.calendar-prev-leave-to {
    opacity:0;
    transform:translate(var(--dp-transition-length))
}
.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active {
    transition:all var(--dp-animation-duration) var(--dp-transition-timing)
}
.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from {
    opacity:0;
    transform:translateY(var(--dp-transition-length))
}
.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to {
    opacity:0;
    transform:translateY(calc(var(--dp-transition-length) * -1))
}
.dp--arrow-btn-nav {
    transition:var(--dp-common-transition)
}
.dp--highlighted {
    background-color:var(--dp-highlight-color)
}
.dp--hidden-el {
    visibility:hidden
}
@keyframes shineEffect {
    0% {
        left:-50%;
        opacity:0
    }
    50% {
        left:25%;
        opacity:.5
    }
    to {
        left:100%;
        opacity:0
    }
}
@keyframes opacity {
    0% {
        opacity:0
    }
    20% {
        opacity:1
    }
}
@keyframes pulse {
    0% {
        opacity:0
    }
    20% {
        opacity:1
    }
}
@keyframes moveTop {
    0% {
        opacity:0;
        top:10px
    }
    20% {
        opacity:1;
        top:0
    }
}
@keyframes openCard {
    0% {
        opacity:0;
        margin-top:20px
    }
    to {
        opacity:1;
        margin-top:10px
    }
}
@-webkit-keyframes flipCoin {
    0% {
        -webkit-transform:rotateY(0);
        -moz-transform:rotateY(0);
        transform:rotateY(0)
    }
    to {
        -webkit-transform:rotateY(1980deg);
        -moz-transform:rotateY(1980deg);
        transform:rotateY(1980deg)
    }
}
:root {
    --b: 26, 26, 26;
    --header: 16, 16, 16;
    --headerv2: 16, 16, 16;
    --left-side: 16, 16, 16;
    --left-side-width: 200px;
    --t: 255,255,255;
    --primary: 230, 25, 31;
    --secondary: 46, 46, 46;
    --primary-sc: 255, 255, 255;
    --sc: 255, 255, 255;
    --secondary-sc: 255, 255, 255;
    --modal: 24, 24, 24;
    --dropdown: 33, 33, 33;
    --dropdown-sc: 255, 255, 255;
    --card: 19, 19, 19;
    --card-border: 44, 44, 44;
    --danger: 255, 0, 0;
    --success: 76, 175, 80;
    --warning: 255, 193, 7;
    --info: 59, 130, 246;
    --live: 255, 0, 0;
    --game-blackjack: 0, 226, 87;
    --game-limbo: 245, 158, 11;
    --game-plinko: 16, 185, 129;
    --game-dice: 239, 68, 68;
    --game-mines: 59, 130, 246;
    --left-side-width: 250px;
    --left-side-collapsed: 60px;
    --header-height: 70px;
    --chat-width: 300px;
    --h-btn: 40px;
    --h-gap: 6px;
    --container-max-width: 1310px;
    --fix-side-width: 136px;
    --fix-side-height: 728px;
    --fix-side-gap: 20px;
    --fs-scale: 3;
    --fs-xs: calc(8px + var(--fs-scale) * 1px);
    --fs-sm: calc(9px + var(--fs-scale) * 1px);
    --fs-md: calc(10px + var(--fs-scale) * 1px);
    --fs-base: calc(11px + var(--fs-scale) * 1px);
    --fs-lg: calc(12px + var(--fs-scale) * 1.2px);
    --fs-xl: calc(13px + var(--fs-scale) * 1.4px);
    --fs-2xl: calc(14px + var(--fs-scale) * 1.6px);
    --fs-3xl: calc(16px + var(--fs-scale) * 2px);
    --btn-s: var(--fs-base);
    --gradient-wheel: linear-gradient(135deg, #303338, #303338);
    --gradient-gift: linear-gradient(135deg, #303338, #303338);
    --gradient-wheel-hover: linear-gradient(135deg, #303338, #303338);
    --gradient-gift-hover: linear-gradient(135deg, #303338, #303338);
    --btn-primary-bg: linear-gradient(135deg, #e6191f, #e6191f);
    --btn-primary-hover-bg: linear-gradient(135deg, #e6191f, #e6191f);
    --btn-secondary-bg: linear-gradient(135deg, #2e2e2e, #2e2e2e);
    --btn-secondary-hover-bg: linear-gradient(135deg, #2e2e2e, #2e2e2e);
}
.tmp_h_1 header.v1 {
    height:var(--header-height);
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(var(--card),1);
    border-bottom:1px solid rgba(var(--t),.08);
    width:100%;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.tmp_h_1 header.v1 .h-c {
    height:100%;
    padding:0 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px
}
.tmp_h_1 header.v1 .h-left {
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0
}
.tmp_h_1 header.v1 .logo-link {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.tmp_h_1 header.v1 .logo-link img {
    display:block;
    border-radius:10px;
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out
}
.tmp_h_1 header.v1 .logo-link:hover img {
    transform:scale(1.04)
}
.tmp_h_1 header.v1 .live-badge {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    height:var(--h-btn);
    padding:0 10px 0 8px;
    border-radius:20px;
    background:#ff00001f;
    border:1px solid rgba(255,0,0,.25);
    cursor:pointer;
    transition:all .2s ease
}
.tmp_h_1 header.v1 .live-badge__dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background:red;
    animation:livePulse1 1.5s ease-in-out infinite
}
.tmp_h_1 header.v1 .live-badge__text {
    font-size:var(--fs-xs);
    font-weight:800;
    color:#f44;
    letter-spacing:1px
}
.tmp_h_1 header.v1 .live-badge:hover {
    background:#f003;
    border-color:#f006
}
@keyframes livePulse1 {
    0%,to {
        opacity:1;
        transform:scale(1)
    }
    50% {
        opacity:.4;
        transform:scale(.75)
    }
}
.tmp_h_1 header.v1 .h-nav {
    display:flex;
    align-items:center;
    gap:2px;
    flex:1;
    justify-content:center
}
.tmp_h_1 header.v1 .h-nav .nav-link {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    height:var(--h-btn);
    padding:0 12px;
    border-radius:8px;
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--t),.7);
    transition:all .2s ease;
    white-space:nowrap
}
.tmp_h_1 header.v1 .h-nav .nav-link svg {
    width:15px;
    height:15px;
    fill:rgba(var(--t),.5);
    flex-shrink:0;
    transition:fill .2s ease
}
.tmp_h_1 header.v1 .h-nav .nav-link .chevron {
    width:12px!important;
    height:12px!important;
    fill:none!important;
    stroke:rgba(var(--t),.4);
    margin-left:2px;
    margin-right:0!important;
    flex-shrink:0;
    transition:transform .2s ease
}
.tmp_h_1 header.v1 .h-nav .nav-link:hover {
    color:rgba(var(--t),1);
    background:rgba(var(--t),.05)
}
.tmp_h_1 header.v1 .h-nav .nav-link:hover svg:not(.chevron) {
    fill:rgba(var(--t),.85)
}
.tmp_h_1 header.v1 .h-nav .nav-link:hover .chevron {
    stroke:rgba(var(--t),.8)
}
.tmp_h_1 header.v1 .h-nav .nav-link.router-link-active,.tmp_h_1 header.v1 .h-nav .nav-link.is-active {
    color:rgba(var(--t),1);
    background:rgba(var(--t),.06)
}
.tmp_h_1 header.v1 .h-nav .nav-link.router-link-active svg:not(.chevron),.tmp_h_1 header.v1 .h-nav .nav-link.is-active svg:not(.chevron) {
    fill:rgba(var(--primary),1)
}
.tmp_h_1 header.v1 .h-nav .nav-divider {
    width:1px;
    height:16px;
    background:rgba(var(--t),.08);
    margin:0 4px;
    flex-shrink:0
}
.tmp_h_1 header.v1 .h-nav .nav-action {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    height:var(--h-btn);
    padding:0 12px;
    border-radius:8px;
    font-size:var(--fs-xs);
    font-weight:600;
    cursor:pointer;
    white-space:nowrap;
    transition:all .2s ease;
    border:1px solid rgba(var(--t),.06);
    background:rgba(var(--t),.04);
    color:rgba(var(--t),.7)
}
.tmp_h_1 header.v1 .h-nav .nav-action svg {
    width:14px!important;
    height:14px!important;
    margin:0!important;
    flex-shrink:0;
    fill:rgba(var(--t),.5)!important;
    transition:fill .2s ease
}
.tmp_h_1 header.v1 .h-nav .nav-action:hover {
    background:rgba(var(--t),.08);
    border-color:rgba(var(--t),.12);
    color:rgba(var(--t),1)
}
.tmp_h_1 header.v1 .h-nav .nav-action:hover svg {
    fill:rgba(var(--t),.85)!important
}
.tmp_h_1 header.v1 .h-nav .nav-action--wheel {
    background:var(--gradient-wheel);
    border:none;
    color:#fff
}
.tmp_h_1 header.v1 .h-nav .nav-action--wheel svg {
    fill:#fff!important
}
.tmp_h_1 header.v1 .h-nav .nav-action--wheel:hover {
    background:var(--gradient-wheel-hover);
    color:#fff
}
.tmp_h_1 header.v1 .h-nav .nav-action--wheel:hover svg {
    fill:#fff!important
}
.tmp_h_1 header.v1 .h-nav .nav-action--gift {
    background:var(--gradient-gift);
    border:none;
    color:#fff
}
.tmp_h_1 header.v1 .h-nav .nav-action--gift svg {
    fill:#fff!important
}
.tmp_h_1 header.v1 .h-nav .nav-action--gift:hover {
    background:var(--gradient-gift-hover);
    color:#fff
}
.tmp_h_1 header.v1 .h-nav .nav-action--gift:hover svg {
    fill:#fff!important
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown {
    position:relative
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown:hover .nav-link .chevron {
    transform:rotate(180deg)
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown:after {
    content:"";
    position:absolute;
    top:100%;
    left:0;
    right:0;
    height:10px
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown .dropdown-card {
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    transform:translate(-50%);
    min-width:340px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--t),.08);
    border-radius:10px;
    padding:8px;
    z-index:999
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown .dropdown-card__title {
    font-size:var(--fs-xs);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    color:rgba(var(--t),.4);
    padding:4px 8px 8px;
    border-bottom:1px solid rgba(var(--t),.06);
    margin-bottom:6px
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown .dropdown-card__grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:4px
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown .dropdown-item {
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    border-radius:8px;
    font-size:var(--fs-sm);
    font-weight:500;
    color:rgba(var(--t),.65);
    transition:all .2s ease;
    white-space:nowrap
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown .dropdown-item svg {
    width:15px;
    height:15px;
    fill:rgba(var(--t),.45);
    flex-shrink:0;
    transition:fill .2s ease
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown .dropdown-item:hover {
    color:rgba(var(--t),1);
    background:rgba(var(--t),.05)
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown .dropdown-item:hover svg {
    fill:rgba(var(--t),.85)
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown .dropdown-item.router-link-active {
    color:rgba(var(--primary),1);
    background:rgba(var(--primary),.08)
}
.tmp_h_1 header.v1 .h-nav .nav-dropdown .dropdown-item.router-link-active svg {
    fill:rgba(var(--primary),1)
}
.tmp_h_1 header.v1 .h-right {
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0
}
.tmp_h_1 header.v1 .h-right .icon-btn {
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.07);
    border-radius:8px;
    width:var(--h-btn);
    height:var(--h-btn);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.tmp_h_1 header.v1 .h-right .icon-btn svg {
    width:17px;
    height:17px;
    fill:rgba(var(--t),.6);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.tmp_h_1 header.v1 .h-right .icon-btn:hover {
    background:rgba(var(--t),.1);
    border-color:rgba(var(--t),.15)
}
.tmp_h_1 header.v1 .h-right .icon-btn:hover svg {
    fill:rgba(var(--t),1)
}
.tmp_h_1 header.v1 .h-right .auth-section,.tmp_h_1 header.v1 .h-right .auth-section .user {
    display:flex;
    align-items:center;
    gap:var(--h-gap)
}
.tmp_h_1 header.v1 .h-right .auth-section .button,.tmp_h_1 header.v1 .h-right .auth-section .user .button {
    height:var(--h-btn);
    padding:0 14px;
    font-size:var(--fs-sm)
}
.tmp_h_1 header.v1 .h-right .auth-section .balance,.tmp_h_1 header.v1 .h-right .auth-section .user .balance {
    height:var(--h-btn);
    padding:0 12px
}
.tmp_h_1 header.v1 .h-right .chat-btn.button.chat-button {
    height:var(--h-btn)!important;
    width:var(--h-btn);
    min-width:var(--h-btn);
    padding:0!important;
    border-radius:8px;
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.07);
    margin-left:0
}
.tmp_h_1 header.v1 .h-right .chat-btn.button.chat-button svg {
    width:17px;
    height:17px;
    fill:rgba(var(--t),.6)
}
.tmp_h_1 header.v1 .h-right .chat-btn.button.chat-button:hover {
    background:rgba(var(--t),.1);
    border-color:rgba(var(--t),.15)
}
.tmp_h_1 header.v1 .h-right .chat-btn.button.chat-button:hover svg {
    fill:rgba(var(--t),1)
}
.tmp_h_1 .inc {
    margin-left:0!important;
    height:calc(100vh - var(--header-height));
    overflow-y:auto;
    overflow-x:hidden;
    padding:20px 20px 0;
    display:flex;
    flex-direction:column;
    transition:width .3s ease
}
.tmp_h_1 .inc .container {
    max-width:1310px;
    margin:0 auto;
    width:100%;
    flex:1
}
.tmp_h_1 .inc footer {
    margin-top:auto;
    width:100vw;
    margin-left:-20px;
    margin-right:-20px;
    padding-left:20px;
    padding-right:20px
}
.tmp_h_1.chat-opened header.v1 {
    width:calc(100vw - var(--chat-width))
}
.tmp_h_1.chat-opened .subheader,.tmp_h_1.chat-opened .inc {
    width:calc(100vw - var(--chat-width))
}
.tmp_h_1.chat-opened .inc .container {
    max-width:var(--container-max-width)!important
}
@media(max-width:1400px) {
    .tmp_h_1 header.v1 .h-c {
        gap:10px
    }
    .tmp_h_1 header.v1 .logo-link img {
        width:100px!important
    }
    .tmp_h_1 header.v1 .h-nav {
        gap:1px
    }
    .tmp_h_1 header.v1 .h-nav .nav-link {
        padding:0 8px
    }
    .tmp_h_1 header.v1 .h-nav .nav-link span {
        font-size:var(--fs-xs)
    }
    .tmp_h_1 header.v1 .h-nav .nav-action {
        padding:0 10px
    }
    .tmp_h_1 header.v1 .h-nav .nav-divider {
        margin:0 2px
    }
    .tmp_h_1 header.v1 .h-right {
        gap:var(--h-gap)
    }
}
@media(max-width:1200px) {
    .tmp_h_1 header.v1 .h-nav .nav-link span:not(.chevron) {
        display:none
    }
    .tmp_h_1 header.v1 .h-nav .nav-link .chevron {
        display:none
    }
    .tmp_h_1 header.v1 .h-nav .nav-link {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
    .tmp_h_1 header.v1 .h-nav .nav-action span {
        display:none
    }
    .tmp_h_1 header.v1 .h-nav .nav-action {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
    .tmp_h_1 header.v1 .h-nav .nav-divider {
        display:none
    }
    .tmp_h_1 header.v1 .logo-link img {
        width:80px!important
    }
    .tmp_h_1 header.v1 .market-btn-header .market-button__text {
        display:none
    }
    .tmp_h_1 header.v1 .market-btn-header .market-button {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
}
@media(max-width:1024px) {
    .tmp_h_1 header.v1 .h-nav {
        display:none
    }
    .tmp_h_1 header.v1 .logo-link img {
        width:90px!important
    }
}
@media(max-width:1700px) {
    .tmp_h_1.chat-opened header.v1 .h-c {
        gap:10px
    }
    .tmp_h_1.chat-opened header.v1 .logo-link img {
        width:100px!important
    }
    .tmp_h_1.chat-opened header.v1 .h-nav {
        gap:1px
    }
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-link {
        padding:0 8px
    }
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-link span {
        font-size:var(--fs-xs)
    }
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-action {
        padding:0 10px
    }
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-divider {
        margin:0 2px
    }
    .tmp_h_1.chat-opened header.v1 .h-right {
        gap:var(--h-gap)
    }
}
@media(max-width:1500px) {
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-link span:not(.chevron) {
        display:none
    }
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-link .chevron {
        display:none
    }
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-link {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-action span {
        display:none
    }
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-action {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
    .tmp_h_1.chat-opened header.v1 .h-nav .nav-divider {
        display:none
    }
    .tmp_h_1.chat-opened header.v1 .logo-link img {
        width:80px!important
    }
    .tmp_h_1.chat-opened header.v1 .market-btn-header .market-button__text {
        display:none
    }
    .tmp_h_1.chat-opened header.v1 .market-btn-header .market-button {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
}
@media(max-width:1324px) {
    .tmp_h_1.chat-opened header.v1 .h-nav {
        display:none
    }
    .tmp_h_1.chat-opened header.v1 .logo-link img {
        width:90px!important
    }
}
.tmp_h_3 header.v3 {
    height:var(--header-height);
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(var(--card),1);
    border-bottom:1px solid rgba(var(--t),.06);
    width:100%
}
.tmp_h_3 .h3-bar {
    height:100%;
    max-width:1310px;
    margin:0 auto;
    padding:0;
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center
}
.tmp_h_3 .h3-side {
    display:flex;
    align-items:center;
    gap:2px
}
.tmp_h_3 .h3-side--left {
    justify-content:flex-end
}
.tmp_h_3 .h3-side--right {
    justify-content:flex-start
}
.tmp_h_3 .h3-logo {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 24px;
    position:relative
}
.tmp_h_3 .h3-logo img {
    display:block;
    width:150px;
    border-radius:10px;
    transition:transform .25s ease
}
.tmp_h_3 .h3-logo:hover img {
    transform:scale(1.04)
}
.tmp_h_3 .h3-live-dot {
    position:absolute;
    top:4px;
    right:20px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:red;
    border:2px solid rgba(var(--card),1);
    animation:livePulse1 1.5s ease-in-out infinite
}
.tmp_h_3 .h3-link {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    height:var(--h-btn);
    padding:0 12px;
    border-radius:8px;
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--t),.6);
    transition:all .15s ease;
    white-space:nowrap;
    text-decoration:none
}
.tmp_h_3 .h3-link svg {
    width:14px;
    height:14px;
    fill:rgba(var(--t),.4);
    flex-shrink:0;
    transition:fill .15s ease
}
.tmp_h_3 .h3-link:hover {
    color:rgba(var(--t),1);
    background:rgba(var(--t),.04)
}
.tmp_h_3 .h3-link:hover svg:not(.h3-chev) {
    fill:rgba(var(--t),.8)
}
.tmp_h_3 .h3-link.router-link-active,.tmp_h_3 .h3-link.is-active {
    color:rgba(var(--t),1)
}
.tmp_h_3 .h3-link.router-link-active svg:not(.h3-chev),.tmp_h_3 .h3-link.is-active svg:not(.h3-chev) {
    fill:rgba(var(--primary),1)
}
.tmp_h_3 .h3-chev {
    width:11px!important;
    height:11px!important;
    fill:none!important;
    stroke:rgba(var(--t),.3);
    margin-left:1px;
    transition:transform .2s ease
}
.tmp_h_3 .h3-dropdown {
    position:relative
}
.tmp_h_3 .h3-dropdown:hover .h3-chev {
    transform:rotate(180deg)
}
.tmp_h_3 .h3-dropdown:after {
    content:"";
    position:absolute;
    top:100%;
    left:0;
    right:0;
    height:10px
}
.tmp_h_3 .h3-drop {
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    transform:translate(-50%);
    min-width:320px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--t),.08);
    border-radius:10px;
    padding:8px;
    z-index:999
}
.tmp_h_3 .h3-drop__head {
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
    color:rgba(var(--t),.3);
    padding:4px 8px 8px;
    border-bottom:1px solid rgba(var(--t),.05);
    margin-bottom:4px
}
.tmp_h_3 .h3-drop__grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2px
}
.tmp_h_3 .h3-drop__item {
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    border-radius:8px;
    font-size:var(--fs-sm);
    font-weight:500;
    color:rgba(var(--t),.6);
    transition:all .15s ease;
    text-decoration:none;
    white-space:nowrap
}
.tmp_h_3 .h3-drop__item svg {
    width:14px;
    height:14px;
    fill:rgba(var(--t),.35);
    flex-shrink:0;
    transition:fill .15s ease
}
.tmp_h_3 .h3-drop__item:hover {
    color:rgba(var(--t),1);
    background:rgba(var(--t),.04)
}
.tmp_h_3 .h3-drop__item:hover svg {
    fill:rgba(var(--t),.8)
}
.tmp_h_3 .h3-drop__item.router-link-active {
    color:rgba(var(--primary),1);
    background:rgba(var(--primary),.06)
}
.tmp_h_3 .h3-drop__item.router-link-active svg {
    fill:rgba(var(--primary),1)
}
.tmp_h_3 .h3-auth {
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:var(--h-gap)
}
.tmp_h_3 .h3-auth .user {
    display:flex;
    align-items:center;
    gap:var(--h-gap)
}
.tmp_h_3 .h3-auth .button {
    height:var(--h-btn);
    padding:0 14px;
    font-size:var(--fs-sm)
}
.tmp_h_3 .h3-auth .balance {
    height:var(--h-btn);
    padding:0 12px
}
.tmp_h_3 .chat-btn.button.chat-button {
    height:var(--h-btn)!important;
    width:var(--h-btn);
    min-width:var(--h-btn);
    padding:0!important;
    border-radius:8px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    margin-left:var(--h-gap)
}
.tmp_h_3 .chat-btn.button.chat-button svg {
    width:16px;
    height:16px;
    fill:rgba(var(--t),.5)
}
.tmp_h_3 .chat-btn.button.chat-button:hover {
    background:rgba(var(--t),.08)
}
.tmp_h_3 .chat-btn.button.chat-button:hover svg {
    fill:rgba(var(--t),1)
}
.tmp_h_3 .inc {
    margin-left:0!important;
    height:calc(100vh - var(--header-height));
    overflow-y:auto;
    overflow-x:hidden;
    padding:20px 20px 0;
    display:flex;
    flex-direction:column
}
.tmp_h_3 .inc .container {
    max-width:1310px;
    margin:0 auto;
    width:100%;
    flex:1
}
.tmp_h_3 .inc footer {
    margin-top:auto;
    width:100vw;
    margin-left:-20px;
    margin-right:-20px;
    padding-left:20px;
    padding-right:20px
}
.tmp_h_3.chat-opened header.v3 {
    width:calc(100vw - var(--chat-width))
}
.tmp_h_3.chat-opened .subheader,.tmp_h_3.chat-opened .inc {
    width:calc(100vw - var(--chat-width))
}
.tmp_h_3.chat-opened .inc .container {
    max-width:var(--container-max-width)!important
}
.tmp_h_3.chat-opened .inc footer {
    width:100%;
    margin-left:-20px;
    margin-right:-20px;
    padding-left:20px;
    padding-right:20px
}
@media(max-width:1400px) {
    .tmp_h_3 .h3-bar {
        padding:0 14px
    }
    .tmp_h_3 .h3-logo {
        padding:0 16px
    }
    .tmp_h_3 .h3-logo img {
        width:100px
    }
    .tmp_h_3 .h3-link {
        padding:0 6px
    }
    .tmp_h_3 .h3-link span {
        font-size:var(--fs-xs)
    }
    .tmp_h_3 .h3-side {
        gap:1px
    }
}
@media(max-width:1200px) {
    .tmp_h_3 .h3-link {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
    .tmp_h_3 .h3-link span,.tmp_h_3 .h3-dropdown .h3-link span,.tmp_h_3 .h3-chev {
        display:none
    }
    .tmp_h_3 .h3-logo {
        padding:0 10px
    }
    .tmp_h_3 .h3-logo img {
        width:80px
    }
    .tmp_h_3 .h3-auth .button {
        padding:0 10px;
        font-size:var(--fs-xs)
    }
}
@media(max-width:1024px) {
    .tmp_h_3 .h3-bar {
        display:flex;
        justify-content:space-between
    }
    .tmp_h_3 .h3-link,.tmp_h_3 .h3-dropdown {
        display:none
    }
    .tmp_h_3 .h3-side--left {
        justify-content:flex-start;
        flex:0
    }
    .tmp_h_3 .h3-logo {
        padding:0 10px
    }
    .tmp_h_3 .h3-logo img {
        width:90px
    }
    .tmp_h_3 .h3-logo {
        order:0
    }
    .tmp_h_3 .h3-side--right {
        justify-content:flex-end;
        flex:1
    }
}
@media(max-width:768px) {
    .tmp_h_3 .h3-bar {
        padding:0 12px
    }
    .tmp_h_3 .h3-logo {
        padding:0 6px
    }
    .tmp_h_3 .h3-logo img {
        width:70px
    }
    .tmp_h_3 .h3-auth .button {
        padding:0 8px;
        font-size:var(--fs-xs)
    }
    .tmp_h_3 .h3-auth .balance {
        padding:0 6px
    }
    .tmp_h_3 .chat-btn.button.chat-button {
        width:32px;
        min-width:32px;
        height:32px!important
    }
    .tmp_h_3 .chat-btn.button.chat-button svg {
        width:14px;
        height:14px
    }
}
.tmp_h_2 header.v2 {
    height:var(--header-height);
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(var(--header),1);
    border-bottom:1px solid rgba(var(--primary),.12);
    box-shadow:0 1px rgba(var(--primary),.06),0 4px 24px #00000047;
    width:100%;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.tmp_h_2 header.v2 .h-c {
    height:100%;
    padding:0 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px
}
.tmp_h_2 header.v2 .h-left {
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0
}
.tmp_h_2 header.v2 .h-left .collapse-toggle {
    display:flex;
    align-items:center;
    justify-content:center;
    width:var(--h-btn);
    height:var(--h-btn);
    border-radius:8px;
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.07);
    cursor:pointer;
    transition:all .2s ease
}
.tmp_h_2 header.v2 .h-left .collapse-toggle svg {
    width:16px!important;
    height:16px!important;
    fill:rgba(var(--t),.4)!important;
    margin:0!important;
    transition:transform .3s ease
}
.tmp_h_2 header.v2 .h-left .collapse-toggle:hover {
    background:rgba(var(--t),.1);
    border-color:rgba(var(--t),.15)
}
.tmp_h_2 header.v2 .h-left .collapse-toggle:hover svg {
    fill:rgba(var(--t),.8)!important
}
.tmp_h_2 header.v2 .nav-menu {
    background:transparent;
    border:none;
    cursor:pointer;
    padding:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.tmp_h_2 header.v2 .nav-menu svg {
    width:22px;
    height:22px;
    fill:rgba(var(--t),.75);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.tmp_h_2 header.v2 .nav-menu:hover {
    background:rgba(var(--t),.07)
}
.tmp_h_2 header.v2 .nav-menu:hover svg {
    fill:rgba(var(--t),1)
}
.tmp_h_2 header.v2 .logo-link {
    display:flex;
    align-items:center;
    flex-shrink:0
}
.tmp_h_2 header.v2 .logo-link img {
    display:block;
    border-radius:10px;
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    -o-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out
}
.tmp_h_2 header.v2 .logo-link:hover img {
    transform:scale(1.04);
    box-shadow:0 4px 18px #00000059
}
.tmp_h_2 header.v2 .live {
    display:flex;
    align-items:center;
    margin-left:2px
}
.tmp_h_2 header.v2 .live-badge {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    height:var(--h-btn);
    padding:0 10px 0 8px;
    border-radius:20px;
    background:#ff00001f;
    border:1px solid rgba(255,0,0,.25);
    cursor:pointer;
    transition:all .2s ease
}
.tmp_h_2 header.v2 .live-badge__dot {
    width:8px;
    height:8px;
    border-radius:50%;
    background:red;
    animation:livePulse 1.5s ease-in-out infinite
}
.tmp_h_2 header.v2 .live-badge__text {
    font-size:var(--fs-xs);
    font-weight:800;
    color:#f44;
    letter-spacing:1px
}
.tmp_h_2 header.v2 .live-badge:hover {
    background:#f003;
    border-color:#f006
}
@keyframes livePulse {
    0%,to {
        opacity:1;
        transform:scale(1)
    }
    50% {
        opacity:.4;
        transform:scale(.75)
    }
}
.tmp_h_2 header.v2 .h-nav {
    display:flex;
    align-items:center;
    gap:2px;
    flex:1;
    justify-content:center
}
.tmp_h_2 header.v2 .h-nav .nav-link {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    height:var(--h-btn);
    padding:0 12px;
    border-radius:8px;
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--t),.7);
    transition:all .2s ease;
    white-space:nowrap
}
.tmp_h_2 header.v2 .h-nav .nav-link svg {
    width:15px;
    height:15px;
    fill:rgba(var(--t),.5);
    flex-shrink:0;
    transition:fill .2s ease
}
.tmp_h_2 header.v2 .h-nav .nav-link:hover {
    color:rgba(var(--t),1);
    background:rgba(var(--t),.05)
}
.tmp_h_2 header.v2 .h-nav .nav-link:hover svg {
    fill:rgba(var(--t),.85)
}
.tmp_h_2 header.v2 .h-nav .nav-link.router-link-active {
    color:rgba(var(--t),1);
    background:rgba(var(--t),.06)
}
.tmp_h_2 header.v2 .h-nav .nav-link.router-link-active svg {
    fill:rgba(var(--primary),1)
}
.tmp_h_2 header.v2 .h-nav .nav-divider {
    width:1px;
    height:16px;
    background:rgba(var(--t),.08);
    margin:0 4px;
    flex-shrink:0
}
.tmp_h_2 header.v2 .h-nav .nav-action {
    display:flex;
    align-items:center;
    gap:var(--h-gap);
    height:var(--h-btn);
    padding:0 12px;
    border-radius:8px;
    font-size:var(--fs-xs);
    font-weight:600;
    cursor:pointer;
    white-space:nowrap;
    transition:all .2s ease;
    border:1px solid rgba(var(--t),.06);
    background:rgba(var(--t),.04);
    color:rgba(var(--t),.7)
}
.tmp_h_2 header.v2 .h-nav .nav-action svg {
    width:14px!important;
    height:14px!important;
    margin:0!important;
    flex-shrink:0;
    fill:rgba(var(--t),.5)!important;
    transition:fill .2s ease
}
.tmp_h_2 header.v2 .h-nav .nav-action:hover {
    background:rgba(var(--t),.08);
    border-color:rgba(var(--t),.12);
    color:rgba(var(--t),1)
}
.tmp_h_2 header.v2 .h-nav .nav-action:hover svg {
    fill:rgba(var(--t),.85)!important
}
.tmp_h_2 header.v2 .h-nav .nav-action--wheel {
    background:var(--gradient-wheel);
    border:none;
    color:#fff
}
.tmp_h_2 header.v2 .h-nav .nav-action--wheel svg {
    fill:#fff!important
}
.tmp_h_2 header.v2 .h-nav .nav-action--wheel:hover {
    background:var(--gradient-wheel-hover);
    color:#fff
}
.tmp_h_2 header.v2 .h-nav .nav-action--wheel:hover svg {
    fill:#fff!important
}
.tmp_h_2 header.v2 .h-nav .nav-action--gift {
    background:var(--gradient-gift);
    border:none;
    color:#fff
}
.tmp_h_2 header.v2 .h-nav .nav-action--gift svg {
    fill:#fff!important
}
.tmp_h_2 header.v2 .h-nav .nav-action--gift:hover {
    background:var(--gradient-gift-hover);
    color:#fff
}
.tmp_h_2 header.v2 .h-nav .nav-action--gift:hover svg {
    fill:#fff!important
}
.tmp_h_2 header.v2 .h-right {
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0
}
.tmp_h_2 header.v2 .h-right .icon-btn {
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.07);
    border-radius:8px;
    width:var(--h-btn);
    height:var(--h-btn);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.tmp_h_2 header.v2 .h-right .icon-btn svg {
    width:17px;
    height:17px;
    fill:rgba(var(--t),.6);
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.tmp_h_2 header.v2 .h-right .icon-btn:hover {
    background:rgba(var(--t),.1);
    border-color:rgba(var(--t),.15)
}
.tmp_h_2 header.v2 .h-right .icon-btn:hover svg {
    fill:rgba(var(--t),1)
}
.tmp_h_2 header.v2 .h-right .auth-section,.tmp_h_2 header.v2 .h-right .auth-section .user {
    display:flex;
    align-items:center;
    gap:var(--h-gap)
}
.tmp_h_2 header.v2 .h-right .auth-section .button,.tmp_h_2 header.v2 .h-right .auth-section .user .button {
    height:var(--h-btn);
    padding:0 14px;
    font-size:var(--fs-sm)
}
.tmp_h_2 header.v2 .h-right .auth-section .balance,.tmp_h_2 header.v2 .h-right .auth-section .user .balance {
    height:var(--h-btn);
    padding:0 12px
}
.tmp_h_2 header.v2 .h-right .chat-btn.button.chat-button {
    height:var(--h-btn)!important;
    width:var(--h-btn);
    min-width:var(--h-btn);
    padding:0!important;
    border-radius:8px;
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.07);
    margin-left:0
}
.tmp_h_2 header.v2 .h-right .chat-btn.button.chat-button svg {
    width:17px;
    height:17px;
    fill:rgba(var(--t),.6)
}
.tmp_h_2 header.v2 .h-right .chat-btn.button.chat-button:hover {
    background:rgba(var(--t),.1);
    border-color:rgba(var(--t),.15)
}
.tmp_h_2 header.v2 .h-right .chat-btn.button.chat-button:hover svg {
    fill:rgba(var(--t),1)
}
.tmp_h_2 .left-side {
    position:fixed;
    left:0;
    top:var(--header-height);
    height:calc(100vh - var(--header-height));
    background:rgba(var(--left-side),1);
    border-right:1px solid #2b2b32;
    width:var(--left-side-width);
    z-index:999;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    transition:width .3s ease
}
.tmp_h_2 .left-side__top {
    flex-shrink:0;
    padding:15px 12px 0
}
.tmp_h_2 .left-side__middle {
    flex:1;
    overflow-y:auto;
    overflow-x:hidden;
    padding:8px 12px
}
.tmp_h_2 .left-side__bottom {
    flex-shrink:0;
    padding:0 12px 12px;
    border-top:1px solid rgba(var(--t),.06)
}
.tmp_h_2 .left-side .promo-cards {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:10px
}
.tmp_h_2 .left-side .promo-cards .promo-card {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px;
    border-radius:12px;
    overflow:hidden;
    cursor:pointer;
    transition:all .25s ease
}
.tmp_h_2 .left-side .promo-cards .promo-card__content {
    display:flex;
    flex-direction:column;
    z-index:1
}
.tmp_h_2 .left-side .promo-cards .promo-card__title {
    font-size:var(--fs-md);
    font-weight:700;
    color:#fff;
    line-height:1.1
}
.tmp_h_2 .left-side .promo-cards .promo-card__subtitle {
    font-size:var(--fs-xs);
    font-weight:600;
    color:rgba(var(--primary),1);
    line-height:1.2
}
.tmp_h_2 .left-side .promo-cards .promo-card__img {
    width:36px;
    height:36px;
    object-fit:contain;
    z-index:1;
    flex-shrink:0
}
.tmp_h_2 .left-side .promo-cards .promo-card.wheel {
    background:linear-gradient(to left,rgba(var(--primary),.15) 0%,transparent 100%);
    border:none
}
.tmp_h_2 .left-side .promo-cards .promo-card.wheel:hover {
    background:linear-gradient(to left,rgba(var(--primary),.25) 0%,transparent 100%)
}
.tmp_h_2 .left-side .promo-cards .promo-card.bonus {
    background:linear-gradient(to left,rgba(255,193,7,.15) 0%,transparent 100%);
    border:none
}
.tmp_h_2 .left-side .promo-cards .promo-card.bonus .promo-card__subtitle {
    color:#ffc107
}
.tmp_h_2 .left-side .promo-cards .promo-card.bonus:hover {
    background:linear-gradient(to left,rgba(255,193,7,.25) 0%,transparent 100%)
}
.tmp_h_2 .left-side .challenges-card {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    border-radius:12px;
    margin-bottom:0;
    background:linear-gradient(to left,rgba(255,87,34,.15) 0%,transparent 100%);
    border:none;
    cursor:pointer;
    transition:all .25s ease
}
.tmp_h_2 .left-side .challenges-card:hover {
    background:linear-gradient(to left,rgba(255,87,34,.25) 0%,transparent 100%)
}
.tmp_h_2 .left-side .challenges-card__content {
    display:flex;
    flex-direction:column
}
.tmp_h_2 .left-side .challenges-card__title {
    font-size:var(--fs-md);
    font-weight:700;
    color:#fff
}
.tmp_h_2 .left-side .challenges-card__meta {
    font-size:var(--fs-xs);
    color:#ff9800;
    font-weight:600
}
.tmp_h_2 .left-side .challenges-card__icon {
    width:32px;
    height:32px;
    display:flex;
    align-items:center;
    justify-content:center
}
.tmp_h_2 .left-side .challenges-card__icon svg {
    width:24px;
    height:24px;
    fill:#ff5722
}
.tmp_h_2 .left-side .menu-category {
    margin-bottom:8px
}
.tmp_h_2 .left-side .menu-category .category-title {
    font-size:var(--fs-xs);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    color:rgba(var(--t),.4);
    padding:0 8px;
    margin-bottom:4px
}
.tmp_h_2 .left-side .menu-category ul {
    display:flex;
    flex-direction:column
}
.tmp_h_2 .left-side .menu-category ul li {
    width:100%
}
.tmp_h_2 .left-side .menu-category ul li a {
    padding:10px;
    width:100%;
    font-weight:500;
    font-size:var(--fs-md);
    align-items:center;
    justify-content:flex-start;
    display:flex;
    color:rgba(var(--t),.65);
    border-radius:10px;
    transition:all .2s ease
}
.tmp_h_2 .left-side .menu-category ul li a g,.tmp_h_2 .left-side .menu-category ul li a svg {
    fill:rgba(var(--t),.5);
    width:18px;
    height:18px
}
.tmp_h_2 .left-side .menu-category ul li a svg.chevron {
    width:16px;
    height:16px;
    margin-left:auto;
    margin-right:0;
    opacity:.3;
    fill:rgba(var(--t),.4)
}
.tmp_h_2 .left-side .menu-category ul li a span {
    flex:1
}
.tmp_h_2 .left-side .menu-category ul li a .menu-badge {
    flex:none;
    font-size:9px;
    font-weight:700;
    padding:2px 6px;
    border-radius:4px;
    letter-spacing:.3px;
    line-height:1.2
}
.tmp_h_2 .left-side .menu-category ul li a .menu-badge.primary {
    background:rgba(var(--primary),.12);
    color:rgba(var(--primary),1)
}
.tmp_h_2 .left-side .menu-category ul li a .menu-badge.danger {
    background:rgba(var(--danger),.12);
    color:rgba(var(--danger),1)
}
.tmp_h_2 .left-side .menu-category ul li a .menu-badge.warning {
    background:#ffc10726;
    color:#ffc107
}
.tmp_h_2 .left-side .menu-category ul li a:hover {
    color:rgba(var(--t),1);
    background:rgba(var(--t),.04)
}
.tmp_h_2 .left-side .menu-category ul li a:hover g,.tmp_h_2 .left-side .menu-category ul li a:hover svg {
    fill:rgba(var(--t),.9)
}
.tmp_h_2 .left-side .menu-category ul li a.router-link-active {
    color:rgba(var(--primary),1);
    background:rgba(var(--primary),.08)
}
.tmp_h_2 .left-side .menu-category ul li a.router-link-active g,.tmp_h_2 .left-side .menu-category ul li a.router-link-active svg {
    fill:rgba(var(--primary),1)
}
.tmp_h_2 .left-side .menu-category ul li a.router-link-active svg.chevron {
    fill:rgba(var(--primary),.5);
    opacity:.6
}
.tmp_h_2 .left-side .menu-category ul li a svg {
    margin-right:10px
}
.tmp_h_2 .left-side .telegram-cta {
    padding-top:12px
}
.tmp_h_2 .left-side .telegram-cta__card {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px;
    border-radius:14px;
    background:linear-gradient(135deg,transparent 0%,#16213e 100%);
    cursor:pointer;
    transition:all .25s ease
}
.tmp_h_2 .left-side .telegram-cta__card:hover {
    box-shadow:0 4px 20px #2277ff26
}
.tmp_h_2 .left-side .telegram-cta__content {
    display:flex;
    flex-direction:column;
    gap:3px
}
.tmp_h_2 .left-side .telegram-cta__title {
    font-size:var(--fs-md);
    font-weight:700;
    color:#fff
}
.tmp_h_2 .left-side .telegram-cta__feature {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.6);
    display:flex;
    align-items:center;
    gap:4px;
    font-weight:500
}
.tmp_h_2 .left-side .telegram-cta__feature svg {
    fill:#ffc107!important;
    width:12px!important;
    height:12px!important;
    margin:0!important
}
.tmp_h_2 .left-side .telegram-cta__feature b {
    color:rgba(var(--primary),1)
}
.tmp_h_2 .left-side .telegram-cta__icon {
    width:44px;
    height:44px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
.tmp_h_2 .left-side .telegram-cta__icon img {
    width:100%!important;
    height:100%!important;
    fill:#fff!important;
    margin:0!important
}
.tmp_h_2 .left-side .social-icons {
    display:flex;
    justify-content:center;
    gap:8px;
    padding-top:12px;
    padding-bottom:4px
}
.tmp_h_2 .left-side .social-icons .social-icon {
    width:38px;
    border-radius:10px;
    background:rgba(var(--t),.06);
    border:1px solid rgba(var(--t),.08);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding:6px 4px 4px;
    transition:all .2s ease;
    cursor:pointer
}
.tmp_h_2 .left-side .social-icons .social-icon svg {
    width:16px!important;
    height:16px!important;
    fill:rgba(var(--t),.5)!important;
    margin:0!important
}
.tmp_h_2 .left-side .social-icons .social-icon span {
    font-size:7px;
    font-weight:600;
    color:rgba(var(--t),.35);
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
    text-align:center
}
.tmp_h_2 .left-side .social-icons .social-icon:hover {
    background:rgba(var(--t),.1);
    border-color:rgba(var(--t),.15)
}
.tmp_h_2 .left-side .social-icons .social-icon:hover svg {
    fill:rgba(var(--t),.9)!important
}
.tmp_h_2 .left-side .social-icons .social-icon:hover span {
    color:rgba(var(--t),.7)
}
.tmp_h_2 .left-side .promo-icons {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    margin-bottom:10px
}
.tmp_h_2 .left-side .promo-icons a {
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(var(--t),.05);
    transition:all .2s ease
}
.tmp_h_2 .left-side .promo-icons a:hover {
    background:rgba(var(--t),.1)
}
.tmp_h_2 .left-side .promo-icons a img {
    width:24px;
    height:24px;
    object-fit:contain
}
.tmp_h_2 .left-side .collapsed-icon {
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:10px;
    background:rgba(var(--t),.05);
    margin:0 auto 8px;
    transition:all .2s ease
}
.tmp_h_2 .left-side .collapsed-icon:hover {
    background:rgba(var(--t),.1)
}
.tmp_h_2 .left-side .collapsed-icon svg {
    width:18px!important;
    height:18px!important;
    fill:rgba(var(--t),.5)!important;
    margin:0!important
}
.tmp_h_2 .left-side .category-divider {
    height:1px;
    background:rgba(var(--t),.06);
    margin:6px 0
}
.tmp_h_2 .left-side.collapsed {
    width:var(--left-side-collapsed);
    overflow:visible
}
.tmp_h_2 .left-side.collapsed .left-side__top {
    padding:8px 0 0;
    display:flex;
    flex-direction:column;
    align-items:center
}
.tmp_h_2 .left-side.collapsed .left-side__middle {
    padding:4px 0;
    overflow-y:auto;
    overflow-x:visible
}
.tmp_h_2 .left-side.collapsed .left-side__bottom {
    padding:0 0 8px
}
.tmp_h_2 .left-side.collapsed .menu-category {
    margin-bottom:2px
}
.tmp_h_2 .left-side.collapsed .menu-category ul li a {
    justify-content:center;
    padding:10px 0;
    border-radius:10px;
    margin:0
}
.tmp_h_2 .left-side.collapsed .menu-category ul li a svg {
    width:22px!important;
    height:22px!important;
    margin:0!important
}
.tmp_h_2 .left-side.collapsed .promo-icons a {
    width:40px;
    height:40px
}
.tmp_h_2 .left-side.collapsed .promo-icons a img {
    width:28px;
    height:28px
}
.tmp_h_2 .left-side.collapsed .collapsed-icon {
    width:40px;
    height:40px
}
.tmp_h_2 .left-side.collapsed .collapsed-icon svg {
    width:22px!important;
    height:22px!important
}
.tmp_h_2 .left-side.collapsed .social-icons {
    flex-direction:column;
    align-items:center;
    gap:var(--h-gap)
}
.tmp_h_2 .left-side.collapsed .social-icons .social-icon {
    width:34px;
    height:34px
}
.tmp_h_2 .inc {
    margin-left:var(--left-side-width);
    height:calc(100vh - var(--header-height));
    overflow-y:auto;
    overflow-x:hidden;
    padding:20px 20px 0;
    display:flex;
    flex-direction:column;
    transition:margin-left .3s ease
}
.tmp_h_2 .inc .container {
    max-width:1310px;
    margin:0 auto;
    width:100%;
    flex:1
}
.tmp_h_2 .inc footer {
    margin-top:auto;
    width:calc(100vw - var(--left-side-width));
    margin-left:-20px;
    margin-right:-20px;
    padding-left:20px;
    padding-right:20px;
    transition:width .3s ease
}
.tmp_h_2.side-collapsed .left-side {
    width:var(--left-side-collapsed)
}
.tmp_h_2.side-collapsed .inc {
    margin-left:var(--left-side-collapsed)
}
.tmp_h_2.side-collapsed .inc footer {
    width:calc(100vw - var(--left-side-collapsed))
}
.tmp_h_2.side-collapsed .subheader {
    margin-left:var(--left-side-collapsed)
}
.tmp_h_2.side-collapsed.chat-opened .inc footer {
    width:calc(100vw - var(--left-side-collapsed) - var(--chat-width))
}
@media(max-width:1400px) {
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-c {
        gap:10px
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .logo-link img {
        width:100px!important
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav {
        gap:1px
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav .nav-link {
        padding:0 8px
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav .nav-link span {
        font-size:var(--fs-xs)
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav .nav-action {
        padding:0 10px
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav .nav-divider {
        margin:0 2px
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-right {
        gap:var(--h-gap)
    }
}
@media(max-width:1200px) {
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav .nav-link span {
        display:none
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav .nav-link {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav .nav-action span {
        display:none
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav .nav-action {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav .nav-divider {
        display:none
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .logo-link img {
        width:80px!important
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .market-btn-header .market-button__text {
        display:none
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .market-btn-header .market-button {
        padding:0;
        width:var(--h-btn);
        justify-content:center
    }
}
@media(max-width:1024px) {
    body:not(.mobile-view) .tmp_h_2 header.v2 .h-nav {
        display:none
    }
    body:not(.mobile-view) .tmp_h_2 header.v2 .logo-link img {
        width:90px!important
    }
}
footer {
    background:#00000035;
    padding:10px;
    margin-top:10px;
    position:relative;
    z-index:1
}
footer .social {
    display:flex;
    margin-top:5px
}
footer .social g,footer .social svg {
    fill:rgba(var(--t),.5)
}
footer .social a {
    background-color:rgba(var(--t),.1);
    margin-right:3px;
    display:flex;
    align-items:center;
    padding:8px;
    justify-content:center;
    border-radius:5px
}
footer .social a span {
    display:none
}
footer .social a:hover {
    background-color:rgba(var(--primary),1)
}
footer .social a:hover g,footer .social a:hover svg {
    fill:rgba(var(--primary-sc),1)
}
html,body {
    width:100%;
    height:100%
}
body {
    margin:0;
    padding:0;
    height:100%;
    background:rgba(var(--b));
    color:rgba(var(--sc))
}
body,input,button,select,textarea {
    font-family:Rubik,sans-serif
}
html,body,#app {
    height:100%;
    touch-action:manipulation;
    width:100%;
    -webkit-font-smoothing:antialiased
}
svg {
    fill:rgba(var(--sc),1);
    width:18px;
    height:18px;
    transition:all .3s ease
}
svg.reverse {
    transform:rotate(180deg)
}
svg.colored {
    fill:rgba(var(--o-sc))
}
ol,ul {
    padding:0;
    margin:0
}
ol li,ul li {
    list-style:none
}
a {
    color:rgba(var(--sc),1);
    text-decoration:none!important
}
a.helper {
    color:rgba(var(--sc),.8)!important;
    font-size:12px
}
* {
    outline:none!important
}
*,:after,:before {
    box-sizing:border-box;
    -webkit-overflow-scrolling:touch
}
.layout {
    height:100vh;
    width:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column
}
.container {
    width:100%;
    max-width:var(--container-max-width);
    margin:0 auto
}
h1,h2,h3,h4,h5,h6 {
    margin:0
}
.wheel-peek {
    position:fixed;
    left:0;
    top:50%;
    transform:translateY(-50%) translate(-100%);
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--t),.1);
    color:rgba(var(--t),.9);
    border-radius:0 14px 14px 0;
    border-left:none;
    font-size:var(--fs-sm);
    font-weight:600;
    white-space:nowrap;
    cursor:pointer;
    z-index:998;
    box-shadow:4px 2px 20px #00000059;
    pointer-events:none;
    transition:transform .8s cubic-bezier(.4,0,.2,1)
}
.wheel-peek__text {
    line-height:1.2
}
.wheel-peek__text b {
    color:rgba(var(--primary),1);
    font-weight:800
}
.wheel-peek svg {
    width:100%!important;
    height:100%!important;
    fill:rgba(var(--primary),1)!important;
    margin:0!important;
    animation:wheelSpin 3s linear infinite
}
.wheel-peek:hover {
    border-color:rgba(var(--primary),.3);
    box-shadow:4px 2px 28px rgba(var(--primary),.2)
}
.wheel-peek.peek-in {
    opacity:1;
    pointer-events:auto;
    transform:translateY(-50%) translate(0)
}
.wheel-peek--bottom {
    left:10px!important;
    top:auto;
    bottom:0;
    transform:translateY(100%);
    flex-direction:column;
    border-radius:14px 14px 0 0;
    border:1px solid rgba(var(--t),.08);
    border-bottom:none;
    padding:14px 16px 12px;
    gap:4px;
    text-align:center
}
.wheel-peek--bottom svg {
    width:100%!important;
    height:100%!important
}
.wheel-peek--bottom .wheel-peek__text {
    font-size:var(--fs-xs);
    line-height:1.15
}
.wheel-peek--bottom.peek-in {
    transform:translateY(0)
}
.wheel-peek--bottom:hover {
    box-shadow:0 -4px 24px rgba(var(--primary),.2)
}
@keyframes wheelSpin {
    0% {
        transform:rotate(0)
    }
    to {
        transform:rotate(360deg)
    }
}
.tmp_h_2 .wheel-peek:not(.wheel-peek--bottom) {
    left:var(--left-side-width)
}
.tmp_h_2.side-collapsed .wheel-peek:not(.wheel-peek--bottom) {
    left:var(--left-side-collapsed)
}
.role {
    font-size:var(--fs-xs)!important;
    font-weight:700;
    padding:2px 8px;
    border-radius:6px;
    display:inline-block;
    background:rgba(var(--t),.06);
    color:rgba(var(--t),.7);
    text-transform:capitalize
}
.role.moderator {
    background:#3b82f626;
    color:#60a5fa
}
.role.admin {
    background:#ef444426;
    color:#f87171
}
.role.editor {
    background:#a855f726;
    color:#c084fc
}
.side-tooltip {
    position:fixed;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--t),.1);
    color:rgba(var(--t),.9);
    padding:6px 12px;
    border-radius:8px;
    font-size:var(--fs-xs);
    font-weight:600;
    white-space:nowrap;
    pointer-events:none;
    z-index:99999;
    box-shadow:0 4px 16px #0006;
    animation:tipIn .12s ease
}
@keyframes tipIn {
    0% {
        opacity:0;
        transform:translate(-4px)
    }
    to {
        opacity:1;
        transform:translate(0)
    }
}
body:not(.mobile-view) ::-webkit-scrollbar {
    width:8px;
    height:8px;
    border-radius:5px
}
body:not(.mobile-view) ::-webkit-scrollbar-thumb {
    background-color:rgba(var(--t),.1);
    border-radius:100px;
    width:8px
}
body:not(.mobile-view) ::-webkit-scrollbar-thumb:hover {
    background:linear-gradient(180deg,#ffffff14,#ffffff14),#46465c
}
body:not(.mobile-view) ::-webkit-scrollbar-button {
    background-color:transparent;
    display:none
}
body:not(.mobile-view) ::-webkit-scrollbar-track {
    background-color:rgba(var(--b),1)
}
.tournaments__content {
    margin-top:20px;
    overflow:auto;
    height:auto;
    width:100%;
    cursor:grab;
    zoom:57.8%
}
.tournaments__content::-webkit-scrollbar {
    display:none
}
.tournaments__inner {
    display:flex;
    align-items:stretch;
    gap:30px
}
.tournaments__winner {
    position:absolute;
    left:50%;
    transform:translate(-50%);
    width:40px;
    height:40px;
    top:-40px;
    background-color:rgba(var(--t),.1);
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px 5px 0 0;
    background:rgba(var(--primary),1)
}
.tournaments__winner .icon-font {
    font-size:var(--fs-3xl)
}
.tournaments__head {
    display:flex;
    align-items:stretch;
    background-color:rgba(var(--t),.1);
    gap:30px;
    border-radius:10px;
    margin-bottom:10px;
    width:max-content
}
.tournaments__head-item {
    width:297px;
    flex-shrink:0;
    text-align:center;
    color:rgba(var(--t),.7);
    font-size:var(--fs-sm);
    font-weight:600;
    padding:8px
}
.tournaments__col {
    width:300px;
    padding-right:20px;
    display:flex;
    flex-direction:column;
    gap:40px;
    flex-shrink:0;
    justify-content:space-around
}
.tournaments__col:nth-child(1) .tournaments__row:before {
    height:calc(50% + 20px)
}
.tournaments__col:nth-child(1) .tournaments__row>span:after {
    right:-20px
}
.tournaments__col:nth-child(1) .tournaments__row>span:before {
    display:none
}
.tournaments__col:nth-child(1) .tournaments__row:nth-child(1):before {
    top:50%
}
.tournaments__col:nth-child(1) .tournaments__row:nth-child(2):before {
    top:-20px
}
.tournaments__col:nth-child(1) .tournaments__row:nth-child(3):before {
    top:50%
}
.tournaments__col:nth-child(1) .tournaments__row:nth-child(4):before {
    top:-20px
}
.tournaments__col:nth-child(2) .tournaments__row:before {
    height:126%
}
.tournaments__col:nth-child(2) .tournaments__row>span:after {
    left:-30px
}
.tournaments__col:nth-child(2) .tournaments__row>span:before {
    right:-20px
}
.tournaments__col:nth-child(2) .tournaments__row:nth-child(1):before {
    top:50%
}
.tournaments__col:nth-child(2) .tournaments__row:nth-child(2):before {
    bottom:50%
}
.tournaments__col:nth-child(3) .tournaments__row:before {
    height:126%
}
.tournaments__col:nth-child(3) .tournaments__row>span:after {
    left:-30px
}
.tournaments__col:nth-child(3) .tournaments__row>span:before {
    right:-40px
}
.tournaments__col:nth-child(3) .tournaments__row:nth-child(1):before {
    display:none
}
.tournaments__col:nth-child(3) .tournaments__item:before {
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background-color:rgba(var(--t),.3);
    width:20px;
    height:1px;
    right:-20px
}
.tournaments__col:nth-child(3) .tournaments__item:after {
    content:"";
    position:absolute;
    background-color:rgba(var(--t),.3);
    width:1px;
    height:calc(50% + 7.5px);
    right:-20px
}
.tournaments__col:nth-child(3) .tournaments__item:first-child:after {
    top:50%
}
.tournaments__col:nth-child(3) .tournaments__item:last-child:after {
    bottom:50%
}
.tournaments__col:nth-child(4) {
    justify-content:space-around
}
.tournaments__col:nth-child(4) .tournaments__row:before {
    display:none
}
.tournaments__col:nth-child(4) .tournaments__row>span:after {
    display:none
}
.tournaments__col:nth-child(4) .tournaments__row>span:before {
    display:none
}
.tournaments__col:nth-child(4) .tournaments__row:nth-child(1):before {
    display:none
}
.tournaments__col:nth-child(5) .tournaments__row:before {
    height:126%
}
.tournaments__col:nth-child(5) .tournaments__row>span:after {
    left:-40px
}
.tournaments__col:nth-child(5) .tournaments__row>span:before {
    right:-30px
}
.tournaments__col:nth-child(5) .tournaments__row:nth-child(1):before {
    display:none
}
.tournaments__col:nth-child(5) .tournaments__item:before {
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background-color:rgba(var(--t),.3);
    width:20px;
    height:1px;
    left:-20px
}
.tournaments__col:nth-child(5) .tournaments__item:after {
    content:"";
    position:absolute;
    background-color:rgba(var(--t),.3);
    width:1px;
    height:calc(50% + 7.5px);
    left:-20px
}
.tournaments__col:nth-child(5) .tournaments__item:first-child:after {
    top:50%
}
.tournaments__col:nth-child(5) .tournaments__item:last-child:after {
    bottom:50%
}
.tournaments__col:nth-child(6) .tournaments__row:before {
    height:126%
}
.tournaments__col:nth-child(6) .tournaments__row>span:after {
    left:-20px
}
.tournaments__col:nth-child(6) .tournaments__row>span:before {
    right:-30px
}
.tournaments__col:nth-child(6) .tournaments__row:nth-child(1):before {
    top:50%;
    right:auto;
    left:-20px
}
.tournaments__col:nth-child(6) .tournaments__row:nth-child(2):before {
    bottom:50%;
    right:auto;
    left:-20px
}
.tournaments__col:nth-child(7) .tournaments__row:before {
    height:calc(50% + 20px)
}
.tournaments__col:nth-child(7) .tournaments__row>span:after {
    left:-20px
}
.tournaments__col:nth-child(7) .tournaments__row>span:before {
    display:none
}
.tournaments__col:nth-child(7) .tournaments__row:nth-child(1):before {
    top:50%;
    right:auto;
    left:-20px
}
.tournaments__col:nth-child(7) .tournaments__row:nth-child(2):before {
    top:-20px;
    right:auto;
    left:-20px
}
.tournaments__col:nth-child(7) .tournaments__row:nth-child(3):before {
    top:50%;
    right:auto;
    left:-20px
}
.tournaments__col:nth-child(7) .tournaments__row:nth-child(4):before {
    top:-20px;
    right:auto;
    left:-20px
}
.tournaments__row {
    position:relative;
    width:100%;
    gap:7.5px;
    display:flex;
    flex-direction:column
}
.tournaments__row>span {
    position:relative
}
.tournaments__row>span:after {
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:1px;
    background-color:rgba(var(--t),.3)
}
.tournaments__row>span:before {
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:20px;
    height:1px;
    background-color:rgba(var(--t),.3)
}
.tournaments__row:before {
    content:"";
    position:absolute;
    right:-20px;
    width:1px;
    background-color:rgba(var(--t),.3)
}
.tournaments__item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-radius:16px;
    padding:12px;
    background-color:rgba(var(--t),.1);
    width:100%;
    position:relative;
    border:2px solid transparent
}
.tournaments__item.active {
    border-color:rgba(var(--primary),1)
}
.tournaments__item>div {
    border-right:1px solid rgba(var(--t),.1);
    margin-right:10px;
    padding-right:10px;
    display:flex;
    flex-direction:column;
    width:100%
}
.tournaments__item>div h2 {
    color:#fff;
    font-size:var(--fs-base);
    margin:0;
    font-weight:600;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    max-width:175px
}
.tournaments__item>div span {
    margin-top:8px;
    color:rgba(var(--t),.6);
    font-size:var(--fs-sm)
}
.tournaments__item>strong {
    flex-shrink:0;
    font-weight:600;
    color:rgba(var(--t),1)
}
.app-modal {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    padding:20px
}
.app-modal.fullscreen>.content {
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    border-radius:0!important;
    border:none!important;
    padding:0!important
}
.app-modal.fullscreen>.content .modal-content {
    aspect-ratio:2/1;
    position:relative;
    max-height:none
}
.app-modal.fullscreen>.content .modal-content iframe {
    width:100%!important;
    height:100%!important
}
.app-modal.promotion>.content {
    min-height:400px;
    width:700px
}
.app-modal.sm .content {
    width:420px;
    overflow:visible;
    height:auto
}
.app-modal.sm .content .modal-content {
    overflow:visible;
    height:auto;
    max-height:none
}
.app-modal.md .content {
    width:650px
}
.app-modal.lg .content {
    width:900px
}
.app-modal .header {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.app-modal .header .left {
    display:flex;
    align-items:center;
    gap:10px
}
.app-modal .header .left h1,.app-modal .header .left h2,.app-modal .header .left h3,.app-modal .header .left h4 {
    margin:0;
    font-size:var(--fs-lg);
    font-weight:700
}
.app-modal .header .left img {
    height:28px;
    object-fit:contain
}
.app-modal .header .right {
    display:flex;
    align-items:center;
    gap:8px
}
.app-modal>.content {
    position:relative;
    border:1px solid rgba(var(--card-border),1);
    background:rgba(var(--modal),1);
    z-index:99999;
    max-height:90vh;
    border-radius:14px;
    overflow:hidden;
    width:800px;
    display:flex;
    flex-direction:column;
    padding:20px;
    animation:modalIn .25s ease-out
}
.app-modal>.content .close {
    position:absolute;
    right:12px;
    top:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:8px;
    background:rgba(var(--t),.05);
    z-index:90;
    cursor:pointer;
    transition:background .2s ease
}
.app-modal>.content .close:hover {
    background:rgba(var(--t),.1)
}
.app-modal>.content .close svg {
    width:12px!important;
    height:12px!important;
    fill:rgba(var(--t),.5)!important;
    margin:0!important
}
.app-modal>.content .fullscreen {
    position:absolute;
    right:50px;
    top:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:8px;
    background:rgba(var(--t),.05);
    z-index:90;
    cursor:pointer;
    transition:background .2s ease
}
.app-modal>.content .fullscreen:hover {
    background:rgba(var(--t),.1)
}
.app-modal>.content .fullscreen svg {
    width:14px!important;
    height:14px!important;
    fill:rgba(var(--t),.5)!important;
    margin:0!important
}
.app-modal>.content .modal-header {
    padding-right:40px;
    flex-shrink:0
}
.app-modal>.content .modal-content {
    margin-top:12px;
    max-height:70vh;
    overflow-y:auto;
    overflow-x:hidden;
    padding-right:4px
}
.app-modal>.content .modal-content img {
    max-width:100%;
    height:auto;
    border-radius:10px;
    display:block
}
.app-modal>.content .modal-content img[width="100%"] {
    width:100%;
    object-fit:cover
}
.app-modal>.content .modal-content .carousel__slide img {
    border-radius:10px;
    width:100%;
    height:auto;
    aspect-ratio:1;
    object-fit:cover
}
.app-modal>.content .modal-content iframe {
    width:100%;
    border-radius:10px;
    min-height:300px
}
@keyframes modalIn {
    0% {
        opacity:0;
        transform:scale(.95) translateY(10px)
    }
    to {
        opacity:1;
        transform:scale(1) translateY(0)
    }
}
.overlay {
    position:fixed;
    background:#0009;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:9998;
    display:none
}
body.lock {
    overflow:hidden!important
}
@media(max-height:700px) {
    .app-modal {
        padding:10px
    }
    .app-modal>.content {
        max-height:95vh;
        padding:14px
    }
    .app-modal>.content .modal-content {
        max-height:60vh
    }
    .wheel-cont #wheel {
        max-height:300px!important
    }
    .wheel-cont #wheel svg {
        max-height:300px
    }
    .wheel-cont .button {
        min-height:40px!important;
        font-size:var(--fs-sm)!important
    }
    .wheel-cont h1 {
        font-size:var(--fs-lg)!important
    }
    .wheel-cont p {
        font-size:var(--fs-xs)!important
    }
    .wheel-cont .finish {
        height:280px!important
    }
}
@media(max-height:500px) {
    .app-modal>.content {
        max-height:98vh;
        padding:10px;
        border-radius:8px
    }
    .app-modal>.content .modal-content {
        max-height:50vh
    }
    .wheel-cont #wheel {
        max-height:200px!important
    }
    .wheel-cont #wheel svg {
        max-height:200px
    }
    .wheel-cont .finish {
        height:200px!important
    }
    .wheel-cont .finish .lottie-animation-container {
        display:none!important
    }
}
.app-modal.auth-modal-wide>.content {
    width:720px;
    overflow:visible;
    height:auto
}
.app-modal.auth-modal-wide>.content .modal-content {
    overflow:visible;
    height:auto;
    max-height:none;
    padding:0!important
}
.amw-layout {
    display:flex;
    min-height:420px
}
.amw-visual {
    width:260px;
    min-width:260px;
    position:relative;
    overflow:hidden;
    border-radius:0 0 0 12px
}
.amw-visual>img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.amw-visual__overlay {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:linear-gradient(180deg,#0000001a,#000000b3);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    padding:24px;
    text-align:center
}
.amw-visual__overlay img {
    margin-bottom:12px;
    opacity:.9
}
.amw-visual__overlay h3 {
    font-size:var(--fs-lg);
    font-weight:800;
    color:#fff;
    margin:0 0 6px
}
.amw-visual__overlay p {
    font-size:var(--fs-xs);
    color:#ffffffa6;
    margin:0;
    line-height:1.4
}
.amw-form {
    flex:1;
    padding:24px;
    overflow-y:auto;
    max-height:80vh
}
.amw-form .auth-form {
    max-width:none
}
.mobile-view .app-modal.auth-modal-wide>.content {
    width:100%
}
.mobile-view .amw-visual {
    display:none
}
.mobile-view .amw-layout {
    min-height:auto
}
.mobile-view .amw-form {
    padding:16px;
    max-height:70vh
}
.mobile-view .app-modal {
    padding:10px
}
.mobile-view .app-modal>.content {
    width:100%!important;
    max-height:92vh;
    border-radius:12px;
    padding:16px
}
.mobile-view .app-modal>.content .close {
    right:8px;
    top:8px;
    width:28px;
    height:28px
}
.mobile-view .app-modal>.content .fullscreen {
    right:42px;
    top:8px;
    width:28px;
    height:28px
}
.mobile-view .app-modal>.content .modal-header {
    padding-right:36px
}
.mobile-view .app-modal>.content .modal-header .header {
    flex-direction:column;
    align-items:flex-start;
    gap:8px
}
.mobile-view .app-modal>.content .modal-header .header .left h1,.mobile-view .app-modal>.content .modal-header .header .left h2,.mobile-view .app-modal>.content .modal-header .header .left h3 {
    font-size:var(--fs-base)
}
.mobile-view .app-modal>.content .modal-content {
    max-height:75vh
}
.mobile-view .app-modal>.content .modal-content img {
    border-radius:8px
}
.mobile-view .app-modal>.content .modal-content iframe {
    min-height:200px
}
.mobile-view .app-modal.sm .content {
    width:100%!important
}
.row {
    display:flex;
    margin:0 -5px
}
@media(max-width:996px) {
    .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
        width:100%;
        padding:0 5px;
        flex-grow:1;
        flex-shrink:1;
        display:flex;
        flex-basis:auto
    }
    .col-xs-1 {
        flex:0 0 8.333333%!important;
        max-width:8.333333%!important
    }
    .col-xs-2 {
        flex:0 0 16.666667%!important;
        max-width:16.666667%!important
    }
    .col-xs-3 {
        flex:0 0 25%!important;
        max-width:25%!important
    }
    .col-xs-4 {
        flex:0 0 33.333333%!important;
        max-width:33.333333%!important
    }
    .col-xs-5 {
        flex:0 0 41.666667%!important;
        max-width:41.666667%!important
    }
    .col-xs-6 {
        flex:0 0 50%!important;
        max-width:50%!important
    }
    .col-xs-7 {
        flex:0 0 58.333333%!important;
        max-width:58.333333%!important
    }
    .col-xs-8 {
        flex:0 0 66.666667%!important;
        max-width:66.666667%!important
    }
    .col-xs-9 {
        flex:0 0 75%!important;
        max-width:75%!important
    }
    .col-xs-10 {
        flex:0 0 83.333333%!important;
        max-width:83.333333%!important
    }
    .col-xs-11 {
        flex:0 0 91.666667%!important;
        max-width:91.666667%!important
    }
    .col-xs-12 {
        flex:0 0 100%!important;
        max-width:100%!important
    }
}
.col {
    width:100%;
    padding:0 5px;
    flex-grow:1;
    flex-shrink:1;
    display:flex;
    flex-basis:auto
}
.col.col-1 {
    flex:0 0 8.333333%;
    max-width:8.333333%
}
.col.col-2 {
    flex:0 0 16.666667%;
    max-width:16.666667%
}
.col.col-3 {
    flex:0 0 25%;
    max-width:25%
}
.col.col-4 {
    flex:0 0 33.333333%;
    max-width:33.333333%
}
.col.col-5 {
    flex:0 0 41.666667%;
    max-width:41.666667%
}
.col.col-6 {
    flex:0 0 50%;
    max-width:50%
}
.col.col-7 {
    flex:0 0 58.333333%;
    max-width:58.333333%
}
.col.col-8 {
    flex:0 0 66.666667%;
    max-width:66.666667%
}
.col.col-9 {
    flex:0 0 75%;
    max-width:75%
}
.col.col-10 {
    flex:0 0 83.333333%;
    max-width:83.333333%
}
.col.col-11 {
    flex:0 0 91.666667%;
    max-width:91.666667%
}
.col.col-12 {
    flex:0 0 100%;
    max-width:100%
}
.w-100 {
    width:100%!important
}
.h-100 {
    height:100%!important
}
.d-flex {
    display:flex
}
.colored {
    color:var(--el-color-primary)
}
.overflow-hidden {
    overflow:hidden
}
.overflow-y-scroll {
    overflow-y:scroll;
    overflow-x:hidden
}
.overflow-x-scroll {
    overflow-x:scroll;
    overflow-y:hidden
}
.flex-fill {
    -webkit-box-flex:1!important;
    -ms-flex:1 1 auto!important;
    flex:1 1 auto!important
}
.flex-row {
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:normal!important;
    -ms-flex-direction:row!important;
    flex-direction:row!important
}
.flex-column {
    -webkit-box-orient:vertical!important;
    -webkit-box-direction:normal!important;
    -ms-flex-direction:column!important;
    flex-direction:column!important
}
.flex-row-reverse {
    -webkit-box-orient:horizontal!important;
    -webkit-box-direction:reverse!important;
    -ms-flex-direction:row-reverse!important;
    flex-direction:row-reverse!important
}
.flex-column-reverse {
    -webkit-box-orient:vertical!important;
    -webkit-box-direction:reverse!important;
    -ms-flex-direction:column-reverse!important;
    flex-direction:column-reverse!important
}
.flex-grow-0 {
    -webkit-box-flex:0!important;
    -ms-flex-positive:0!important;
    flex-grow:0!important
}
.flex-grow-1 {
    -webkit-box-flex:1!important;
    -ms-flex-positive:1!important;
    flex-grow:1!important
}
.flex-shrink-0 {
    -ms-flex-negative:0!important;
    flex-shrink:0!important
}
.flex-shrink-1 {
    -ms-flex-negative:1!important;
    flex-shrink:1!important
}
.flex-wrap {
    -ms-flex-wrap:wrap!important;
    flex-wrap:wrap!important
}
.flex-nowrap {
    -ms-flex-wrap:nowrap!important;
    flex-wrap:nowrap!important
}
.flex-wrap-reverse {
    -ms-flex-wrap:wrap-reverse!important;
    flex-wrap:wrap-reverse!important
}
.justify-content-start {
    -webkit-box-pack:start!important;
    -ms-flex-pack:start!important;
    justify-content:flex-start!important
}
.justify-content-end {
    -webkit-box-pack:end!important;
    -ms-flex-pack:end!important;
    justify-content:flex-end!important
}
.justify-content-center {
    -webkit-box-pack:center!important;
    -ms-flex-pack:center!important;
    justify-content:center!important
}
.justify-content-between {
    -webkit-box-pack:justify!important;
    -ms-flex-pack:justify!important;
    justify-content:space-between!important
}
.justify-content-around {
    -ms-flex-pack:distribute!important;
    justify-content:space-around!important
}
.justify-content-evenly {
    -webkit-box-pack:space-evenly!important;
    -ms-flex-pack:space-evenly!important;
    justify-content:space-evenly!important
}
.align-items-start {
    -webkit-box-align:start!important;
    -ms-flex-align:start!important;
    align-items:flex-start!important
}
.align-items-end {
    -webkit-box-align:end!important;
    -ms-flex-align:end!important;
    align-items:flex-end!important
}
.align-items-center {
    -webkit-box-align:center!important;
    -ms-flex-align:center!important;
    align-items:center!important
}
.align-items-baseline {
    -webkit-box-align:baseline!important;
    -ms-flex-align:baseline!important;
    align-items:baseline!important
}
.align-items-stretch {
    -webkit-box-align:stretch!important;
    -ms-flex-align:stretch!important;
    align-items:stretch!important
}
.align-content-start {
    -ms-flex-line-pack:start!important;
    align-content:flex-start!important
}
.align-content-end {
    -ms-flex-line-pack:end!important;
    align-content:flex-end!important
}
.align-content-center {
    -ms-flex-line-pack:center!important;
    align-content:center!important
}
.align-content-between {
    -ms-flex-line-pack:justify!important;
    align-content:space-between!important
}
.align-content-around {
    -ms-flex-line-pack:distribute!important;
    align-content:space-around!important
}
.align-content-stretch {
    -ms-flex-line-pack:stretch!important;
    align-content:stretch!important
}
.align-self-auto {
    -ms-flex-item-align:auto!important;
    align-self:auto!important
}
.align-self-start {
    -ms-flex-item-align:start!important;
    align-self:flex-start!important
}
.align-self-end {
    -ms-flex-item-align:end!important;
    align-self:flex-end!important
}
.align-self-center {
    -ms-flex-item-align:center!important;
    align-self:center!important
}
.align-self-baseline {
    -ms-flex-item-align:baseline!important;
    align-self:baseline!important
}
.align-self-stretch {
    -ms-flex-item-align:stretch!important;
    align-self:stretch!important
}
.f-small {
    font-size:12px
}
.f-medium {
    font-size:14px
}
.mb-5 {
    margin-bottom:5px
}
.circle {
    border-radius:100%
}
.mb-10 {
    margin-bottom:10px
}
.relative {
    position:relative
}
.sc-1 {
    color:rgba(var(--sc),.1)
}
.sc-2 {
    color:rgba(var(--sc),.2)
}
.sc-3 {
    color:rgba(var(--sc),.3)
}
.sc-4 {
    color:rgba(var(--sc),.4)
}
.sc-5 {
    color:rgba(var(--sc),.5)
}
.sc-6 {
    color:rgba(var(--sc),.6)
}
.sc-7 {
    color:rgba(var(--sc),.7)
}
.sc-8 {
    color:rgba(var(--sc),.8)
}
.sc-9 {
    color:rgba(var(--sc),.9)
}
.sc-10 {
    color:rgba(var(--sc),1)
}
.fs-8 {
    font-size:8px
}
.fs-10 {
    font-size:10px
}
.fs-12 {
    font-size:12px
}
.fs-14 {
    font-size:14px
}
.fs-16 {
    font-size:16px
}
.fs-18 {
    font-size:18px
}
.fs-20 {
    font-size:20px
}
.fs-22 {
    font-size:22px
}
.fs-24 {
    font-size:24px
}
.fs-26 {
    font-size:26px
}
.fs-28 {
    font-size:28px
}
.fs-30 {
    font-size:30px
}
.fs-32 {
    font-size:32px
}
.fs-34 {
    font-size:34px
}
.fs-36 {
    font-size:36px
}
.h-12 {
    height:12px
}
.h-14 {
    height:14px
}
.h-16 {
    height:16px
}
.h-24 {
    height:24px
}
.h-32 {
    height:32px
}
.h-48 {
    height:48px
}
.h-64 {
    height:64px
}
.w-12 {
    width:12px
}
.w-14 {
    width:14px
}
.w-16 {
    width:16px
}
.w-24 {
    width:24px
}
.w-32 {
    width:32px
}
.w-48 {
    width:48px
}
.w-64 {
    width:64px
}
.mt-0 {
    margin-top:0!important
}
.pt-0 {
    padding-top:0!important
}
.mb-0 {
    margin-bottom:0!important
}
.pb-0 {
    padding-bottom:0!important
}
.ml-0 {
    margin-left:0!important
}
.pl-0 {
    padding-left:0!important
}
.mr-0 {
    margin-right:0!important
}
.pr-0 {
    padding-right:0!important
}
.mt-5 {
    margin-top:5px!important
}
.pt-5 {
    padding-top:5px!important
}
.mb-5 {
    margin-bottom:5px!important
}
.pb-5 {
    padding-bottom:5px!important
}
.ml-5 {
    margin-left:5px!important
}
.pl-5 {
    padding-left:5px!important
}
.mr-5 {
    margin-right:5px!important
}
.pr-5 {
    padding-right:5px!important
}
.mt-10 {
    margin-top:10px!important
}
.pt-10 {
    padding-top:10px!important
}
.mb-10 {
    margin-bottom:10px!important
}
.pb-10 {
    padding-bottom:10px!important
}
.ml-10 {
    margin-left:10px!important
}
.pl-10 {
    padding-left:10px!important
}
.mr-10 {
    margin-right:10px!important
}
.pr-10 {
    padding-right:10px!important
}
.mt-15 {
    margin-top:15px!important
}
.pt-15 {
    padding-top:15px!important
}
.mb-15 {
    margin-bottom:15px!important
}
.pb-15 {
    padding-bottom:15px!important
}
.ml-15 {
    margin-left:15px!important
}
.pl-15 {
    padding-left:15px!important
}
.mr-15 {
    margin-right:15px!important
}
.pr-15 {
    padding-right:15px!important
}
.mt-20 {
    margin-top:20px!important
}
.pt-20 {
    padding-top:20px!important
}
.mb-20 {
    margin-bottom:20px!important
}
.pb-20 {
    padding-bottom:20px!important
}
.ml-20 {
    margin-left:20px!important
}
.pl-20 {
    padding-left:20px!important
}
.mr-20 {
    margin-right:20px!important
}
.pr-20 {
    padding-right:20px!important
}
.mt-25 {
    margin-top:25px!important
}
.pt-25 {
    padding-top:25px!important
}
.mb-25 {
    margin-bottom:25px!important
}
.pb-25 {
    padding-bottom:25px!important
}
.ml-25 {
    margin-left:25px!important
}
.pl-25 {
    padding-left:25px!important
}
.mr-25 {
    margin-right:25px!important
}
.pr-25 {
    padding-right:25px!important
}
.mt-30 {
    margin-top:30px!important
}
.pt-30 {
    padding-top:30px!important
}
.mb-30 {
    margin-bottom:30px!important
}
.pb-30 {
    padding-bottom:30px!important
}
.ml-30 {
    margin-left:30px!important
}
.pl-30 {
    padding-left:30px!important
}
.mr-30 {
    margin-right:30px!important
}
.pr-30 {
    padding-right:30px!important
}
.mt-35 {
    margin-top:35px!important
}
.pt-35 {
    padding-top:35px!important
}
.mb-35 {
    margin-bottom:35px!important
}
.pb-35 {
    padding-bottom:35px!important
}
.ml-35 {
    margin-left:35px!important
}
.pl-35 {
    padding-left:35px!important
}
.mr-35 {
    margin-right:35px!important
}
.pr-35 {
    padding-right:35px!important
}
.mt-40 {
    margin-top:40px!important
}
.pt-40 {
    padding-top:40px!important
}
.mb-40 {
    margin-bottom:40px!important
}
.pb-40 {
    padding-bottom:40px!important
}
.ml-40 {
    margin-left:40px!important
}
.pl-40 {
    padding-left:40px!important
}
.mr-40 {
    margin-right:40px!important
}
.pr-40 {
    padding-right:40px!important
}
.mt-45 {
    margin-top:45px!important
}
.pt-45 {
    padding-top:45px!important
}
.mb-45 {
    margin-bottom:45px!important
}
.pb-45 {
    padding-bottom:45px!important
}
.ml-45 {
    margin-left:45px!important
}
.pl-45 {
    padding-left:45px!important
}
.mr-45 {
    margin-right:45px!important
}
.pr-45 {
    padding-right:45px!important
}
.mt-50 {
    margin-top:50px!important
}
.pt-50 {
    padding-top:50px!important
}
.mb-50 {
    margin-bottom:50px!important
}
.pb-50 {
    padding-bottom:50px!important
}
.ml-50 {
    margin-left:50px!important
}
.pl-50 {
    padding-left:50px!important
}
.mr-50 {
    margin-right:50px!important
}
.pr-50 {
    padding-right:50px!important
}
.mt-75 {
    margin-top:75px!important
}
.pt-75 {
    padding-top:75px!important
}
.mb-75 {
    margin-bottom:75px!important
}
.pb-75 {
    padding-bottom:75px!important
}
.ml-75 {
    margin-left:75px!important
}
.pl-75 {
    padding-left:75px!important
}
.mr-75 {
    margin-right:75px!important
}
.pr-75 {
    padding-right:75px!important
}
.mt-100 {
    margin-top:100px!important
}
.pt-100 {
    padding-top:100px!important
}
.mb-100 {
    margin-bottom:100px!important
}
.pb-100 {
    padding-bottom:100px!important
}
.ml-100 {
    margin-left:100px!important
}
.pl-100 {
    padding-left:100px!important
}
.mr-100 {
    margin-right:100px!important
}
.pr-100 {
    padding-right:100px!important
}
.gap-1 {
    gap:1px!important
}
.gap-2 {
    gap:2px!important
}
.gap-3 {
    gap:3px!important
}
.gap-4 {
    gap:4px!important
}
.gap-5 {
    gap:5px!important
}
.gap-6 {
    gap:6px!important
}
.gap-7 {
    gap:7px!important
}
.gap-8 {
    gap:8px!important
}
.gap-9 {
    gap:9px!important
}
.gap-10 {
    gap:10px!important
}
.gap-11 {
    gap:11px!important
}
.gap-12 {
    gap:12px!important
}
.gap-13 {
    gap:13px!important
}
.gap-14 {
    gap:14px!important
}
.gap-15 {
    gap:15px!important
}
.gap-16 {
    gap:16px!important
}
.gap-17 {
    gap:17px!important
}
.gap-18 {
    gap:18px!important
}
.gap-19 {
    gap:19px!important
}
.gap-20 {
    gap:20px!important
}
.mt-1 {
    margin-top:1rem!important
}
.mt-2 {
    margin-top:2rem!important
}
.mt-3 {
    margin-top:3rem!important
}
.mt-4 {
    margin-top:4rem!important
}
.mt-5 {
    margin-top:5rem!important
}
.mt-6 {
    margin-top:6rem!important
}
.mt-7 {
    margin-top:7rem!important
}
.mt-8 {
    margin-top:8rem!important
}
.mt-9 {
    margin-top:9rem!important
}
.mt-10 {
    margin-top:10rem!important
}
.mt-11 {
    margin-top:11rem!important
}
.mt-12 {
    margin-top:12rem!important
}
.mt-13 {
    margin-top:13rem!important
}
.mt-14 {
    margin-top:14rem!important
}
.mt-15 {
    margin-top:15rem!important
}
.mt-16 {
    margin-top:16rem!important
}
.mt-17 {
    margin-top:17rem!important
}
.mt-18 {
    margin-top:18rem!important
}
.mt-19 {
    margin-top:19rem!important
}
.mt-20 {
    margin-top:20rem!important
}
.mr-1 {
    margin-right:1rem!important
}
.mr-2 {
    margin-right:2rem!important
}
.mr-3 {
    margin-right:3rem!important
}
.mr-4 {
    margin-right:4rem!important
}
.mr-5 {
    margin-right:5rem!important
}
.mr-6 {
    margin-right:6rem!important
}
.mr-7 {
    margin-right:7rem!important
}
.mr-8 {
    margin-right:8rem!important
}
.mr-9 {
    margin-right:9rem!important
}
.mr-10 {
    margin-right:10rem!important
}
.mr-11 {
    margin-right:11rem!important
}
.mr-12 {
    margin-right:12rem!important
}
.mr-13 {
    margin-right:13rem!important
}
.mr-14 {
    margin-right:14rem!important
}
.mr-15 {
    margin-right:15rem!important
}
.mr-16 {
    margin-right:16rem!important
}
.mr-17 {
    margin-right:17rem!important
}
.mr-18 {
    margin-right:18rem!important
}
.mr-19 {
    margin-right:19rem!important
}
.mr-20 {
    margin-right:20rem!important
}
.mb-1 {
    margin-bottom:1rem!important
}
.mb-2 {
    margin-bottom:2rem!important
}
.mb-3 {
    margin-bottom:3rem!important
}
.mb-4 {
    margin-bottom:4rem!important
}
.mb-5 {
    margin-bottom:5rem!important
}
.mb-6 {
    margin-bottom:6rem!important
}
.mb-7 {
    margin-bottom:7rem!important
}
.mb-8 {
    margin-bottom:8rem!important
}
.mb-9 {
    margin-bottom:9rem!important
}
.mb-10 {
    margin-bottom:10rem!important
}
.mb-11 {
    margin-bottom:11rem!important
}
.mb-12 {
    margin-bottom:12rem!important
}
.mb-13 {
    margin-bottom:13rem!important
}
.mb-14 {
    margin-bottom:14rem!important
}
.mb-15 {
    margin-bottom:15rem!important
}
.mb-16 {
    margin-bottom:16rem!important
}
.mb-17 {
    margin-bottom:17rem!important
}
.mb-18 {
    margin-bottom:18rem!important
}
.mb-19 {
    margin-bottom:19rem!important
}
.mb-20 {
    margin-bottom:20rem!important
}
.ml-1 {
    margin-left:1rem!important
}
.ml-2 {
    margin-left:2rem!important
}
.ml-3 {
    margin-left:3rem!important
}
.ml-4 {
    margin-left:4rem!important
}
.ml-5 {
    margin-left:5rem!important
}
.ml-6 {
    margin-left:6rem!important
}
.ml-7 {
    margin-left:7rem!important
}
.ml-8 {
    margin-left:8rem!important
}
.ml-9 {
    margin-left:9rem!important
}
.ml-10 {
    margin-left:10rem!important
}
.ml-11 {
    margin-left:11rem!important
}
.ml-12 {
    margin-left:12rem!important
}
.ml-13 {
    margin-left:13rem!important
}
.ml-14 {
    margin-left:14rem!important
}
.ml-15 {
    margin-left:15rem!important
}
.ml-16 {
    margin-left:16rem!important
}
.ml-17 {
    margin-left:17rem!important
}
.ml-18 {
    margin-left:18rem!important
}
.ml-19 {
    margin-left:19rem!important
}
.ml-20 {
    margin-left:20rem!important
}
.pt-1 {
    padding-top:1rem!important
}
.pt-2 {
    padding-top:2rem!important
}
.pt-3 {
    padding-top:3rem!important
}
.pt-4 {
    padding-top:4rem!important
}
.pt-5 {
    padding-top:5rem!important
}
.pt-6 {
    padding-top:6rem!important
}
.pt-7 {
    padding-top:7rem!important
}
.pt-8 {
    padding-top:8rem!important
}
.pt-9 {
    padding-top:9rem!important
}
.pt-10 {
    padding-top:10rem!important
}
.pt-11 {
    padding-top:11rem!important
}
.pt-12 {
    padding-top:12rem!important
}
.pt-13 {
    padding-top:13rem!important
}
.pt-14 {
    padding-top:14rem!important
}
.pt-15 {
    padding-top:15rem!important
}
.pt-16 {
    padding-top:16rem!important
}
.pt-17 {
    padding-top:17rem!important
}
.pt-18 {
    padding-top:18rem!important
}
.pt-19 {
    padding-top:19rem!important
}
.pt-20 {
    padding-top:20rem!important
}
.pr-1 {
    padding-right:1rem!important
}
.pr-2 {
    padding-right:2rem!important
}
.pr-3 {
    padding-right:3rem!important
}
.pr-4 {
    padding-right:4rem!important
}
.pr-5 {
    padding-right:5rem!important
}
.pr-6 {
    padding-right:6rem!important
}
.pr-7 {
    padding-right:7rem!important
}
.pr-8 {
    padding-right:8rem!important
}
.pr-9 {
    padding-right:9rem!important
}
.pr-10 {
    padding-right:10rem!important
}
.pr-11 {
    padding-right:11rem!important
}
.pr-12 {
    padding-right:12rem!important
}
.pr-13 {
    padding-right:13rem!important
}
.pr-14 {
    padding-right:14rem!important
}
.pr-15 {
    padding-right:15rem!important
}
.pr-16 {
    padding-right:16rem!important
}
.pr-17 {
    padding-right:17rem!important
}
.pr-18 {
    padding-right:18rem!important
}
.pr-19 {
    padding-right:19rem!important
}
.pr-20 {
    padding-right:20rem!important
}
.pb-1 {
    padding-bottom:1rem!important
}
.pb-2 {
    padding-bottom:2rem!important
}
.pb-3 {
    padding-bottom:3rem!important
}
.pb-4 {
    padding-bottom:4rem!important
}
.pb-5 {
    padding-bottom:5rem!important
}
.pb-6 {
    padding-bottom:6rem!important
}
.pb-7 {
    padding-bottom:7rem!important
}
.pb-8 {
    padding-bottom:8rem!important
}
.pb-9 {
    padding-bottom:9rem!important
}
.pb-10 {
    padding-bottom:10rem!important
}
.pb-11 {
    padding-bottom:11rem!important
}
.pb-12 {
    padding-bottom:12rem!important
}
.pb-13 {
    padding-bottom:13rem!important
}
.pb-14 {
    padding-bottom:14rem!important
}
.pb-15 {
    padding-bottom:15rem!important
}
.pb-16 {
    padding-bottom:16rem!important
}
.pb-17 {
    padding-bottom:17rem!important
}
.pb-18 {
    padding-bottom:18rem!important
}
.pb-19 {
    padding-bottom:19rem!important
}
.pb-20 {
    padding-bottom:20rem!important
}
.pl-1 {
    padding-left:1rem!important
}
.pl-2 {
    padding-left:2rem!important
}
.pl-3 {
    padding-left:3rem!important
}
.pl-4 {
    padding-left:4rem!important
}
.pl-5 {
    padding-left:5rem!important
}
.pl-6 {
    padding-left:6rem!important
}
.pl-7 {
    padding-left:7rem!important
}
.pl-8 {
    padding-left:8rem!important
}
.pl-9 {
    padding-left:9rem!important
}
.pl-10 {
    padding-left:10rem!important
}
.pl-11 {
    padding-left:11rem!important
}
.pl-12 {
    padding-left:12rem!important
}
.pl-13 {
    padding-left:13rem!important
}
.pl-14 {
    padding-left:14rem!important
}
.pl-15 {
    padding-left:15rem!important
}
.pl-16 {
    padding-left:16rem!important
}
.pl-17 {
    padding-left:17rem!important
}
.pl-18 {
    padding-left:18rem!important
}
.pl-19 {
    padding-left:19rem!important
}
.pl-20 {
    padding-left:20rem!important
}
.home-dashboard {
    animation:homeIn .4s ease;
    display:flex;
    flex-direction:column;
    gap:10px
}
@keyframes homeIn {
    0% {
        opacity:0;
        transform:translateY(10px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.home-hero {
    display:grid;
    grid-template-columns:1fr 340px;
    gap:10px;
    margin:0
}
.home-hero__slider {
    min-width:0;
    overflow:hidden;
    border-radius:12px
}
.home-hero__slider .home-slider {
    margin-bottom:0
}
.home-hero__chat {
    display:flex;
    flex-direction:column;
    min-width:0
}
.home-hero__chat .chat-room {
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:100%!important;
    height:100%!important;
    border-radius:12px;
    border:1px solid rgba(var(--card-border),1);
    animation:none
}
.home-hero__chat .chat-header {
    border-radius:12px 12px 0 0
}
.home-hero__chat .chat-messages {
    height:0;
    flex:1
}
@media(max-width:1200px) {
    .home-hero {
        grid-template-columns:1fr 280px
    }
}
@media(max-width:1024px) {
    .home-hero {
        grid-template-columns:1fr
    }
    .home-hero__chat {
        display:none
    }
}
.section-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:24px 0 12px
}
.section-title {
    font-size:var(--fs-sm);
    font-weight:700;
    margin:0;
    color:rgba(var(--t),.4);
    text-transform:uppercase;
    letter-spacing:.8px
}
.section-title:not(.section-header .section-title) {
    margin:10px 0
}
.section-nav {
    display:flex;
    align-items:center;
    gap:4px
}
.section-nav__btn {
    width:30px;
    height:30px;
    border-radius:8px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:all .15s ease;
    padding:0
}
.section-nav__btn svg {
    width:16px;
    height:16px;
    fill:rgba(var(--t),.4)
}
.section-nav__btn:hover {
    background:rgba(var(--t),.08);
    border-color:rgba(var(--t),.1)
}
.section-nav__btn:hover svg {
    fill:rgba(var(--t),.8)
}
.section-nav__btn:disabled {
    opacity:.3;
    cursor:not-allowed
}
.home-media {
    display:flex;
    gap:10px;
    align-items:stretch;
    margin:0
}
.home-media__videos {
    flex:7;
    min-width:0
}
.home-media__reels {
    flex:3;
    min-width:0;
    display:flex;
    flex-direction:column
}
.home-media__videos:only-child,.home-media__reels:only-child {
    flex:none;
    width:100%;
    max-width:400px;
    margin:0 auto;
    min-height:420px
}
@media(max-width:1024px) {
    .home-media {
        flex-direction:column
    }
    .home-media__videos,.home-media__reels {
        flex:none;
        width:100%
    }
}
.mobile-view .home-media {
    flex-direction:column;
    gap:12px
}
.mobile-view .home-media .home-media__videos,.mobile-view .home-media .home-media__reels {
    flex:none;
    width:100%
}
.mobile-view .home-media .home-media__reels {
    min-height:340px
}
.premium-shortcuts {
    margin-bottom:20px
}
.premium-shortcuts .shortcut-card {
    position:relative;
    overflow:hidden;
    padding:20px 16px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    transition:all .2s ease;
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    text-align:center;
    gap:10px;
    text-decoration:none;
    margin-bottom:12px
}
.premium-shortcuts .shortcut-card .card-glow {
    display:none
}
.premium-shortcuts .shortcut-card:hover {
    border-color:rgba(var(--t),.12);
    box-shadow:0 4px 16px #00000026
}
.premium-shortcuts .shortcut-card:hover .icon svg {
    fill:rgba(var(--primary),1)
}
.premium-shortcuts .shortcut-card:hover span {
    color:rgba(var(--t),1)
}
.premium-shortcuts .shortcut-card .icon {
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(var(--t),.04);
    border-radius:12px
}
.premium-shortcuts .shortcut-card .icon svg {
    width:24px;
    height:24px;
    fill:rgba(var(--t),.5);
    transition:fill .2s ease
}
.premium-shortcuts .shortcut-card span {
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.7);
    transition:color .2s ease
}
.social-rewards {
    margin:24px 0
}
.social-rewards .social-card {
    position:relative;
    overflow:hidden;
    padding:20px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    transition:all .2s ease;
    display:flex;
    flex-direction:column;
    width:100%;
    align-items:center;
    text-align:center;
    gap:12px;
    margin-bottom:12px
}
.social-rewards .social-card .card-glow {
    display:none
}
.social-rewards .social-card:hover {
    border-color:rgba(var(--t),.12);
    box-shadow:0 4px 16px #00000026
}
.social-rewards .social-card .icon {
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(var(--primary),.08);
    border-radius:12px
}
.social-rewards .social-card .icon svg,.social-rewards .social-card .icon g,.social-rewards .social-card .icon path {
    fill:rgba(var(--primary),1)!important
}
.social-rewards .social-card .icon svg {
    width:24px;
    height:24px;
    transition:transform .2s ease
}
.social-rewards .social-card .text {
    width:100%
}
.social-rewards .social-card .text b {
    font-size:var(--fs-base);
    font-weight:700;
    color:rgba(var(--t),.9);
    display:block;
    margin-bottom:3px
}
.social-rewards .social-card .text span {
    font-size:var(--fs-xs);
    font-weight:500;
    color:rgba(var(--t),.4);
    display:block;
    margin-bottom:10px;
    opacity:1
}
.social-rewards .social-card .text .reward-amount {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin:10px 0;
    padding:8px 14px;
    background:rgba(var(--primary),.06);
    border-radius:8px;
    border:1px solid rgba(var(--primary),.1)
}
.social-rewards .social-card .text .reward-amount span {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--primary),1);
    margin:0
}
.social-rewards .social-card .btn-social {
    width:100%;
    font-weight:600!important
}
.social-rewards .social-card .claimed-btn {
    width:100%;
    opacity:.5;
    cursor:not-allowed;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px
}
.social-rewards .social-card .claimed-btn svg {
    width:16px;
    height:16px
}
.banners {
    margin:10px 0
}
.banners .banner {
    padding:10px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    width:100%;
    margin-bottom:10px;
    border-radius:12px;
    display:flex;
    position:relative;
    align-items:center;
    font-weight:700;
    text-align:left
}
.banners .banner .text h2 {
    margin:0
}
.banners .banner .text span {
    font-weight:500;
    font-size:var(--fs-sm);
    margin:4px 0;
    color:rgba(var(--t),.5)
}
.banners .banner .text .button {
    margin-top:8px;
    width:120px;
    padding:5px!important;
    height:38px!important
}
.mobile-view .section-header {
    margin:0 0 10px
}
.mobile-view .section-title {
    font-size:var(--fs-xs)
}
.mobile-view .section-title:not(.section-header .section-title) {
    margin:0 0 10px
}
.mobile-view .section-nav__btn {
    width:26px;
    height:26px
}
.mobile-view .section-nav__btn svg {
    width:14px;
    height:14px
}
.mobile-view .premium-shortcuts .shortcut-card {
    padding:16px 12px
}
.mobile-view .premium-shortcuts .shortcut-card .icon {
    width:40px;
    height:40px
}
.mobile-view .premium-shortcuts .shortcut-card .icon svg {
    width:20px;
    height:20px
}
.mobile-view .premium-shortcuts .shortcut-card span {
    font-size:var(--fs-xs)
}
.mobile-view .social-rewards .social-card {
    padding:16px
}
.mobile-view .social-rewards .social-card .icon {
    width:40px;
    height:40px
}
.mobile-view .social-rewards .social-card .icon svg {
    width:20px;
    height:20px
}
.mobile-view .social-rewards .social-card .text b {
    font-size:var(--fs-sm)
}
.mobile-view .social-rewards .social-card .text span {
    font-size:var(--fs-xs)
}
.mobile-view .social-rewards .social-card .text .reward-amount {
    padding:6px 10px
}
.mobile-view .social-rewards .social-card .text .reward-amount span {
    font-size:var(--fs-xs)
}
.user .balance {
    display:flex;
    align-items:center;
    gap:8px;
    height:var(--h-btn);
    padding:0 12px;
    border-radius:10px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.07);
    transition:all .2s ease
}
.user .balance:hover {
    background:rgba(var(--primary),.08);
    border-color:rgba(var(--primary),.18)
}
.user .balance:hover .balance__coin {
    transform:scale(1.1) rotate(-8deg)
}
.user .balance:hover .balance__value {
    color:rgba(var(--primary),1)
}
.user .balance__coin {
    width:20px!important;
    height:20px!important;
    flex-shrink:0;
    transition:transform .25s ease
}
.user .balance__text {
    display:flex;
    flex-direction:column;
    line-height:1;
    gap:1px
}
.user .balance__label {
    font-size:9px;
    font-weight:600;
    color:rgba(var(--t),.3)
}
.user .balance__value {
    font-size:var(--fs-md);
    font-weight:800;
    color:rgba(var(--primary),1);
    transition:color .2s ease
}
.user .button {
    font-size:var(--fs-base)!important
}
.user .button img {
    border-radius:100%;
    width:35px
}
.user .arrow svg {
    width:20px!important;
    height:20px!important;
    fill:rgba(var(--t),.5)!important;
    margin:0!important
}
.user-header {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:14px;
    overflow:hidden
}
.user-header .top {
    padding:10px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative
}
.user-header .top .role-badge {
    position:absolute;
    top:12px;
    right:16px
}
.user-header .top .left {
    display:flex;
    align-items:center;
    gap:14px
}
.user-header .top .left .avatar-row {
    position:relative;
    flex-shrink:0
}
.user-header .top .left .avatar-row .avatar-edit {
    position:absolute;
    right:-2px;
    bottom:-2px;
    background:rgba(var(--primary));
    color:rgba(var(--primary-sc));
    cursor:pointer;
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:2px solid rgba(var(--card),1);
    transition:transform .2s ease
}
.user-header .top .left .avatar-row .avatar-edit svg {
    fill:currentColor;
    width:12px!important;
    height:12px!important;
    margin:0!important;
    cursor:pointer
}
.user-header .top .left .avatar-row .avatar-edit:hover {
    transform:scale(1.1)
}
.user-header .top .left .avatar {
    display:flex;
    width:56px;
    height:56px;
    flex-shrink:0
}
.user-header .top .left .avatar img {
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover;
    border:2px solid rgba(var(--t),.1)
}
.user-header .top .left .text {
    display:flex;
    flex-direction:column;
    gap:2px
}
.user-header .top .left .text b {
    font-size:var(--fs-lg);
    color:rgba(var(--t),1)
}
.user-header .top .left .text small {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.45);
    font-weight:500
}
.user-header ul {
    display:flex;
    padding:0 16px;
    gap:4px;
    border-top:1px solid rgba(var(--t),.06);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
}
.user-header ul::-webkit-scrollbar {
    display:none
}
.user-header ul li {
    flex-shrink:0
}
.user-header ul li a {
    padding:12px 16px;
    font-size:var(--fs-md);
    color:rgba(var(--t),.5);
    font-weight:600;
    display:flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
    border-bottom:2px solid transparent;
    transition:all .2s ease
}
.user-header ul li a svg {
    width:15px!important;
    height:15px!important;
    fill:rgba(var(--t),.4)!important;
    margin:0!important
}
.user-header ul li a:hover {
    color:rgba(var(--t),.8)
}
.user-header ul li a:hover svg {
    fill:rgba(var(--t),.7)!important
}
.user-header ul li a.router-link-active {
    color:rgba(var(--primary),1);
    border-bottom-color:rgba(var(--primary),1)
}
.user-header ul li a.router-link-active svg {
    fill:rgba(var(--primary),1)!important
}
.user-content {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:14px;
    margin-top:8px;
    padding:24px
}
.user-content .card img {
    display:block;
    width:150px;
    height:35px;
    object-fit:contain
}
.user-content .form-group {
    margin-bottom:16px
}
.user-content .form-group label {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--t),.5);
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:6px
}
.user-content .form-group input,.user-content .form-group select,.user-content .form-group textarea {
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.08);
    border-radius:10px;
    padding:12px 14px;
    font-size:var(--fs-md);
    color:rgba(var(--t),1);
    transition:border-color .2s ease
}
.user-content .form-group input::placeholder,.user-content .form-group select::placeholder,.user-content .form-group textarea::placeholder {
    color:rgba(var(--t),.25)
}
.user-content .form-group input:focus,.user-content .form-group select:focus,.user-content .form-group textarea:focus {
    border-color:rgba(var(--primary),.4)
}
.user-content .button.primary {
    border-radius:10px;
    font-weight:700
}
.user-content table {
    border-radius:10px;
    overflow:hidden
}
@media(max-width:1024px) {
    .user-header ul li a {
        padding:10px 12px;
        font-size:var(--fs-sm)
    }
    .user-header ul li a svg {
        width:13px!important;
        height:13px!important
    }
    .user-content {
        padding:16px
    }
    .verify-grid {
        grid-template-columns:1fr
    }
}
.mobile-view .user-header {
    border-radius:0;
    border-left:none;
    border-right:none
}
.mobile-view .user-header .top {
    padding:12px
}
.mobile-view .user-header .top .left {
    gap:10px
}
.mobile-view .user-header .top .left .avatar {
    width:40px;
    height:40px
}
.mobile-view .user-header .top .left .text b {
    font-size:var(--fs-sm)
}
.mobile-view .user-header .top .left .text small {
    font-size:var(--fs-xs)
}
.mobile-view .user-header .top .role-badge {
    top:8px;
    right:10px;
    font-size:var(--fs-xs)
}
.mobile-view .user-header .top .avatar-edit {
    width:20px;
    height:20px
}
.mobile-view .user-header .top .avatar-edit svg {
    width:10px!important;
    height:10px!important
}
.mobile-view .user-header ul {
    padding:0 8px;
    gap:0
}
.mobile-view .user-header ul li a {
    padding:8px 10px;
    font-size:var(--fs-xs);
    gap:4px
}
.mobile-view .user-header ul li a svg {
    width:12px!important;
    height:12px!important
}
.mobile-view .user-content {
    border-radius:0;
    border-left:none;
    border-right:none;
    padding:12px;
    margin-top:4px
}
.mobile-view .user-content .col {
    width:100%!important
}
.mobile-view .user-content .form-group {
    margin-bottom:12px
}
.mobile-view .user-content .form-group input,.mobile-view .user-content .form-group select,.mobile-view .user-content .form-group textarea {
    padding:10px 12px;
    font-size:var(--fs-sm)
}
.mobile-view .verify-alert {
    padding:10px 12px;
    gap:10px
}
.mobile-view .verify-alert-icon {
    width:32px;
    height:32px
}
.mobile-view .verify-alert-icon svg {
    width:16px;
    height:16px
}
.mobile-view .verify-alert-text b,.mobile-view .verify-alert-text small {
    font-size:var(--fs-xs)
}
.mobile-view .verify-grid {
    grid-template-columns:1fr;
    gap:10px
}
.mobile-view .verify-card {
    padding:0 12px
}
.auth-page {
    display:flex;
    min-height:calc(100vh - var(--header-height) - 40px);
    border-radius:16px;
    overflow:hidden;
    border:1px solid rgba(var(--card-border),1);
    background:rgba(var(--card),1)
}
.auth-page__visual {
    flex:1;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:flex-end
}
.auth-page__visual img {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.auth-page__visual-overlay {
    position:relative;
    z-index:1;
    padding:40px;
    width:100%;
    background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%)
}
.auth-page__visual-overlay h2 {
    font-size:var(--fs-3xl);
    font-weight:800;
    color:#fff;
    margin:16px 0 8px
}
.auth-page__visual-overlay p {
    font-size:var(--fs-base);
    color:#fff9;
    margin:0;
    font-weight:500
}
.auth-page__logo {
    display:block
}
.auth-page__form {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px
}
.auth-page__form-inner {
    width:100%;
    max-width:400px
}
.auth-page__header {
    margin-bottom:28px
}
.auth-page__header h1 {
    font-size:var(--fs-3xl);
    font-weight:800;
    color:rgba(var(--t),1);
    margin:0 0 6px
}
.auth-page__header p {
    font-size:var(--fs-base);
    color:rgba(var(--t),.4);
    margin:0;
    font-weight:500
}
.auth-page .auth-form .form-group {
    margin-bottom:16px
}
.auth-page .auth-form .form-group label {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--t),.5);
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:6px
}
.auth-page .auth-form .form-group input {
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.08);
    border-radius:10px;
    padding:14px;
    font-size:var(--fs-md);
    color:rgba(var(--t),1);
    transition:border-color .2s ease
}
.auth-page .auth-form .form-group input::placeholder {
    color:rgba(var(--t),.25)
}
.auth-page .auth-form .form-group input:focus {
    border-color:rgba(var(--primary),.4)
}
.auth-page .auth-form .button.primary {
    height:48px;
    border-radius:10px;
    font-size:var(--fs-base);
    font-weight:700;
    margin-top:4px
}
.auth-page .auth-form .button.primary svg {
    display:none
}
.auth-page__links {
    margin-bottom:8px
}
.auth-page__links a {
    font-size:var(--fs-sm);
    color:rgba(var(--primary),1);
    font-weight:600
}
.auth-page__links a:hover {
    color:rgba(var(--primary),.8)
}
.auth-page__checkbox {
    display:flex;
    align-items:center;
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
    margin-bottom:16px
}
.auth-page__checkbox span {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6);
    font-weight:600
}
.auth-page__switch {
    text-align:center;
    margin-top:20px;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.4);
    font-weight:500
}
.auth-page__switch a {
    color:rgba(var(--primary),1);
    font-weight:700
}
.auth-page__switch a:hover {
    color:rgba(var(--primary),.8)
}
.mobile-view .auth-page {
    flex-direction:column;
    min-height:auto
}
.mobile-view .auth-page .auth-page__visual {
    height:200px;
    flex:none
}
.mobile-view .auth-page .auth-page__visual-overlay {
    padding:20px
}
.mobile-view .auth-page .auth-page__visual-overlay h2 {
    font-size:var(--fs-xl)
}
.mobile-view .auth-page .auth-page__visual-overlay p {
    font-size:var(--fs-sm)
}
.mobile-view .auth-page .auth-page__logo {
    width:80px!important
}
.mobile-view .auth-page .auth-page__form {
    padding:24px 20px
}
.mobile-view .auth-page .auth-page__header {
    margin-bottom:20px
}
.mobile-view .auth-page .auth-page__header h1 {
    font-size:var(--fs-2xl)
}
.mobile-view .auth-page .auth-page__header p {
    font-size:var(--fs-sm)
}
.uc-title {
    font-size:var(--fs-xl);
    font-weight:700;
    color:rgba(var(--t),1);
    margin:0 0 4px
}
.uc-desc {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.4);
    margin:0 0 20px;
    font-weight:500
}
.uc-actions {
    display:flex;
    justify-content:flex-end;
    margin-top:16px
}
.uc-actions .button {
    min-width:140px
}
.uc-list {
    display:flex;
    flex-direction:column
}
.uc-row {
    display:flex;
    align-items:center;
    gap:16px;
    padding:12px 0;
    border-bottom:1px solid rgba(var(--t),.04)
}
.uc-row:last-child {
    border-bottom:none
}
.uc-row__label {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:140px;
    flex-shrink:0
}
.uc-row__icon {
    width:28px;
    height:28px;
    border-radius:50%;
    flex-shrink:0;
    display:flex;
    align-items:center;
    justify-content:center
}
.uc-row__icon svg {
    width:16px!important;
    height:16px!important;
    fill:#fff!important;
    margin:0!important
}
.uc-row__name {
    font-size:var(--fs-md);
    font-weight:700;
    color:rgba(var(--t),.8)
}
.uc-row__input {
    flex:1
}
.uc-row__input input {
    width:100%;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.08);
    border-radius:8px;
    padding:10px 14px;
    font-size:var(--fs-sm);
    color:rgba(var(--t),1);
    transition:border-color .2s ease
}
.uc-row__input input::placeholder {
    color:rgba(var(--t),.2)
}
.uc-row__input input:focus {
    border-color:rgba(var(--primary),.4)
}
.uc-row__action {
    display:flex;
    align-items:center;
    gap:10px;
    flex:1;
    justify-content:flex-end
}
.uc-row__action input {
    max-width:260px;
    width:100%;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.08);
    border-radius:8px;
    padding:10px 14px;
    font-size:var(--fs-sm);
    margin:0
}
.uc-row__action input::placeholder {
    color:rgba(var(--t),.2)
}
.uc-row__action input:focus {
    border-color:rgba(var(--primary),.4)
}
.uc-row__action .button {
    flex-shrink:0;
    white-space:nowrap;
    height:auto;
    padding:10px 16px;
    font-size:var(--fs-sm)
}
.uc-row__social-icon {
    width:24px;
    height:24px;
    flex-shrink:0
}
.uc-row__site-logo {
    display:flex;
    align-items:center
}
.uc-row__site-logo img {
    height:24px;
    width:auto;
    max-width:120px;
    object-fit:contain
}
.mobile-view .uc-row {
    flex-direction:column;
    align-items:flex-start;
    gap:8px
}
.mobile-view .uc-row__label {
    min-width:auto
}
.mobile-view .uc-row__input {
    width:100%
}
.mobile-view .uc-row__action {
    width:100%;
    flex-wrap:wrap;
    justify-content:flex-start
}
.mobile-view .uc-row__action input {
    max-width:100%
}
.mobile-view .uc-row__action .button {
    width:100%
}
.verify-page {
    width:100%;
    display:flex;
    flex-direction:column;
    gap:20px
}
.verify-alert {
    width:100%;
    padding:14px 18px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--primary),1);
    border-radius:12px;
    display:flex;
    align-items:center;
    gap:14px
}
.verify-alert-icon {
    flex-shrink:0;
    width:38px;
    height:38px;
    background:rgba(var(--primary),1);
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center
}
.verify-alert-icon svg {
    width:20px;
    height:20px;
    fill:rgba(var(--primary-sc),1)
}
.verify-alert-text {
    display:flex;
    flex-direction:column;
    gap:2px
}
.verify-alert-text b {
    font-size:var(--fs-sm);
    color:rgba(var(--primary),1)
}
.verify-alert-text small {
    font-size:var(--fs-xs);
    opacity:.7
}
.verify-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px
}
.verify-section-title {
    font-size:var(--fs-xs);
    font-weight:600;
    color:rgba(var(--t),.6);
    margin:0 0 12px;
    text-transform:uppercase;
    letter-spacing:.06em
}
.verify-card {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    overflow:hidden;
    width:100%;
    padding:0 16px
}
.mobile-view .verify-grid {
    grid-template-columns:1fr
}
.history-tabs {
    display:flex;
    gap:4px;
    margin-bottom:16px;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
}
.history-tabs::-webkit-scrollbar {
    display:none
}
.history-tabs li {
    flex-shrink:0
}
.history-tabs li a {
    padding:8px 14px;
    border-radius:8px;
    font-size:var(--fs-md);
    color:rgba(var(--t),.5);
    font-weight:600;
    display:flex;
    align-items:center;
    white-space:nowrap;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    transition:all .2s ease
}
.history-tabs li a:hover {
    color:rgba(var(--t),.8);
    background:rgba(var(--t),.06)
}
.history-tabs li a.router-link-active {
    background:rgba(var(--primary),.12);
    color:rgba(var(--primary),1);
    border-color:rgba(var(--primary),.15)
}
.status-pending {
    color:#f39c12
}
.status-approved {
    color:#27ae60
}
.status-rejected {
    color:#e74c3c;
    font-weight:700
}
.td-content-truncate {
    max-width:200px;
    word-wrap:break-word
}
.ticket-info {
    margin-bottom:20px
}
.ticket-list-box {
    background:rgba(var(--t),.03);
    padding:15px;
    border-radius:8px;
    max-height:300px;
    overflow-y:auto;
    border:1px solid rgba(var(--t),.06)
}
.ticket-number-grid {
    gap:10px
}
.ticket-number-badge {
    background:rgba(var(--t),.04);
    padding:8px 12px;
    border-radius:6px;
    border:1px solid rgba(var(--t),.08);
    font-weight:700;
    font-size:var(--fs-base)
}
.ticket-empty {
    color:rgba(var(--t),.3);
    text-align:center
}
.td-tickets-col {
    width:150px!important
}
.btn-view-tickets {
    padding:3px 10px!important;
    font-size:var(--fs-xs)!important
}
.icon-eye {
    width:12px!important;
    height:12px!important;
    margin:0!important
}
.text-muted-sm {
    color:rgba(var(--t),.35);
    font-size:var(--fs-xs)
}
tr.status_1 {
    background:#27ae6014!important
}
tr.status_2 {
    background:#e74c3c14!important
}
tr.status_3 {
    background:#3498db14!important
}
.auth-modal .auth-form .form-group {
    margin-bottom:14px
}
.auth-modal .auth-form .form-group label {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--t),.5);
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:6px
}
.auth-modal .auth-form .form-group input {
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.08);
    border-radius:10px;
    padding:14px;
    font-size:var(--fs-md);
    color:rgba(var(--t),1);
    transition:border-color .2s ease
}
.auth-modal .auth-form .form-group input::placeholder {
    color:rgba(var(--t),.25)
}
.auth-modal .auth-form .form-group input:focus {
    border-color:rgba(var(--primary),.4)
}
.auth-modal .auth-form .button.primary {
    height:46px;
    border-radius:10px;
    font-size:var(--fs-base);
    font-weight:700;
    margin-top:4px
}
.auth-modal .auth-form .button.primary svg {
    display:none
}
.auth-modal .auth-page__links {
    margin-bottom:8px
}
.auth-modal .auth-page__links a {
    font-size:var(--fs-sm);
    color:rgba(var(--primary),1);
    font-weight:600
}
.auth-modal .auth-page__checkbox {
    display:flex;
    align-items:center;
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
    margin-bottom:14px
}
.auth-modal .auth-page__checkbox span {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6);
    font-weight:600
}
body,input,textarea,select,button {
    font-family:Rubik!important;
    font-weight:600
}
body {
    background-size:cover;
    background-attachment:fixed
}
.market-button {
    overflow:inherit;
    height:45px;
    padding-right:0
}
.market-button .market-button__icon img {
    width:55px;
    height:55px
}
.market-button .market-button__text {
    display:flex;
    flex-direction:column
}
.mobile-view .market-button {
    height:38px
}
.mobile-view .market-button .market-button__icon img {
    width:42px;
    height:42px
}
.mobile-view .market-button .market-button__text {
    font-size:var(--fs-sm)
}
.wheel-peek .lottie-animation-container {
    margin:0 -10px
}
.wheel-peek svg {
    animation:none!important
}
.global-partner {
    border-radius:10px;
    overflow:hidden;
    animation:partner-glow 2s ease-in-out infinite;
    transition:transform .3s ease;
    margin-bottom:10px
}
.global-partner:hover {
    transform:scale(1.01)
}
@media screen and (max-width:1650px) {
    .card.partner .tags .tag:last-child {
        display:none
    }
}
.card.partner .tags .tag {
    font-size:12px
}
body:not(.mobile-view) .partners .card.partner {
    position:relative;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    top:0;
    height:160px;
    overflow:hidden
}
body:not(.mobile-view) .partners .card.partner .top {
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    display:flex;
    align-items:flex-start;
    justify-content:center
}
body:not(.mobile-view) .partners .card.partner .bottom {
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    max-height:100px;
    opacity:1
}
body:not(.mobile-view) .partners .card.partner:hover {
    top:-10px;
    z-index:1;
    border-color:rgba(var(--primary))!important
}
body:not(.mobile-view) .partners .card.partner:hover .top {
    align-items:center;
    flex:1;
    height:100%
}
body:not(.mobile-view) .partners .card.partner:hover .bottom {
    max-height:0;
    opacity:0;
    padding:0!important;
    overflow:hidden
}
body:not(.mobile-view) .partners .card.partner h1 {
    flex-direction:column;
    font-size:14px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
body:not(.mobile-view) .partners .card.partner h1 b {
    font-weight:700!important
}
body:not(.mobile-view) .partners .card.partner .tags {
    white-space:nowrap;
    width:100%;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
body:not(.mobile-view) .partners .card.partner a {
    min-width:auto!important
}
body:not(.mobile-view) .partners .card.partner a {
    overflow:hidden!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    border:none!important;
    background:none!important;
    min-width:100%!important;
    min-height:100%!important;
    font-size:0px!important;
    -webkit-backdrop-filter:blur(0px);
    backdrop-filter:blur(0px);
    box-shadow:none!important;
    margin:0!important
}
body:not(.mobile-view) .partners .vip2 h1,body:not(.mobile-view) .partners .general h1 {
    display:none
}
@media(max-width:1400px) {
    body:not(.mobile-view) .partners .card.partner {
        height:140px
    }
    body:not(.mobile-view) .partners .card.partner h1 {
        font-size:12px
    }
    body:not(.mobile-view) .partners .card.partner img {
        height:38px!important;
        max-width:75%!important
    }
    body:not(.mobile-view) .partners .card.partner .tags .tag {
        font-size:10px
    }
}
@media(max-width:1200px) {
    body:not(.mobile-view) .partners .card.partner {
        height:130px
    }
    body:not(.mobile-view) .partners .card.partner h1 {
        font-size:11px
    }
    body:not(.mobile-view) .partners .card.partner img {
        height:34px!important;
        max-width:70%!important
    }
    body:not(.mobile-view) .partners .card.partner .tags {
        display:none
    }
    body:not(.mobile-view) .partners .card.partner:hover {
        top:-6px
    }
}
@media(max-width:1024px) {
    body:not(.mobile-view) .partners .card.partner {
        height:120px
    }
    body:not(.mobile-view) .partners .card.partner h1 {
        font-size:10px
    }
    body:not(.mobile-view) .partners .card.partner img {
        height:30px!important
    }
    body:not(.mobile-view) .partners .card.partner .bottom {
        padding:6px!important
    }
    body:not(.mobile-view) .partners .card.partner .top {
        padding:6px 6px 0!important
    }
}
.mobile-view .partners h3 {
    font-size:14px;
    margin:5px 0
}
.mobile-view .partners .card.partner {
    border:3px solid rgba(var(--card-border),1);
    padding:5px!important;
    height:60px;
    margin-bottom:0!important
}
.mobile-view .partners .card.partner img {
    width:90%!important;
    height:40px!important
}
.mobile-view .partners .card.partner .top {
    padding:0!important
}
.mobile-view .partners .card.partner .tags,.mobile-view .partners .card.partner h1 {
    display:none!important
}
.mobile-view .partners .card.partner .bottom {
    display:none
}
.p-partners .section-title {
    font-size:18px;
    color:#fff;
    text-transform:capitalize
}
.p-partners .card.partner {
    align-items:center;
    justify-content:center
}
.p-partners .card.partner .heart {
    display:none
}
.p-partners .card.partner .top {
    padding:10px 10px 0!important;
    min-height:auto!important
}
.p-partners .card.partner .bottom {
    padding:10px!important;
    flex:inherit!important
}
.p-partners .card.partner .bottom h1 {
    margin:0 0 5px!important;
    line-height:16px!important;
    text-transform:uppercase;
    font-size:13px!important
}
.p-partners .card.partner .bottom .tags {
    margin-bottom:0!important
}
.p-partners .card.partner .bottom .tags .tag {
    padding:8px 5px!important
}
.p-partners .card.partner .bottom .tags .tag b {
    text-transform:uppercase;
    font-size:11px!important
}
.p-partners .card.partner .bottom .tags .tag span {
    text-transform:uppercase;
    font-size:10px!important
}
@media(max-width:1400px) {
    .p-partners .card.partner .bottom h1 {
        font-size:12px!important
    }
    .p-partners .card.partner .bottom .tags .tag {
        padding:6px 4px!important
    }
    .p-partners .card.partner .bottom .tags .tag b {
        font-size:10px!important
    }
    .p-partners .card.partner .bottom .tags .tag span {
        font-size:9px!important
    }
}
@media(max-width:1200px) {
    .p-partners .section-title {
        font-size:16px
    }
    .p-partners .card.partner .top {
        padding:8px 8px 0!important
    }
    .p-partners .card.partner .bottom {
        padding:8px!important
    }
    .p-partners .card.partner .bottom h1 {
        font-size:11px!important;
        line-height:14px!important
    }
    .p-partners .card.partner .bottom .tags .tag {
        padding:5px 4px!important
    }
    .p-partners .card.partner .bottom .tags .tag b {
        font-size:9px!important
    }
    .p-partners .card.partner .bottom .tags .tag span {
        font-size:8px!important
    }
}
.mobile-view .p-partners .section-title {
    font-size:14px;
    margin:8px 0
}
.mobile-view .p-partners .card.partner .top {
    padding:6px 6px 0!important
}
.mobile-view .p-partners .card.partner .top img {
    max-height:28px!important
}
.mobile-view .p-partners .card.partner .bottom {
    padding:6px!important
}
.mobile-view .p-partners .card.partner .bottom h1 {
    font-size:10px!important;
    line-height:13px!important;
    margin:0 0 3px!important
}
.mobile-view .p-partners .card.partner .bottom .tags {
    display:none!important
}
.mobile-view .p-partners .gif-vip img,.mobile-view .p-partners .gif-vip video {
    border-radius:8px!important
}
.card h1 {
    font-size:15px;
    color:rgba(var(--primary))
}
.card h1 span {
    color:#fff;
    display:block
}
.table.card h1 {
    font-size:15px;
    color:rgba(var(--primary))
}
.table.card h1 span {
    color:#fff
}
.general .card h1 {
    font-size:14px;
    color:rgba(var(--primary))
}
.general .card h1 span {
    color:#fff;
    display:block
}
.card.partner h1 {
    font-size:16px
}
.card.partner img {
    width:auto!important;
    max-width:80%!important;
    height:45px!important
}
@media(max-width:1200px) {
    .card.partner img {
        height:38px!important
    }
}
.mobile-view .card.partner img {
    height:32px!important;
    max-width:90%!important
}
body:not(.mobile-view) .card.partner.table h1,body:not(.mobile-view) .vip .card h1 {
    display:flex;
    align-items:center;
    justify-content:center
}
body:not(.mobile-view) .card.partner.table h1 span,body:not(.mobile-view) .vip .card h1 span {
    margin-left:5px
}
body:not(.mobile-view) .card.partner.table h1 br,body:not(.mobile-view) .vip .card h1 br {
    display:none!important
}
.fix-side {
    position:fixed;
    top:calc(var(--header-height) + 56px);
    z-index:99;
    display:none;
    width:var(--fix-side-width);
    height:var(--fix-side-height);
    max-height:calc(100vh - var(--header-height) - 56px - 30px);
    max-width:calc((100vh - var(--header-height) - 56px - 30px) * 136 / 728);
    border-radius:10px;
    overflow:hidden
}
.fix-side.left {
    left:calc(var(--fix-side-gap) + var(--left-side-width))
}
.fix-side.right {
    right:var(--fix-side-gap)
}
.fix-side img {
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:10px
}
.tmp_h_1 .fix-side.left,.tmp_h_3 .fix-side.left {
    left:var(--fix-side-gap)
}
body.p-partners .fix-side {
    display:block
}
body.p-partners:not(.mobile-view) .tmp_h_2 .inc .container {
    max-width:var(--container-max-width)
}
@media(max-width:1920px) {
    body.p-partners:not(.mobile-view) .tmp_h_2 .inc .container {
        max-width:calc(100vw - var(--left-side-width) - (var(--fix-side-width) + var(--fix-side-gap)) * 2 - 80px)
    }
}
@media(max-width:1400px) {
    body.p-partners:not(.mobile-view) .tmp_h_2 .inc .container {
        max-width:calc(100vw - var(--left-side-width) - (var(--fix-side-width) + var(--fix-side-gap)) * 2 - 40px)
    }
}
body.p-partners:not(.mobile-view) .tmp_h_1 .inc .container,body.p-partners:not(.mobile-view) .tmp_h_3 .inc .container {
    max-width:var(--container-max-width)
}
@media(max-width:1920px) {
    body.p-partners:not(.mobile-view) .tmp_h_1 .inc .container,body.p-partners:not(.mobile-view) .tmp_h_3 .inc .container {
        max-width:calc(100vw - (var(--fix-side-width) + var(--fix-side-gap)) * 2 - 80px)
    }
}
@media(max-width:1400px) {
    body.p-partners:not(.mobile-view) .tmp_h_1 .inc .container,body.p-partners:not(.mobile-view) .tmp_h_3 .inc .container {
        max-width:calc(100vw - (var(--fix-side-width) + var(--fix-side-gap)) * 2 - 40px)
    }
}
@media(max-width:1920px) {
    body.p-partners:not(.mobile-view) .side-collapsed .inc .container {
        max-width:calc(100vw - var(--left-side-collapsed) - (var(--fix-side-width) + var(--fix-side-gap)) * 2 - 80px)
    }
}
.side-collapsed .fix-side.left {
    left:calc(var(--fix-side-gap) + var(--left-side-collapsed))
}
.marquee-wrapper {
    display:flex
}
.fix-marquee {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:10px;
    margin-bottom:20px
}
.fix-marquee .marquee-wrapper {
    padding:10px;
    display:flex;
    align-items:center
}
.fix-marquee .marquee-wrapper a {
    display:flex;
    margin:0 10px
}
.fix-marquee .marquee-wrapper a img {
    display:block;
    width:150px;
    height:35px;
    object-fit:contain
}
.partner-menu-toggle {
    cursor:pointer;
    border-radius:4px;
    transition:background .15s
}
.partner-menu-toggle:hover {
    background:rgba(var(--t),.1)
}
.submenu {
    list-style:none;
    padding:4px 0 6px 12px;
    margin:0
}
.submenu li {
    margin-bottom:2px
}
.submenu li a {
    display:flex;
    align-items:center;
    padding:9px 14px!important;
    font-size:var(--fs-sm)!important;
    font-weight:500;
    color:rgba(var(--t),.5)!important;
    border-left:2px solid rgba(var(--t),.08);
    margin-left:10px;
    border-radius:0 8px 8px 0;
    transition:all .15s
}
.submenu li a:hover {
    color:rgba(var(--t),.9)!important;
    background:rgba(var(--t),.04);
    border-left-color:rgba(var(--t),.2)
}
.submenu li a.submenu-active {
    color:rgba(var(--primary),1)!important;
    background:rgba(var(--primary),.08);
    border-left-color:rgba(var(--primary),1);
    font-weight:600
}
.menu-sponsors {
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:8px 10px
}
.menu-sponsor {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    padding:6px 8px;
    border-radius:8px;
    transition:all .2s
}
.menu-sponsor:hover {
    opacity:.8
}
.menu-sponsor img {
    max-height:24px;
    max-width:90px;
    object-fit:contain;
    transition:all .2s
}
.side-collapsed .menu-sponsor {
    justify-content:center
}
.side-collapsed .menu-sponsor img {
    max-width:28px;
    max-height:16px
}
.menu-sponsors--inline {
    padding:4px 0;
    flex-direction:row;
    flex-wrap:wrap;
    gap:4px
}
.menu-sponsors--inline .menu-sponsor {
    padding:5px 8px;
    flex:0 0 auto
}
.sp-categories {
    display:flex;
    gap:6px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding:8px 0;
    margin-bottom:8px
}
.sp-categories::-webkit-scrollbar {
    display:none
}
.sp-categories__btn {
    flex-shrink:0;
    padding:8px 16px;
    border-radius:10px;
    font-size:var(--fs-xs);
    font-weight:600;
    color:rgba(var(--t),.5);
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    cursor:pointer;
    transition:all .2s;
    white-space:nowrap
}
.sp-categories__btn:hover {
    color:rgba(var(--t),.8);
    background:rgba(var(--t),.08)
}
.sp-categories__btn.active {
    color:rgba(var(--primary-sc),1);
    background:rgba(var(--primary),1);
    border-color:rgba(var(--primary),1)
}
.sp-search {
    margin-bottom:16px
}
.sp-search__bar {
    position:relative;
    display:flex;
    align-items:center
}
.sp-search__icon {
    position:absolute;
    left:14px;
    width:18px;
    height:18px;
    fill:rgba(var(--t),.25);
    pointer-events:none;
    transition:fill .2s ease
}
.sp-search__input {
    width:100%;
    height:46px;
    padding:0 44px 0 42px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    font-size:var(--fs-sm);
    font-weight:500;
    color:rgba(var(--t),.9);
    transition:all .2s ease
}
.sp-search__input::placeholder {
    color:rgba(var(--t),.25);
    font-weight:500
}
.sp-search__input:focus {
    outline:none;
    border-color:rgba(var(--primary),.3);
    background:rgba(var(--card),1)
}
.sp-search--active .sp-search__icon {
    fill:rgba(var(--primary),.7)
}
.sp-search__clear {
    position:absolute;
    right:10px;
    width:28px;
    height:28px;
    border-radius:8px;
    background:rgba(var(--t),.05);
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .15s ease
}
.sp-search__clear svg {
    width:14px;
    height:14px;
    fill:rgba(var(--t),.35)
}
.sp-search__clear:hover {
    background:rgba(var(--t),.1)
}
.sp-search__clear:hover svg {
    fill:rgba(var(--t),.7)
}
.sp-search__results {
    margin-top:10px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    overflow:hidden;
    animation:spSearchIn .2s ease-out
}
.sp-search__results-head {
    padding:10px 14px;
    border-bottom:1px solid rgba(var(--t),.04)
}
.sp-search__results-head span {
    font-size:var(--fs-xs);
    font-weight:600;
    color:rgba(var(--t),.3)
}
.sp-search__grid {
    display:grid;
    grid-template-columns:repeat(2,1fr)
}
.sp-search__item {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    text-decoration:none;
    transition:background .15s ease;
    border-bottom:1px solid rgba(var(--t),.03);
    border-right:1px solid rgba(var(--t),.03)
}
.sp-search__item:nth-child(2n) {
    border-right:none
}
.sp-search__item:hover {
    background:rgba(var(--t),.03)
}
.sp-search__item-logo {
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:8px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
.sp-search__item-logo img {
    max-width:28px;
    max-height:20px;
    object-fit:contain
}
.sp-search__item-name {
    flex:1;
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.75);
    text-transform:capitalize
}
.sp-search__item-btn {
    flex-shrink:0;
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--primary-sc),1);
    background:rgba(var(--primary),1);
    padding:5px 12px;
    border-radius:6px;
    transition:opacity .15s ease
}
.sp-search__item:hover .sp-search__item-btn {
    opacity:.85
}
.sp-search__empty {
    margin-top:10px;
    padding:20px;
    text-align:center;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.25);
    font-weight:600;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px
}
@keyframes spSearchIn {
    0% {
        opacity:0;
        transform:translateY(-6px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.mobile-view .sp-search__input {
    height:40px;
    font-size:var(--fs-xs);
    border-radius:10px;
    padding:0 40px 0 38px
}
.mobile-view .sp-search__icon {
    left:12px;
    width:16px;
    height:16px
}
.mobile-view .sp-search__clear {
    right:8px;
    width:24px;
    height:24px
}
.mobile-view .sp-search__clear svg {
    width:12px;
    height:12px
}
.mobile-view .sp-search__grid {
    grid-template-columns:1fr
}
.mobile-view .sp-search__item {
    border-right:none
}
.partners .gif-vip {
    margin-bottom:12px
}
.partners .gif-vip .col {
    padding:6px
}
.partners .gif-vip a {
    display:block;
    border-radius:12px;
    overflow:hidden;
    transition:transform .2s ease
}
.partners .gif-vip a:hover {
    transform:scale(1.005)
}
.partners .gif-vip a img {
    display:block;
    border-radius:12px
}
.partners .vip .col {
    padding:6px
}
.partners .card.partner {
    background:rgba(var(--card),1);
    border:3px solid rgba(var(--card-border),1);
    border-radius:14px;
    padding:0;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:border-color .2s ease,transform .2s ease;
    background-size:cover!important;
    background-position:center!important;
    position:relative
}
.partners .card.partner:hover {
    border-color:rgba(var(--t),.12);
    transform:translateY(-2px)
}
.partners .card.partner .top {
    padding:20px 20px 10px;
    width:100%!important;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    min-height:70px
}
.partners .card.partner .top img {
    object-fit:contain;
    max-height:40px;
    max-width:160px
}
.partners .card.partner .top .heart {
    display:none;
    position:absolute;
    right:14px;
    top:14px;
    align-items:center;
    gap:4px;
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--t),.5)
}
.partners .card.partner .top .heart a {
    display:flex!important;
    align-items:center;
    min-width:auto!important;
    margin:0!important;
    padding:0!important
}
.partners .card.partner .top .heart a svg {
    width:14px!important;
    height:14px!important;
    fill:rgba(var(--t),.3)!important;
    transition:fill .2s ease
}
.partners .card.partner .top .heart.active {
    color:#f44
}
.partners .card.partner .top .heart.active a svg {
    fill:#f44!important
}
.partners .card.partner .bottom {
    padding:10px 20px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    flex:1
}
.partners .card.partner .bottom h1 {
    font-size:var(--fs-base);
    font-weight:600;
    margin:0 0 10px;
    color:rgba(var(--t),.9);
    line-height:1.4
}
.partners .card.partner .bottom h1 b {
    color:rgba(var(--primary),1);
    font-weight:800
}
.partners .card.partner .bottom .tags {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:14px
}
.partners .card.partner .bottom .tags .tag {
    display:flex;
    flex-direction:column;
    align-items:center;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    padding:8px 12px;
    border-radius:8px
}
.partners .card.partner .bottom .tags .tag b {
    font-size:var(--fs-sm);
    color:rgba(var(--primary),1);
    font-weight:700
}
.partners .card.partner .bottom .tags .tag span {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.5);
    font-weight:500
}
.partners .card.partner .bottom .button.primary {
    width:100%;
    max-width:220px;
    border-radius:10px;
    font-size:var(--fs-sm);
    font-weight:700;
    height:40px
}
.mobile-view body.p-partners .inc .container,body.p-partners .mobile-view .inc .container {
    max-width:100%!important
}
.mobile-interstitial {
    display:none;
    width:100%;
    margin:10px 0
}
.mobile-view .partners .fix-marquee {
    border-radius:8px;
    margin-bottom:12px
}
.mobile-view .partners .fix-marquee .marquee-wrapper {
    padding:8px
}
.mobile-view .partners .fix-marquee .marquee-wrapper a img {
    width:100px;
    height:26px
}
.mobile-view .partners .gif-vip {
    margin-bottom:8px
}
.mobile-view .partners .gif-vip .col {
    padding:3px
}
.mobile-view .partners .gif-vip a,.mobile-view .partners .gif-vip a img {
    border-radius:8px
}
.mobile-view .partners .card.partner {
    border-radius:10px
}
.mobile-view .partners .card.partner .top {
    padding:14px 12px 8px;
    min-height:46px
}
.mobile-view .partners .card.partner .top img {
    max-height:28px;
    max-width:100px
}
.mobile-view .partners .card.partner .top .heart {
    display:none!important
}
.mobile-view .partners .card.partner .bottom {
    padding:8px 12px 12px
}
.mobile-view .partners .card.partner .bottom h1 {
    font-size:var(--fs-xs)
}
.mobile-view .partners .card.partner .bottom .tags {
    gap:4px;
    margin-bottom:8px
}
.mobile-view .partners .card.partner .bottom .tags .tag {
    padding:4px 8px;
    border-radius:6px
}
.mobile-view .partners .card.partner .bottom .tags .tag b {
    font-size:var(--fs-xs)
}
.mobile-view .partners .card.partner .bottom .tags .tag span {
    font-size:9px
}
.mobile-view .partners .card.partner .bottom .button.primary {
    width:100%;
    max-width:none;
    height:32px;
    font-size:var(--fs-xs);
    border-radius:8px
}
body.mobile-view.p-login .layout .inc,body.mobile-view.p-register .layout .inc,body.mobile-view.p-forgotpassword .layout .inc,body.mobile-view.p-user .layout .inc,body.mobile-view.p-complaints .layout .inc,body.mobile-view.p-affiliatechange .layout .inc {
    padding:0!important
}
.admin-table-wrap {
    width:100%;
    overflow-x:auto
}
.admin-table-wrap table {
    width:100%;
    border-collapse:separate;
    border-spacing:0
}
.admin-table-wrap thead tr {
    background:rgba(var(--primary),1)
}
.admin-table-wrap th {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--primary-sc),1);
    text-align:left;
    padding:10px 12px;
    white-space:nowrap
}
.admin-table-wrap th:first-child {
    border-radius:8px 0 0
}
.admin-table-wrap th:last-child {
    border-radius:0 8px 0 0
}
.admin-table-wrap td {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.75);
    padding:10px 12px;
    border-bottom:1px solid rgba(var(--t),.04);
    vertical-align:middle
}
.admin-table-wrap tr:hover td {
    background:rgba(var(--t),.02)
}
.admin-table-wrap .button {
    height:28px!important;
    padding:0 10px!important;
    font-size:var(--fs-xs)!important;
    border-radius:6px!important;
    white-space:nowrap
}
.button {
    padding:9px 12px;
    border-radius:10px;
    font-weight:500;
    border:none;
    cursor:pointer;
    font-size:var(--btn-s);
    display:flex;
    align-items:center;
    height:45px;
    justify-content:center;
    color:rgba(var(--s-c),1);
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    background:rgba(var(--t),.05)
}
.button:hover {
    background:rgba(var(--t),.1)
}
.button img,.button svg {
    fill:rgba(var(--sc),1);
    margin-right:5px
}
.button.block {
    width:100%
}
.button.loading svg,.button.loading span {
    position:relative;
    animation:moveTop 2s alternate forwards
}
.button.loading svg {
    transform:scale(2)!important
}
.button.primary {
    background:rgba(var(--primary),1);
    background-image:var(--btn-primary-bg);
    color:rgba(var(--primary-sc),1)
}
.button.primary svg {
    fill:rgba(var(--primary-sc),1)
}
.button.primary:hover {
    background:rgba(var(--primary),.9);
    background-image:var(--btn-primary-hover-bg)
}
.button.secondary {
    background:rgba(var(--secondary),1);
    background-image:var(--btn-secondary-bg);
    color:rgba(var(--secondary-sc),1)
}
.button.secondary svg {
    fill:rgba(var(--secondary-sc),1)
}
.button.secondary:hover {
    background:rgba(var(--secondary),.9);
    background-image:var(--btn-secondary-hover-bg)
}
.button.success {
    background:rgba(var(--success),1)
}
.button.success:hover {
    background:rgba(var(--success),.9)
}
.button.warning {
    background:rgba(var(--warning),1)
}
.button.warning:hover {
    background:rgba(var(--warning),.9)
}
.button.info {
    background:rgba(var(--info),1)
}
.button.info:hover {
    background:rgba(var(--info),.9)
}
.button.danger {
    background:rgba(var(--danger),1)
}
.button.danger:hover {
    background:rgba(var(--danger),.9)
}
.button.dark {
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1)
}
.button.dark svg {
    fill:rgba(var(--primary),1)
}
.button.dark:hover {
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1)
}
.button.dark:hover svg {
    fill:rgba(var(--primary-sc),1)
}
.bg {
    background:rgba(var(--t),.05)!important
}
.bg svg {
    fill:rgba(var(--sc),1)!important;
    margin-right:5px!important
}
.bg.primary {
    background:rgba(var(--primary),1)!important;
    color:rgba(var(--primary-sc),1)!important
}
.bg.primary svg {
    fill:rgba(var(--primary-sc),1)!important
}
.bg.secondary {
    background:rgba(var(--secondary),1)!important;
    color:rgba(var(--secondary-sc),1)!important
}
.bg.secondary svg {
    fill:rgba(var(--secondary-sc),1)!important
}
.bg.success {
    background:rgba(var(--success),1)!important
}
.bg.warning {
    background:rgba(var(--warning),1)!important
}
.bg.info {
    background:rgba(var(--info),1)!important
}
.bg.danger {
    background:rgba(var(--danger),1)!important
}
.bg.dark {
    background:rgba(var(--primary),.1)!important;
    color:rgba(var(--primary),1)!important
}
.bg.dark svg {
    fill:rgba(var(--primary),1)!important
}
select {
    height:45px;
    -webkit-appearance:none;
    background-color:rgba(var(--t),.04)!important;
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmRiYTNkYTNiNSwgMjAyMy8xMi8xNS0xMDo0MjozNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODI4OTc4NjEwQkFCMTFFRkExOUVDNTkyOTc3ODAzM0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODI4OTc4NjIwQkFCMTFFRkExOUVDNTkyOTc3ODAzM0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MERENUZCMjBCQTAxMUVGQTE5RUM1OTI5Nzc4MDMzQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Mjg5Nzg2MDBCQUIxMUVGQTE5RUM1OTI5Nzc4MDMzQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqnmayMAAABKSURBVHjaYvz//z8DLsAExD1ArIpFroIBqPPBfwjgApkCxR//I3G2QhVoA/EFIH4Ktg5JwQqogk8wMWRJEE4CYg4YnxGfawECDAAeQ2VE0LLDbQAAAABJRU5ErkJggg==)!important;
    background-position:right 15px center!important;
    background-repeat:no-repeat!important
}
.file-input,textarea,select,input {
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.08);
    padding:12px 14px;
    color:rgba(var(--t),1);
    border-radius:10px;
    font-size:var(--fs-sm);
    width:100%;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.file-input::placeholder,textarea::placeholder,select::placeholder,input::placeholder {
    color:rgba(var(--t),.25)
}
.file-input:focus,textarea:focus,select:focus,input:focus {
    border-color:rgba(var(--primary),.4);
    outline:none
}
input[type=radio],input[type=checkbox] {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin:0 .8em 0 0
}
input[type=radio]:focus {
    outline:thin dotted
}
input[type=checkbox]:focus {
    outline:thin dotted
}
input[type=radio] {
    position:relative;
    width:18px;
    height:18px;
    padding:0;
    background-color:rgba(var(--t),.1);
    border-radius:100%
}
input[type=radio]:after {
    content:"";
    border-radius:100%;
    width:12px;
    height:12px;
    margin:auto;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transition:background .25s ease;
    transition:background .25s ease
}
input[type=radio]:checked:after {
    background:rgba(var(--primary),1)
}
input[type=checkbox] {
    position:relative;
    width:15px;
    height:15px;
    padding:0;
    border:none!important;
    border-radius:3px;
    background-color:rgba(var(--t),.1);
    display:flex;
    align-items:center
}
input[type=checkbox]:after {
    content:"";
    width:50%;
    height:32%;
    border-radius:0;
    margin:auto;
    top:8px;
    left:8px;
    -webkit-transition:background .25s ease;
    transition:background .25s ease
}
input[type=checkbox]:checked {
    background-color:rgba(var(--primary),1)
}
input[type=checkbox]:checked:after {
    border-left:3px solid;
    border-bottom:3px solid;
    border-radius:0;
    -webkit-transform:rotate(-45deg) translate3d(0,0,0);
    transform:rotate(-45deg) translateZ(0);
    -webkit-transform-origin:center center;
    transform-origin:center center;
    border-color:rgba(var(--primary-sc),1)!important
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    input[type=radio],input[type=checkbox] {
        border:none
    }
    input[type=checkbox] {
        background-color:transparent
    }
}
.autocomplete-input {
    position:relative
}
.autocomplete-input h2 {
    font-size:var(--fs-2xl)
}
.autocomplete-input .content {
    width:100%;
    position:absolute;
    background:linear-gradient(0deg,rgba(var(--header),1),#fff0)!important;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    z-index:999;
    padding:0 20px;
    border-radius:0 0 30px 30px
}
.input-group {
    position:relative
}
.input-group svg {
    position:absolute;
    left:10px;
    top:50%;
    width:30px;
    height:30px;
    transform:translateY(-50%)
}
.input-group input {
    padding-left:50px
}
.file-input {
    cursor:pointer;
    padding:10px;
    margin-bottom:0;
    align-items:center;
    display:flex
}
.file-input svg {
    margin-right:5px
}
.file-input {
    padding:15px
}
.file-input input {
    display:none
}
input::placeholder {
    color:rgba(var(--t),.5)
}
.form-group {
    width:100%;
    display:flex;
    flex-direction:column;
    margin-bottom:12px
}
.form-group label {
    font-size:var(--fs-xs);
    font-weight:600;
    color:rgba(var(--t),.5);
    margin-bottom:6px
}
.form-group.has-error input {
    border-color:rgba(var(--danger),.4)!important
}
.form-group.is-valid input {
    border-color:#4caf5066!important
}
.form-error {
    font-size:var(--fs-xs);
    color:rgba(var(--danger),.9);
    font-weight:600;
    margin-top:4px;
    animation:formErrorIn .2s ease-out
}
@keyframes formErrorIn {
    0% {
        opacity:0;
        transform:translateY(-4px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.input-wrap {
    position:relative;
    display:flex;
    align-items:center
}
.input-wrap input {
    width:100%;
    padding-right:40px!important
}
.input-toggle {
    position:absolute;
    right:10px;
    width:28px;
    height:28px;
    border-radius:6px;
    background:none;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .15s ease
}
.input-toggle svg {
    width:18px;
    height:18px;
    fill:rgba(var(--t),.3)
}
.input-toggle:hover {
    background:rgba(var(--t),.06)
}
.input-toggle:hover svg {
    fill:rgba(var(--t),.6)
}
.input-icon {
    position:absolute;
    right:12px;
    width:16px;
    height:16px;
    pointer-events:none
}
.input-icon--ok {
    fill:#4caf50
}
.pwd-checks {
    display:flex;
    flex-wrap:wrap;
    gap:4px 10px;
    margin-top:8px
}
.pwd-check {
    display:flex;
    align-items:center;
    gap:4px;
    font-size:10px;
    font-weight:600;
    color:rgba(var(--t),.25);
    transition:color .2s ease
}
.pwd-check svg {
    width:12px;
    height:12px;
    fill:rgba(var(--t),.15);
    transition:fill .2s ease
}
.pwd-check--pass {
    color:#4caf50
}
.pwd-check--pass svg {
    fill:#4caf50
}
.ref-banner {
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 16px;
    border-radius:10px;
    background:rgba(var(--primary),.08);
    border:1px solid rgba(var(--primary),.15);
    margin-bottom:16px
}
.ref-banner svg {
    width:20px;
    height:20px;
    fill:rgba(var(--primary),1);
    flex-shrink:0
}
.ref-banner span {
    font-size:var(--fs-sm);
    font-weight:500;
    color:rgba(var(--t),.7)
}
.ref-banner span b {
    color:rgba(var(--primary),1);
    font-weight:700;
    letter-spacing:.5px
}
.auth-page__switch {
    text-align:center;
    margin-top:16px;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.4)
}
.auth-page__switch a {
    color:rgba(var(--primary),1);
    font-weight:700;
    text-decoration:none
}
.auth-page__switch a:hover {
    text-decoration:underline
}
form {
    width:100%
}
.dropdown {
    position:relative;
    display:inline-block
}
.dropdown .overlay {
    display:block;
    z-index:1;
    background:none!important
}
.dropdown .dropdown-menu {
    position:absolute;
    left:0;
    z-index:99;
    background:rgba(var(--dropdown),1);
    color:var(--client-c);
    box-shadow:0 0 8px #0000003b;
    border-radius:10px;
    display:flex;
    width:225px;
    margin-top:10px;
    font-size:var(--fs-sm);
    opacity:0;
    padding:15px;
    animation:openCard .5s alternate forwards
}
.dropdown .dropdown-menu.l {
    width:250px
}
.dropdown .dropdown-menu.xl {
    width:350px
}
.dropdown .dropdown-menu .button {
    border-radius:var(--btn-radius)!important;
    padding-left:0!important;
    width:100%;
    padding-right:0!important
}
.dropdown .dropdown-menu .button svg {
    margin-right:5px!important;
    margin-left:0!important
}
.dropdown .dropdown-menu:before {
    content:"";
    width:0;
    height:0;
    border-bottom:7px solid rgba(var(--dropdown),1);
    border-top:7px solid transparent;
    border-right:7px solid transparent;
    border-left:7px solid transparent;
    position:absolute;
    top:-14px;
    left:20%
}
.dropdown .dropdown-menu.right {
    left:auto;
    right:0
}
.dropdown .dropdown-menu.right:before {
    right:20%;
    left:auto
}
.dropdown .dropdown-menu ul {
    width:100%;
    flex-direction:column
}
.dropdown .dropdown-menu ul li {
    display:flex;
    flex-direction:column;
    flex-grow:1;
    width:100%
}
.dropdown .dropdown-menu ul li:last-child a {
    border:none
}
.dropdown .dropdown-menu ul li a {
    display:flex;
    align-items:center;
    padding:12px 10px;
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--dropdown-sc),.9);
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
    border-radius:10px
}
.dropdown .dropdown-menu ul li a:after,.dropdown .dropdown-menu ul li a:before {
    display:none
}
.dropdown .dropdown-menu ul li a img {
    width:18px;
    border-radius:100%;
    margin-right:5px
}
.dropdown .dropdown-menu ul li a:hover {
    color:rgba(var(--dropdown-sc),1);
    background:rgba(var(--dropdown-sc),.05)
}
.dropdown .dropdown-menu ul li a.active {
    color:rgba(var(--primary-sc),1);
    background:rgba(var(--primary),1)
}
label {
    font-size:var(--fs-sm);
    margin-bottom:10px;
    font-weight:700
}
.dp__menu_outer {
    z-index:9999!important
}
.dp--menu-wrapper {
    position:absolute;
    z-index:999999999999999!important
}
.dp__input {
    background:rgba(var(--t),.04)!important;
    border:1px solid rgba(var(--t),.08)!important;
    padding:12px 14px 12px 40px!important;
    color:rgba(var(--t),1)!important;
    border-radius:10px!important;
    font-size:var(--fs-sm)!important;
    width:100%!important;
    transition:border-color .2s ease!important
}
.dp__input::placeholder {
    color:rgba(var(--t),.3)!important
}
.dp__input:focus,.dp__input.dp__input_focus {
    border-color:rgba(var(--primary),.4)!important
}
.dp__input_icon,.dp__clear_icon {
    color:rgba(var(--t),.3)
}
.dp__button:hover {
    background:none
}
.dp__theme_light {
    --dp-font-family: inherit !important;
    --dp-background-color: rgba(var(--card), 1) !important;
    --dp-border-color: rgba(var(--card-border), 1) !important;
    --dp-menu-border-color: rgba(var(--card-border), 1) !important;
    --dp-text-color: rgba(var(--t), .8);
    --dp-secondary-color: rgba(var(--t), .3);
    --dp-hover-color: rgba(var(--t), .06);
    --dp-hover-text-color: rgba(var(--t), 1);
    --dp-disabled-color: rgba(var(--t), .03);
    --dp-disabled-color-text: rgba(var(--t), .2);
    --dp-highlight-color: rgba(var(--primary), .08);
    --dp-range-between-dates-background-color: rgba(var(--primary), .06);
    --dp-range-between-dates-text-color: rgba(var(--t), 1);
    --dp-loader: 3px solid rgba(var(--primary), 1);
    --dp-primary-color: rgba(var(--primary), 1);
    --dp-primary-text-color: rgba(var(--primary-sc), 1);
    --dp-primary-disabled-color: rgba(var(--primary), .4);
    --dp-icon-color: rgba(var(--t), .4);
    --dp-danger-color: rgba(var(--danger), .8);
    --dp-scroll-bar-background: rgba(var(--t), .04);
    --dp-scroll-bar-color: rgba(var(--t), .15);
    font-size:var(--fs-sm);
    border-radius:10px!important;
    box-shadow:0 8px 24px #00000040;
    -webkit-backdrop-filter:blur(20px);
    backdrop-filter:blur(20px)
}
.dp__theme_light .dp__action_button {
    height:32px!important;
    border-radius:8px;
    border:none;
    font-size:var(--fs-xs);
    font-weight:600
}
.dp__theme_light .dp__action_button.dp__action_cancel {
    background:rgba(var(--t),.06);
    color:rgba(var(--t),.6)
}
.dp__theme_light .dp__action_button.dp__action_select {
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1)
}
.dp__theme_light .dp__month_year_select {
    font-weight:700;
    font-size:var(--fs-sm)
}
.dp__theme_light .dp__calendar_header_item {
    font-weight:700;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.35);
    text-transform:uppercase
}
section.carousel {
    border-radius:20px;
    overflow:hidden
}
.carousel__pagination {
    position:absolute;
    left:50%;
    z-index:131;
    bottom:20px;
    transform:translate(-50%)
}
h1.title {
    font-size:var(--fs-2xl)
}
.card {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    width:100%;
    margin-bottom:10px;
    padding:20px;
    border-radius:12px;
    display:flex;
    position:relative;
    align-items:center;
    transition:border-color .2s ease,box-shadow .2s ease
}
.card:hover {
    border-color:rgba(var(--t),.12);
    box-shadow:0 4px 16px #00000026
}
.card .heart {
    position:absolute;
    right:20px;
    display:flex;
    align-items:center;
    justify-content:center
}
.card .heart a {
    min-width:auto!important;
    margin:0 0 0 5px!important
}
.card .heart a svg {
    width:12px!important;
    height:12px!important;
    fill:red!important
}
.card.table {
    display:flex!important;
    flex-direction:row!important;
    justify-content:space-between!important;
    padding:15px 20px!important
}
.card.table .heart {
    left:200px!important;
    right:auto;
    top:50%;
    transform:translateY(-50%)
}
.card.table .top img {
    object-fit:contain;
    object-position:left
}
.card.table .button {
    margin:0!important
}
.card.event,.card.ticket {
    padding:0;
    overflow:hidden;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:left
}
.card.event .top a,.card.event .top img,.card.ticket .top a,.card.ticket .top img {
    cursor:pointer;
    margin:0;
    display:block
}
.card.event .bottom,.card.ticket .bottom {
    width:100%;
    padding:20px
}
.card.event h1,.card.ticket h1 {
    margin:10px 0;
    font-size:var(--fs-2xl)
}
.card.event a,.card.ticket a {
    display:block;
    margin-top:10px;
    display:flex;
    align-items:center;
    border-radius:30px
}
.card.point {
    padding:30px
}
.card.point .text {
    display:flex;
    flex-direction:column
}
.card.point .text b {
    font-size:var(--fs-3xl)
}
.card.point .text span {
    font-size:var(--fs-base);
    opacity:.7;
    margin:5px 0
}
.card.point .text p {
    margin:0;
    font-weight:700;
    font-size:var(--fs-xl)
}
.card.point .text .button {
    width:120px;
    font-size:var(--fs-base);
    margin-top:5px;
    padding:5px;
    height:40px
}
.card.point.telegram .icon {
    background:linear-gradient(90deg,#55c6ff,#08c)!important;
    box-shadow:#08c 10px 0 30px
}
.card.point.twitter .icon {
    background:linear-gradient(90deg,#434343,#000)!important;
    box-shadow:#434343 10px 0 30px
}
.card.point.instagram .icon {
    background:linear-gradient(90deg,#ffb255,#c32aa3)!important;
    box-shadow:#c32aa3 10px 0 30px
}
.card.point.kick .icon {
    background:linear-gradient(90deg,#94fd66,#349b00)!important;
    box-shadow:#94fd66 10px 0 30px
}
.card.point.youtube .icon {
    background:linear-gradient(90deg,#7c0000,red)!important;
    box-shadow:red 10px 0 30px
}
.card.point .icon {
    width:120px;
    height:120px;
    position:absolute;
    right:40px;
    top:50%;
    transform:translateY(-50%);
    padding:15px;
    border-radius:30px
}
.card.point .icon svg {
    width:100%;
    height:100%;
    fill:#fff
}
.card.point .icon svg g {
    fill:#fff
}
.card.market {
    flex-direction:column;
    width:100%;
    padding:0;
    border-radius:12px;
    overflow:hidden
}
.card.market .label {
    position:absolute;
    background:#000000a4;
    padding:7px 10px;
    border-radius:10px;
    font-weight:700;
    display:flex;
    align-items:center;
    font-size:var(--fs-base);
    right:10px;
    top:10px
}
.card.market .label.balance {
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1)
}
.card.market .image {
    width:100%
}
.card.market .image img {
    object-fit:cover
}
.card.market .bottom {
    width:100%;
    padding:10px
}
.card.market .bottom h1 {
    margin:0;
    font-size:var(--fs-lg)
}
.card.market .bottom p {
    margin:5px 0;
    opacity:.5;
    font-size:var(--fs-sm)
}
.card.market .button {
    height:40px;
    font-size:var(--fs-sm)
}
.card.news {
    flex-direction:column;
    width:100%;
    padding:0;
    border-radius:12px;
    overflow:hidden
}
.card.news .date {
    position:absolute;
    background:#000000a4;
    -webkit-backdrop-filter:blur(2px);
    backdrop-filter:blur(2px);
    padding:7px 10px;
    border-radius:10px;
    display:flex;
    align-items:center;
    font-size:var(--fs-sm);
    right:10px;
    top:10px
}
.card.news .date svg {
    margin-right:10px
}
.card.news .image img {
    height:100%;
    object-fit:cover
}
.card.news .bottom {
    padding:10px
}
.card.news .bottom h1 {
    margin:0;
    font-size:var(--fs-lg)
}
.card.news .bottom p {
    margin:5px 0;
    opacity:.5;
    font-size:var(--fs-sm)
}
.card.news .button {
    height:40px;
    font-size:var(--fs-sm)
}
.card.widget .icon {
    background:linear-gradient(0,#0000,#ffffff1f)!important;
    padding:10px;
    border-radius:15px;
    display:flex;
    align-items:center
}
.card.widget .icon img,.card.widget .icon svg {
    fill:rgba(var(--primary),1);
    width:30px;
    height:30px
}
.card.widget span {
    font-size:var(--fs-lg);
    margin-left:10px;
    font-weight:700
}
.labels {
    display:flex;
    border-radius:15px;
    overflow:hidden;
    width:100%;
    border:1px solid rgba(255,255,255,.0784313725)
}
.labels .label {
    width:100%;
    flex-grow:1;
    display:flex;
    align-items:center;
    flex-direction:column;
    background:#0000002b;
    border-right:1px solid rgba(255,255,255,.0784313725);
    padding:10px 0;
    font-size:var(--fs-xs)
}
.labels .label span {
    font-size:var(--fs-base);
    opacity:.6;
    font-weight:500
}
.arrow svg {
    width:10px;
    height:10px;
    margin-left:5px
}
.title {
    display:flex;
    justify-content:space-between;
    margin-bottom:10px
}
.title h1 {
    margin:0;
    font-size:var(--fs-3xl)
}
.title p {
    margin:0;
    font-size:var(--fs-base);
    opacity:.5
}
.alert {
    padding:10px;
    background:rgba(var(--t),.05);
    margin-bottom:10px;
    display:flex;
    border:1px solid rgba(var(--primary),1);
    align-items:center;
    border-radius:10px
}
.alert .icon {
    background:rgba(var(--primary),1);
    border-radius:10px;
    margin-right:10px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center
}
.alert .icon svg {
    fill:#000;
    width:24px;
    height:24px
}
.alert b {
    color:rgba(var(--primary),1);
    font-size:var(--fs-lg);
    font-weight:600!important;
    text-transform:capitalize
}
.alert small {
    margin-top:2px;
    opacity:.8
}
table {
    width:100%;
    border:none
}
table thead {
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1)
}
table thead th {
    border:none
}
table tbody tr:nth-child(odd) {
    background:rgba(var(--t),.05);
    color:rgba(var(--sc),.8)
}
table tbody tr:nth-child(2n) {
    background:rgba(var(--t),.1);
    color:rgba(var(--sc),.8)
}
table tbody tr:hover {
    background:rgba(var(--t),.15)!important;
    color:rgba(var(--sc),1)!important
}
table th,table td {
    padding:12px 10px;
    font-size:var(--fs-sm);
    border:none!important;
    font-weight:500;
    text-align:left
}
table th .button,table td .button {
    min-width:100px
}
.wheel-cont {
    text-align:center
}
.wheel-cont h1 {
    color:rgba(var(--primary),1);
    text-transform:uppercase;
    margin:5px 0
}
.wheel-cont .spinning #wheel {
    animation:spinning 5s alternate forwards
}
@keyframes spinning {
    0% {
        transform:scale(1);
        filter:drop-shadow(0px 0px 0px #000)
    }
    to {
        transform:scale(1.8);
        filter:drop-shadow(0px 0px 30px #000)
    }
}
.wheel-cont p {
    font-weight:600;
    margin:0;
    font-size:var(--fs-base)
}
.wheel-cont .button {
    width:100%!important;
    font-size:var(--fs-2xl)!important;
    font-weight:600!important;
    min-height:50px!important
}
.wheel-cont #wheel {
    width:100%!important;
    height:100%!important
}
.wheel-cont #wheel svg {
    width:100%;
    height:100%
}
.wheel-cont .wheel textPath {
    font-size:2rem
}
@media(max-width:996px) {
    .wheel-cont .wheel textPath {
        font-size:var(--fs-lg)
    }
}
.wheel-cont circle[fill="#ffffff"] {
    stroke:rgba(var(--primary));
    fill:rgba(var(--header))
}
.wheel-cont circle[stroke="#ffffff"],.wheel-cont path[stroke="#000000"] {
    stroke:rgba(var(--primary))!important;
    stroke-width:5px
}
.Toastify__toast-container--top-right {
    top:80px!important;
    z-index:999999999!important
}
.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light {
    background:rgba(var(--card),1)!important;
    border:none!important;
    border-radius:12px!important;
    color:rgba(var(--t),1)!important;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    padding:12px 14px!important;
    font-size:var(--fs-sm)!important;
    font-weight:600!important;
    min-height:auto!important;
    overflow:hidden
}
.Toastify__toast--success {
    background:linear-gradient(135deg,rgba(var(--card),1),rgba(var(--primary),.08))!important
}
.Toastify__toast--success .Toastify__toast-icon svg {
    fill:rgba(var(--primary),1)!important
}
.Toastify__toast--success .Toastify__progress-bar {
    background:rgba(var(--primary),1)!important
}
.Toastify__toast--error {
    background:linear-gradient(135deg,rgba(var(--card),1),rgba(var(--danger),.08))!important
}
.Toastify__toast--error .Toastify__toast-icon svg {
    fill:rgba(var(--danger),1)!important
}
.Toastify__toast--error .Toastify__progress-bar {
    background:rgba(var(--danger),1)!important
}
.Toastify__toast--warning {
    background:linear-gradient(135deg,rgba(var(--card),1),#ffc10714)!important
}
.Toastify__toast--warning .Toastify__toast-icon svg {
    fill:#ffc107!important
}
.Toastify__toast--warning .Toastify__progress-bar {
    background:#ffc107!important
}
.Toastify__toast--info {
    background:linear-gradient(135deg,rgba(var(--card),1),#3b82f614)!important
}
.Toastify__toast--info .Toastify__toast-icon svg {
    fill:#3b82f6!important
}
.Toastify__toast--info .Toastify__progress-bar {
    background:#3b82f6!important
}
.Toastify__toast-icon {
    width:20px!important;
    min-width:20px!important
}
.Toastify__close-button--light {
    color:rgba(var(--t),.3)!important;
    opacity:1!important;
    transition:color .15s ease
}
.Toastify__close-button--light:hover {
    color:rgba(var(--t),.8)!important
}
.Toastify__close-button--light svg {
    width:12px;
    height:12px
}
.Toastify__progress-bar {
    height:2px!important;
    opacity:.6!important
}
.Toastify__toast-body {
    font-size:var(--fs-sm)!important;
    font-weight:600!important;
    color:rgba(var(--t),.85)!important;
    padding:0!important
}
*[disabled],.disabled {
    opacity:.2;
    cursor:not-allowed;
    -webkit-box-shadow:none;
    box-shadow:none;
    pointer-events:none!important
}
.avatars-select .item {
    display:block;
    margin-bottom:10px;
    border-radius:20px;
    cursor:pointer;
    border:2px solid transparent;
    overflow:hidden
}
.avatars-select .item.active {
    border:2px solid rgba(var(--primary))
}
.avatars-select .item img {
    display:block
}
.carousel__icon {
    color:rgba(var(--primary))
}
.carousel__pagination-button--active:after {
    background:rgba(var(--primary))
}
.carousel__slide a {
    display:block;
    width:100%;
    height:100%
}
.carousel__slide img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block
}
.carousel {
    overscroll-behavior:auto!important;
    touch-action:pan-y!important
}
.carousel.is-dragging {
    touch-action:pan-y!important
}
.carousel__viewport {
    overscroll-behavior:auto!important;
    touch-action:pan-y!important
}
body:not(.mobile-view) .carousel__track {
    pointer-events:none
}
body:not(.mobile-view) .carousel__slide>* {
    pointer-events:auto
}
body:not(.mobile-view) .carousel__prev,body:not(.mobile-view) .carousel__next {
    pointer-events:auto
}
body:not(.mobile-view) .carousel__pagination {
    pointer-events:auto
}
.countdown {
    width:100%;
    display:flex;
    line-height:16px
}
.countdown .col b {
    font-size:var(--fs-xl)
}
.countdown .col span {
    opacity:.6;
    font-size:var(--fs-xs)
}
.countdown .col {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
@keyframes ldr-podiumRise {
    0% {
        opacity:0;
        transform:translateY(40px) scale(.92)
    }
    to {
        opacity:1;
        transform:translateY(0) scale(1)
    }
}
@keyframes ldr-podiumRise2 {
    0% {
        opacity:0;
        transform:translateY(28px) scale(.94)
    }
    to {
        opacity:1;
        transform:translateY(0) scale(1)
    }
}
@keyframes ldr-crownFloat {
    0%,to {
        transform:translate(-50%) translateY(0) rotate(-4deg)
    }
    50% {
        transform:translate(-50%) translateY(-6px) rotate(4deg)
    }
}
@keyframes ldr-glowPulse {
    0%,to {
        box-shadow:0 0 rgba(var(--primary),0)
    }
    50% {
        box-shadow:0 0 0 8px rgba(var(--primary),.18)
    }
}
@keyframes ldr-glowSilver {
    0%,to {
        box-shadow:0 0 #c0c0c000
    }
    50% {
        box-shadow:0 0 0 6px #c0c0c02e
    }
}
@keyframes ldr-glowBronze {
    0%,to {
        box-shadow:0 0 #cd7f3200
    }
    50% {
        box-shadow:0 0 0 6px #cd7f322e
    }
}
@keyframes ldr-listFade {
    0% {
        opacity:0;
        transform:translate(-12px)
    }
    to {
        opacity:1;
        transform:translate(0)
    }
}
@keyframes ldr-iconPulse {
    0%,to {
        background:rgba(var(--primary),.1)
    }
    50% {
        background:rgba(var(--primary),.2)
    }
}
.leaders-page {
    width:100%;
    padding-bottom:40px
}
.leaders-header {
    text-align:center;
    padding:32px 0 20px
}
.leaders-header__icon {
    width:56px;
    height:56px;
    border-radius:16px;
    background:rgba(var(--primary),.1);
    border:1px solid rgba(var(--primary),.18);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
    animation:ldr-iconPulse 3s ease-in-out infinite;
    box-shadow:0 4px 24px rgba(var(--primary),.12)
}
.leaders-header__icon svg {
    width:26px;
    height:26px;
    fill:rgba(var(--primary),1)
}
.leaders-header h1 {
    font-size:var(--fs-3xl);
    font-weight:800;
    color:rgba(var(--t),.95);
    margin:0 0 6px;
    letter-spacing:-.3px
}
.leaders-header p {
    font-size:var(--fs-base);
    color:rgba(var(--t),.4);
    margin:0
}
.podium {
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:12px;
    padding:44px 16px 0;
    margin-bottom:24px
}
.podium__col {
    display:flex;
    flex-direction:column;
    align-items:center;
    flex:1;
    max-width:240px
}
.podium__col--1 {
    order:2
}
.podium__col--2 {
    order:1
}
.podium__col--3 {
    order:3
}
.podium__card {
    display:flex;
    flex-direction:column;
    align-items:center;
    position:relative;
    width:100%;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:20px;
    padding:20px 16px;
    transition:transform .25s ease,box-shadow .25s ease
}
.podium__card:hover {
    transform:translateY(-4px)
}
.podium__col--1 .podium__card {
    padding:32px 20px 24px;
    border-color:rgba(var(--primary),.28);
    background:linear-gradient(160deg,rgba(var(--card),1) 55%,rgba(var(--primary),.07));
    box-shadow:0 0 0 1px rgba(var(--primary),.12),0 8px 40px rgba(var(--primary),.14);
    animation:ldr-podiumRise .55s cubic-bezier(.34,1.56,.64,1) both
}
.podium__col--1 .podium__card:hover {
    box-shadow:0 0 0 1px rgba(var(--primary),.22),0 16px 50px rgba(var(--primary),.22)
}
.podium__col--2 .podium__card {
    border-color:#c0c0c02e;
    background:linear-gradient(160deg,rgba(var(--card),1) 60%,#c0c0c00d);
    box-shadow:0 4px 24px #0003;
    animation:ldr-podiumRise2 .5s .1s cubic-bezier(.34,1.56,.64,1) both
}
.podium__col--3 .podium__card {
    border-color:#cd7f322e;
    background:linear-gradient(160deg,rgba(var(--card),1) 60%,#cd7f320d);
    box-shadow:0 4px 24px #0003;
    animation:ldr-podiumRise2 .5s .2s cubic-bezier(.34,1.56,.64,1) both
}
.podium__crown {
    position:absolute;
    top:-24px;
    left:50%;
    transform:translate(-50%);
    animation:ldr-crownFloat 2.8s ease-in-out infinite
}
.podium__crown svg {
    width:32px;
    height:32px;
    fill:gold;
    filter:drop-shadow(0 2px 8px rgba(255,215,0,.6))
}
.podium__rank {
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    font-size:var(--fs-sm);
    margin-bottom:14px;
    color:#fff;
    flex-shrink:0
}
.podium__rank.rank-1 {
    width:38px;
    height:38px;
    font-size:var(--fs-base);
    background:linear-gradient(135deg,gold,#f0a500);
    box-shadow:0 2px 14px #ffd70073
}
.podium__rank.rank-2 {
    background:linear-gradient(135deg,silver,#8a8a8a);
    box-shadow:0 2px 10px #c0c0c04d
}
.podium__rank.rank-3 {
    background:linear-gradient(135deg,#cd7f32,#a0612b);
    box-shadow:0 2px 10px #cd7f324d
}
.podium__avatar-wrap {
    position:relative;
    margin-bottom:12px;
    border-radius:50%;
    width:64px;
    height:64px
}
.podium__avatar-wrap>*,.podium__avatar-wrap img {
    width:100%!important;
    height:100%!important;
    border-radius:50%!important;
    object-fit:cover;
    border:2px solid rgba(192,192,192,.22)!important;
    display:block
}
.podium__col--1 .podium__avatar-wrap {
    width:84px;
    height:84px;
    animation:ldr-glowPulse 2.4s ease-in-out infinite
}
.podium__col--1 .podium__avatar-wrap>*,.podium__col--1 .podium__avatar-wrap img {
    border-color:rgba(var(--primary),.35)!important
}
.podium__col--2 .podium__avatar-wrap {
    animation:ldr-glowSilver 2.8s .4s ease-in-out infinite
}
.podium__col--3 .podium__avatar-wrap {
    width:58px;
    height:58px;
    animation:ldr-glowBronze 2.8s .8s ease-in-out infinite
}
.podium__col--3 .podium__avatar-wrap>*,.podium__col--3 .podium__avatar-wrap img {
    border-color:#cd7f3247!important
}
.podium__name {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.92);
    text-align:center;
    max-width:130px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.podium__col--1 .podium__name {
    font-size:var(--fs-base);
    max-width:160px
}
.podium__vip {
    margin-top:4px
}
.podium__vip span {
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.5px;
    padding:2px 8px;
    border-radius:6px;
    display:inline-block;
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1);
    border:1px solid rgba(var(--primary),.18)
}
.podium__points {
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-top:10px
}
.podium__points-val {
    font-size:var(--fs-xl);
    font-weight:800;
    color:rgba(var(--primary),1);
    line-height:1.1
}
.podium__points-label {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.32);
    font-weight:600;
    margin-top:2px
}
.podium__col--1 .podium__points-val {
    font-size:var(--fs-2xl)
}
.podium__col--2 .podium__points-val,.podium__col--3 .podium__points-val {
    color:rgba(var(--t),.65)
}
.leaders-list {
    display:flex;
    flex-direction:column;
    gap:4px
}
.leaders-list__item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 16px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    transition:background .15s ease,border-color .15s ease,transform .15s ease;
    animation:ldr-listFade .35s ease-out both
}
.leaders-list__item:nth-child(1) {
    animation-delay:.04s
}
.leaders-list__item:nth-child(2) {
    animation-delay:.08s
}
.leaders-list__item:nth-child(3) {
    animation-delay:.12s
}
.leaders-list__item:nth-child(4) {
    animation-delay:.16s
}
.leaders-list__item:nth-child(5) {
    animation-delay:.2s
}
.leaders-list__item:nth-child(6) {
    animation-delay:.24s
}
.leaders-list__item:nth-child(7) {
    animation-delay:.28s
}
.leaders-list__item:nth-child(8) {
    animation-delay:.32s
}
.leaders-list__item:nth-child(9) {
    animation-delay:.36s
}
.leaders-list__item:nth-child(10) {
    animation-delay:.4s
}
.leaders-list__item:nth-child(11) {
    animation-delay:.44s
}
.leaders-list__item:nth-child(12) {
    animation-delay:.48s
}
.leaders-list__item:nth-child(13) {
    animation-delay:.52s
}
.leaders-list__item:nth-child(14) {
    animation-delay:.56s
}
.leaders-list__item:nth-child(15) {
    animation-delay:.6s
}
.leaders-list__item:nth-child(16) {
    animation-delay:.64s
}
.leaders-list__item:nth-child(17) {
    animation-delay:.68s
}
.leaders-list__item:nth-child(18) {
    animation-delay:.72s
}
.leaders-list__item:nth-child(19) {
    animation-delay:.76s
}
.leaders-list__item:nth-child(20) {
    animation-delay:.8s
}
.leaders-list__item:hover {
    background:rgba(var(--t),.04);
    border-color:rgba(var(--primary),.12);
    transform:translate(3px)
}
.leaders-list__left {
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0
}
.leaders-list__rank {
    width:34px;
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.3);
    text-align:center;
    flex-shrink:0
}
.leaders-list__avatar {
    flex-shrink:0
}
.leaders-list__avatar img,.leaders-list__avatar>* {
    width:36px!important;
    height:36px!important;
    border-radius:50%!important;
    border:2px solid rgba(var(--t),.07)!important;
    object-fit:cover;
    display:block
}
.leaders-list__info {
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:2px
}
.leaders-list__name {
    font-size:var(--fs-base);
    font-weight:700;
    color:rgba(var(--t),.85);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.leaders-list__vip {
    font-size:9px;
    font-weight:800;
    text-transform:uppercase;
    color:rgba(var(--primary),1);
    letter-spacing:.4px
}
.leaders-list__points {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    flex-shrink:0
}
.leaders-list__points span {
    font-size:var(--fs-base);
    font-weight:800;
    color:rgba(var(--primary),1);
    line-height:1.1
}
.leaders-list__points small {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.32);
    font-weight:600
}
.mobile-view .leaders-header {
    padding:20px 0 12px
}
.mobile-view .leaders-header__icon {
    width:46px;
    height:46px
}
.mobile-view .leaders-header h1 {
    font-size:var(--fs-xl)
}
.mobile-view .podium {
    gap:6px;
    padding:36px 8px 0;
    margin-bottom:16px
}
.mobile-view .podium__col {
    max-width:none
}
.mobile-view .podium__card {
    padding:18px 8px 14px;
    border-radius:14px
}
.mobile-view .podium__col--1 .podium__card {
    padding:26px 10px 18px
}
.mobile-view .podium__crown {
    top:-20px
}
.mobile-view .podium__crown svg {
    width:26px;
    height:26px
}
.mobile-view .podium__rank {
    width:24px;
    height:24px;
    font-size:var(--fs-xs);
    margin-bottom:10px
}
.mobile-view .podium__rank.rank-1 {
    width:30px;
    height:30px;
    font-size:var(--fs-sm)
}
.mobile-view .podium__avatar-wrap {
    width:48px;
    height:48px
}
.mobile-view .podium__col--1 .podium__avatar-wrap {
    width:64px;
    height:64px
}
.mobile-view .podium__col--3 .podium__avatar-wrap {
    width:44px;
    height:44px
}
.mobile-view .podium__name {
    font-size:var(--fs-xs);
    max-width:80px
}
.mobile-view .podium__col--1 .podium__name {
    font-size:var(--fs-sm);
    max-width:100px
}
.mobile-view .podium__points-val {
    font-size:var(--fs-base)
}
.mobile-view .podium__col--1 .podium__points-val {
    font-size:var(--fs-lg)
}
.mobile-view .leaders-list__item {
    padding:9px 12px
}
.mobile-view .leaders-list__rank {
    width:28px
}
.mobile-view .leaders-list__name,.mobile-view .leaders-list__points span {
    font-size:var(--fs-sm)
}
.leaderboard .widgets {
    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:8px;
    padding:10px 0
}
.leaderboard .widgets .widget {
    display:flex;
    align-items:center;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    padding:24px 28px 18px;
    border-radius:14px;
    position:relative;
    flex-direction:column
}
.leaderboard .widgets .widget .lottie-animation-container {
    position:absolute;
    top:-30px;
    width:140px
}
.leaderboard .widgets .widget .number {
    position:absolute;
    color:rgba(var(--primary-sc),1);
    background:rgba(var(--primary),1);
    width:28px;
    height:28px;
    left:50%;
    transform:translate(-50%);
    top:-14px;
    display:flex;
    align-items:center;
    font-weight:800;
    justify-content:center;
    border-radius:8px;
    font-size:var(--fs-sm)
}
.leaderboard .widgets .widget .avatar {
    width:52px;
    height:52px;
    position:relative;
    margin-top:20px;
    margin-bottom:10px
}
.leaderboard .widgets .widget .avatar img {
    width:100%;
    height:100%;
    object-fit:cover;
    border:2px solid rgba(var(--t),.1);
    border-radius:50%
}
.leaderboard .widgets .widget h1 {
    margin:4px 0 0;
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.9)
}
.leaderboard .widgets .widget .count {
    text-align:center;
    margin-top:4px
}
.leaderboard .widgets .widget .count p {
    color:rgba(var(--primary),1);
    font-size:var(--fs-2xl);
    font-weight:800;
    margin:0
}
.leaderboard .widgets .widget .count span {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.4)
}
.leaderboard .widgets .widget.second,.leaderboard .widgets .widget.third {
    transform:scale(.88);
    opacity:.85
}
.leaderboard .widgets .widget.first {
    z-index:1;
    border-color:rgba(var(--primary),.2)
}
.leaderboard .widgets .widget.first .number {
    width:32px;
    height:32px;
    font-size:var(--fs-base)
}
.leaderboard .widgets .widget.first .avatar img {
    border-color:rgba(var(--primary),.3)
}
.leaderboard .list-group {
    display:flex;
    flex-direction:column;
    margin-top:16px;
    gap:4px
}
.leaderboard .list-group .list {
    display:flex;
    justify-content:space-between;
    background:rgba(var(--t),.03);
    border:1px solid rgba(var(--t),.05);
    align-items:center;
    padding:8px 14px;
    border-radius:10px;
    transition:background .15s ease
}
.leaderboard .list-group .list:hover {
    background:rgba(var(--t),.05)
}
.leaderboard .list-group .list>.count {
    background:rgba(var(--t),.06);
    border:1px solid rgba(var(--t),.06);
    padding:5px 12px;
    border-radius:8px;
    font-size:var(--fs-sm);
    font-weight:600
}
.leaderboard .list-group .list .avatar {
    display:flex;
    align-items:center
}
.leaderboard .list-group .list .avatar img {
    width:35px;
    height:35px;
    margin:0 10px;
    border:2px solid rgba(var(--t),.06);
    border-radius:50%
}
.leaderboard .list-group .list .avatar .count {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.5);
    white-space:nowrap
}
.leaderboard .list-group .list .avatar p {
    font-size:var(--fs-base);
    font-weight:700;
    margin:0
}
.mobile-view .leaderboard .widgets .widget {
    padding:16px 10px
}
.detail-content {
    margin-top:10px;
    border-radius:20px;
    overflow:hidden;
    border:1px solid rgba(253,181,181,.1294117647)
}
.detail-content .header {
    background:#ffffff06;
    padding:20px;
    display:flex;
    justify-content:space-between
}
.detail-content .header .left h4,.detail-content .header .left h3,.detail-content .header .left h2,.detail-content .header .left h1 {
    margin:0
}
.detail-content .header .right {
    display:flex
}
.detail-content .content {
    background:#0000001e;
    padding:10px 20px;
    width:100%;
    -webkit-hyphens:auto;
    hyphens:auto;
    font-size:var(--fs-sm);
    font-weight:600;
    word-wrap:break-word;
    overflow-wrap:break-word
}
.detail-content .content .cover {
    background:#ffffff21;
    border:1px solid rgba(255,255,255,.1294117647);
    display:block;
    border-radius:20px
}
.detail-content .content .content {
    background:#0000001e;
    border:1px solid rgba(255,255,255,.1294117647);
    display:block;
    border-radius:20px
}
.detail-content .labels .label {
    padding:10px 0
}
.mobile-view .detail-content {
    margin:-15px;
    border-radius:0;
    border:none
}
.mobile-view .detail-content .header {
    flex-direction:column
}
.mobile-view .detail-content .header .right,.mobile-view .detail-content .content {
    margin-top:10px
}
.scrollable {
    max-height:400px;
    overflow-y:scroll;
    overflow-x:hidden;
    padding-right:10px
}
@keyframes mvtoAnmt {
    0% {
        opacity:0;
        margin-top:-10px
    }
    to {
        opacity:1;
        margin-top:0
    }
}
.container>div {
    animation:.24s ease-in-out 0s 1 normal none running mvtoAnmt
}
.mobile-view .wager-events .top {
    height:340px!important;
    margin-left:-20px;
    margin-right:-20px
}
.mobile-view .wager-events .top .logo {
    width:150px!important
}
.mobile-view .wager-events .top h1 {
    font-size:36px!important;
    margin:5px 0!important
}
.mobile-view .wager-events .top p {
    font-size:24px!important
}
.mobile-view .wager-events .top .button {
    border-radius:10px!important;
    text-align:center;
    white-space:nowrap;
    font-size:var(--fs-sm)!important;
    font-weight:700;
    padding:0 10px!important
}
.mobile-view .wager-events .widget {
    zoom:90%;
    width:100%;
    padding:20px 10px
}
.mobile-view .wager-events .widget .count p {
    font-size:var(--fs-sm)
}
.mobile-view .wager-events .list-group .count {
    padding:3px;
    border-radius:5px
}
.mobile-view .wager-events .list-group p,.mobile-view .wager-events .list-group b {
    font-size:var(--fs-sm)!important
}
.wager-events .top {
    position:relative;
    margin-top:-20px;
    overflow:hidden;
    height:300px;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:10px
}
.wager-events .top .logo {
    width:300px
}
.wager-events .top p {
    font-size:36px;
    font-weight:700;
    margin:0
}
.wager-events .top h1 {
    font-size:54px;
    font-weight:700;
    margin:0
}
.wager-events .top:after {
    content:"";
    position:absolute;
    bottom:-10px;
    left:0;
    width:100%;
    z-index:-1;
    height:100%;
    pointer-events:none;
    background:linear-gradient(to bottom,#0000,rgba(var(--b)))
}
.wager-events .top .t-bg {
    background:url(/assets/tournament.KWWXGYFw.jpg);
    width:100%;
    height:100%;
    filter:blur(5px);
    background-size:100%;
    position:absolute;
    left:0;
    opacity:.4;
    z-index:-1;
    top:0;
    animation:zoomBg 10s infinite alternate forwards
}
@keyframes zoomBg {
    0% {
        transform:scale(1)
    }
    to {
        transform:scale(1.1)
    }
}
.wager-events .top small {
    margin-top:10px;
    opacity:.6
}
.wager-events .top .countdown {
    margin-top:10px;
    line-height:25px
}
.wager-events .top .countdown b {
    font-size:32px
}
.wager-events .top .countdown span {
    font-size:var(--fs-sm)
}
.wager-events .content {
    padding:20px;
    border-radius:10px
}
.wager-events .content .title {
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(var(--primary));
    font-size:26px
}
.wager-events .content h1 {
    margin:5px 0
}
.wager-events .content p {
    margin:2px 0;
    font-size:var(--fs-base)
}
.pagination {
    display:flex;
    flex-direction:row
}
.pagination li {
    margin:0 2px
}
.pagination li a {
    padding:7px 12px;
    border-radius:5px;
    font-size:var(--fs-sm);
    font-weight:500;
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(var(--t),.1);
    color:rgba(var(--sc),.8)
}
.pagination li.active a {
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1)
}
.pagination li.disabled {
    opacity:.5
}
.game-info-popover {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000000b3;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999999
}
.game-info-popover .popover-content {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    width:90%;
    max-width:400px;
    box-shadow:0 10px 40px #0000004d;
    animation:popoverIn .3s ease-out
}
.game-info-popover .popover-content .popover-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 20px;
    border-bottom:1px solid rgba(var(--t),.1)
}
.game-info-popover .popover-content .popover-header h4 {
    margin:0;
    font-size:var(--fs-xl);
    font-weight:600;
    color:rgba(var(--t),.9)
}
.game-info-popover .popover-content .popover-header .close-btn {
    background:none;
    border:none;
    color:rgba(var(--t),.6);
    font-size:var(--fs-2xl);
    cursor:pointer;
    padding:5px;
    transition:all .3s
}
.game-info-popover .popover-content .popover-header .close-btn:hover {
    color:rgba(var(--t),1);
    transform:rotate(90deg)
}
.game-info-popover .popover-content .popover-body {
    padding:20px
}
.game-info-popover .popover-content .popover-body .game-image {
    text-align:center;
    margin-bottom:20px
}
.game-info-popover .popover-content .popover-body .game-image img {
    width:220px;
    height:220px;
    border-radius:12px;
    object-fit:cover;
    box-shadow:0 4px 20px #0003
}
.game-info-popover .popover-content .popover-body .game-details {
    display:flex;
    flex-direction:column;
    gap:12px
}
.game-info-popover .popover-content .popover-body .game-details .detail-item {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid rgba(var(--t),.05)
}
.game-info-popover .popover-content .popover-body .game-details .detail-item:last-child {
    border-bottom:none
}
.game-info-popover .popover-content .popover-body .game-details .detail-item .label {
    font-size:var(--fs-base);
    color:rgba(var(--t),.6);
    font-weight:500
}
.game-info-popover .popover-content .popover-body .game-details .detail-item .value {
    font-size:var(--fs-base);
    color:rgba(var(--t),.9);
    font-weight:600
}
@keyframes popoverIn {
    0% {
        opacity:0;
        transform:scale(.9)
    }
    to {
        opacity:1;
        transform:scale(1)
    }
}
@keyframes vipShine {
    0% {
        transform:translate(-100%) translateY(-100%) rotate(45deg)
    }
    50% {
        transform:translate(100%) translateY(100%) rotate(45deg)
    }
    to {
        transform:translate(-100%) translateY(-100%) rotate(45deg)
    }
}
.tasks-menu {
    position:fixed;
    bottom:20px;
    z-index:9999;
    left:0
}
.tasks-menu a {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:var(--fs-md);
    font-weight:600;
    background:linear-gradient(90deg,rgba(var(--primary),.1),rgba(var(--primary),1))!important;
    height:50px;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    padding:10px 10px 10px 45px;
    border-radius:0 10px 10px 0;
    color:rgba(var(--primary-sc));
    border:2px solid rgba(var(--primary),1);
    border-left:none;
    overflow:hidden;
    position:relative
}
.tasks-menu a:before {
    content:"";
    position:absolute;
    top:-50%;
    left:-50%;
    width:200%;
    height:200%;
    background:linear-gradient(90deg,transparent 0%,transparent 40%,rgba(255,255,255,.6) 50%,transparent 60%,transparent 100%);
    transform:translate(-100%) translateY(-100%) rotate(45deg);
    animation:vipShine 10s ease-in-out infinite
}
.tasks-menu a .lottie-animation-container {
    position:absolute;
    left:0
}
.ticket-grid {
    display:flex;
    flex-direction:column;
    gap:12px
}
.ticket-card {
    display:flex;
    flex-direction:row;
    width:100%;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    overflow:hidden;
    transition:border-color .2s ease,transform .15s ease;
    cursor:pointer;
    position:relative;
    margin-bottom:12px
}
.ticket-card:hover {
    border-color:rgba(var(--t),.12);
    transform:translateY(-2px)
}
.ticket-card--ended {
    opacity:.65
}
.ticket-card__banner {
    width:180px;
    height:180px;
    flex-shrink:0;
    overflow:hidden;
    position:relative;
    margin:12px;
    border-radius:10px;
    box-shadow:0 2px 12px #0003
}
.ticket-card__banner img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px
}
.ticket-card__status {
    position:absolute;
    top:6px;
    right:6px;
    z-index:2;
    padding:3px 8px;
    border-radius:6px;
    font-size:var(--fs-xs);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px
}
.ticket-card__status.active {
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1)
}
.ticket-card__status.ended {
    background:rgba(var(--t),.2);
    color:rgba(var(--t),.7)
}
.ticket-card__body {
    flex:1;
    padding:16px 20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:10px;
    min-width:0
}
.ticket-card__top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px
}
.ticket-card__logo {
    height:22px;
    width:auto;
    object-fit:contain
}
.ticket-card__badge {
    padding:3px 10px;
    border-radius:6px;
    font-size:var(--fs-xs);
    font-weight:700;
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1);
    white-space:nowrap;
    flex-shrink:0
}
.ticket-card__title {
    font-size:var(--fs-base);
    font-weight:700;
    color:rgba(var(--t),.9);
    margin:0;
    line-height:1.3
}
.ticket-card__countdown {
    display:flex;
    align-items:center;
    gap:6px
}
.ticket-card__sep {
    font-size:var(--fs-base);
    color:rgba(var(--t),.12);
    font-weight:300;
    margin-top:-8px
}
.ticket-card__time {
    display:flex;
    flex-direction:column;
    align-items:center;
    min-width:42px;
    padding:6px 8px;
    background:rgba(var(--t),.04);
    border:1px solid rgba(var(--t),.06);
    border-radius:8px;
    line-height:1.2
}
.ticket-card__time b {
    font-size:var(--fs-base);
    color:rgba(var(--t),1)
}
.ticket-card__time span {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.4);
    font-weight:700;
    text-transform:uppercase;
    margin-top:2px
}
.ticket-card__ended-text {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.3);
    font-weight:500
}
.ticket-card__btn {
    align-self:flex-start;
    border-radius:8px!important;
    font-size:var(--fs-base)!important;
    padding:10px 24px!important;
    height:auto!important;
    margin-top:0
}
.td {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:14px;
    overflow:hidden
}
.td__header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 20px;
    border-bottom:1px solid rgba(var(--t),.06);
    flex-wrap:wrap;
    gap:12px
}
.td__header-left {
    display:flex;
    align-items:center;
    gap:12px
}
.td__logo {
    height:28px;
    width:auto;
    object-fit:contain
}
.td__header-info {
    display:flex;
    flex-direction:column;
    gap:2px
}
.td__title {
    font-size:var(--fs-lg);
    font-weight:700;
    margin:0;
    color:rgba(var(--t),1)
}
.td__status {
    font-size:var(--fs-xs);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px
}
.td__status.active {
    color:rgba(var(--primary),1)
}
.td__status.ended {
    color:rgba(var(--t),.4)
}
.td__header-actions {
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap
}
.td__alert {
    font-size:var(--fs-md);
    color:rgba(var(--danger),.9);
    background:rgba(var(--danger),.06);
    padding:8px 12px;
    border-radius:8px;
    border:1px solid rgba(var(--danger),.1)
}
.td__alert a {
    text-decoration:underline!important;
    color:rgba(var(--primary),1)
}
.td__tabs {
    display:flex;
    gap:0;
    border-bottom:1px solid rgba(var(--t),.06);
    padding:0;
    overflow-x:auto
}
.td__tabs::-webkit-scrollbar {
    display:none
}
.td__tabs a {
    padding:12px 16px;
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--t),.45);
    border-bottom:2px solid transparent;
    white-space:nowrap;
    transition:all .2s ease
}
.td__tabs a:hover {
    color:rgba(var(--t),.8)
}
.td__tabs a.active {
    color:rgba(var(--primary),1);
    border-bottom-color:rgba(var(--primary),1)
}
.td__body {
    padding:20px
}
.td__rules {
    display:flex;
    gap:20px
}
.td__sidebar {
    width:280px;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    gap:10px
}
.td__banner-img {
    width:100%;
    border-radius:10px;
    display:block
}
.td__ext-links {
    display:flex;
    flex-direction:column;
    gap:8px
}
.td__info-card {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:12px;
    background:rgba(var(--t),.03);
    border:1px solid rgba(var(--t),.06);
    border-radius:8px;
    text-align:center
}
.td__info-card.small {
    flex:1
}
.td__info-card.primary {
    background:rgba(var(--primary),.06);
    border-color:rgba(var(--primary),.12)
}
.td__info-card.primary .td__info-value {
    color:rgba(var(--primary),1)
}
.td__info-label {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.4);
    font-weight:600
}
.td__info-value {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.9)
}
.td__info-row {
    display:flex;
    gap:8px
}
.td__content {
    flex:1;
    font-size:var(--fs-sm);
    line-height:1.7;
    color:rgba(var(--t),.7);
    word-wrap:break-word
}
.td__content img {
    max-width:100%;
    border-radius:8px
}
.td__admin-bar {
    margin-bottom:16px
}
.td__joined-badge {
    padding:6px 14px;
    border-radius:8px;
    font-size:var(--fs-xs);
    font-weight:700;
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1);
    border:1px solid rgba(var(--primary),.15)
}
.ticket-card__stats {
    display:flex;
    gap:8px
}
.ticket-card__stat {
    display:flex;
    align-items:center;
    gap:6px;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.45)
}
.ticket-card__stat b {
    color:rgba(var(--t),.8)
}
.ticket-sponsor-badge {
    margin-left:8px;
    text-transform:capitalize;
    background:rgba(var(--t),.06);
    border:1px solid rgba(var(--t),.08);
    padding:6px 10px;
    border-radius:6px;
    font-size:var(--fs-xs)
}
.ticket-action-btn {
    height:auto!important;
    padding:6px 12px!important;
    font-size:var(--fs-xs)!important
}
.form-hint {
    display:block;
    margin-top:5px;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.4)
}
.capitalize {
    text-transform:capitalize
}
.app-tabs {
    display:flex;
    gap:0;
    border-bottom:1px solid rgba(var(--t),.06);
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
}
.app-tabs::-webkit-scrollbar {
    display:none
}
.app-tabs a {
    padding:10px 14px;
    font-size:var(--fs-base);
    font-weight:600;
    color:rgba(var(--t),.45);
    white-space:nowrap;
    transition:all .2s ease;
    display:flex;
    align-items:center;
    gap:6px;
    cursor:pointer;
    position:relative;
    text-decoration:none
}
.app-tabs a svg {
    width:14px;
    height:14px;
    flex-shrink:0;
    fill:none
}
.app-tabs a:hover {
    color:rgba(var(--t),.75)
}
.app-tabs a.active {
    color:rgba(var(--primary),1)
}
.app-tabs a.active:after {
    content:"";
    position:absolute;
    bottom:0;
    left:10px;
    right:10px;
    height:2px;
    background:rgba(var(--primary),1);
    border-radius:2px 2px 0 0
}
.mobile-view .app-tabs a {
    padding:8px 10px;
    font-size:var(--fs-xs)
}
.mobile-view .app-tabs a svg {
    width:12px;
    height:12px
}
.sr-only {
    position:absolute;
    opacity:0;
    pointer-events:none
}
.ticket-list-item {
    padding:12px;
    background:rgba(var(--t),.03);
    border:1px solid rgba(var(--t),.05);
    border-radius:10px;
    margin-bottom:6px
}
.ticket-list-item__numbers {
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-bottom:6px
}
.ticket-list-item__label {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.35);
    display:block
}
.ticket-number-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    height:28px;
    padding:0 6px;
    border-radius:6px;
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1);
    font-size:var(--fs-xs);
    font-weight:700
}
.scrollable {
    max-height:400px;
    overflow-y:auto
}
.scrollable::-webkit-scrollbar {
    width:3px
}
.scrollable::-webkit-scrollbar-thumb {
    background:rgba(var(--t),.1);
    border-radius:3px
}
@media(max-width:1024px) {
    .ticket-card__banner {
        width:140px;
        height:140px;
        margin:10px
    }
    .ticket-card__body {
        padding:12px 14px
    }
    .ticket-card__btn {
        padding:8px 16px!important;
        font-size:var(--fs-sm)!important
    }
}
.mobile-view .ticket-card {
    flex-direction:row;
    margin-bottom:10px
}
.mobile-view .ticket-card .ticket-card__banner {
    width:120px;
    height:120px;
    margin:10px
}
.mobile-view .ticket-card .ticket-card__body {
    padding:10px 12px 10px 0;
    gap:6px
}
.mobile-view .ticket-card .ticket-card__title {
    font-size:var(--fs-sm);
    line-height:1.2
}
.mobile-view .ticket-card .ticket-card__logo {
    height:18px
}
.mobile-view .ticket-card .ticket-card__badge {
    font-size:9px;
    padding:2px 6px
}
.mobile-view .ticket-card .ticket-card__status {
    top:6px;
    right:6px;
    font-size:8px;
    padding:2px 6px
}
.mobile-view .ticket-card .ticket-card__countdown {
    gap:4px
}
.mobile-view .ticket-card .ticket-card__time {
    min-width:32px;
    padding:4px 2px;
    border-radius:6px
}
.mobile-view .ticket-card .ticket-card__time b {
    font-size:var(--fs-sm)
}
.mobile-view .ticket-card .ticket-card__time span {
    font-size:7px
}
.mobile-view .ticket-card .ticket-card__sep {
    font-size:var(--fs-sm)
}
.mobile-view .ticket-card .ticket-card__btn {
    padding:6px 14px!important;
    font-size:var(--fs-xs)!important
}
.mobile-view .ticket-card .ticket-card__stats .ticket-card__stat {
    font-size:9px
}
.mobile-view .ticket-card .ticket-card__ended-text {
    font-size:var(--fs-xs)
}
.mobile-view .td {
    border-radius:0;
    border-left:none;
    border-right:none
}
.mobile-view .td__header {
    flex-direction:column;
    align-items:flex-start;
    padding:14px;
    gap:10px
}
.mobile-view .td__header-left {
    gap:10px
}
.mobile-view .td__logo {
    height:22px
}
.mobile-view .td__title {
    font-size:var(--fs-base)
}
.mobile-view .td__header-actions {
    width:100%;
    flex-wrap:wrap
}
.mobile-view .td__header-actions .button {
    flex:1;
    min-width:0
}
.mobile-view .td__tabs {
    padding:0 10px
}
.mobile-view .td__tabs a {
    padding:10px 14px;
    font-size:var(--fs-sm)
}
.mobile-view .td__body {
    padding:14px
}
.mobile-view .td__rules {
    flex-direction:column;
    gap:14px
}
.mobile-view .td__sidebar {
    width:100%
}
.mobile-view .td__banner-img {
    border-radius:8px
}
.mobile-view .td__info-row {
    gap:6px
}
.mobile-view .td__info-card {
    padding:10px
}
.mobile-view .td__info-card.small,.mobile-view .td__content {
    font-size:var(--fs-xs)
}
.mobile-view .td__joined-badge {
    width:100%;
    text-align:center
}
.back-video {
    background-size:cover;
    background-position:center center;
    object-fit:cover;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.win-val {
    color:rgba(var(--primary),1)!important;
    font-weight:700
}
.win-col strong {
    color:rgba(var(--primary),1)!important
}
.p-bonushunts .partners {
    margin-top:10px
}
.p-bonushunts .partners h1,.p-bonushunts .partners h2,.p-bonushunts .partners h3,.p-bonushunts .partners h4,.p-bonushunts .partners h5,.p-bonushunts .partners h6,.p-bonushunts .partners .autocomplete-input,.p-bonushunts .partners .bottom-fix,.p-bonushunts .partners .fix-marquee,.p-bonushunts .partners .top-side,.p-bonushunts .partners .fix-side {
    display:none
}
.bonus-g-t {
    font-size:var(--fs-sm);
    font-weight:600;
    padding:16px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px
}
.bonus-g-t .top .dates-menu {
    display:flex;
    align-items:center;
    gap:6px
}
.bonus-g-t .top .dates-menu .btn {
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    flex-shrink:0;
    border-radius:8px;
    border:1px solid rgba(var(--t),.06);
    background:rgba(var(--t),.04);
    transition:all .15s ease
}
.bonus-g-t .top .dates-menu .btn svg {
    width:16px;
    height:16px;
    fill:rgba(var(--t),.5)
}
.bonus-g-t .top .dates-menu .btn svg g {
    fill:currentColor!important
}
.bonus-g-t .top .dates-menu .btn:hover {
    background:rgba(var(--t),.08);
    border-color:rgba(var(--t),.1)
}
.bonus-g-t .top .dates-menu .btn:hover svg {
    fill:rgba(var(--t),.9)
}
.bonus-g-t .top .dates-menu .btn.disabled {
    opacity:.3;
    cursor:not-allowed;
    pointer-events:none
}
.bonus-g-t .top .dates-menu .current {
    flex:1;
    text-align:center;
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.7);
    padding:0 8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.bonus-g-t .area {
    display:flex;
    margin:10px 0;
    gap:10px;
    justify-content:space-between
}
.bonus-g-t .area .games {
    display:flex;
    width:100%;
    flex-direction:column
}
.bonus-g-t .area .games .header {
    display:flex;
    width:100%;
    padding:6px 8px;
    margin-bottom:6px;
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--t),.35);
    text-transform:uppercase;
    letter-spacing:.5px
}
.bonus-g-t .area .games .col {
    width:70px;
    min-width:70px;
    max-width:70px;
    flex-shrink:0;
    flex-grow:0;
    text-align:left;
    font-size:var(--fs-xs)
}
.bonus-g-t .area .games .col.game-col {
    width:auto;
    min-width:0;
    max-width:none;
    flex-shrink:1;
    flex-grow:1
}
.bonus-g-t .area .games .col.id {
    width:30px;
    min-width:30px;
    max-width:30px;
    text-align:center;
    color:rgba(var(--t),.3)
}
.bonus-g-t .area .games .col.user-col {
    width:150px;
    min-width:150px;
    max-width:150px
}
.bonus-g-t .area .games .game {
    display:flex;
    width:100%;
    align-items:center;
    margin:0;
    padding:6px 8px;
    font-size:var(--fs-sm);
    font-weight:600;
    border-radius:8px;
    transition:background .15s ease
}
.bonus-g-t .area .games .game:nth-child(odd) {
    background:rgba(var(--t),.03)
}
.bonus-g-t .area .games .game:nth-child(2n) {
    background:transparent
}
.bonus-g-t .area .games .game:hover {
    background:rgba(var(--t),.06)
}
.bonus-g-t .area .games .game .col {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.7)
}
.bonus-g-t .area .games .game .game-name {
    flex:1;
    display:flex;
    align-items:center;
    position:relative;
    cursor:pointer;
    min-width:0
}
.bonus-g-t .area .games .game .game-name img {
    margin-right:8px;
    width:32px;
    height:32px;
    border-radius:6px;
    object-fit:cover;
    flex-shrink:0
}
.bonus-g-t .area .games .game .game-name span {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.bonus-g-t .area .games .game .game-name svg {
    opacity:.5;
    width:12px;
    height:12px;
    margin-right:4px;
    flex-shrink:0
}
.bonus-g-t .area .games .game .game-name svg:hover {
    opacity:1;
    fill:rgba(var(--primary),1)
}
.bonus-g-t .area .right {
    width:400px;
    display:flex;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    flex-direction:column;
    flex-shrink:0;
    overflow:hidden
}
.bonus-g-t .area .right .tab {
    display:flex;
    width:100%;
    background:rgba(var(--t),.03);
    border-bottom:1px solid rgba(var(--t),.06)
}
.bonus-g-t .area .right .tab .tab-item {
    flex:1;
    display:flex;
    font-size:var(--fs-xs);
    height:38px;
    align-items:center;
    font-weight:600;
    justify-content:center;
    text-align:center;
    cursor:pointer;
    color:rgba(var(--t),.5);
    transition:all .2s ease;
    position:relative
}
.bonus-g-t .area .right .tab .tab-item:hover {
    color:rgba(var(--t),.8);
    background:rgba(var(--t),.03)
}
.bonus-g-t .area .right .tab .tab-item.active {
    color:rgba(var(--primary),1);
    background:transparent
}
.bonus-g-t .area .right .tab .tab-item.active:after {
    content:"";
    position:absolute;
    bottom:0;
    left:12px;
    right:12px;
    height:2px;
    background:rgba(var(--primary),1);
    border-radius:2px 2px 0 0
}
.bonus-g-t .area .right .tab-pane {
    padding:12px
}
.bonus-g-t .area .right .tab-pane .name {
    display:flex;
    flex-direction:column;
    margin:0 0 8px;
    font-size:var(--fs-base);
    font-weight:700;
    color:rgba(var(--t),.9)
}
.bonus-g-t .area .right .tab-pane .name small {
    font-weight:500;
    font-size:var(--fs-xs);
    margin-top:2px;
    color:rgba(var(--t),.4)
}
.bonus-g-t .area .right .tab-pane .widget {
    display:flex;
    align-items:center;
    border-radius:8px;
    margin:10px 0;
    padding:10px;
    background:rgba(var(--t),.03);
    border:1px solid rgba(var(--t),.05);
    font-weight:600
}
.bonus-g-t .area .right .tab-pane .widget .icon {
    display:flex;
    align-items:center
}
.bonus-g-t .area .right .tab-pane .widget .icon svg {
    width:24px;
    height:24px;
    margin-right:10px;
    fill:initial!important
}
.bonus-g-t .area .right .tab-pane .widget .text {
    display:flex;
    flex-direction:column
}
.bonus-g-t .area .right .tab-pane .widget .text .title {
    font-size:var(--fs-xs);
    text-transform:uppercase;
    color:rgba(var(--t),.4);
    font-weight:600;
    letter-spacing:.3px;
    margin-bottom:2px
}
.bonus-g-t .area .right .tab-pane h3 {
    font-size:var(--fs-sm);
    font-weight:700;
    margin:0 0 8px;
    color:rgba(var(--t),.8)
}
.bonus-g-t .area .right .tab-pane .board {
    display:flex;
    flex-direction:column;
    background:rgba(var(--t),.02);
    border:1px solid rgba(var(--t),.05);
    border-radius:8px;
    max-height:500px;
    overflow-y:auto;
    padding:8px
}
.bonus-g-t .area .right .tab-pane .board::-webkit-scrollbar {
    width:3px
}
.bonus-g-t .area .right .tab-pane .board::-webkit-scrollbar-thumb {
    background:rgba(var(--t),.1);
    border-radius:3px
}
.bonus-g-t .area .right .tab-pane .board .item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:8px 0;
    border-bottom:1px solid rgba(var(--t),.04)
}
.bonus-g-t .area .right .tab-pane .board .item:last-child {
    border-bottom:none
}
.bonus-g-t .area .right .tab-pane .board .item span {
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.7)
}
.bonus-g-t .area .right .tab-pane .board .item .val {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:2px
}
.bonus-g-t .area .right .tab-pane .board .item .val .percentage {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6)
}
.bonus-g-t .area .right .tab-pane .board .item .group-badge {
    width:30px;
    height:30px;
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
    font-size:var(--fs-base)
}
.bonus-g-t .area .right .tab-pane .board .no-data {
    text-align:center;
    padding:40px;
    color:rgba(var(--t),.5)
}
.bonus-g-t .area .right .tab-pane .board .winner-item {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px;
    background:rgba(var(--t),.03);
    border:1px solid rgba(var(--t),.08);
    border-radius:8px;
    margin-bottom:8px;
    transition:all .3s
}
.bonus-g-t .area .right .tab-pane .board .winner-item:hover {
    background:rgba(var(--t),.06);
    border-color:rgba(var(--t),.12)
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-info {
    display:flex;
    align-items:center;
    gap:10px
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-info .small {
    width:36px;
    height:36px
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-info .winner-details {
    display:flex;
    flex-direction:column;
    gap:4px
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-info .winner-details .winner-group {
    display:flex;
    align-items:center;
    gap:6px
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-info .winner-details .winner-group .group-badge-small {
    width:20px;
    height:20px;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
    font-size:var(--fs-xs)
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-info .winner-details .winner-group .group-range {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6)
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-stats {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:4px
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-stats .stat-item {
    display:flex;
    gap:6px;
    font-size:var(--fs-sm)
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-stats .stat-item .label {
    color:rgba(var(--t),.5)
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-stats .stat-item .value {
    font-weight:600;
    color:rgba(var(--t),.8)
}
.bonus-g-t .area .right .tab-pane .board .winner-item .winner-stats .stat-item.highlight .value {
    color:#00c851;
    font-size:var(--fs-base)
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info {
    border-radius:12px
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .multiplier-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:20px
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .multiplier-grid .range-item {
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    font-weight:600;
    border-radius:5px;
    overflow:hidden;
    border:1px solid rgba(var(--t),.1)
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .multiplier-grid .range-item .range-label {
    width:50%;
    padding:5px;
    font-size:var(--fs-xs);
    height:100%;
    background:rgba(var(--t),.05);
    display:flex;
    align-items:center;
    justify-content:center
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .multiplier-grid .range-item .range-bet {
    cursor:pointer
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .multiplier-grid .range-item .range-bet:hover {
    background:rgba(var(--t),.1)
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .multiplier-grid .range-item .range-bet.disabled {
    cursor:default;
    opacity:.7
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .multiplier-grid .range-item .range-bet.disabled:hover {
    background:transparent
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .multiplier-grid .range-item .range-percent,.bonus-g-t .area .right .tab-pane .average-x-container .general-info .multiplier-grid .range-item .range-bet {
    font-size:var(--fs-xs);
    font-weight:600;
    height:100%;
    background:rgba(var(--t),.05);
    display:flex;
    align-items:center;
    justify-content:center;
    width:50%
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .winner-info,.bonus-g-t .area .right .tab-pane .average-x-container .general-info .stats-info {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:15px
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .winner-info .info-box,.bonus-g-t .area .right .tab-pane .average-x-container .general-info .stats-info .info-box {
    background:#ffffff0d;
    border-radius:8px;
    padding:12px;
    text-align:center
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .winner-info .info-box .info-title,.bonus-g-t .area .right .tab-pane .average-x-container .general-info .stats-info .info-box .info-title {
    font-size:var(--fs-sm);
    color:#999;
    margin-bottom:5px
}
.bonus-g-t .area .right .tab-pane .average-x-container .general-info .winner-info .info-box .info-value,.bonus-g-t .area .right .tab-pane .average-x-container .general-info .stats-info .info-box .info-value {
    font-size:var(--fs-lg);
    font-weight:700;
    color:#fff
}
.bonus-g-t .area .right .tab-pane .average-x-container .info-section {
    background:rgba(var(--t),.05);
    border-radius:10px;
    padding:15px
}
.bonus-g-t .area .right .tab-pane .average-x-container .info-section h4 {
    font-size:var(--fs-sm);
    font-weight:600;
    color:#999;
    margin-top:0;
    margin-bottom:15px
}
.bonus-g-t .area .right .tab-pane .average-x-container .info-section .info-item {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:15px
}
.bonus-g-t .area .right .tab-pane .average-x-container .info-section .info-item:last-child {
    margin-bottom:0
}
.bonus-g-t .area .right .tab-pane .average-x-container .info-section .info-item .icon {
    font-size:var(--fs-3xl)
}
.bonus-g-t .area .right .tab-pane .average-x-container .info-section .info-item .label {
    font-size:var(--fs-sm);
    color:#999;
    margin-bottom:2px
}
.bonus-g-t .area .right .tab-pane .average-x-container .info-section .info-item .value {
    font-size:var(--fs-base);
    font-weight:600
}
.bonus-g-t .no-games {
    text-align:center;
    padding:40px;
    color:rgba(var(--t),.5);
    font-size:var(--fs-base)
}
.bonus-g-t .action-buttons {
    display:flex;
    gap:10px;
    margin-top:20px
}
.bonus-g-t .action-buttons .button {
    flex:1;
    padding:10px 20px;
    border-radius:5px;
    font-size:var(--fs-base);
    font-weight:600;
    cursor:pointer;
    transition:all .3s;
    border:none
}
.bonus-g-t .btn.disabled {
    opacity:.5;
    cursor:not-allowed
}
.bonus-g-t .no-bonus-hunt {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:600px
}
.bonus-g-t .no-bonus-hunt .empty-state {
    text-align:center;
    padding:40px
}
.bonus-g-t .no-bonus-hunt .empty-state svg {
    width:120px;
    height:120px;
    margin-bottom:20px;
    opacity:.3;
    color:rgba(var(--t),.5)
}
.bonus-g-t .no-bonus-hunt .empty-state h3 {
    font-size:var(--fs-3xl);
    font-weight:600;
    margin-bottom:10px;
    color:rgba(var(--t),.8)
}
.bonus-g-t .no-bonus-hunt .empty-state p {
    font-size:var(--fs-lg);
    color:rgba(var(--t),.5)
}
.archive-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:20px
}
.archive-grid .archive-card {
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.1);
    border-radius:10px;
    padding:15px;
    cursor:pointer;
    transition:all .3s
}
.archive-grid .archive-card:hover {
    background:rgba(var(--t),.1);
    border-color:rgba(var(--t),.2)
}
.archive-grid .archive-card.active {
    border-color:rgba(var(--primary),.5);
    background:rgba(var(--primary),.1)
}
.archive-grid .archive-card .card-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px
}
.archive-grid .archive-card .card-header h4 {
    font-size:var(--fs-lg);
    font-weight:600;
    margin:0
}
.archive-grid .archive-card .card-header .status-badge {
    padding:4px 10px;
    border-radius:4px;
    font-size:var(--fs-sm);
    color:#fff
}
.archive-grid .archive-card .card-header .status-badge.status-0 {
    background:#c49700
}
.archive-grid .archive-card .card-header .status-badge.status-1 {
    background:#ffbf00
}
.archive-grid .archive-card .card-header .status-badge.status-2 {
    background:#ffffff1b
}
.archive-grid .archive-card .card-header .status-badge.status-3 {
    background:#008bc7
}
.archive-grid .archive-card .card-body .info-row {
    display:flex;
    justify-content:space-between;
    margin-bottom:5px;
    font-size:var(--fs-base)
}
.archive-grid .archive-card .card-body .info-row .label {
    color:rgba(var(--t),.6)
}
.archive-grid .archive-card .card-body .info-row .value {
    font-weight:600
}
.game-pagination {
    margin-top:1rem;
    padding:1rem 0;
    border-top:1px solid rgba(255,255,255,.1)
}
.game-pagination .pagination-controls {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.5rem;
    margin-bottom:.5rem
}
.game-pagination .pagination-controls .pagination-btn {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.2);
    background:#ffffff0d;
    color:#fff;
    border-radius:8px;
    cursor:pointer;
    transition:all .3s ease
}
.game-pagination .pagination-controls .pagination-btn:hover:not(:disabled) {
    background:#ffffff1a;
    border-color:#ffffff4d
}
.game-pagination .pagination-controls .pagination-btn:disabled {
    opacity:.3;
    cursor:not-allowed
}
.game-pagination .pagination-controls .pagination-btn svg {
    stroke:currentColor
}
.game-pagination .pagination-controls .page-numbers {
    display:flex;
    align-items:center;
    gap:.25rem;
    margin:0 .5rem
}
.game-pagination .pagination-controls .page-numbers .pagination-number {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.2);
    background:#ffffff0d;
    color:#fff;
    border-radius:8px;
    cursor:pointer;
    transition:all .3s ease;
    font-size:var(--fs-base);
    font-weight:500
}
.game-pagination .pagination-controls .page-numbers .pagination-number:hover {
    background:#ffffff1a;
    border-color:#ffffff4d
}
.game-pagination .pagination-controls .page-numbers .pagination-number.active {
    background:rgba(var(--primary),1);
    border-color:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1);
    font-weight:600
}
.game-pagination .pagination-controls .page-numbers .pagination-ellipsis {
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    color:#ffffff80;
    font-weight:500;
    cursor:default
}
.game-pagination .pagination-info {
    text-align:center
}
.game-pagination .pagination-info small {
    font-size:var(--fs-sm);
    color:#ffffffb3
}
.predictions-list .no-data {
    text-align:center;
    padding:40px;
    color:rgba(var(--t),.5)
}
.predictions-list .prediction-item {
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.1);
    border-radius:8px;
    padding:15px;
    margin-bottom:10px
}
.predictions-list .prediction-item .prediction-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px
}
.predictions-list .prediction-item .prediction-header h5 {
    margin:0;
    font-size:var(--fs-lg)
}
.predictions-list .prediction-item .prediction-header .prediction-status {
    padding:4px 10px;
    border-radius:4px;
    font-size:var(--fs-sm);
    background:rgba(var(--t),.1)
}
.predictions-list .prediction-item .prediction-header .prediction-status.winner {
    background:rgba(var(--success),.2);
    color:var(--success)
}
.predictions-list .prediction-item .prediction-body .info-row {
    display:flex;
    justify-content:space-between;
    margin-bottom:5px;
    font-size:var(--fs-base)
}
.leaderboard-list .no-data {
    text-align:center;
    padding:40px;
    color:rgba(var(--t),.5)
}
.leaderboard-list .leaderboard-item {
    display:flex;
    align-items:center;
    gap:15px;
    padding:15px;
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.1);
    border-radius:8px;
    margin-bottom:10px
}
.leaderboard-list .leaderboard-item .rank {
    font-size:var(--fs-2xl);
    font-weight:700;
    color:rgba(var(--primary),1);
    min-width:30px;
    text-align:center
}
.leaderboard-list .leaderboard-item .user-info {
    display:flex;
    align-items:center;
    gap:10px;
    flex:1
}
.leaderboard-list .leaderboard-item .user-info .small {
    width:30px;
    height:30px
}
.leaderboard-list .leaderboard-item .stats {
    display:flex;
    gap:20px
}
.leaderboard-list .leaderboard-item .stats .stat {
    display:flex;
    flex-direction:column;
    align-items:flex-end
}
.leaderboard-list .leaderboard-item .stats .stat .label {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6)
}
.leaderboard-list .leaderboard-item .stats .stat .value {
    font-size:var(--fs-base);
    font-weight:600
}
.winners-container .winner-group-info {
    display:flex;
    align-items:center;
    gap:20px;
    padding:20px;
    background:rgba(var(--t),.05);
    border-radius:10px;
    margin-bottom:20px
}
.winners-container .winner-group-info .group-badge.large {
    width:60px;
    height:60px;
    font-size:var(--fs-3xl);
    font-weight:700
}
.winners-container .winner-group-info .winner-details h4 {
    margin:0 0 5px;
    font-size:var(--fs-xl)
}
.winners-container .winner-group-info .winner-details p {
    margin:0;
    color:rgba(var(--t),.7);
    font-size:var(--fs-base)
}
.winners-container .winners-list {
    display:flex;
    flex-direction:column;
    gap:10px
}
.winners-container .winners-list .winner-item {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px;
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.1);
    border-radius:8px;
    transition:all .3s
}
.winners-container .winners-list .winner-item:hover {
    background:rgba(var(--t),.08);
    border-color:rgba(var(--t),.2)
}
.winners-container .winners-list .winner-item .user-info {
    display:flex;
    align-items:center;
    gap:12px
}
.winners-container .winners-list .winner-item .user-info .medium {
    width:40px;
    height:40px
}
.winners-container .winners-list .winner-item .user-info .user-details {
    display:flex;
    flex-direction:column
}
.winners-container .winners-list .winner-item .user-info .user-details .bet-amount {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6);
    margin-top:2px
}
.winners-container .winners-list .winner-item .reward-info {
    display:flex;
    flex-direction:column;
    align-items:flex-end
}
.winners-container .winners-list .winner-item .reward-info .reward-label {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6);
    margin-bottom:2px
}
.winners-container .winners-list .winner-item .reward-info .reward-amount {
    font-size:var(--fs-xl);
    font-weight:700;
    color:#00c851
}
.winners-container .loading-winners,.winners-container .no-winners {
    text-align:center;
    padding:40px;
    color:rgba(var(--t),.5)
}
.info-content .info-section {
    background:rgba(var(--t),.05);
    border-radius:10px;
    padding:20px;
    margin-bottom:15px
}
.info-content .info-section:last-child {
    margin-bottom:0
}
.info-content .info-section h4 {
    font-size:var(--fs-lg);
    font-weight:700;
    margin-bottom:10px;
    color:rgba(var(--t),.9)
}
.info-content .info-section p {
    font-size:var(--fs-base);
    line-height:1.6;
    color:rgba(var(--t),.7);
    margin-bottom:10px
}
.info-content .info-section p:last-child {
    margin-bottom:0
}
.info-content .info-section ul {
    margin:0;
    padding-left:20px
}
.info-content .info-section ul li {
    font-size:var(--fs-base);
    line-height:1.8;
    color:rgba(var(--t),.7)
}
.info-content .info-section .groups-info {
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
    margin-top:15px
}
.info-content .info-section .groups-info .group-info-item {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px
}
.info-content .info-section .groups-info .group-info-item .group-badge {
    width:40px;
    height:40px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
    font-size:var(--fs-lg)
}
.info-content .info-section .groups-info .group-info-item .group-range {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6);
    text-align:center
}
@media(max-width:1024px) {
    .bonus-g-t .area {
        flex-direction:column
    }
    .bonus-g-t .area .right {
        width:100%;
        order:-1;
        margin-bottom:10px
    }
    .bonus-g-t .col {
        width:60px!important;
        min-width:60px!important;
        max-width:60px!important
    }
    .bonus-g-t .col.user-col {
        width:120px!important;
        min-width:120px!important;
        max-width:120px!important
    }
}
.mobile-view .game-pagination {
    grid-column:1/-1;
    width:100%
}
.mobile-view .game-pagination .page-numbers .pagination-number {
    width:25px
}
.mobile-view .bonus-g-t {
    padding:12px;
    border-radius:10px
}
.mobile-view .bonus-g-t .top .dates-menu .btn {
    width:auto
}
.mobile-view .bonus-g-t .top .dates-menu .current {
    font-size:var(--fs-xs)
}
.mobile-view .bonus-g-t .area {
    flex-direction:column;
    gap:8px
}
.mobile-view .bonus-g-t .area .right {
    order:-1;
    width:100%
}
.mobile-view .bonus-g-t .area .games .header {
    display:none
}
.mobile-view .bonus-g-t .area .games .game {
    padding:8px 6px;
    gap:6px
}
.mobile-view .bonus-g-t .area .games .game .col {
    width:auto!important;
    min-width:auto!important;
    max-width:none!important;
    flex:1;
    font-size:var(--fs-xs);
    text-align:center
}
.mobile-view .bonus-g-t .area .games .game .col.id {
    flex:0 0 24px;
    min-width:24px!important;
    max-width:24px!important
}
.mobile-view .bonus-g-t .area .games .game .col.game-col {
    flex:2;
    text-align:left
}
.mobile-view .bonus-g-t .area .games .game .col.user-col {
    flex:1.5;
    text-align:left
}
.mobile-view .bonus-g-t .area .games .game .game-name img {
    width:24px;
    height:24px;
    border-radius:4px;
    margin-right:6px
}
.mobile-view .bonus-g-t .area .games .game .game-name svg {
    display:none
}
.mobile-view .bonus-g-t .area .games .game .game-name span {
    font-size:var(--fs-xs)
}
.mobile-view .chat-room {
    width:100%
}
.mobile-view .layout.chat-opened .inc>.container {
    width:100%!important
}
body:not(.mobile-view) .chat-room.tmp_h_1,body:not(.mobile-view) .chat-room.tmp_h_2,body:not(.mobile-view) .chat-room.tmp_h_3 {
    top:var(--header-height);
    height:calc(100vh - var(--header-height))
}
.container {
    transition:all ease-in-out .3s
}
.chat-room {
    width:var(--chat-width);
    animation:.3s fadeInRight;
    display:flex;
    flex-direction:column;
    position:fixed;
    right:0;
    z-index:999;
    height:100vh;
    top:0;
    background:rgba(var(--card),1);
    border-left:1px solid rgba(var(--card-border),1)
}
.chat-room .button {
    margin-left:0;
    padding:3px 8px;
    background-color:#e74c3c;
    color:#fff;
    border:none;
    border-radius:4px;
    cursor:pointer;
    align-self:flex-end;
    font-size:var(--fs-xs)
}
.chat-room .error-message {
    color:#e74c3c;
    padding:8px;
    text-align:center;
    background-color:#00000037;
    border-radius:4px;
    font-size:var(--fs-xs);
    font-weight:700;
    margin:8px
}
.chat-room .chat-header {
    background:rgba(var(--header),1);
    border-bottom:1px solid rgba(var(--card-border),1);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 15px;
    height:60px;
    font-size:var(--fs-md);
    font-weight:600
}
.chat-room .chat-header .left {
    font-size:var(--fs-base);
    font-weight:600
}
.chat-room .chat-header .tags .tag {
    background:rgba(var(--primary),.2);
    color:rgba(var(--primary),1);
    padding:4px 8px;
    border-radius:5px;
    font-size:var(--fs-xs);
    font-weight:600
}
.chat-room .chat-input {
    padding:10px;
    position:relative;
    border-top:1px solid rgba(var(--card-border),1);
    display:flex;
    background:rgba(var(--header),1)
}
.chat-room .chat-input .at-limit-msg {
    position:absolute;
    top:-7px;
    background:red;
    font-size:var(--fs-xs);
    border-radius:9px 10px 0 0;
    padding:2px 7px;
    left:30px;
    font-weight:700
}
.chat-room .chat-input input {
    width:calc(100% - 70px);
    background:rgba(var(--b),1);
    border:1px solid rgba(var(--card-border),1);
    padding:8px 12px;
    border-radius:8px;
    color:rgba(var(--sc),1);
    font-size:var(--fs-md)
}
.chat-room .chat-input input.at-limit {
    outline:1px solid red!important
}
.chat-room .chat-input input:focus {
    border-color:rgba(var(--primary),.5)
}
.chat-room .chat-input .right-col {
    position:relative;
    right:0;
    bottom:0;
    align-items:center;
    justify-content:center;
    height:100%;
    display:flex;
    width:70px;
    gap:8px
}
.chat-room .chat-input .right-col .send-btn {
    display:flex;
    align-items:center;
    justify-content:center
}
.chat-room .chat-input .right-col .send-btn svg {
    width:20px;
    height:20px;
    fill:rgba(var(--primary),1);
    transition:all .2s
}
.chat-room .chat-input .right-col .send-btn svg:hover {
    transform:scale(1.1)
}
.chat-room .chat-input .right-col .emoji-picker-areaa {
    margin-right:0;
    position:relative
}
.chat-room .chat-input .right-col .emoji-picker-areaa a {
    display:flex;
    align-items:center
}
.chat-room .chat-input .right-col .emoji-picker-areaa a svg {
    width:20px;
    height:20px;
    opacity:.6;
    transition:all .2s
}
.chat-room .chat-input .right-col .emoji-picker-areaa a svg:hover {
    opacity:1
}
.chat-room .chat-input .right-col .emoji-picker-areaa .v3-emoji-picker {
    position:absolute;
    right:0;
    bottom:35px;
    --v3-picker-bg: rgba(var(--card),1);
    --v3-picker-border: rgba(var(--card-border),1);
    --v3-picker-input-bg: rgba(var(--t), .1);
    --v3-picker-input-border: rgba(var(--t), .1);
    --v3-picker-input-focus-border: rgba(var(--primary),1);
    --v3-group-image-filter: invert(1);
    --v3-picker-emoji-hover: rgba(var(--card),1);
    animation:.1s fadeInBottom
}
.chat-header h2 {
    margin:0;
    font-size:1.2em
}
.user-count {
    padding:5px;
    background-color:#ecf0f1;
    text-align:center;
    font-size:.85em;
    color:#2c3e50
}
.chat-messages {
    flex-grow:1;
    overflow-y:auto;
    overflow-x:hidden;
    padding:15px;
    height:100%;
    display:flex;
    flex-direction:column;
    gap:4px
}
.chat-messages.has-pin {
    padding-top:80px
}
.chat-messages .pinned-msg {
    position:absolute;
    top:60px;
    left:50%;
    transform:translate(-50%);
    width:calc(100% - 24px);
    z-index:1;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:10px;
    border:2px solid transparent;
    background:linear-gradient(rgba(var(--b),1),rgba(var(--b),1)) padding-box,linear-gradient(var(--pin-angle),transparent 25%,rgba(var(--primary),.8) 50%,transparent 75%) border-box;
    animation:pinRotate 3s linear infinite
}
.chat-messages .pinned-msg__border {
    display:none
}
.chat-messages .pinned-msg__icon {
    width:28px;
    height:28px;
    border-radius:8px;
    background:rgba(var(--primary),.12);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
.chat-messages .pinned-msg__icon svg {
    width:14px;
    height:14px;
    fill:rgba(var(--primary),1)
}
.chat-messages .pinned-msg__body {
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px
}
.chat-messages .pinned-msg__head {
    display:flex;
    align-items:center;
    gap:4px
}
.chat-messages .pinned-msg__user {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--primary),1)
}
.chat-messages .pinned-msg__label {
    font-size:9px;
    color:rgba(var(--primary),.45);
    font-weight:600
}
.chat-messages .pinned-msg__text {
    font-size:var(--fs-sm);
    font-weight:500;
    color:rgba(var(--t),.85);
    line-height:1.3;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.chat-messages .pinned-msg__text a {
    color:rgba(var(--primary),1);
    font-weight:600
}
.chat-messages .pinned-msg__remove {
    width:22px;
    height:22px;
    border-radius:6px;
    background:rgba(var(--t),.06);
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    flex-shrink:0;
    transition:background .15s ease
}
.chat-messages .pinned-msg__remove svg {
    width:12px;
    height:12px;
    fill:rgba(var(--t),.3)
}
.chat-messages .pinned-msg__remove:hover {
    background:rgba(var(--danger),.1)
}
.chat-messages .pinned-msg__remove:hover svg {
    fill:rgba(var(--danger),1)
}
.message-wrapper {
    animation:msgAnmt .15s ease-out forwards
}
@keyframes msgAnmt {
    0% {
        opacity:0;
        transform:translateY(4px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.message-wrapper .msg {
    display:flex;
    gap:10px;
    padding:8px 10px;
    border-radius:10px;
    position:relative;
    transition:background .15s ease;
    border:1px solid rgba(var(--t),.04);
    border-left:2px solid transparent
}
.message-wrapper .msg:hover {
    background:rgba(var(--t),.03)
}
.message-wrapper .msg:hover .msg__actions {
    display:flex
}
.message-wrapper .msg .msg__avatar {
    position:relative;
    flex-shrink:0;
    width:32px;
    height:32px;
    margin-top:2px
}
.message-wrapper .msg .msg__avatar img {
    width:32px;
    height:32px;
    border-radius:50%;
    object-fit:cover;
    border:2px solid rgba(var(--t),.1)
}
.message-wrapper .msg .msg__avatar-ph {
    width:32px;
    height:32px;
    border-radius:50%;
    background:rgba(var(--t),.08);
    border:2px solid rgba(var(--t),.1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:700;
    color:rgba(var(--t),.4)
}
.message-wrapper .msg .msg__content {
    flex:1;
    min-width:0
}
.message-wrapper .msg .msg__top {
    display:flex;
    align-items:center;
    gap:4px;
    margin-bottom:1px
}
.message-wrapper .msg .msg__top strong {
    font-size:var(--fs-sm);
    font-weight:700;
    white-space:nowrap
}
.message-wrapper .msg .msg__time {
    font-size:10px;
    color:rgba(var(--t),.2);
    font-weight:400;
    margin-left:auto;
    flex-shrink:0
}
.message-wrapper .msg .msg__text {
    font-size:var(--fs-md);
    line-height:1.45;
    color:rgba(var(--t),.75);
    word-wrap:break-word
}
.message-wrapper .msg .msg__text a {
    color:rgba(var(--primary),1);
    font-weight:600;
    text-decoration:underline
}
.message-wrapper .msg .msg__role {
    font-size:8px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.3px;
    padding:1px 5px;
    border-radius:4px;
    line-height:1.2;
    flex-shrink:0
}
.message-wrapper .msg .msg__role.admin {
    background:#ff000026;
    color:#f44
}
.message-wrapper .msg .msg__role.moderator {
    background:#00ff481f;
    color:#00ff48
}
.message-wrapper .msg .msg__role.editor {
    background:#ff95001f;
    color:#ff9500
}
.message-wrapper .msg .msg__role:not(.admin):not(.moderator):not(.editor) {
    background:rgba(var(--t),.06);
    color:rgba(var(--t),.5)
}
.message-wrapper .msg.msg--me {
    background:rgba(var(--primary),.06)
}
.message-wrapper .msg.msg--me .msg__text {
    color:rgba(var(--t),.85)
}
.message-wrapper .msg.vip-msg.vip-msg-bronz,.message-wrapper .msg.vip-msg.vip-msg-bronze {
    border-left-color:#cd7f3266;
    background:linear-gradient(90deg,rgba(205,127,50,.06) 0%,transparent 50%)
}
.message-wrapper .msg.vip-msg.vip-msg-silver,.message-wrapper .msg.vip-msg.vip-msg-gümüş {
    border-left-color:#c0c0c066;
    background:linear-gradient(90deg,rgba(192,192,192,.06) 0%,transparent 50%)
}
.message-wrapper .msg.vip-msg.vip-msg-gold,.message-wrapper .msg.vip-msg.vip-msg-altın {
    border-left-color:#ffd70066;
    background:linear-gradient(90deg,rgba(255,215,0,.06) 0%,transparent 50%)
}
.message-wrapper .msg.vip-msg.vip-msg-platinum,.message-wrapper .msg.vip-msg.vip-msg-platin {
    border-left-color:#e5e4e266;
    background:linear-gradient(90deg,rgba(229,228,226,.06) 0%,transparent 50%)
}
.message-wrapper .msg.vip-msg.vip-msg-diamond,.message-wrapper .msg.vip-msg.vip-msg-elmas {
    border-left-color:#b9f2ff66;
    background:linear-gradient(90deg,rgba(185,242,255,.08) 0%,transparent 50%)
}
.message-wrapper .msg.vip-msg.vip-msg-emerald,.message-wrapper .msg.vip-msg.vip-msg-zümrüt {
    border-left-color:#50c87866;
    background:linear-gradient(90deg,rgba(80,200,120,.06) 0%,transparent 50%)
}
.message-wrapper .msg.vip-msg.vip-msg-ruby,.message-wrapper .msg.vip-msg.vip-msg-yakut {
    border-left-color:#e0115f66;
    background:linear-gradient(90deg,rgba(224,17,95,.06) 0%,transparent 50%)
}
.message-wrapper .msg.vip-msg.vip-msg-sapphire,.message-wrapper .msg.vip-msg.vip-msg-safir {
    border-left-color:#0f52ba66;
    background:linear-gradient(90deg,rgba(15,82,186,.06) 0%,transparent 50%)
}
.message-wrapper .msg.vip-msg.vip-msg-master,.message-wrapper .msg.vip-msg.vip-msg-usta {
    border-left-color:#ff450066;
    background:linear-gradient(90deg,rgba(255,69,0,.08) 0%,transparent 50%)
}
.message-wrapper .msg__bar {
    display:none;
    gap:4px;
    padding:2px 0 0 42px
}
.message-wrapper:hover .msg__bar {
    display:flex
}
.message-wrapper .msg-act-btn {
    height:20px;
    padding:0 8px;
    border-radius:4px;
    background:rgba(var(--t),.04);
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    gap:4px;
    transition:all .15s ease;
    font-size:9px;
    font-weight:600;
    color:rgba(var(--t),.35)
}
.message-wrapper .msg-act-btn svg {
    width:10px;
    height:10px;
    fill:rgba(var(--t),.3);
    flex-shrink:0
}
.message-wrapper .msg-act-btn:hover {
    background:rgba(var(--danger),.08);
    color:rgba(var(--danger),.8)
}
.message-wrapper .msg-act-btn:hover svg {
    fill:rgba(var(--danger),.8)
}
.avatar-wrap {
    position:relative;
    display:inline-flex;
    align-items:center;
    flex-shrink:0;
    margin-right:6px
}
.avatar-wrap .avatar {
    margin-right:0!important
}
.avatar-wrap .vip-ring {
    position:absolute;
    top:-2px;
    right:-2px;
    bottom:-2px;
    left:-2px;
    border-radius:50%;
    border:2px solid transparent;
    pointer-events:none
}
.avatar-wrap .vip-ring.vip-bronze {
    border-color:#cd7f32
}
.avatar-wrap .vip-ring.vip-silver {
    border-color:silver
}
.avatar-wrap .vip-ring.vip-gold {
    border-color:gold
}
.avatar-wrap .vip-ring.vip-platinum {
    border-color:#e5e4e2
}
.avatar-wrap .vip-ring.vip-diamond {
    border-color:#b9f2ff
}
.avatar-wrap .vip-ring.vip-emerald {
    border-color:#50c878
}
.avatar-wrap .vip-ring.vip-ruby {
    border-color:#e0115f
}
.avatar-wrap .vip-ring.vip-sapphire {
    border-color:#0f52ba
}
.avatar-wrap .vip-ring.vip-master {
    border-color:#ff4500
}
.vip-badge {
    display:inline-flex;
    align-items:center;
    gap:3px;
    padding:1px 6px;
    border-radius:4px;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.3px;
    margin-left:4px;
    vertical-align:middle
}
.vip-badge__img {
    width:12px;
    height:12px;
    object-fit:contain;
    flex-shrink:0;
    border-radius:2px
}
.vip-badge svg {
    width:9px;
    height:9px;
    flex-shrink:0
}
.vip-badge.vip-bronze {
    background:#cd7f3226;
    color:#cd7f32
}
.vip-badge.vip-bronze svg {
    fill:#cd7f32
}
.vip-badge.vip-silver {
    background:#c0c0c026;
    color:silver
}
.vip-badge.vip-silver svg {
    fill:silver
}
.vip-badge.vip-gold {
    background:#ffd70026;
    color:gold
}
.vip-badge.vip-gold svg {
    fill:gold
}
.vip-badge.vip-platinum {
    background:#e5e4e226;
    color:#e5e4e2
}
.vip-badge.vip-platinum svg {
    fill:#e5e4e2
}
.vip-badge.vip-diamond {
    background:#b9f2ff26;
    color:#b9f2ff
}
.vip-badge.vip-diamond svg {
    fill:#b9f2ff
}
.vip-badge.vip-emerald {
    background:#50c87826;
    color:#50c878
}
.vip-badge.vip-emerald svg {
    fill:#50c878
}
.vip-badge.vip-ruby {
    background:#e0115f26;
    color:#e0115f
}
.vip-badge.vip-ruby svg {
    fill:#e0115f
}
.vip-badge.vip-sapphire {
    background:#0f52ba26;
    color:#0f52ba
}
.vip-badge.vip-sapphire svg {
    fill:#0f52ba
}
.vip-badge.vip-master {
    background:#ff450026;
    color:#ff4500
}
.vip-badge.vip-master svg {
    fill:#ff4500
}
.chat-tag {
    background:rgba(var(--b),.5);
    padding:2px 5px;
    border-radius:4px;
    font-size:8px;
    text-transform:uppercase;
    font-weight:600;
    margin-left:4px
}
.chat-tag.moderator {
    color:#00ff48!important
}
.chat-tag.admin {
    color:red!important
}
.chat-tag.editor {
    color:#ff9500!important
}
.mention-autocomplete {
    position:absolute;
    bottom:100%;
    left:10px;
    right:10px;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:8px;
    max-height:180px;
    overflow-y:auto;
    z-index:1000;
    margin-bottom:5px;
    animation:.15s fadeInBottom
}
.mention-autocomplete .mention-item {
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 10px;
    cursor:pointer;
    transition:background .2s ease;
    border-bottom:1px solid rgba(255,255,255,.05)
}
.mention-autocomplete .mention-item:last-child {
    border-bottom:none
}
.mention-autocomplete .mention-item:hover,.mention-autocomplete .mention-item.selected {
    background:rgba(var(--primary),.2)
}
.mention-autocomplete .mention-item .mention-avatar {
    width:20px;
    height:20px;
    border-radius:50%;
    object-fit:cover
}
.mention-autocomplete .mention-item .mention-username {
    flex:1;
    font-weight:500;
    font-size:var(--fs-sm)
}
.mention-autocomplete .mention-item .vip-badge {
    font-size:8px;
    padding:1px 5px;
    margin-left:0
}
.mention-autocomplete .mention-item .chat-tag {
    font-size:var(--fs-xs);
    margin-left:auto
}
.msg__text :deep(.mention),.message p :deep(.mention) {
    background:rgba(var(--primary),.15)!important;
    color:rgba(var(--primary),1)!important;
    padding:1px 5px!important;
    border-radius:4px!important;
    font-weight:600!important;
    cursor:pointer!important;
    font-size:var(--fs-xs)!important;
    display:inline!important
}
.msg__text :deep(.mention):hover,.message p :deep(.mention):hover {
    background:rgba(var(--primary),.25)!important
}
.chat-messages .mention {
    background:rgba(var(--primary),.2)!important;
    color:rgba(var(--primary),1)!important;
    padding:2px 6px!important;
    border-radius:4px!important;
    font-weight:600!important;
    font-size:var(--fs-xs)!important;
    cursor:pointer!important;
    transition:all .2s ease!important;
    display:inline-block!important
}
.chat-messages .mention:hover {
    background:rgba(var(--primary),.35)!important;
    transform:translateY(-1px)!important
}
.pinned-msg :deep(.mention) {
    background:rgba(var(--primary),.15);
    color:rgba(var(--primary),1)!important;
    padding:2px 6px;
    border-radius:4px;
    font-weight:600;
    cursor:pointer;
    font-size:var(--fs-xs);
    display:inline-block
}
.pinned-msg :deep(.mention):hover {
    background:rgba(var(--primary),.25)
}
@keyframes highlightPulse {
    0%,to {
        background:transparent
    }
    50% {
        background:rgba(var(--primary),.3);
        border-radius:8px
    }
}
@keyframes fadeInBottom {
    0% {
        opacity:0;
        transform:translateY(10px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        transform:translate(20px)
    }
    to {
        opacity:1;
        transform:translate(0)
    }
}
.chat-room--floating.chat-room {
    top:auto;
    bottom:80px;
    right:20px;
    width:380px;
    height:calc(100vh - 140px);
    border-radius:16px;
    border:1px solid rgba(var(--card-border),1);
    z-index:99999;
    animation:chatFloatIn .25s ease-out
}
.chat-room--floating.chat-room .chat-header {
    border-radius:16px 16px 0 0
}
.chat-room--floating.chat-room .chat-input {
    border-radius:0 0 16px 16px
}
@keyframes chatFloatIn {
    0% {
        opacity:0;
        transform:translateY(20px) scale(.95)
    }
    to {
        opacity:1;
        transform:translateY(0) scale(1)
    }
}
.mobile-view .chat-room--floating.chat-room {
    top:var(--header-height);
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:calc(100vh - var(--header-height));
    height:calc(100dvh - var(--header-height));
    border-radius:0;
    border:none;
    overscroll-behavior:contain
}
.mobile-view .chat-room--floating.chat-room .chat-header {
    border-radius:0
}
.mobile-view .chat-room--floating.chat-room .chat-messages {
    flex:1;
    min-height:0;
    -webkit-overflow-scrolling:touch
}
.mobile-view .chat-room--floating.chat-room .chat-input {
    border-radius:0;
    flex-shrink:0;
    padding-bottom:max(10px,env(safe-area-inset-bottom))
}
.mobile-view .chat-room .chat-messages {
    flex:1;
    min-height:0;
    -webkit-overflow-scrolling:touch
}
.mobile-view .chat-room .chat-input {
    flex-shrink:0;
    padding-bottom:max(10px,env(safe-area-inset-bottom))
}
@property --pin-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}
@keyframes pinRotate {
    to {
        --pin-angle: 360deg
    }
}
.so__tabs {
    display:flex;
    gap:0;
    border-bottom:1px solid rgba(var(--t),.06);
    padding:0 16px;
    overflow-x:auto;
    margin-bottom:20px;
    background:rgba(var(--card),1);
    border-radius:14px;
    border:1px solid rgba(var(--card-border),1)
}
.so__tabs::-webkit-scrollbar {
    display:none
}
.so__tabs a {
    padding:12px 16px;
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--t),.45);
    border-bottom:2px solid transparent;
    white-space:nowrap;
    transition:all .2s ease;
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer
}
.so__tabs a svg {
    width:16px;
    height:16px;
    flex-shrink:0;
    fill:none
}
.so__tabs a:hover {
    color:rgba(var(--t),.8)
}
.so__tabs a.active {
    color:rgba(var(--primary),1);
    border-bottom-color:rgba(var(--primary),1)
}
.so__odds-grid,.so__history-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px
}
.so__mybets-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(360px,1fr));
    gap:16px
}
.so__card {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:16px;
    overflow:hidden;
    transition:all .3s ease-in-out
}
.so__card:hover {
    border-color:rgba(var(--primary),.3);
    transform:translateY(-2px)
}
.so__match-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 16px;
    background:rgba(var(--t),.02);
    border-bottom:1px solid rgba(var(--card-border),.5)
}
.so__league-info {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6)
}
.so__league-info .so__league-logo {
    width:20px;
    height:20px;
    border-radius:4px
}
.so__match-time {
    display:flex;
    align-items:center;
    gap:6px;
    font-size:var(--fs-sm);
    color:rgba(var(--primary),1);
    font-weight:600
}
.so__match-time svg {
    width:14px;
    height:14px
}
.so__teams {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 16px;
    gap:12px
}
.so__team {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    text-align:center
}
.so__team-logo-wrap {
    width:56px;
    height:56px;
    border-radius:12px;
    overflow:hidden;
    background:rgba(var(--t),.05);
    display:flex;
    align-items:center;
    justify-content:center
}
.so__team-logo-wrap img {
    width:100%;
    height:100%;
    object-fit:contain
}
.so__team-placeholder {
    width:32px;
    height:32px;
    color:rgba(var(--t),.3)
}
.so__team-placeholder svg {
    width:100%;
    height:100%
}
.so__team-name {
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--t),.9);
    max-width:100px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.so__vs {
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(var(--primary),.1);
    border:2px solid rgba(var(--primary),.3);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0
}
.so__vs span {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--primary),1)
}
.so__prediction {
    margin:0 16px;
    padding:12px 16px;
    background:rgba(var(--primary),.08);
    border:1px solid rgba(var(--primary),.2);
    border-radius:10px
}
.so__prediction-label {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--primary),.8);
    letter-spacing:1px;
    margin-bottom:4px
}
.so__prediction-text {
    font-size:var(--fs-base);
    font-weight:600;
    color:rgba(var(--t),.95);
    line-height:1.4
}
.so__stats-row {
    display:flex;
    justify-content:space-around;
    padding:16px;
    border-top:1px solid rgba(var(--card-border),.5);
    margin-top:12px
}
.so__stat {
    text-align:center
}
.so__stat-value {
    font-size:var(--fs-lg);
    font-weight:700;
    color:rgba(var(--t),.95)
}
.so__stat-value.so__stat-value--odds {
    color:rgba(var(--primary),1);
    font-size:var(--fs-2xl)
}
.so__stat-label {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.5);
    margin-top:2px
}
.so__participants-bar {
    padding:0 16px 12px
}
.so__participants-info {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:6px;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6)
}
.so__participants-info .so__limited {
    color:#f59e0b;
    font-weight:600
}
.so__bar {
    height:6px;
    background:rgba(var(--t),.1);
    border-radius:3px;
    overflow:hidden
}
.so__bar-fill {
    height:100%;
    background:rgba(var(--primary),.8);
    border-radius:3px;
    transition:all .5s ease-in-out
}
.so__card-footer {
    padding:16px;
    border-top:1px solid rgba(var(--card-border),.5)
}
.so__bet-btn {
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 20px;
    background:rgba(var(--primary),1);
    border:none;
    border-radius:10px;
    color:rgba(var(--primary-sc),1);
    font-size:var(--fs-lg);
    font-weight:700;
    cursor:pointer;
    transition:all .3s ease-in-out
}
.so__bet-btn svg {
    width:18px;
    height:18px
}
.so__bet-btn:hover:not(:disabled) {
    transform:translateY(-2px);
    opacity:.9
}
.so__bet-btn:disabled {
    opacity:.5;
    cursor:not-allowed
}
.so__my-bet-section {
    display:flex;
    flex-direction:column;
    gap:10px
}
.so__my-bet-info {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 16px;
    background:rgba(var(--primary),.1);
    border:1px solid rgba(var(--primary),.3);
    border-radius:10px
}
.so__my-bet-badge {
    display:flex;
    align-items:center;
    gap:6px;
    color:rgba(var(--primary),1);
    font-weight:600;
    font-size:var(--fs-base)
}
.so__my-bet-badge svg {
    width:18px;
    height:18px
}
.so__my-bet-details {
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    font-size:var(--fs-md)
}
.so__my-bet-details .so__potential {
    color:rgba(var(--primary),1);
    font-weight:600
}
.so__waiting-status {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px 16px;
    background:#3b82f61a;
    border:1px solid rgba(59,130,246,.3);
    border-radius:10px;
    color:#3b82f6;
    font-weight:600;
    font-size:var(--fs-md);
    animation:so-pulse 2s ease-in-out infinite
}
.so__waiting-status svg {
    width:16px;
    height:16px
}
.so__status-badge {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 16px;
    border-radius:10px;
    font-weight:600;
    font-size:var(--fs-base)
}
.so__status-badge svg {
    width:18px;
    height:18px;
    fill:none
}
.so__status-badge.so__status-badge--won {
    background:rgba(var(--primary),.15);
    color:rgba(var(--primary),1);
    border:1px solid rgba(var(--primary),.3)
}
.so__status-badge.so__status-badge--lost {
    background:rgba(var(--danger),.1);
    color:rgba(var(--danger),1);
    border:1px solid rgba(var(--danger),.3)
}
.so__status-badge.so__status-badge--waiting {
    background:#3b82f626;
    color:#3b82f6;
    border:1px solid rgba(59,130,246,.3);
    animation:so-pulse 2s ease-in-out infinite
}
@keyframes so-pulse {
    0%,to {
        opacity:1
    }
    50% {
        opacity:.7
    }
}
.so__history-card {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:16px;
    overflow:hidden;
    transition:all .3s ease-in-out
}
.so__history-card:hover {
    opacity:.95
}
.so__history-card.so__history-card--won {
    border-color:rgba(var(--primary),.3)
}
.so__history-card.so__history-card--lost {
    border-color:rgba(var(--danger),.3)
}
.so__result-banner {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:10px;
    font-size:var(--fs-md);
    font-weight:700;
    letter-spacing:.5px
}
.so__result-banner svg {
    width:18px;
    height:18px;
    fill:none
}
.so__result-banner.so__result-banner--won {
    background:rgba(var(--primary),.15);
    color:rgba(var(--primary),1)
}
.so__result-banner.so__result-banner--lost {
    background:rgba(var(--danger),.1);
    color:rgba(var(--danger),1)
}
.so__history-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 16px;
    border-bottom:1px solid rgba(var(--card-border),.5)
}
.so__history-header .so__league-info {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6)
}
.so__history-header .so__league-info .so__league-logo {
    width:20px;
    height:20px;
    border-radius:4px
}
.so__history-header .so__match-date {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.5)
}
.so__history-teams {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    padding:16px
}
.so__history-teams .so__h-team {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    text-align:center
}
.so__history-teams .so__h-team .so__h-team-logo {
    width:44px;
    height:44px;
    border-radius:10px;
    object-fit:contain;
    background:rgba(var(--t),.05)
}
.so__history-teams .so__h-team .so__h-team-placeholder {
    width:44px;
    height:44px;
    border-radius:10px;
    background:rgba(var(--t),.05);
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(var(--t),.2)
}
.so__history-teams .so__h-team .so__h-team-placeholder svg {
    width:22px;
    height:22px
}
.so__history-teams .so__h-team span {
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.8);
    max-width:80px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.so__history-teams .so__h-vs {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--t),.4);
    padding:6px 10px;
    background:rgba(var(--t),.05);
    border-radius:16px
}
.so__history-teams .so__h-score {
    font-size:var(--fs-base);
    font-weight:700;
    color:rgba(var(--t),.9);
    padding:8px 14px;
    background:rgba(var(--t),.08);
    border-radius:8px
}
.so__history-prediction {
    margin:0 16px 12px;
    padding:10px 14px;
    background:rgba(var(--t),.03);
    border:1px solid rgba(var(--card-border),.5);
    border-radius:10px
}
.so__history-prediction .so__h-pred-label {
    display:block;
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--t),.4);
    letter-spacing:1px;
    margin-bottom:2px
}
.so__history-prediction .so__h-pred-text {
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--t),.8)
}
.so__history-stats {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding:0 16px 12px
}
.so__history-stats .so__h-stat {
    text-align:center;
    padding:8px;
    background:rgba(var(--t),.03);
    border-radius:8px
}
.so__history-stats .so__h-stat .so__h-stat-value {
    display:block;
    font-size:var(--fs-lg);
    font-weight:700;
    color:rgba(var(--t),.9)
}
.so__history-stats .so__h-stat .so__h-stat-label {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.5)
}
.so__my-history-bet {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 16px;
    background:rgba(var(--t),.02);
    border-top:1px solid rgba(var(--card-border),.5)
}
.so__my-history-bet .so__mhb-info .so__mhb-label {
    display:block;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.5)
}
.so__my-history-bet .so__mhb-info .so__mhb-amount {
    font-size:var(--fs-base);
    font-weight:600;
    color:rgba(var(--t),.9)
}
.so__my-history-bet .so__mhb-result {
    font-size:var(--fs-md);
    font-weight:600;
    padding:6px 12px;
    border-radius:6px
}
.so__my-history-bet .so__mhb-result.so__mhb-result--won {
    background:rgba(var(--primary),.15);
    color:rgba(var(--primary),1)
}
.so__my-history-bet .so__mhb-result.so__mhb-result--lost {
    background:rgba(var(--danger),.1);
    color:rgba(var(--danger),1)
}
.so__bet-card {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:16px;
    overflow:hidden;
    transition:all .3s ease-in-out
}
.so__bet-card:hover {
    border-color:rgba(var(--primary),.3)
}
.so__bet-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 16px;
    background:rgba(var(--t),.02);
    border-bottom:1px solid rgba(var(--card-border),.5)
}
.so__bet-header .so__league-info {
    display:flex;
    align-items:center;
    gap:8px;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6)
}
.so__bet-header .so__league-info .so__league-logo {
    width:20px;
    height:20px;
    border-radius:4px
}
.so__bet-header .so__bet-time {
    display:flex;
    align-items:center;
    gap:6px;
    font-size:var(--fs-sm);
    color:rgba(var(--primary),1);
    font-weight:600
}
.so__bet-header .so__bet-time svg {
    width:14px;
    height:14px
}
.so__bet-teams {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    padding:16px
}
.so__bet-teams .so__b-team {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    text-align:center
}
.so__bet-teams .so__b-team .so__b-team-logo {
    width:48px;
    height:48px;
    border-radius:10px;
    object-fit:contain;
    background:rgba(var(--t),.05)
}
.so__bet-teams .so__b-team .so__b-team-placeholder {
    width:48px;
    height:48px;
    border-radius:10px;
    background:rgba(var(--t),.05);
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(var(--t),.2)
}
.so__bet-teams .so__b-team .so__b-team-placeholder svg {
    width:24px;
    height:24px
}
.so__bet-teams .so__b-team span {
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.8);
    max-width:90px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.so__bet-teams .so__b-vs {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--primary),.6);
    padding:8px 12px;
    background:rgba(var(--primary),.1);
    border-radius:20px
}
.so__bet-prediction {
    margin:0 16px 12px;
    padding:10px 14px;
    background:rgba(var(--primary),.08);
    border:1px solid rgba(var(--primary),.2);
    border-radius:10px
}
.so__bet-prediction .so__b-pred-label {
    display:block;
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--primary),.7);
    letter-spacing:1px;
    margin-bottom:2px
}
.so__bet-prediction .so__b-pred-text {
    font-size:var(--fs-md);
    font-weight:600;
    color:rgba(var(--t),.9)
}
.so__bet-info-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding:0 16px 12px
}
.so__bet-info-grid .so__b-info-item {
    text-align:center;
    padding:10px;
    background:rgba(var(--t),.03);
    border-radius:8px
}
.so__bet-info-grid .so__b-info-item .so__b-info-label {
    display:block;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.5);
    margin-bottom:2px
}
.so__bet-info-grid .so__b-info-item .so__b-info-value {
    font-size:var(--fs-base);
    font-weight:700;
    color:rgba(var(--t),.9)
}
.so__bet-info-grid .so__b-info-item .so__b-info-value.so__b-info-value--highlight,.so__bet-info-grid .so__b-info-item .so__b-info-value.so__b-info-value--potential {
    color:rgba(var(--primary),1)
}
.so__bet-status-bar {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px;
    font-weight:600;
    font-size:var(--fs-base)
}
.so__bet-status-bar svg {
    width:18px;
    height:18px
}
.so__bet-status-bar.so__bet-status-bar--0 {
    background:#f59e0b1a;
    color:#f59e0b;
    border-top:2px solid #f59e0b
}
.so__bet-status-bar.so__bet-status-bar--1 {
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1);
    border-top:2px solid rgba(var(--primary),1)
}
.so__bet-status-bar.so__bet-status-bar--2 {
    background:rgba(var(--danger),.1);
    color:rgba(var(--danger),1);
    border-top:2px solid rgba(var(--danger),1)
}
.so__bet-status-bar.so__bet-status-bar--3 {
    background:#6b72801a;
    color:#6b7280;
    border-top:2px solid #6b7280
}
.so__modal-overlay {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000c;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:9999;
    padding:20px
}
.so__modal {
    background:rgba(var(--modal),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:16px;
    width:100%;
    max-width:420px;
    overflow:hidden
}
.so__modal-header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 20px;
    border-bottom:1px solid rgba(var(--card-border),1)
}
.so__modal-header h3 {
    font-size:var(--fs-xl);
    font-weight:700;
    color:rgba(var(--t),1);
    margin:0
}
.so__modal-header .so__modal-close {
    width:32px;
    height:32px;
    border:none;
    background:rgba(var(--t),.05);
    border-radius:8px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(var(--t),.6);
    transition:all .2s ease-in-out
}
.so__modal-header .so__modal-close svg {
    width:18px;
    height:18px
}
.so__modal-header .so__modal-close:hover {
    background:rgba(var(--t),.1);
    color:rgba(var(--t),.9)
}
.so__modal-body {
    padding:20px
}
.so__modal-match {
    text-align:center;
    margin-bottom:20px
}
.so__modal-match .so__modal-teams {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-bottom:8px
}
.so__modal-match .so__modal-teams img {
    width:24px;
    height:24px;
    border-radius:4px
}
.so__modal-match .so__modal-teams span {
    font-size:var(--fs-base);
    font-weight:600;
    color:rgba(var(--t),.9)
}
.so__modal-match .so__modal-teams .so__modal-vs {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.4);
    margin:0 4px
}
.so__modal-match .so__modal-prediction {
    font-size:var(--fs-md);
    color:rgba(var(--primary),1);
    font-weight:500
}
.so__odds-display {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 16px;
    background:rgba(var(--primary),.08);
    border:1px solid rgba(var(--primary),.2);
    border-radius:10px;
    margin-bottom:20px
}
.so__odds-display .so__odds-label {
    font-size:var(--fs-base);
    color:rgba(var(--t),.7)
}
.so__odds-display .so__odds-value {
    font-size:var(--fs-3xl);
    font-weight:700;
    color:rgba(var(--primary),1)
}
.so__input-group {
    margin-bottom:20px
}
.so__input-group label {
    display:block;
    font-size:var(--fs-base);
    font-weight:600;
    color:rgba(var(--t),.8);
    margin-bottom:8px
}
.so__input-group .so__input-wrap {
    display:flex;
    align-items:center;
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--card-border),1);
    border-radius:10px;
    overflow:hidden
}
.so__input-group .so__input-wrap input {
    flex:1;
    padding:14px 16px;
    border:none;
    background:transparent;
    font-size:var(--fs-xl);
    font-weight:600;
    color:rgba(var(--t),1);
    outline:none
}
.so__input-group .so__input-wrap input::-webkit-inner-spin-button,.so__input-group .so__input-wrap input::-webkit-outer-spin-button {
    -webkit-appearance:none
}
.so__input-group .so__input-wrap .so__input-suffix {
    padding:0 16px;
    font-size:var(--fs-base);
    color:rgba(var(--t),.5)
}
.so__input-group .so__quick-amounts {
    display:flex;
    gap:8px;
    margin-top:10px
}
.so__input-group .so__quick-amounts button {
    flex:1;
    padding:8px;
    border:1px solid rgba(var(--card-border),1);
    background:rgba(var(--t),.03);
    border-radius:6px;
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.7);
    cursor:pointer;
    transition:all .2s ease-in-out
}
.so__input-group .so__quick-amounts button:hover {
    border-color:rgba(var(--primary),.5);
    color:rgba(var(--primary),1)
}
.so__input-group small {
    display:block;
    margin-top:8px;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.5)
}
.so__potential-win {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px;
    background:rgba(var(--primary),.1);
    border:1px solid rgba(var(--primary),.2);
    border-radius:10px
}
.so__potential-win span:first-child {
    font-size:var(--fs-base);
    color:rgba(var(--t),.7)
}
.so__potential-win .so__potential-amount {
    font-size:var(--fs-2xl);
    font-weight:700;
    color:rgba(var(--primary),1)
}
.so__modal-footer {
    display:flex;
    gap:12px;
    padding:16px 20px;
    border-top:1px solid rgba(var(--card-border),1)
}
.so__modal-footer button {
    flex:1;
    padding:14px 20px;
    border:none;
    border-radius:10px;
    font-size:var(--fs-lg);
    font-weight:600;
    cursor:pointer;
    transition:all .2s ease-in-out
}
.so__modal-footer .so__cancel-btn {
    background:rgba(var(--t),.05);
    color:rgba(var(--t),.7)
}
.so__modal-footer .so__cancel-btn:hover {
    background:rgba(var(--t),.1)
}
.so__modal-footer .so__confirm-btn {
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1)
}
.so__modal-footer .so__confirm-btn:hover:not(:disabled) {
    transform:translateY(-1px);
    opacity:.9
}
.so__modal-footer .so__confirm-btn:disabled {
    opacity:.5;
    cursor:not-allowed
}
@media(max-width:1024px) {
    .so__odds-grid,.so__history-grid,.so__mybets-grid {
        grid-template-columns:1fr
    }
}
@media screen and (max-width:768px) {
    .so__tabs a {
        padding:10px 12px
    }
    .so__teams {
        padding:16px 12px
    }
    .so__team-logo-wrap {
        width:48px;
        height:48px
    }
    .so__team-name {
        font-size:var(--fs-sm);
        max-width:80px
    }
    .so__vs {
        width:32px;
        height:32px
    }
    .so__stats-row {
        padding:12px
    }
    .so__history-teams .so__h-team .so__h-team-logo,.so__history-teams .so__h-team .so__h-team-placeholder {
        width:36px;
        height:36px
    }
    .so__history-teams .so__h-team span {
        max-width:70px
    }
    .so__history-stats .so__h-stat {
        padding:6px
    }
    .so__bet-teams .so__b-team .so__b-team-logo,.so__bet-teams .so__b-team .so__b-team-placeholder {
        width:40px;
        height:40px
    }
    .so__bet-teams .so__b-team span {
        max-width:70px
    }
    .so__bet-info-grid .so__b-info-item {
        padding:8px
    }
}
.p-bonusbuy .app-modal.fullscreen>.content .modal-content {
    max-height:none!important;
    height:100%!important
}
.game-search-container .search-loading {
    text-align:center;
    padding:.5rem;
    color:rgba(var(--t),.6)
}
.game-results {
    max-height:300px;
    overflow-y:auto;
    border:1px solid rgba(var(--t),.1);
    border-radius:8px;
    margin-top:.5rem
}
.game-list {
    display:flex;
    flex-direction:column;
    gap:0
}
.no-games-found {
    text-align:center;
    padding:2rem;
    color:rgba(var(--t),.6)
}
.selected-game-card {
    margin-top:1rem;
    border:2px solid rgba(var(--primary),.3);
    border-radius:12px;
    background:rgba(var(--primary),.1);
    overflow:hidden
}
.selected-game-card .selected-game-header {
    background:rgba(var(--primary),.2);
    padding:.75rem 1rem;
    border-bottom:1px solid rgba(var(--primary),.3)
}
.selected-game-card .selected-game-header h4 {
    margin:0;
    color:rgba(var(--primary),1);
    font-size:var(--fs-base);
    font-weight:600
}
.selected-game-card .selected-game-content {
    padding:1rem;
    display:flex;
    align-items:center;
    gap:1rem
}
.selected-game-card .selected-game-content .selected-game-image {
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:8px;
    flex-shrink:0;
    border:2px solid rgba(var(--primary),.3)
}
.selected-game-card .selected-game-content .selected-game-details {
    flex:1
}
.selected-game-card .selected-game-content .selected-game-details .selected-game-name {
    font-weight:700;
    font-size:var(--fs-base);
    color:rgba(var(--t),.9);
    margin-bottom:.25rem
}
.selected-game-card .selected-game-content .selected-game-details .selected-game-provider {
    font-size:var(--fs-base);
    color:rgba(var(--t),.7)
}
.user-game-card {
    display:flex;
    align-items:center;
    gap:1rem;
    padding:.5rem;
    border:1px solid rgba(var(--primary),.2);
    border-radius:12px;
    background:rgba(var(--primary),.05)
}
.user-game-card .user-game-image {
    width:60px;
    height:60px;
    object-fit:cover;
    border-radius:8px;
    flex-shrink:0;
    border:2px solid rgba(var(--primary),.3)
}
.user-game-card .user-game-details {
    flex:1
}
.user-game-card .user-game-details .user-game-name {
    font-weight:700;
    font-size:var(--fs-base);
    color:rgba(var(--t),.9);
    margin-bottom:.25rem
}
.user-game-card .user-game-details .user-game-provider {
    font-size:var(--fs-base);
    color:rgba(var(--t),.7);
    font-weight:500;
    text-transform:capitalize
}
.info-box-full {
    grid-column:1/-1;
    width:100%
}
.info-box-full .info-title {
    font-weight:600;
    color:rgba(var(--t),.8);
    margin-bottom:.75rem
}
.game-option {
    border-bottom:1px solid rgba(var(--t),.1);
    padding:.75rem;
    cursor:pointer;
    transition:all .3s ease;
    display:flex;
    align-items:center;
    font-size:var(--fs-base);
    gap:1rem;
    font-weight:600;
    background:rgba(var(--t),.05)
}
.game-option:hover {
    background-color:rgba(var(--t),.1)
}
.game-option.active {
    border-left:4px solid rgba(var(--primary),1);
    background-color:rgba(var(--primary),.1)
}
.game-option .game-image {
    width:50px;
    height:50px;
    object-fit:cover;
    border-radius:8px;
    flex-shrink:0
}
.game-option .game-info {
    flex:1
}
.game-option .game-info .game-name {
    font-weight:700;
    margin-bottom:.25rem;
    color:rgba(var(--t),.9);
    text-transform:capitalize
}
.game-option .game-info .game-provider {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.6)
}
.no-data {
    text-align:center;
    padding:2rem;
    color:rgba(var(--t),.6)
}
.info-section {
    margin-bottom:2rem
}
.info-section h4 {
    margin-bottom:1rem;
    color:rgba(var(--primary),1)
}
.info-section ul {
    padding-left:1.5rem
}
.info-section li {
    margin-bottom:.5rem;
    color:rgba(var(--t),.8)
}
.w-full {
    width:100%
}
.text-center {
    text-align:center
}
@media(max-width:768px) {
    .selected-game-card .selected-game-content,.user-game-card {
        flex-direction:column;
        text-align:center
    }
    .selected-game-card .selected-game-content .selected-game-image,.selected-game-card .selected-game-content .user-game-image,.user-game-card .selected-game-image,.user-game-card .user-game-image {
        width:80px;
        height:80px
    }
}
.game-selection-form .form-group {
    margin-bottom:1.5rem
}
.game-selection-form .form-group label {
    display:block;
    font-weight:600;
    margin-bottom:.5rem;
    color:rgba(var(--t),.9)
}
.game-selection-form .info-text {
    background:rgba(var(--t),.05);
    border-radius:8px;
    padding:1rem;
    margin:1rem 0
}
.game-selection-form .info-text p {
    margin:.5rem 0;
    color:rgba(var(--t),.8)
}
.game-selection-form .info-text p:first-child {
    margin-top:0
}
.game-selection-form .info-text p:last-child {
    margin-bottom:0
}
.lottery-container .slot-container {
    margin:2rem 0
}
.lottery-container .lottery-actions {
    display:flex;
    margin-top:1rem;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.lottery-container .lottery-actions .button {
    font-size:var(--fs-lg);
    padding:0 30px;
    font-weight:700
}
.lottery-container .lottery-actions .completion-note {
    display:block;
    margin-top:1rem;
    color:rgba(var(--t),.6);
    line-height:1.4
}
.success-message,.info-message {
    padding:1rem;
    border-radius:8px;
    text-align:center
}
.success-message .success-icon,.info-message .success-icon {
    font-size:2rem;
    margin-bottom:.5rem
}
.success-message p,.info-message p {
    margin:0;
    font-weight:500
}
.success-message {
    background:#22c55e1a;
    border:2px solid rgba(34,197,94,.3);
    color:#22c55e
}
.info-message {
    background:rgba(var(--t),.05);
    border:2px solid rgba(var(--t),.2);
    color:rgba(var(--t),.8)
}
.event-status {
    display:flex;
    width:100%;
    align-items:flex-start;
    justify-content:center
}
.event-status .status-card {
    text-align:center;
    padding:2rem;
    background:rgba(var(--t),.05);
    border:1px solid rgba(var(--t),.1);
    border-radius:12px;
    width:100%
}
.event-status .status-card .status-icon {
    margin-bottom:1.5rem
}
.event-status .status-card .status-icon svg {
    animation:pulse 2s infinite
}
.event-status .status-card .status-content h3 {
    font-size:var(--fs-xl);
    font-weight:600;
    color:#28a745;
    margin-bottom:.5rem
}
.event-status .status-card .status-content>p {
    font-size:var(--fs-base);
    color:rgba(var(--t),.8);
    margin-bottom:1.5rem
}
.event-status .status-card .status-content .status-details {
    display:flex;
    flex-direction:column;
    gap:.5rem;
    margin-bottom:1rem
}
.event-status .status-card .status-content .status-details .detail-item {
    display:flex;
    justify-content:space-between;
    padding:.5rem 1rem;
    background:rgba(var(--t),.05);
    border-radius:6px
}
.event-status .status-card .status-content .status-details .detail-item .label {
    color:rgba(var(--t),.7);
    font-size:var(--fs-base)
}
.event-status .status-card .status-content .status-details .detail-item .value {
    font-weight:600;
    color:rgba(var(--t),.9);
    font-size:var(--fs-base)
}
.event-status .status-card .status-content .waiting-note {
    padding:1rem;
    background:rgba(var(--primary),.1);
    border-radius:8px;
    border-left:4px solid rgba(var(--primary),1)
}
.event-status .status-card .status-content .waiting-note small {
    color:rgba(var(--t),.7);
    line-height:1.4
}
@keyframes pulse {
    0% {
        opacity:.6
    }
    50% {
        opacity:1
    }
    to {
        opacity:.6
    }
}
.legal-page {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    overflow:hidden
}
.legal-tabs {
    display:flex;
    border-bottom:1px solid rgba(var(--t),.06);
    background:rgba(var(--t),.02)
}
.legal-tab {
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px 8px;
    font-size:var(--fs-xs);
    font-weight:600;
    color:rgba(var(--t),.4);
    text-decoration:none;
    transition:all .2s ease;
    position:relative;
    white-space:nowrap
}
.legal-tab:hover {
    color:rgba(var(--t),.7);
    background:rgba(var(--t),.03)
}
.legal-tab.router-link-active {
    color:rgba(var(--primary),1);
    background:transparent
}
.legal-tab.router-link-active:after {
    content:"";
    position:absolute;
    bottom:0;
    left:16px;
    right:16px;
    height:2px;
    background:rgba(var(--primary),1);
    border-radius:2px 2px 0 0
}
.legal-header {
    padding:20px 24px 0;
    margin-bottom:16px
}
.legal-header h1 {
    font-size:var(--fs-xl);
    font-weight:700;
    color:rgba(var(--t),1);
    margin:0 0 4px
}
.legal-header .last-update {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.3);
    margin:0
}
.legal-content {
    padding:0 24px 24px
}
.legal-content .legal-section {
    margin-bottom:16px
}
.legal-content .legal-section:last-child {
    margin-bottom:0
}
.legal-content .legal-section h2 {
    font-size:var(--fs-lg);
    font-weight:700;
    color:rgba(var(--t),1);
    margin:0 0 8px;
    display:flex;
    align-items:center;
    gap:6px
}
.legal-content .legal-section h2 svg {
    width:18px;
    height:18px;
    fill:rgba(var(--primary),1)
}
.legal-content .legal-section h3 {
    font-size:var(--fs-base);
    font-weight:700;
    color:rgba(var(--t),.85);
    margin:0 0 6px
}
.legal-content .legal-section h4 {
    font-size:var(--fs-sm);
    font-weight:600;
    color:rgba(var(--t),.75);
    margin:0 0 4px
}
.legal-content .legal-section p {
    font-size:var(--fs-sm);
    line-height:1.65;
    color:rgba(var(--t),.55);
    margin:0 0 8px
}
.legal-content .legal-section p:last-child {
    margin-bottom:0
}
.legal-content .legal-section p a {
    color:rgba(var(--primary),1);
    text-decoration:none
}
.legal-content .legal-section p a:hover {
    text-decoration:underline
}
.legal-content .legal-section ul,.legal-content .legal-section ol {
    margin:6px 0;
    padding-left:16px;
    color:rgba(var(--t),.55)
}
.legal-content .legal-section ul li,.legal-content .legal-section ol li {
    font-size:var(--fs-sm);
    line-height:1.65;
    margin-bottom:2px
}
.legal-content .legal-section ul li:last-child,.legal-content .legal-section ol li:last-child {
    margin-bottom:0
}
.legal-content .legal-section ul li strong,.legal-content .legal-section ol li strong {
    color:rgba(var(--t),.75)
}
.info-grid,.security-features,.cookie-types,.cookie-management,.prohibited-grid {
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:8px;
    margin-top:8px
}
.info-card,.security-card,.cookie-card,.management-card {
    background:rgba(var(--t),.03);
    padding:12px;
    border-radius:8px;
    border:1px solid rgba(var(--t),.05)
}
.info-card h4,.security-card h4,.cookie-card h4,.management-card h4 {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.8);
    margin:0 0 4px
}
.info-card p,.security-card p,.cookie-card p,.management-card p {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.45);
    margin:0
}
.info-card ul,.security-card ul,.cookie-card ul,.management-card ul {
    margin:4px 0 0;
    padding-left:12px
}
.info-card ul li,.security-card ul li,.cookie-card ul li,.management-card ul li {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.45);
    margin-bottom:2px
}
.cookie-card .cookie-icon {
    font-size:var(--fs-xl);
    font-weight:700;
    color:rgba(var(--primary),1);
    margin-bottom:4px
}
.cookie-card .cookie-status {
    font-size:9px;
    font-weight:700;
    padding:2px 6px;
    border-radius:4px;
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1);
    display:inline-block;
    margin-bottom:4px
}
.cookie-card .cookie-status.preference {
    background:rgba(var(--t),.08);
    color:rgba(var(--t),.5)
}
.purpose-list,.rights-list,.bonus-terms,.third-party-list,.transaction-rules {
    margin-top:8px
}
.purpose-item,.right-item,.term-item,.third-party-item {
    padding:8px 12px;
    background:rgba(var(--t),.03);
    border-radius:8px;
    border:1px solid rgba(var(--t),.05);
    margin-bottom:4px
}
.purpose-item:last-child,.right-item:last-child,.term-item:last-child,.third-party-item:last-child {
    margin-bottom:0
}
.purpose-item {
    display:flex;
    gap:8px
}
.purpose-item .purpose-icon {
    width:24px;
    height:24px;
    border-radius:50%;
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:var(--fs-xs);
    font-weight:700;
    flex-shrink:0
}
.purpose-item div {
    flex:1
}
.purpose-item div h4 {
    margin:0 0 1px;
    font-size:var(--fs-sm)
}
.purpose-item div p {
    margin:0;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.45)
}
.right-item strong,.third-party-item strong {
    display:block;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.75);
    margin-bottom:1px
}
.right-item span,.third-party-item span {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.45)
}
.term-item {
    display:flex;
    gap:8px
}
.term-item .term-number {
    width:24px;
    height:24px;
    border-radius:50%;
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:var(--fs-xs);
    font-weight:700;
    flex-shrink:0
}
.term-item div {
    flex:1
}
.term-item div strong {
    display:block;
    font-size:var(--fs-sm);
    color:rgba(var(--t),.75);
    margin-bottom:1px
}
.term-item div p {
    margin:0;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.45)
}
.prohibited-item {
    background:rgba(var(--t),.03);
    padding:12px;
    border-radius:8px;
    border:1px solid rgba(var(--danger),.08)
}
.prohibited-item .prohibited-icon {
    font-size:var(--fs-lg);
    font-weight:700;
    color:rgba(var(--danger),1);
    margin-bottom:4px
}
.prohibited-item h4 {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.8);
    margin:0 0 2px
}
.prohibited-item p {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.45);
    margin:0
}
.rule-card,.rule-box {
    background:rgba(var(--t),.03);
    padding:12px;
    border-radius:8px;
    border:1px solid rgba(var(--t),.05)
}
.rule-card h4,.rule-box h4 {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.8);
    margin:0 0 6px
}
.rule-card ul,.rule-box ul {
    margin:0;
    padding-left:12px
}
.rule-card ul li,.rule-box ul li {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.5);
    margin-bottom:2px
}
.rule-card ul li:last-child,.rule-box ul li:last-child {
    margin-bottom:0
}
.terms-content {
    margin-top:8px
}
.responsible-gaming,.suspension-info {
    background:rgba(var(--t),.03);
    padding:12px;
    border-radius:8px;
    border:1px solid rgba(var(--t),.05);
    margin-top:8px
}
.responsible-gaming p,.suspension-info p {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.55);
    margin-bottom:6px
}
.responsible-gaming ul,.suspension-info ul {
    margin:0;
    padding-left:12px
}
.responsible-gaming ul li,.suspension-info ul li {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.5);
    margin-bottom:2px
}
.suspension-info {
    border-color:rgba(var(--danger),.1)
}
.cookie-table {
    margin-top:8px;
    overflow-x:auto
}
.cookie-table table {
    width:100%;
    border-collapse:collapse;
    font-size:var(--fs-xs)
}
.cookie-table table th,.cookie-table table td {
    padding:8px 10px;
    text-align:left;
    border-bottom:1px solid rgba(var(--t),.05)
}
.cookie-table table th {
    font-weight:700;
    color:rgba(var(--t),.6)
}
.cookie-table table td {
    color:rgba(var(--t),.45)
}
.cookie-table table td code {
    background:rgba(var(--t),.05);
    padding:1px 4px;
    border-radius:3px;
    font-family:monospace;
    font-size:var(--fs-xs)
}
.cookie-table .badge {
    display:inline-block;
    padding:2px 6px;
    border-radius:4px;
    font-size:9px;
    font-weight:700
}
.cookie-table .badge.essential {
    background:rgba(var(--primary),.1);
    color:rgba(var(--primary),1)
}
.cookie-table .badge.functional {
    background:#4a90e21a;
    color:#4a90e2
}
.cookie-table .badge.analytical {
    background:#ffc1071a;
    color:#c89600
}
.cookie-table .badge.marketing {
    background:#9c27b01a;
    color:#9c27b0
}
.warning-box {
    background:rgba(var(--danger),.04);
    border-left:3px solid rgba(var(--danger),.5);
    padding:8px 12px;
    border-radius:0 6px 6px 0;
    margin-top:8px;
    font-size:var(--fs-xs);
    color:rgba(var(--t),.55)
}
.warning-box strong {
    color:rgba(var(--danger),1)
}
.contact-info {
    margin-top:6px
}
.contact-info p {
    font-size:var(--fs-sm);
    color:rgba(var(--t),.55);
    margin:3px 0
}
.contact-info p strong {
    color:rgba(var(--t),.75)
}
.contact-info p a {
    color:rgba(var(--primary),1);
    text-decoration:none
}
.contact-info p a:hover {
    text-decoration:underline
}
.legal-section.highlight {
    background:rgba(var(--primary),.03);
    padding:14px;
    border-radius:8px;
    border:1px solid rgba(var(--primary),.06);
    margin-top:16px
}
.mobile-view .legal-page {
    border-radius:0;
    border-left:none;
    border-right:none
}
.mobile-view .legal-header {
    padding:16px 16px 0
}
.mobile-view .legal-content {
    padding:0 16px 16px
}
.mobile-view .legal-tab {
    font-size:var(--fs-xs);
    padding:10px 6px
}
@media(max-width:640px) {
    .info-grid,.security-features,.cookie-types,.cookie-management,.prohibited-grid {
        grid-template-columns:1fr
    }
}
.lottery-container h1 {
    font-size:var(--fs-3xl);
    font-weight:800;
    text-align:center;
    margin-bottom:24px;
    color:rgba(var(--t),.95)
}
.lottery-container .loading {
    text-align:center;
    font-size:var(--fs-lg);
    color:rgba(var(--t),.4);
    padding:40px 0
}
.lottery-container .countdown {
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:24px 0
}
.lottery-container .countdown h2 {
    font-size:var(--fs-3xl);
    font-weight:900;
    color:rgba(var(--primary),1);
    width:90px;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(var(--primary),.06);
    border:2px solid rgba(var(--primary),.2);
    margin:0;
    animation:lotteryCountdown 1s ease-in-out infinite
}
.lottery-container .slot-container {
    display:flex;
    justify-content:center;
    padding:10px 0
}
.lottery-container .slot-container .slot-card {
    background:rgba(var(--card),1);
    border:3px solid rgba(var(--primary),.35);
    border-radius:50%;
    width:200px;
    height:200px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
    animation:lotteryGlow 2s ease-in-out infinite alternate;
    overflow:hidden;
    transition:border-color .3s ease
}
.lottery-container .slot-container .slot-card.winner-glow {
    border-color:rgba(var(--primary),.8);
    animation:lotteryWinnerGlow 1.5s ease-in-out infinite alternate
}
.lottery-container .slot-container .slot-card .avatar {
    width:64px;
    height:64px;
    border-radius:50%;
    margin:0 auto 6px;
    object-fit:cover
}
.lottery-container .slot-container .slot-card .avatar img {
    width:100%!important;
    height:100%!important;
    border-radius:50%;
    object-fit:cover
}
.lottery-container .slot-container .slot-card .username {
    font-size:var(--fs-sm);
    font-weight:700;
    margin:2px 0!important;
    color:rgba(var(--t),.9)
}
.lottery-container .slot-container .slot-card .ticket {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--primary),1);
    margin:0
}
.lottery-container .slot-container .slot-card .event {
    font-size:var(--fs-base);
    font-weight:800;
    color:rgba(var(--primary),1)
}
.lottery-container .slot-container .slot-card p {
    margin:0
}
.lottery-container .slot-container .slot-card img[src*=coin] {
    width:100px!important;
    height:auto;
    animation:lotteryCoinSpin 3s ease-in-out infinite
}
.lottery-container .controls {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    padding:16px 0;
    gap:8px
}
.lottery-container .controls small {
    font-size:var(--fs-xs);
    font-weight:700;
    color:rgba(var(--t),.4);
    letter-spacing:.5px
}
.lottery-container .controls .d-flex {
    gap:6px
}
.lottery-container .controls button {
    font-size:var(--fs-sm)!important;
    font-weight:700!important;
    height:var(--h-btn)!important;
    width:auto!important;
    padding:0 20px!important;
    transition:all .2s ease
}
.lottery-container .controls button:disabled {
    opacity:.4;
    cursor:not-allowed
}
.lottery-container .spinning {
    animation:lotterySpinText .08s linear infinite
}
.lottery-container .winner-container {
    margin-top:20px;
    text-align:center
}
.lottery-container .winner-container h2 {
    font-size:var(--fs-xl);
    font-weight:800;
    color:rgba(var(--t),.9);
    margin-bottom:14px
}
.lottery-container .winner-card {
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    padding:16px;
    width:100%;
    margin-bottom:8px;
    position:relative;
    flex-direction:column;
    gap:10px;
    animation:lotteryCardReveal .5s cubic-bezier(.34,1.56,.64,1) both;
    transition:border-color .2s ease
}
.lottery-container .winner-card:hover {
    border-color:rgba(var(--primary),.15)
}
.lottery-container .winner-card .winner-info {
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:8px
}
.lottery-container .winner-card .winner-number {
    font-size:var(--fs-sm);
    font-weight:800;
    background:rgba(var(--primary),1);
    color:rgba(var(--primary-sc),1);
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:-32px;
    animation:lotteryBadgePop .4s .2s cubic-bezier(.34,1.56,.64,1) both
}
.lottery-container .winner-card .winner-avatar {
    width:44px;
    height:44px;
    border-radius:50%;
    object-fit:cover
}
.lottery-container .winner-card .winner-avatar img {
    width:100%!important;
    height:100%!important;
    border-radius:50%;
    object-fit:cover
}
.lottery-container .winner-card .winner-username {
    font-size:var(--fs-base);
    font-weight:700;
    color:rgba(var(--t),.9);
    margin:0
}
.lottery-container .winner-card .winner-ticket {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--primary),1);
    margin:0;
    text-align:center
}
.lottery-container .winner-card .winner-event {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--primary),1)
}
.lottery-container .winner-card .winner-actions {
    display:flex;
    flex-direction:column;
    gap:6px;
    align-items:center
}
.lottery-container .winner-card .winner-actions .button {
    font-size:var(--fs-xs)!important;
    height:auto!important;
    padding:5px 12px!important
}
.lottery-container .winner-card .exclude-checkbox {
    display:flex;
    align-items:center;
    color:rgba(var(--t),.6);
    font-size:var(--fs-xs);
    font-weight:600;
    cursor:pointer
}
.lottery-container .winner-card .exclude-checkbox input {
    margin-right:6px;
    width:14px;
    height:14px;
    accent-color:rgba(var(--primary),1)
}
.lottery-container .winner-card .empty-winner {
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(var(--t),.3);
    flex-direction:column
}
.lottery-container .winner-card .empty-winner p {
    margin:0;
    font-size:var(--fs-sm)
}
@keyframes lotteryCountdown {
    0% {
        transform:scale(1);
        opacity:1
    }
    50% {
        transform:scale(1.15);
        opacity:.7
    }
    to {
        transform:scale(1);
        opacity:1
    }
}
@keyframes lotteryGlow {
    0% {
        box-shadow:0 0 rgba(var(--primary),.05);
        border-color:rgba(var(--primary),.2)
    }
    to {
        box-shadow:0 0 28px 4px rgba(var(--primary),.2);
        border-color:rgba(var(--primary),.5)
    }
}
@keyframes lotteryWinnerGlow {
    0% {
        box-shadow:0 0 12px 2px rgba(var(--primary),.25);
        border-color:rgba(var(--primary),.6)
    }
    to {
        box-shadow:0 0 40px 8px rgba(var(--primary),.4);
        border-color:rgba(var(--primary),1)
    }
}
@keyframes lotterySpinText {
    0% {
        opacity:1;
        transform:translateY(0)
    }
    50% {
        opacity:.3;
        transform:translateY(-1px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
@keyframes lotteryCoinSpin {
    0%,to {
        transform:rotateY(0) scale(1)
    }
    25% {
        transform:rotateY(15deg) scale(1.02)
    }
    75% {
        transform:rotateY(-15deg) scale(1.02)
    }
}
@keyframes lotteryCardReveal {
    0% {
        opacity:0;
        transform:translateY(16px) scale(.94)
    }
    to {
        opacity:1;
        transform:translateY(0) scale(1)
    }
}
@keyframes lotteryBadgePop {
    0% {
        opacity:0;
        transform:scale(0)
    }
    to {
        opacity:1;
        transform:scale(1)
    }
}
.mobile-view .lottery-container .countdown h2 {
    width:70px;
    height:70px;
    font-size:var(--fs-2xl)
}
.mobile-view .lottery-container .slot-container .slot-card {
    width:160px;
    height:160px;
    border-width:2px
}
.mobile-view .lottery-container .slot-container .slot-card .avatar {
    width:50px;
    height:50px
}
.mobile-view .lottery-container .slot-container .slot-card .username {
    font-size:var(--fs-xs)
}
.mobile-view .lottery-container .slot-container .slot-card img[src*=coin] {
    width:80px!important
}
.mobile-view .lottery-container .controls button {
    padding:0 14px!important;
    font-size:var(--fs-xs)!important
}
.mobile-view .lottery-container .winner-card {
    padding:12px
}
.mobile-view .lottery-container .winner-card .winner-number {
    width:28px;
    height:28px;
    font-size:var(--fs-xs);
    margin-top:-28px
}
.mobile-view .lottery-container .winner-card .winner-avatar {
    width:36px;
    height:36px
}
.mobile-view .lottery-container .winner-card .winner-username {
    font-size:var(--fs-sm)
}
@keyframes scaleSVG {
    0% {
        transform:scale(1)
    }
    to {
        transform:scale(1.1)
    }
}
@keyframes fadeIn {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
.mobile-view .layout.tmp_h_2 .left-side {
    position:fixed!important;
    left:0!important;
    top:var(--header-height)!important;
    width:85vw!important;
    max-width:320px!important;
    height:calc(100vh - var(--header-height))!important;
    z-index:99999!important;
    transform:translate(-100%);
    transition:transform .3s cubic-bezier(.4,0,.2,1);
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px!important
}
.mobile-view .layout.tmp_h_2.side-o .left-side {
    transform:translate(0)!important
}
.mobile-view .layout.tmp_h_2.side-o .left-side .menu-category ul li a {
    font-size:var(--fs-base);
    padding:14px 10px;
    font-weight:600
}
.mobile-view .layout.tmp_h_2.side-o .left-side .category-title {
    font-size:var(--fs-sm)!important;
    padding:10px 8px 4px!important
}
.mobile-view .layout.tmp_h_2 .inc {
    margin-left:0!important;
    padding:12px 12px 70px!important
}
.mobile-view .layout.tmp_h_2 .inc .container {
    width:100%!important;
    padding:0!important
}
.mobile-view .layout.tmp_h_2 .inc footer {
    width:100vw!important;
    margin-left:-12px!important;
    margin-right:-12px!important;
    padding-left:12px!important;
    padding-right:12px!important
}
.mobile-view .layout.tmp_h_2.chat-opened .inc {
    padding-bottom:12px!important
}
.mobile-view .layout.tmp_h_2 header.v2 .h-c {
    padding:0 12px!important;
    gap:8px!important
}
.mobile-view .layout.tmp_h_2 header.v2 .h-left {
    gap:6px!important;
    flex:1;
    min-width:0
}
.mobile-view .layout.tmp_h_2 header.v2 .logo-link img {
    width:120px!important
}
.mobile-view .layout.tmp_h_2 header.v2 .h-nav {
    display:none!important
}
.mobile-view .layout.tmp_h_2 header.v2 .h-right {
    gap:5px!important;
    flex-shrink:0
}
.mobile-view .layout.tmp_h_2 header.v2 .h-right .market-btn-header {
    display:none!important
}
.mobile-view .layout.tmp_h_2 header.v2 .h-right .search-btn {
    display:none!important
}
.mobile-view .layout.tmp_h_2 header.v2 .h-right .chat-btn {
    display:none!important
}
.mobile-view .layout .inc .container {
    width:100%!important
}
.mobile-view .layout footer .container {
    width:100%!important;
    flex-direction:column;
    text-align:center
}
.mobile-view .layout footer .container .social {
    margin-top:15px
}
.mobile-view .layout footer .container .c {
    margin:20px 0!important
}
.mobile-view .user-header {
    border-radius:0!important;
    border-left:none!important;
    border-right:none!important;
    border-top:none!important
}
.mobile-view .user-header .top {
    padding:14px 12px!important
}
.mobile-view .user-header .top .left {
    gap:10px!important
}
.mobile-view .user-header .top .left .avatar {
    width:40px!important;
    height:40px!important
}
.mobile-view .user-header .top .left .text b {
    font-size:var(--fs-base)!important
}
.mobile-view .user-header .top .role-badge {
    top:10px!important;
    right:12px!important
}
.mobile-view .user-header ul {
    padding:0 8px!important;
    gap:0!important
}
.mobile-view .user-header ul li a {
    padding:10px!important;
    font-size:var(--fs-xs)!important
}
.mobile-view .user-header ul li a svg {
    width:13px!important;
    height:13px!important
}
.mobile-view .user-content {
    border-radius:0!important;
    border-left:none!important;
    border-right:none!important;
    padding:12px!important
}
.mobile-view .user-content .col {
    flex:1!important;
    max-width:100%!important
}
.mobile-view .verify-grid {
    grid-template-columns:1fr!important
}
.mobile-view .verify-card {
    padding:0 12px!important
}
.mobile-view .uc-row {
    flex-direction:column;
    align-items:flex-start!important;
    gap:8px!important
}
.mobile-view .uc-row__label {
    min-width:auto!important
}
.mobile-view .uc-row__input {
    width:100%!important
}
.mobile-view .uc-row__action {
    width:100%!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important
}
.mobile-view .uc-row__action input {
    max-width:100%!important
}
.mobile-view .uc-row__action .button {
    width:100%!important
}
.mobile-view .history-tabs {
    white-space:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
}
.mobile-view .history-tabs::-webkit-scrollbar {
    display:none
}
.mobile-view .partners a {
    width:auto!important;
    min-width:auto!important
}
.mobile-view .card .heart {
    top:5px
}
.mobile-view .card.partner {
    overflow:hidden
}
.mobile-view .card.partner h1 {
    font-size:var(--fs-sm)!important
}
.mobile-view .banners .banner {
    flex-direction:column
}
.mobile-view .banners .banner .text h2 {
    font-size:var(--fs-base);
    text-align:center;
    margin:5px 0
}
.mobile-view .banners .banner .text span {
    width:100%!important;
    text-align:center;
    display:block;
    font-size:var(--fs-sm);
    max-height:30px
}
.mobile-view .banners .banner .text .button {
    width:100%
}
.mobile-view .banners .banner .icon img,.mobile-view .banners .banner .icon .lottie-animation-container {
    width:50px!important;
    margin:0!important;
    height:50px!important
}
.mobile-view .auth-page {
    flex-direction:column!important;
    min-height:auto!important;
    border-radius:0!important;
    border:none!important
}
.mobile-view .auth-page .auth-page__visual {
    height:180px!important;
    flex:none!important
}
.mobile-view .auth-page .auth-page__visual-overlay {
    padding:16px!important
}
.mobile-view .auth-page .auth-page__visual-overlay h2 {
    font-size:var(--fs-xl)!important
}
.mobile-view .auth-page .auth-page__visual-overlay p {
    font-size:var(--fs-sm)!important
}
.mobile-view .auth-page .auth-page__logo {
    width:70px!important
}
.mobile-view .auth-page .auth-page__form {
    padding:20px 16px!important
}
.mobile-view .auth-page .auth-page__header {
    margin-bottom:16px!important
}
.mobile-view .auth-page .auth-page__header h1 {
    font-size:var(--fs-2xl)!important
}
.mobile-view .auth-page .auth-page__header p {
    font-size:var(--fs-sm)!important
}
.mobile-view .fix-side {
    display:none!important
}
.mobile-view table td,.mobile-view table th {
    padding:10px 5px!important;
    width:auto;
    font-size:var(--fs-xs)!important
}
.mobile-view table td .button,.mobile-view table th .button {
    min-width:auto;
    width:auto!important;
    font-size:var(--fs-xs)!important
}
.mobile-view .tournaments__wrapper .buttons {
    white-space:nowrap;
    overflow-x:scroll
}
.mobile-view .mobile-bottom-navs {
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:99997;
    display:flex;
    align-items:stretch;
    background:rgba(var(--header),1);
    border-top:1px solid rgba(var(--t),.08);
    padding:0;
    padding-bottom:env(safe-area-inset-bottom,0)
}
.mobile-view .mobile-bottom-navs li {
    flex:1;
    display:flex
}
.mobile-view .mobile-bottom-navs li a,.mobile-view .mobile-bottom-navs li>a {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    width:100%;
    padding:8px 4px;
    color:rgba(var(--t),.6);
    font-size:var(--fs-xs);
    font-weight:600;
    text-align:center;
    transition:color .2s ease;
    -webkit-tap-highlight-color:transparent
}
.mobile-view .mobile-bottom-navs li a span:first-child,.mobile-view .mobile-bottom-navs li>a span:first-child {
    display:flex;
    align-items:center;
    justify-content:center
}
.mobile-view .mobile-bottom-navs li a span:first-child svg,.mobile-view .mobile-bottom-navs li>a span:first-child svg {
    width:22px!important;
    height:22px!important;
    fill:rgba(var(--t),.55)!important;
    margin:0!important;
    transition:fill .2s ease
}
.mobile-view .mobile-bottom-navs li a:hover,.mobile-view .mobile-bottom-navs li a:active,.mobile-view .mobile-bottom-navs li>a:hover,.mobile-view .mobile-bottom-navs li>a:active {
    color:rgba(var(--t),.8)
}
.mobile-view .mobile-bottom-navs li a:hover span:first-child svg,.mobile-view .mobile-bottom-navs li a:active span:first-child svg,.mobile-view .mobile-bottom-navs li>a:hover span:first-child svg,.mobile-view .mobile-bottom-navs li>a:active span:first-child svg {
    fill:rgba(var(--t),.8)!important
}
.mobile-view .mobile-bottom-navs li a.router-link-active,.mobile-view .mobile-bottom-navs li>a.router-link-active {
    color:rgba(var(--primary),1)
}
.mobile-view .mobile-bottom-navs li a.router-link-active span:first-child svg,.mobile-view .mobile-bottom-navs li>a.router-link-active span:first-child svg {
    fill:rgba(var(--primary),1)!important
}
.mobile-view .mbn--v3 .mbn-center {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center
}
.mobile-view .mbn--v3 .mbn-center a {
    position:relative;
    z-index:2;
    margin-top:-20px;
    width:56px!important;
    height:56px!important;
    min-width:56px;
    border-radius:50%!important;
    background:rgba(var(--primary),1)!important;
    color:rgba(var(--primary-sc),1)!important;
    padding:0!important;
    gap:0!important;
    box-shadow:0 -4px 16px rgba(var(--primary),.3);
    flex-direction:row!important
}
.mobile-view .mbn--v3 .mbn-center a span:first-child svg {
    width:24px!important;
    height:24px!important;
    fill:rgba(var(--primary-sc),1)!important
}
.mobile-view .mbn--v3 .mbn-center a span:last-child {
    display:none!important
}
.mobile-view .mbn--v3 .mbn-center a:active {
    transform:scale(.92)
}
.mobile-view .side-overlay {
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    top:var(--header-height);
    background:#00000080;
    z-index:99998;
    animation:fadeIn .25s ease
}
.mobile-view .chat-room {
    width:100%!important
}
.mobile-view .chat-button {
    display:none!important
}
.btn-submit {
    position:relative;
    transition:all .2s ease
}
.btn-submit.btn-loading {
    opacity:.7;
    pointer-events:none
}
.btn-submit__loader {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px
}
.btn-submit__spinner {
    width:14px;
    height:14px;
    border:2px solid currentColor;
    border-top-color:transparent;
    border-radius:50%;
    animation:btnSpin .6s linear infinite;
    flex-shrink:0
}
.btn-submit__content {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px
}
@keyframes btnSpin {
    to {
        transform:rotate(360deg)
    }
}
.es {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:48px 20px;
    width:100%
}
.es__icon {
    width:44px;
    height:44px;
    border-radius:12px;
    background:rgba(var(--t),.04);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px
}
.es__icon svg {
    width:22px;
    height:22px;
    fill:rgba(var(--t),.2)
}
.es__title {
    font-size:var(--fs-sm);
    font-weight:700;
    color:rgba(var(--t),.5);
    margin:0
}
.es__desc {
    font-size:var(--fs-xs);
    color:rgba(var(--t),.3);
    margin:4px 0 0;
    max-width:300px
}
@keyframes skShimmer {
    0% {
        background-position:-200% 0
    }
    to {
        background-position:200% 0
    }
}
.sk {
    width:100%
}
.sk--block {
    display:flex;
    flex-direction:column
}
.sk--grid,.sk--card {
    display:grid;
    grid-template-columns:repeat(var(--sk-cols, 4),1fr);
    gap:var(--sk-gap, 10px)
}
.sk--list {
    display:flex;
    flex-direction:column;
    gap:8px
}
.sk--slider {
    width:100%
}
.sk__shimmer {
    background:linear-gradient(90deg,rgba(var(--t),.03),rgba(var(--t),.07),rgba(var(--t),.03) 80%);
    background-size:200% 100%;
    animation:skShimmer 1.6s ease-in-out infinite;
    border-radius:8px
}
.sk__item .sk__shimmer {
    width:100%;
    height:100%;
    border-radius:inherit
}
.sk__row {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    background:rgba(var(--t),.015);
    border:1px solid rgba(var(--t),.04);
    border-radius:10px
}
.sk__circle {
    width:36px;
    height:36px;
    min-width:36px;
    border-radius:50%;
    background:linear-gradient(90deg,rgba(var(--t),.03),rgba(var(--t),.07),rgba(var(--t),.03) 80%);
    background-size:200% 100%;
    animation:skShimmer 1.6s ease-in-out infinite
}
.sk__lines {
    flex:1;
    display:flex;
    flex-direction:column;
    gap:6px
}
.sk__card {
    background:rgba(var(--card),1);
    border:1px solid rgba(var(--card-border),1);
    border-radius:12px;
    overflow:hidden
}
.sk__card-img {
    width:100%;
    border-radius:0
}
.sk__card-body {
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:6px
}
.sk__slider .sk__shimmer {
    width:100%;
    border-radius:12px
}
.mobile-view .sk--grid,.mobile-view .sk--card {
    grid-template-columns:repeat(2,1fr)
}