.img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}

.no-select {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.no-select:focus {
    outline: none !important
}

.is-blur-4px {
    filter: blur(4px)
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    touch-action: manipulation;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
html {
    height: 100%;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    text-rendering: optimizeLegibility !important;
    width: 100%;
    -webkit-font-smoothing: antialiased !important
}

html {
    background-color: #000
}

body {
    color: #fff;
    cursor: default;
    font-family: Roboto Flex, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    min-width: 320px;
    -webkit-overflow-scrolling: touch !important
}

footer,
main,
section {
    position: relative
}

.page {
    flex-direction: column;
    margin: 0 auto;
    max-width: 768px;
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 1
}

.main,
.page {
    align-items: stretch;
    display: flex
}

.main {
    justify-content: flex-start
}

.main,
.main-center {
    flex: 1 1 auto;
    flex-direction: column
}

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

.main-center>svg {
    height: 75px;
    width: 150px
}

.page-enter-active,
.page-leave-active {
    transition: opacity .1s .25s;
    -webkit-transition: opacity .1s .25s
}

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

.container {
    margin: 0 auto;
    max-width: 768px;
    width: 100%
}

img {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

a {
    text-decoration: none
}

svg {
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

ul {
    list-style: none
}

.overflow-hidden {
    overflow: hidden
}

.button {
    border: none;
    box-shadow: none;
    cursor: pointer;
    font-family: inherit;
    outline: none;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.connectButton {
    /* Assuming your button class has styles like this */
    background-color: #007bff; /* Example style */
    color: white;
    padding: 30px 40px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /* Copy all other styles from .button */
}

.button:disabled {
    cursor: not-allowed
}

.button:disabled.button-primary {
    background-color: #4e4f50cc
}

.button:disabled.is-disabled-blue {
    background-color: #5a60ff4d
}

.button-copy {
    background-color: transparent;
    color: #4e4f50
}

.button-copy:active,
.button-copy:hover {
    color: #fff
}

.button-squad {
    align-items: center;
    background: #5a60ff;
    border-radius: 12px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    line-height: 16px;
    padding: 12px 24px;
    width: auto
}

.button-squad:hover {
    background-color: #383fff
}

.button-primary {
    background: #5a60ff;
    color: #fff
}

.button-primary:active,
.button-primary:hover {
    background-color: #494fff
}

.button-danger {
    background: #ff5f55;
    color: #fff
}

.button-danger:active,
.button-danger:hover {
    background-color: #ff4f44
}

.button-orange {
    background: linear-gradient(98deg, #ff5f3c 3.58%, #ffb546 101.32%);
    color: #fff
}

.button-orange:active,
.button-orange:hover {
    background: linear-gradient(98deg, #ffb546 3.58%, #ff5f3c 101.32%)
}

.button-dark {
    background: #272a2f;
    border: 2px solid hsla(0, 0%, 100%, .1);
    color: #fff
}

.button-dark:active,
.button-dark:hover {
    background-color: #25282d
}

.button-transparent {
    background: transparent;
    border: 1px solid #272a2f;
    color: #fff
}

.button-transparent:active,
.button-transparent:hover {
    border-color: #fff
}

.button-transparent-50 {
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .5);
    color: #fff
}

.button-transparent-50:active,
.button-transparent-50:hover {
    border-color: #fff
}

.button-small {
    border-radius: 16px;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    height: 48px;
    padding: 0 48px;
    width: auto
}

.button-small.is-small-gap {
    padding: 0 24px
}

.button-small svg {
    fill: #fff;
    height: 20px;
    margin-left: 6px;
    width: 20px
}

.button-small-v2 {
    border-radius: 16px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    padding: 0 24px;
    width: auto
}

.button-small-v2 svg {
    fill: #fff;
    height: 20px;
    margin-left: 6px;
    width: 20px
}

.button-xs {
    border-radius: 16px;
    display: inline-flex;
    font-size: 16px;
    font-weight: 700;
    height: 32px;
    padding: 0 24px;
    width: auto
}

.button-xs svg {
    fill: #fff;
    height: 20px;
    margin-left: 6px;
    width: 20px
}

.button-xxs {
    border-radius: 8px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 400;
    height: 32px;
    padding: 0 15px;
    width: auto
}

.button-default {
    border-radius: 16px;
    font-size: 16px;
    font-weight: 700;
    height: 60px;
    padding: 0 6px
}

.button-default svg {
    height: 24px;
    margin-left: 6px;
    width: 24px
}

.button-default img {
    margin-left: 6px
}

.button-register {
    border-radius: 16px;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    padding: 0 6px
}

.button-register svg {
    height: 24px;
    margin-left: 6px;
    width: 24px
}

.button-register img {
    margin-left: 6px
}

.button-large {
    border-radius: 20px;
    font-size: 20px;
    font-weight: 700;
    height: 80px;
    padding: 0 12px
}

.button-large svg {
    height: 24px;
    margin-left: 6px;
    width: 24px
}

.button-large img {
    margin-left: 6px
}

.button-gradient {
    background: linear-gradient(96deg, #5a60ff, #b65aff 99.09%);
    border-radius: 8px;
    padding: 8px
}

.button-gradient:before {
    border: 2px solid hsla(0, 0%, 100%, .12);
    border-radius: 8px;
    content: "";
    display: block;
    height: calc(100% - 4px);
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 4px);
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.button-gradient:hover {
    background: linear-gradient(96deg, #b65aff, #5a60ff 99.09%)
}

.button-gradient:hover:before {
    border-color: #ffffff4d
}

.pulse {
    animation: pulse-animation 1s ease-in-out infinite !important
}

.pulse-balance {
    animation: pulse-balance-animation .5s ease-in-out infinite !important
}

@keyframes pulse-animation {
    0% {
        transform: scale(.98)
    }

    50% {
        transform: scale(1.02)
    }

    to {
        transform: scale(.98)
    }
}

@keyframes pulse-balance-animation {
    0% {
        transform: scale(.98)
    }

    50% {
        transform: scale(1.02)
    }

    to {
        transform: scale(.98)
    }
}

.input {
    border: 1px solid #000;
    box-shadow: none;
    display: block;
    font-family: inherit;
    outline: none;
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

.input.input-default {
    background-color: #272a2f;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    height: 48px;
    margin-bottom: 6px;
    padding: 0 16px;
    width: 100%
}

.input.input-default::-webkit-input-placeholder {
    color: #8b8e93;
    font-size: 14px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

.input.input-default:-moz-placeholder,
.input.input-default::-moz-placeholder {
    color: #8b8e93;
    font-size: 14px;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

.input.input-default:-ms-input-placeholder {
    color: #8b8e93;
    font-size: 14px;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

.input.input-default:hover::-webkit-input-placeholder {
    opacity: .5
}

.input.input-default:hover:-moz-placeholder,
.input.input-default:hover::-moz-placeholder {
    opacity: .5
}

.input.input-default:hover:-ms-input-placeholder {
    opacity: .5
}

.input-wrapper {
    position: relative
}

.input-wrapper.has-check .input {
    padding-right: 36px
}

.input-wrapper.has-check .icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%)
}

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

.icon svg {
    height: 100%;
    width: 100%
}

.icon.is-flipped {
    transform: rotate(180deg)
}

.icon.is-white {
    fill: #fff
}

.icon.is-yellow {
    color: #ffd337
}

.icon.icon-info,
.icon.icon-info svg {
    height: 20px;
    width: 20px
}

.icon.icon-earn,
.icon.icon-earn svg,
.icon.icon-friends,
.icon.icon-friends svg,
.icon.icon-mine,
.icon.icon-mine svg,
.icon.icon-playground,
.icon.icon-playground svg,
.icon.icon-squad,
.icon.icon-squad svg {
    height: 28px;
    width: 28px
}

.icon.icon-heart,
.icon.icon-heart svg {
    height: 24px;
    width: 24px
}

.icon.icon-arrow-onboarding,
.icon.icon-arrow-onboarding svg {
    height: 89px;
    width: 89px
}

.icon.icon-arrow-onboarding-new,
.icon.icon-arrow-onboarding-new svg {
    height: 112px;
    width: 109px
}

.icon.icon-info svg {
    height: 18px;
    width: 18px
}

.icon.icon-energy-large svg {
    height: 104px;
    width: 80px
}

.icon.is-10 {
    height: 10px;
    width: 10px
}

.icon.is-12 {
    height: 12px;
    width: 12px
}

.icon.is-16 {
    height: 16px;
    width: 16px
}

.icon.is-24 {
    height: 24px;
    width: 24px
}

.icon.is-32 {
    height: 32px;
    width: 32px
}

.is-token-image {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.is-hamster-image {
    display: block;
    height: auto;
    max-width: 100%
}

.is-title,
h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px
}

.text-yellow {
    color: #ffd337
}

.text-green {
    color: #82f88e
}

.text-blue {
    color: #7277ff
}

.text-orange {
    color: #ff9060
}

.text-grey {
    color: #8b8e93
}

.text-white40 {
    color: #fff6
}

.section-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 32px
}

.section-description {
    color: #8b8e93;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: -12px
}

.is-xs-text {
    font-size: 10px;
    line-height: 14px;
    margin-top: 6px
}

.achievements {
    background-color: #1c1f24;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    flex: 1 1 auto;
    margin-top: 12px;
    padding: 24px 16px 66px
}

.achievements-item-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px
}

.achievements-item-header p {
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 700;
    padding-right: 12px
}

.achievements-item-completed {
    align-items: center;
    background: linear-gradient(180deg, #74fc82, #297e32);
    border: 1px solid #1c1f24;
    border-radius: 50%;
    display: flex;
    height: 18px;
    justify-content: center;
    margin-right: 6px;
    width: 18px
}

.achievements-item-completed svg {
    color: #fff;
    height: 10px;
    width: 10px
}

.achievements-item-next {
    border: 1px solid #34383f;
    border-radius: 6px;
    font-size: 9px;
    height: 24px;
    line-height: 10px;
    padding: 6px;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.achievements-item-list {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    margin: 12px -4px 20px
}

.achievements-show {
    background-color: #000;
    bottom: 0;
    left: 0;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999999
}

.achievements-show-animation {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.achievements-show-top {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    padding: 18px 64px 0;
    text-align: center
}

.achievements-show-top span {
    color: #ffc737
}

.achievements-show-center {
    align-items: center;
    display: flex;
    height: 280px;
    justify-content: center;
    position: relative;
    width: 280px
}

.achievements-show-center .is-glow {
    animation: circle-rotate 60s linear infinite;
    height: 514px;
    left: 50%;
    margin-left: -257px;
    margin-top: -257px;
    position: absolute;
    top: 50%;
    width: 514px;
    z-index: 1
}

.achievements-show-center .is-achievement {
    height: 150px;
    opacity: 0;
    width: 150px
}

.achievements-show-center .achievement-circles {
    opacity: 0
}

.achievements-show-plate {
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    background: linear-gradient(180deg, transparent, #1c1f24);
    border-radius: 32px;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 176px;
    justify-content: flex-end;
    padding: 18px;
    position: absolute;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 280px;
    z-index: 1
}

.achievements-show-plate span {
    font-size: 11px;
    line-height: 12px
}

.achievements-show-plate span:first-child {
    margin-bottom: 6px
}

.achievements-show-plate span:last-child {
    margin-top: 6px
}

.achievements-show-plate p {
    color: #ffc737;
    font-size: 32px;
    font-weight: 700
}

.achievements-show-bottom {
    align-items: flex-start;
    display: flex;
    height: 220px;
    justify-content: center;
    width: 100%
}

.achievements-show-envelope {
    align-items: center;
    display: flex;
    height: 206px;
    justify-content: center;
    position: relative;
    width: 320px;
    z-index: 5
}

.achievements-show-envelope .is-open {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.achievements-show-envelope .is-close {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.achievements-show-envelope .is-tap-text {
    bottom: -40px;
    color: #fff6;
    font-size: 16px;
    position: absolute;
    text-align: center;
    z-index: 10
}

.achievements-show-envelope .is-counter {
    align-items: center;
    background-color: #ff6f6e;
    border-radius: 42px;
    bottom: -15px;
    color: #fff;
    display: flex;
    height: 42px;
    justify-content: center;
    min-width: 42px;
    padding: 4px;
    position: absolute;
    text-align: center;
    z-index: 4
}

.achievements-show-envelope .is-counter:before {
    border-radius: 36px;
    box-shadow: inset 0 0 3px #0003;
    content: "";
    display: block;
    height: calc(100% - 6px);
    position: absolute;
    width: calc(100% - 6px)
}

.achievements-show-envelope .is-counter span {
    font-size: 28px;
    font-weight: 700;
    text-shadow: .648px 1.297px 2.594px rgba(0, 0, 0, .17)
}

.achievements-show-list {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    position: relative
}

.achievements-show-list-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
    padding: 20px 16px 0;
    text-align: center
}

.achievements-show-list ul {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow-y: scroll;
    padding: 0 10px 78px;
    width: 100%
}

.achievements-show-list ul li {
    background-color: #1c1f24;
    border-radius: 12px;
    display: flex;
    flex: 0 0 calc(33.33% - 12px);
    flex-direction: column;
    justify-content: space-between;
    margin: 0 6px 12px;
    max-width: calc(33.33% - 12px);
    padding: 10px;
    width: calc(33.33% - 12px);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.achievements-show-list-button {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 10
}

.achievements-show-list-button-inner {
    margin: 0 auto;
    max-width: 768px;
    padding: 0 16px 24px;
    width: 100%
}

.achievements-show-item-top {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-start
}

.achievements-show-item-top .common-image {
    height: 66px;
    margin-bottom: 6px;
    width: 66px
}

.achievements-show-item-top p {
    font-size: 9px;
    line-height: 12px;
    text-align: center
}

.achievements-show-item-top p span {
    color: #ffc737
}

.achievements-show-item-bottom {
    border-top: 1px solid #34383f;
    margin-top: 8px;
    padding-top: 8px;
    text-align: center
}

.achievements-show-item-bottom p {
    color: #ffc737;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px
}

.achievements-show-item-bottom span {
    color: #8b8e93;
    display: block;
    font-size: 9px;
    line-height: 12px
}

.achievement-item {
    cursor: pointer;
    flex: 0 0 calc(20% - 8px);
    margin: 0 4px 6px;
    max-width: calc(20% - 8px);
    position: relative;
    width: calc(20% - 8px)
}

.achievement-item-inner {
    align-items: center;
    background-color: #272a2f;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    padding-bottom: 8px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2
}

.achievement-item.is-locked {
    cursor: default
}

.achievement-item.is-locked .achievement-item-inner {
    background-color: #272a2f66
}

.achievement-item.is-locked picture {
    filter: grayscale(100%);
    opacity: .3
}

.achievement-item.is-my:before {
    border-radius: 12px;
    content: "";
    display: block;
    height: calc(100% + 2px);
    position: absolute;
    width: calc(100% + 2px);
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    background: linear-gradient(180deg, #61cb6c, #272a2f 95%);
    left: -1px;
    top: -1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.achievement-item-image {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-bottom: 6px;
    width: 40px
}

.achievement-item p {
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    padding: 0 6px
}

.achievement-stats {
    margin-top: 18px
}

.achievement-stats-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 auto 12px;
    max-width: 80%;
    text-align: center
}

.achievement-stats-image {
    align-items: center;
    display: flex;
    height: 150px;
    justify-content: center;
    margin: 0 auto 12px;
    position: relative;
    width: 150px
}

.achievement-stats-image .common-image {
    height: 72px;
    width: 72px
}

.achievement-stats-image.is-locked .common-image {
    filter: grayscale(100%)
}

.achievement-stats-image.is-large .common-image {
    height: 96px;
    width: 96px
}

.achievement-stats-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 auto 30px;
    max-width: 280px;
    text-align: center
}

.achievement-stats-percent {
    align-items: stretch;
    background: #272a2f;
    border-radius: 24px;
    display: flex;
    justify-content: space-between;
    padding: 10px
}

.achievement-stats-percent-inner {
    align-items: center;
    background: #1c1f24;
    border-radius: 16px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-height: 96px;
    padding: 12px;
    text-align: center
}

.achievement-stats-percent-inner span {
    font-size: 11px;
    line-height: 12px
}

.achievement-stats-percent-inner span:first-child {
    margin-bottom: 8px
}

.achievement-stats-percent-inner span:last-child {
    margin-top: 8px
}

.achievement-stats-percent-inner p {
    color: #ffc737;
    font-size: 32px;
    font-weight: 700
}

.achievement-stats-percent-image {
    align-items: center;
    display: flex;
    flex: 0 0 142px;
    justify-content: center;
    position: relative
}

.achievement-stats-percent-image .common-image {
    bottom: -10px;
    height: 160px;
    position: absolute;
    width: 160px
}

.achievement-circle,
.achievement-circles {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.achievement-circle {
    animation: circle-rotate 3s linear infinite
}

.achievement-circle.no-animation {
    animation: none
}

@keyframes circle-rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.airdrop-top-image {
    height: 106px;
    margin: 24px auto;
    position: relative;
    width: 106px
}

.airdrop-top-image img {
    position: relative;
    z-index: 2
}

.airdrop-top-image .icon {
    height: 275px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 275px;
    z-index: 1
}

.airdrop-top-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
    margin-bottom: 20px;
    margin-top: 24px;
    text-align: center
}

.airdrop-info {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    margin: 0 -6px
}

.airdrop-info-item {
    background: #272a2f;
    border-radius: 20px;
    flex: 1 1;
    margin: 0 6px;
    padding: 12px
}

.airdrop-info-item-title {
    color: #8b8e93;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 8px;
    min-height: 32px;
    text-align: center
}

.airdrop-info-item-status {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: center;
    line-height: 32px
}

.airdrop-info-item-status .icon {
    margin-right: 4px
}

.airdrop-item {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: center;
    padding-right: 12px;
    position: relative;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.airdrop-item:last-child {
    margin-bottom: 0
}

.airdrop-item:hover .earn-item-icon svg {
    color: #fff
}

.airdrop-item.is-disabled {
    cursor: not-allowed;
    opacity: .5
}

.airdrop-item.is-disabled-task {
    cursor: not-allowed
}

.airdrop-item.is-disabled-task .airdrop-item-content-bottom,
.airdrop-item.is-disabled-task .airdrop-item-content-top,
.airdrop-item.is-disabled-task .airdrop-item-image {
    opacity: .6
}

.airdrop-item.is-disabled-task .airdrop-item-content-top {
    padding-right: 80px
}

.airdrop-item.is-disabled-task.is-connect_ton_wallet {
    background: linear-gradient(98deg, #35a6eb99 3.58%, #309adb99 101.32%)
}

.airdrop-item.is-completed {
    background: #272a2fb3
}

.airdrop-item.is-completed svg {
    color: #fff
}

.airdrop-item.is-not-available {
    cursor: not-allowed
}

.airdrop-item.is-not-available .boost-item-content-bottom {
    opacity: .3
}

.airdrop-item.is-connect_ton_wallet {
    background: linear-gradient(98deg, #35a6eb 3.58%, #309adb 101.32%)
}

.airdrop-item.is-connect_ton_wallet .airdrop-item-icon-success {
    background: #fff
}

.airdrop-item.is-connect_ton_wallet .airdrop-item-icon-success .icon svg {
    color: #309adb !important
}

.airdrop-item.is-connect_ton_wallet .airdrop-item-icon .icon svg {
    color: #ffffff80
}

.airdrop-item-image {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 72px;
    padding: 8px;
    width: 72px
}

.airdrop-item-image img,
.airdrop-item-image svg {
    border-radius: 10px;
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.airdrop-item-image .exchange-image {
    height: 100%;
    width: 100%
}

.airdrop-item-content {
    flex: 1 1 auto
}

.airdrop-item-content-soon {
    background: #35a5e9;
    border-radius: 8px;
    bottom: 10px;
    font-size: 12px;
    padding: 4px 6px;
    position: absolute;
    right: 10px
}

.airdrop-item-content-top {
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 4px
}

.airdrop-item-content-bottom {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: flex-start
}

.airdrop-item-content-bottom span {
    font-weight: 700;
    margin-left: 6px
}

.airdrop-item-icon-success {
    align-items: center;
    background: linear-gradient(180deg, #74fc82, #297e32);
    border-radius: 50%;
    display: flex;
    height: 26px;
    justify-content: center;
    width: 26px
}

.airdrop-item-icon-success svg {
    color: #fff;
    height: 12px;
    width: 12px
}

.airdrop-item-icon>.icon svg {
    color: #4e4f50;
    height: 24px;
    width: 24px
}

.airdrop-item-bottom-info {
    bottom: 12px;
    color: #8b8e93;
    font-size: 14px;
    position: absolute;
    right: 20px
}

.airdrop-points-header {
    align-items: center;
    background: linear-gradient(157deg, #29ff94 -31.86%, #009c4e 85.48%);
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 32px;
    position: relative;
    text-align: center
}

.airdrop-points-header .is-info {
    color: #fff6;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px
}

.airdrop-points-header p {
    font-size: 14px;
    margin-bottom: 10px
}

.airdrop-points-header-row {
    align-items: center;
    display: flex;
    justify-content: center
}

.airdrop-points-header-row .is-medal {
    height: 24px;
    margin-right: 4px;
    width: 24px
}

.airdrop-points-header-row span {
    font-size: 20px;
    font-weight: 700
}

.airdrop-tabs {
    margin-bottom: 20px
}

.airdrop-tab-more {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 60px auto 20px;
    max-width: 292px;
    text-align: center
}

.airdrop-point {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    min-height: 64px;
    padding-right: 12px;
    position: relative;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-bottom: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.airdrop-point:last-child {
    margin-bottom: 0
}

.airdrop-point.is-disabled {
    cursor: not-allowed;
    opacity: .5
}

.airdrop-point-image {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 72px;
    padding: 0 12px;
    width: 72px
}

.airdrop-point-image.is-passive_income {
    padding: 0 18px
}

.airdrop-point-image.is-keys {
    padding: 0 16px
}

.airdrop-point-image.is-keys picture {
    margin-top: -4px
}

.airdrop-point-image img,
.airdrop-point-image svg {
    border-radius: 10px;
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.airdrop-point-content {
    flex: 1 1 auto;
    padding-right: 4px
}

.airdrop-point-content-top {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 4px;
    margin-top: 4px
}

.airdrop-point-content-bottom {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    margin-bottom: 4px;
    margin-top: 8px
}

.airdrop-point-content-bottom .icon {
    height: 20px;
    margin-right: 2px;
    width: 20px
}

.airdrop-point-content-bottom span {
    font-weight: 700
}

.airdrop-point-icon>.icon svg {
    color: #4e4f50;
    height: 24px;
    width: 24px
}

.airdrop-withdraw-item {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    min-height: 64px;
    padding-right: 12px;
    position: relative;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-bottom: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.airdrop-withdraw-item:last-child {
    margin-bottom: 0
}

.airdrop-withdraw-item:hover .airdrop-withdraw-item-icon svg {
    color: #fff
}

.airdrop-withdraw-item.is-disabled {
    cursor: not-allowed;
    opacity: .5
}

.airdrop-withdraw-item.is-completed {
    background: #272a2fb3
}

.airdrop-withdraw-item.is-completed svg {
    color: #fff
}

.airdrop-withdraw-item-image {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 72px;
    padding: 0 12px;
    width: 72px
}

.airdrop-withdraw-item-image.is-passive_income {
    padding: 0 18px
}

.airdrop-withdraw-item-image.is-keys {
    padding: 0 16px
}

.airdrop-withdraw-item-image.is-keys picture {
    margin-top: -4px
}

.airdrop-withdraw-item-image img,
.airdrop-withdraw-item-image svg {
    border-radius: 10px;
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.airdrop-withdraw-item-content {
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 14px;
    padding-right: 4px
}

.airdrop-withdraw-item-icon>.icon svg {
    color: #4e4f50;
    height: 24px;
    width: 24px
}

.airdrop-countdown-circle {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.airdrop-countdown-circle.is-end {
    opacity: .2
}

.airdrop-countdown-data {
    align-items: center;
    background: #000;
    border: 2px solid #ffc147;
    border-radius: 30px;
    box-shadow: 0 0 13.5px #ffc147;
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 60px;
    z-index: 10;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.airdrop-countdown-data i {
    font-size: 6px;
    font-style: normal;
    text-transform: uppercase
}

.airdrop-countdown-data p {
    color: #ffc147;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -.5px;
    margin: 2px 0
}

.airdrop-countdown-data span {
    font-size: 7px
}

.airdrop-countdown-top {
    align-items: center;
    display: flex;
    height: 176px;
    justify-content: center;
    margin: 20px auto 24px;
    position: relative;
    width: 176px
}

.airdrop-countdown-top .is-token {
    display: block;
    height: 100px;
    position: relative;
    width: 100px
}

.airdrop-countdown-top .is-token:before {
    background-color: #ffffff14;
    border-radius: 50%;
    content: "";
    display: block;
    height: 138px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 138px
}

.airdrop-countdown-top .is-token img {
    position: relative;
    z-index: 5
}

.airdrop-countdown-date-border {
    background: #272a2f;
    height: 1px;
    margin: 16px 0;
    position: relative;
    width: 100%
}

.airdrop-countdown-date-border span {
    background-color: #000;
    color: #8b8e93;
    font-size: 12px;
    left: 50%;
    line-height: 14px;
    padding: 0 16px;
    position: absolute;
    top: -7px;
    transform: translate(-50%);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.airdrop-countdown-date p {
    color: #ffc147;
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    text-align: center
}

.airdrop-wd {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    position: relative
}

.airdrop-wd-close {
    color: #4e4f50;
    cursor: pointer;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.airdrop-wd-close svg {
    height: 32px;
    width: 32px
}

.airdrop-wd-close:hover {
    color: #8b8e93
}

.airdrop-wd-inner {
    padding: 32px 16px 0;
    position: relative;
    z-index: 3
}

.airdrop-wd-header {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 16px
}

.airdrop-wd-header .common-image {
    height: 40px;
    margin-right: 12px;
    width: 40px
}

.airdrop-wd-header p {
    font-size: 20px;
    font-weight: 700
}

.airdrop-wd-text {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px
}

.airdrop-wd-register {
    margin-bottom: 20px
}

.airdrop-wd-timeline {
    position: relative
}

.airdrop-wd-timeline li {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 24px;
    padding-left: 24px;
    position: relative
}

.airdrop-wd-timeline li:before {
    background-color: #ffffff4d;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ffffff1a;
    content: "";
    display: block;
    height: 9px;
    left: 4px;
    position: absolute;
    top: 5px;
    width: 9px;
    z-index: 2
}

.airdrop-wd-timeline li:after {
    background: repeating-linear-gradient(180deg, hsla(0, 0%, 100%, .1) 0, hsla(0, 0%, 100%, .1) 3px, transparent 0, transparent 6px);
    content: "";
    display: block;
    height: calc(100% + 6px);
    left: 8px;
    position: absolute;
    top: 20px;
    width: 1px
}

.airdrop-wd-timeline li:last-child {
    margin-bottom: 0
}

.airdrop-wd-timeline li:last-child:after {
    display: none
}

.airdrop-wd-divider {
    flex: 1 1 auto;
    min-height: 24px
}

.airdrop-wd-bottom {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    min-height: 200px;
    position: relative;
    z-index: 2
}

.airdrop-wd-bottom:before {
    background: linear-gradient(0deg, #5a60ff 45.3%, #5a60ff00);
    border-radius: 457px;
    content: "";
    display: block;
    filter: blur(84.05000305175781px);
    height: 457px;
    left: 50%;
    position: absolute;
    top: -220px;
    transform: translate(-230px);
    width: 422px;
    z-index: -100
}

.airdrop-wd-bottom-lock {
    align-items: center;
    background-color: #ffffff1a;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 24px;
    padding: 0 16px 16px;
    text-align: center
}

.airdrop-wd-bottom-lock .common-image {
    height: 100px;
    width: 100px
}

.airdrop-wd-bottom-lock p {
    font-size: 14px;
    line-height: 18px
}

.airdrop-wd-bottom-inner {
    align-items: stretch;
    background-color: #1c1f24;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px 16px 78px
}

.app-bar {
    bottom: 0;
    justify-content: center;
    left: 0;
    padding: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    z-index: 20
}

.app-bar,
.app-bar-nav {
    align-items: center;
    display: flex;
    width: 100%
}

.app-bar-nav {
    background-color: #272a2f;
    border-top: 1px solid #1c1f24;
    box-shadow: 0 0 4px 4px #1c1f2433;
    justify-content: space-between;
    max-width: 768px;
    padding: 4px;
    pointer-events: all
}

.app-bar-item {
    align-items: center;
    border-radius: 10px;
    color: #8b8e93;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    font-size: 10px;
    height: 56px;
    justify-content: flex-start;
    padding: 5px;
    position: relative
}

.app-bar-item p {
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

.app-bar-item-notification {
    background-color: #ff3b30;
    border-radius: 50%;
    height: 10px;
    left: 50%;
    margin-left: 10px;
    position: absolute;
    top: 6px;
    width: 10px
}

.app-bar-item-image {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-bottom: 5px;
    position: relative;
    width: 28px
}

.app-bar-item-image img {
    display: block;
    height: auto;
    max-width: 100%;
    z-index: 10
}

.app-bar-item-image .icon {
    color: #4e4f50
}

.app-bar-item-image picture {
    display: block;
    height: auto;
    max-height: 28px;
    max-width: 28px;
    width: 100%
}

.app-bar-item-image picture img {
    display: block;
    height: auto;
    max-width: 100%
}

.app-bar-item:hover,
.app-bar-item:hover .icon {
    color: #fff
}

.app-bar-item.is-active,
.app-bar-item.router-link-active {
    background-color: #1c1f24;
    color: #fff
}

.app-bar-item.is-active .icon svg,
.app-bar-item.router-link-active .icon svg {
    color: #fff
}

.boost-top-text {
    color: #8b8e93
}

.boost-top-link,
.boost-top-text {
    font-size: 16px;
    text-align: center
}

.boost-top-link {
    color: #ffd337;
    cursor: pointer;
    display: block;
    margin-bottom: 8px
}

.boost-row {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.boost-row .boost-item {
    flex: 1 1;
    margin-right: 12px
}

.boost-row .boost-item:last-child {
    margin-right: 0
}

.boost-row .boost-item-image {
    height: 100%;
    width: 56px
}

.boost-row .boost-item-image svg {
    height: 32px;
    margin-bottom: 0;
    width: 32px
}

.boost-row .boost-item-image img {
    height: 48px;
    width: 48px
}

.boost-column {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.boost-column .boost-item {
    margin-bottom: 6px
}

.boost-column .boost-item:last-child {
    margin-bottom: 0
}

.boost-column .boost-item-image {
    height: 100%;
    width: 72px
}

.boost-column .boost-item-image svg {
    height: 32px;
    margin-bottom: 0;
    width: 32px
}

.boost-item {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: center;
    padding-right: 12px;
    position: relative;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.boost-item:hover .boost-item-icon svg {
    color: #fff
}

.boost-item.is-disabled {
    cursor: not-allowed;
    opacity: .5
}

.boost-item.is-completed {
    cursor: default;
    opacity: .7
}

.boost-item.is-not-available {
    cursor: not-allowed
}

.boost-item.is-not-available .boost-item-content-bottom {
    opacity: .3
}

.boost-item-image {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 6px
}

.boost-item-image svg {
    height: 32px;
    margin-bottom: 0;
    width: 32px
}

.boost-item-image img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.boost-item-content {
    flex: 1 1 auto
}

.boost-item-content-top {
    font-size: 16px;
    margin-bottom: 4px
}

.boost-item-content-top:last-child {
    margin-bottom: 0
}

.boost-item-content-bottom {
    align-items: center;
    color: #8b8e93;
    display: flex;
    font-size: 14px;
    justify-content: flex-start
}

.boost-item-content-bottom.is-locked {
    color: #ffd337;
    font-size: 14px;
    font-weight: 700
}

.boost-item-content-bottom.is-locked svg {
    height: 20px;
    margin-right: 6px;
    width: 20px
}

.boost-item-icon svg {
    color: #4e4f50;
    height: 24px;
    width: 24px
}

.boost-item-bottom-info {
    bottom: 12px;
    color: #8b8e93;
    font-size: 14px;
    position: absolute;
    right: 20px
}

.boost-list {
    list-style: none
}

.boost-list li {
    background: #272a2f;
    border-radius: 20px;
    height: 64px;
    margin-bottom: 6px;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.boost-tag {
    background: #34383f;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 6px;
    position: absolute;
    right: 8px;
    top: 8px
}

.boost-profit-info {
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center
}

.boost-profit-info span {
    font-size: 16px;
    font-weight: 700
}

.content {
    background: #1c1f24;
    border-radius: 40px 40px 0 0;
    flex: 1 1 auto;
    padding: 20px 16px 70px
}

.content.is-main {
    min-height: calc(100vh - 62px)
}

.content.is-exchange {
    margin-top: 12px;
    padding-bottom: 20px
}

.content.is-exchange h1 {
    margin-bottom: 32px;
    text-align: center
}

.content.has-glow {
    background: #1c1f24;
    border-radius: 40px 40px 0 0;
    border-top: 2px solid #f3ba2f;
    box-shadow: 0 -4px 64px #fab82299;
    margin-top: 12px
}

.content-onboarding {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-end
}

.content-onboarding-image {
    position: relative;
    width: 100%
}

.content-onboarding-image picture {
    bottom: -70px;
    height: 328px;
    left: 50%;
    margin-left: -164px;
    position: absolute;
    width: 328px
}

.content-onboarding-info {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: linear-gradient(180deg, #27253a, #000);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    position: relative;
    width: 100%;
    z-index: 10
}

.content-onboarding-button {
    flex-direction: column
}

.content-onboarding-button>.icon {
    height: 86px;
    margin-bottom: 12px;
    width: 86px
}

.content-onboarding-button .price {
    font-size: 28px
}

.content-onboarding-button:before {
    opacity: .8
}

.content-onboarding-text {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
    position: relative;
    z-index: 10
}

.content-onboarding-top {
    margin-bottom: 24px;
    position: relative;
    text-align: center;
    width: 100%
}

.content-onboarding-top .icon {
    margin-top: -24px;
    position: absolute;
    right: -24px;
    top: 100%
}

.content-onboarding-top p {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    width: 100%
}

.content-onboarding-top p span {
    color: #ffd337;
    white-space: nowrap
}

.content-no-telegram {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.content-no-telegram img {
    display: block;
    height: auto;
    margin-bottom: 20px;
    max-width: 240px
}

.content-no-telegram p {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center
}

.content-no-telegram p.is-version {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 24px
}

.content-no-telegram a {
    color: #fff;
    font-size: 24px
}

.inner {
    flex: 1 1 auto;
    padding: 20px 16px 70px
}

.coin-animation-container {
    background-color: transparent;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.coin-animation-container canvas {
    display: block
}

.daily-combo {
    margin-bottom: 16px;
    position: relative
}

.daily-combo.is-morse {
    margin-bottom: 0;
    margin-top: 12px
}

.daily-combo.is-morse .daily-combo-progress {
    margin-bottom: 0
}

.daily-combo-timer {
    align-items: center;
    display: flex;
    font-size: 12px;
    justify-content: flex-end;
    margin-bottom: 8px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.daily-combo-timer .icon,
.daily-combo-timer p {
    color: #8b8e93;
    cursor: pointer
}

.daily-combo-timer .icon {
    margin-left: 6px
}

.daily-combo-timer .icon:hover {
    color: #fff
}

.daily-combo-progress {
    align-items: center;
    background: #272a2f;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    padding: 6px
}

.daily-combo-progress-title {
    flex: 1 1 calc(50% - 30px);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    max-width: 50%;
    padding-left: 6px;
    padding-right: 6px
}

.daily-combo-progress-center {
    align-items: center;
    display: flex;
    flex: 0 0 60px;
    justify-content: center
}

.daily-combo-progress-center ul {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.daily-combo-progress-center ul li {
    background: #4e4f50;
    border-radius: 50%;
    height: 14px;
    margin: 0 2px;
    position: relative;
    width: 14px
}

.daily-combo-progress-center ul li:before {
    border: 2px solid hsla(0, 0%, 100%, .15);
    border-radius: 50%;
    content: "";
    display: block;
    height: calc(100% - 4px);
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 4px)
}

.daily-combo-progress-center ul li.is-completed {
    background: linear-gradient(180deg, #74fc82, #297e32)
}

.daily-combo-progress-button {
    display: flex;
    flex: 0 0 calc(50% - 30px);
    justify-content: flex-end
}

.daily-combo-progress-button .button {
    width: auto
}

.daily-combo-progress-claimed {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end
}

.daily-combo-progress-claimed-info {
    align-items: center;
    background-color: #1c1f24;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    min-height: 36px;
    padding: 8px
}

.daily-combo-progress-claimed-check {
    align-items: center;
    background: linear-gradient(180deg, #74fc82, #297e32);
    border-radius: 50%;
    color: #1c1f24;
    display: flex;
    height: 20px;
    justify-content: center;
    margin-left: 12px;
    width: 20px
}

.daily-combo-cards {
    margin: 0 -6px
}

.daily-combo-card,
.daily-combo-cards {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative
}

.daily-combo-card {
    cursor: pointer;
    flex: 1 1;
    height: 112px;
    margin: 0 6px
}

.daily-combo-card-inner {
    align-items: center;
    background: #272a2f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.daily-combo-card-image {
    height: 72px;
    margin-bottom: 6px;
    margin-top: 6px;
    padding: 0 6px;
    width: 100%
}

.daily-combo-card-name {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 6px;
    min-height: 24px;
    padding: 0 6px;
    text-align: center
}

.daily-combo-card-unknown {
    background-color: #ffffff0d;
    border-radius: 12px;
    height: calc(100% - 32px);
    margin: 16px;
    position: relative;
    width: calc(100% - 32px)
}

.daily-combo-card-unknown-wrap {
    border-radius: 12px;
    bottom: 0;
    height: calc(100% + 20px);
    overflow: hidden;
    position: absolute;
    width: 100%
}

.daily-combo-card-unknown-wrap img {
    bottom: -10px;
    left: 50%;
    transform: translate(-50%)
}

.daily-combo-card-unknown-wrap img,
.daily-combo-card:before {
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.daily-combo-card:before {
    background: linear-gradient(180deg, #4146ff, #272a2f);
    border-radius: 16px;
    content: "";
    display: block;
    height: calc(100% + 2px);
    left: -1px;
    top: -1px;
    width: calc(100% + 2px);
    z-index: 1
}

.daily-combo-card.is-completed:before {
    background: linear-gradient(180deg, #61cb6c, #272a2f)
}

.daily-combo-success {
    align-items: center;
    background-color: #000000f2;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999990
}

.daily-combo-success .bs-content-subtitle {
    max-width: 280px
}

.daily-combo-success-content {
    position: relative
}

.daily-combo-success-content canvas {
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    position: absolute;
    top: 50%;
    z-index: -1
}

.daily-combo-success-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding: 16px;
    text-align: center;
    width: 100%
}

.daily-combo-success-divider {
    flex: 1 1
}

.daily-combo-success-header p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px
}

.daily-combo-success-button {
    position: relative;
    width: 100%;
    z-index: 10
}

.daily-cipher-code {
    align-items: center;
    display: flex;
    justify-content: center;
    transition: all .5s ease;
    -webkit-transition: all .5s ease
}

.daily-cipher-code span {
    font-size: 18px;
    font-weight: 700;
    margin: 0 1px
}

.daily-cipher-code span.new-char {
    animation: scaleAndFade .5s ease
}

@keyframes scaleAndFade {
    0% {
        opacity: 0;
        transform: scale(7)
    }

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

.earn-top-image {
    height: 106px;
    margin: 24px auto;
    position: relative;
    width: 106px
}

.earn-top-image img {
    position: relative;
    z-index: 2
}

.earn-top-image .icon {
    height: 275px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 275px;
    z-index: 1
}

.earn-top-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 12px;
    margin-top: 44px;
    text-align: center
}

.earn-top-link {
    color: #ffd337;
    cursor: pointer;
    display: block;
    font-size: 16px;
    text-align: center
}

.earn-item {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 64px;
    padding-right: 12px;
    position: relative;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.earn-item:last-child {
    margin-bottom: 0
}

.earn-item:hover .earn-item-icon svg {
    color: #fff
}

.earn-item.is-disabled {
    cursor: not-allowed;
    opacity: .5
}

.earn-item.is-completed {
    background: #272a2fb3
}

.earn-item.is-completed svg {
    color: #fff
}

.earn-item.is-not-available {
    cursor: not-allowed
}

.earn-item.is-not-available .boost-item-content-bottom {
    opacity: .3
}

.earn-item-image {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-width: 72px;
    padding: 0 8px;
    width: 72px
}

.earn-item-image img,
.earn-item-image svg {
    border-radius: 10px;
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.earn-item-image .exchange-image {
    height: 100%;
    width: 100%
}

.earn-item-content {
    flex: 1 1 auto;
    padding-right: 4px
}

.earn-item-content-top {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 4px;
    margin-top: 4px
}

.earn-item-content-bottom {
    align-items: center;
    color: #8b8e93;
    display: flex;
    font-size: 14px;
    justify-content: flex-start;
    margin-bottom: 4px
}

.earn-item-icon-success {
    align-items: center;
    background: linear-gradient(180deg, #74fc82, #297e32);
    border-radius: 50%;
    display: flex;
    height: 26px;
    justify-content: center;
    width: 26px
}

.earn-item-icon-success svg {
    color: #fff;
    height: 12px;
    width: 12px
}

.earn-item-icon>.icon svg {
    color: #4e4f50;
    height: 24px;
    width: 24px
}

.earn-item-bottom-info {
    bottom: 12px;
    color: #8b8e93;
    font-size: 14px;
    position: absolute;
    right: 20px
}

.exchange-list {
    list-style: none
}

.exchange-list li {
    align-items: center;
    background-color: #272a2f;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 12px 16px
}

.exchange-list li:last-child {
    margin-bottom: 0
}

.exchange-list li.is-disabled {
    cursor: not-allowed;
    opacity: .5
}

.exchange-list-image {
    align-items: center;
    display: flex;
    height: 46px;
    justify-content: center;
    margin-right: 16px;
    width: 46px
}

.exchange-list-image img {
    max-height: 40px;
    max-width: 40px
}

.exchange-list-content {
    flex: 1 1 auto
}

.exchange-list-content p {
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 6px
}

.exchange-list-content p:last-child {
    margin-bottom: 0
}

.exchange-list-content span {
    color: #8b8e93;
    display: block;
    font-size: 14px;
    line-height: 1
}

.exchange-list-bonus {
    align-items: center;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: flex-end
}

.exchange-list-bonus p {
    margin-left: 6px
}

.exchange-image {
    overflow: hidden
}

.exchange-image.is-bingx {
    border-radius: 10px
}

.exchange-image.is-bingx.is-border-6 {
    border-radius: 6px
}

.exchange-image img,
.exchange-image svg {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%
}

.friends {
    margin-bottom: 66px
}

.friends.is-exchange {
    margin-bottom: 154px
}

.friends.is-exchange-added {
    margin-bottom: 66px
}

.friends-button {
    bottom: 70px;
    left: 0;
    padding: 0 16px;
    position: fixed;
    right: 0;
    z-index: 20
}

.friends-button-inner {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 768px
}

.friends-button-inner .is-invite {
    flex: 1 1 auto
}

.friends-button-inner .is-copy {
    flex: 0 0 60px;
    margin-left: 6px
}

.friends-button-inner .is-copy svg {
    margin-left: 0
}

.friends-button.is-exchange {
    background-color: #000
}

.friends-button.is-exchange-added {
    background-color: transparent
}

.friends-button .section-title {
    margin-bottom: 6px;
    margin-top: 12px
}

.friends-button.is-keyboard-opened {
    bottom: 20vh;
    min-height: 40vh;
    position: absolute
}

.friends-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    margin-bottom: 12px;
    text-align: center
}

.friends-description {
    margin-bottom: 32px;
    text-align: center
}

.friends-invite li {
    align-items: flex-start;
    background: #272a2f;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 12px 12px 24px
}

.friends-invite li:last-child {
    margin-bottom: 0
}

.friends-invite-image {
    flex: 0 0 60px;
    margin-right: 12px;
    position: relative
}

.friends-invite-image.is-square {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center;
    width: 60px
}

.friends-invite-info {
    flex: 1 1 auto
}

.friends-invite-info-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 12px;
    margin-top: 4px
}

.friends-invite-info-item {
    align-items: flex-start;
    display: flex;
    font-size: 14px;
    position: relative
}

.friends-invite-info-item.no-circle:before {
    display: none
}

.friends-invite-info-item:before {
    background-color: #ffd337;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-right: 6px;
    margin-top: 7px;
    width: 6px
}

.friends-invite-info-item span {
    display: inline;
    margin-left: 2px;
    margin-top: 3px
}

.friends-no {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    min-height: 80px;
    padding: 16px;
    text-align: center
}

.friends-no>p {
    color: #4e4f50;
    font-weight: 700
}

.friends-no-error {
    font-size: 14px;
    line-height: 20px
}

.friends-no-error p {
    margin-bottom: 12px
}

.friends-no-error p:last-child {
    margin-bottom: 0
}

.friends-no-error p.is-bold {
    font-weight: 700
}

.friends-no-icon {
    height: 100px;
    margin: 0 auto 20px;
    width: 100px
}

.friends-no-icon .icon,
.friends-no-icon .icon svg {
    height: 100%;
    width: 100%
}

.friends-more-bonuses {
    color: #5a60ff;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.friends-bonuses {
    margin-top: 32px
}

.friends-bonuses>p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.friends-bonuses-header {
    align-items: center;
    color: #8b8e93;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 12px;
    margin-top: 20px
}

.friends-bonuses-header span:first-child {
    flex: 0 0 40%;
    padding-left: 12px
}

.friends-bonuses-header span:nth-child(2),
.friends-bonuses-header span:nth-child(3) {
    flex: 0 0 30%
}

.friends-bonuses-image {
    background-color: #1c1f24;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 6px;
    height: 40px;
    position: relative;
    width: 40px
}

.friends-bonuses-image span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 4px;
    text-align: right;
    text-shadow: 1px 1px rgba(28, 31, 36, .5);
    top: 50%;
    transform: translateY(-50%)
}

.friends-bonuses-list li {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 12px 0
}

.friends-bonuses-list li:last-child {
    margin-bottom: 0
}

.friends-bonuses-list li .price-value {
    font-size: 12px
}

.friends-bonuses-list li>div:first-child {
    align-items: center;
    display: flex;
    flex: 0 0 40%;
    padding-left: 12px
}

.friends-bonuses-list li>div:first-child p {
    font-size: 12px;
    margin-left: 6px
}

.friends-bonuses-list li>div:nth-child(2) {
    flex: 0 0 30%;
    height: 20px;
    line-height: 1
}

.friends-bonuses-list li>div:nth-child(3) {
    flex: 0 0 30%;
    height: 20px;
    line-height: 1;
    padding-right: 12px
}

.friends-progress {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px 0
}

.friends-item {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 8px 12px
}

.friends-item:last-child {
    margin-bottom: 0
}

.friends-item .price-value {
    font-size: 14px
}

.friends-item-stats {
    flex: 0 0
}

.friends-item-user {
    flex: 1 1 auto;
    padding-right: 12px
}

.friends-item-user .user-info p {
    font-size: 12px;
    text-overflow: ellipsis
}

.friends-wrap .section-title {
    position: relative
}

.friends-wrap .section-title .button {
    align-items: center;
    background-color: transparent;
    color: #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    position: absolute;
    right: 0;
    top: -6px;
    width: 24px
}

.friends-wrap .section-title .button span {
    font-size: 7px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%)
}

.friends-wrap .section-title .button svg {
    height: 100%;
    width: 100%
}

.header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 12px 16px 8px
}

.header.is-jc {
    justify-content: center
}

.header.is-jc .header-left {
    padding-right: 0
}

.header-left {
    justify-content: flex-start;
    padding-right: 6px
}

.header-left,
.header-right {
    align-items: center;
    display: flex
}

.header-right {
    justify-content: flex-end
}

.header-settings {
    color: #8b8e93
}

.header-settings:hover {
    color: #fff
}

.header-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 16px
}

.header-row.has-top-gap {
    padding-top: 12px
}

.header-progress {
    flex: 0 0 110px;
    margin-right: 20px;
    width: 110px
}

.header-info {
    align-items: stretch;
    background-color: #ffffff26;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 20px;
    color: #fff;
    display: flex;
    flex: 1 1 auto;
    height: 40px;
    justify-content: space-between;
    position: relative
}

.header-info-exchange {
    align-items: center;
    display: flex;
    flex: 0 0 52px;
    padding-left: 13px;
    padding-right: 4px;
    position: relative
}

.header-info-exchange .exchange-image {
    align-items: center;
    display: flex;
    height: 26px;
    justify-content: center;
    width: 26px
}

.header-info-exchange:before {
    background-color: #ffffff1a;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 1px
}

.header-info-passive {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.header-info-passive p {
    color: #fff6;
    font-size: 8px;
    line-height: 8px;
    margin-bottom: 4px;
    max-height: 14px;
    text-align: center
}

.header-info-passive-data {
    align-items: center;
    display: flex;
    justify-content: center
}

.header-info-passive-data p {
    margin-bottom: 0;
    margin-right: 6px
}

.header-info-passive-data .price {
    font-size: 12px;
    margin-right: 4px
}

.header-info-passive-data .icon-info {
    color: #fff3;
    cursor: pointer
}

.header-info-passive-data .icon-info:hover {
    color: #fff
}

.header-info-settings {
    align-items: center;
    color: #fff;
    display: flex;
    flex: 0 0 50px;
    justify-content: flex-end;
    padding-left: 4px;
    padding-right: 13px;
    position: relative
}

.header-info-settings:before {
    background-color: #ffffff1a;
    content: "";
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 1px
}

.header-info-settings .icon {
    height: 20px;
    width: 20px
}

.header-balances {
    align-items: center;
    display: inline-flex;
    justify-content: flex-end;
    position: relative
}

.header-balances-keys {
    background: #272a2f;
    border-radius: 38px;
    cursor: pointer;
    height: 26px;
    padding: 6px 0 6px 6px
}

.header-balances li {
    align-items: center;
    display: flex;
    margin-left: 20px
}

.header-balances li .icon {
    margin-right: 6px
}

.header-balances li .icon.is-key {
    height: 16px;
    width: 16px
}

.header-balances li .icon.is-carret {
    color: #4e4f50;
    margin-left: 6px
}

.header-balances li span {
    font-size: 12px;
    font-weight: 700
}

.ln {
    background-color: #13111c;
    font-family: Outfit, sans-serif;
    margin: 0 auto;
    max-width: 1920px;
    overflow: hidden;
    padding: 0 20px;
    z-index: 1
}

.ln,
.ln-inner,
.ln-top {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: -webkit-fill-available;
    min-height: 100vh;
    position: relative;
    width: 100%
}

.ln-loading {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    justify-content: center;
    width: 100%
}

.ln-loading img {
    height: 60px;
    width: 60px
}

.ln-loading p {
    font-size: 26px;
    font-weight: 500;
    margin-left: 16px
}

.ln-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:768px) {
    .ln-header {
        align-items: flex start;
        flex-wrap: nowrap
    }
}

.ln-header-left {
    order: 2;
    padding-top: 16px
}

@media (min-width:768px) {
    .ln-header-left {
        order: 1;
        padding-top: 32px
    }
}

.ln-header-center {
    align-items: center;
    border: 2px solid #2a2832;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top: none;
    display: flex;
    flex: 0 0 100%;
    justify-content: center;
    order: 1;
    padding: 12px 20px
}

@media (min-width:768px) {
    .ln-header-center {
        flex: 0 0 auto
    }
}

@media (min-width:1024px) {
    .ln-header-center {
        border-bottom: 8px solid #2a2832;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
        border-left: 8px solid #2a2832;
        border-right: 8px solid #2a2832;
        order: 2;
        padding: 32px 60px
    }
}

.ln-header-center-logo {
    height: 60px;
    position: relative;
    width: 60px
}

@media (min-width:1024px) {
    .ln-header-center-logo {
        height: 90px;
        width: 90px
    }
}

.ln-header-center-logo:before {
    background-color: #ffffff0d;
    border-radius: 50%;
    content: "";
    display: block;
    height: 66px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 66px;
    z-index: 2
}

@media (min-width:1024px) {
    .ln-header-center-logo:before {
        height: 98px;
        width: 98px
    }
}

.ln-header-center-logo:after {
    background-color: #ffffff0d;
    border-radius: 50%;
    content: "";
    display: block;
    height: 72px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    z-index: 1
}

@media (min-width:1024px) {
    .ln-header-center-logo:after {
        height: 114px;
        width: 114px
    }
}

.ln-header-center-logo img {
    display: block;
    height: auto;
    max-width: 100%;
    z-index: 3
}

.ln-header-center p {
    font-size: 26px;
    font-weight: 500;
    margin-left: 16px
}

@media (min-width:1024px) {
    .ln-header-center p {
        font-size: 32px;
        margin-left: 30px
    }
}

.ln-header-right {
    order: 3;
    padding-top: 16px
}

@media (min-width:768px) {
    .ln-header-right {
        order: 3;
        padding-top: 32px
    }
}

.ln-header-right .button {
    align-items: center;
    background: linear-gradient(90deg, #2253ff 1.46%, #3a66ff00 50.8%, #2253ff 99.81%);
    border: 1px solid #2252fd;
    border-radius: 71px;
    color: #fff;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    padding: 0 10px;
    position: relative
}

@media (min-width:1024px) {
    .ln-header-right .button {
        font-size: 22px;
        height: 54px;
        padding: 0 20px
    }
}

.ln-header-right .button span {
    align-items: center;
    background: linear-gradient(93deg, #5a60ff, #bf36ff);
    border-radius: 8px;
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 26px;
    justify-content: center;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -13px;
    width: 90px
}

.ln-header-right .button span:after {
    border: 2px solid hsla(0, 0%, 100%, .18);
    border-radius: 8px;
    content: "";
    display: block;
    height: 22px;
    left: 0;
    position: absolute;
    top: 0;
    width: 86px
}

.ln-header-right .button .icon {
    height: 28px;
    margin-left: 16px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    width: 28px
}

@media (min-width:1024px) {
    .ln-header-right .button .icon {
        margin-left: 32px
    }
}

.ln-header-right .button .icon svg {
    height: 100%;
    width: 100%
}

.ln-header-social {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 60px;
    display: flex;
    padding: 5px
}

@media (min-width:1024px) {
    .ln-header-social {
        border-radius: 100px;
        padding: 8px
    }
}

.ln-header-social p {
    color: #ffffff80;
    font-size: 16px;
    font-weight: 500;
    margin: 0 6px
}

@media (min-width:1024px) {
    .ln-header-social p {
        font-size: 22px;
        margin: 0 12px
    }
}

.ln-header-social a {
    align-items: center;
    background-color: #ffffff26;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    margin-right: 4px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    width: 28px
}

@media (min-width:1024px) {
    .ln-header-social a {
        height: 52px;
        width: 52px
    }
}

.ln-header-social a:hover {
    background-color: #ffffff4d
}

.ln-header-social a.is-x .icon {
    height: 18px;
    width: 18px
}

@media (min-width:1024px) {
    .ln-header-social a.is-x .icon {
        height: 30px;
        width: 30px
    }
}

.ln-header-social a.is-telegram .icon {
    height: 16px;
    width: 16px
}

@media (min-width:1024px) {
    .ln-header-social a.is-telegram .icon {
        height: 32px;
        width: 32px
    }
}

.ln-header-social a .icon svg {
    height: 100%;
    width: 100%
}

.ln-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 0 48px;
    text-align: center
}

.ln-content .is-small-text {
    font-size: 12px;
    line-height: 14px
}

.ln-content-hamster {
    display: none;
    position: relative;
    width: 100%;
    z-index: -1
}

@media (min-width:1440px) {
    .ln-content-hamster {
        display: block
    }
}

.ln-content-hamster-image {
    height: 200px;
    position: absolute;
    width: 200px;
    -webkit-tap-highlight-color: transparent;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ln-content-hamster-image img,
.ln-content-hamster-image picture {
    display: block;
    height: auto;
    max-width: 100%;
    width: 100%
}

.ln-content-hamster-image:before {
    background: linear-gradient(180deg, #13111c00 .24%, #13111c0f 26.21%, #13111c 50.19%);
    bottom: 0;
    content: "";
    display: block;
    height: 75%;
    left: 0;
    position: absolute;
    width: 100%
}

.ln-content-hamster-image.is-1 {
    left: 20px
}

.ln-content-hamster-image.is-2 {
    left: 120px;
    top: 200px
}

.ln-content-hamster-image.is-3 {
    right: 20px
}

.ln-content-hamster-image.is-4 {
    right: 120px;
    top: 200px
}

.ln-content-exchanges {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 12px
}

@media (min-width:768px) {
    .ln-content-exchanges {
        margin-bottom: 20px
    }
}

.ln-content-exchange {
    align-items: center;
    background: #2a2832;
    border: 3px solid #13111c;
    border-radius: 50%;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-left: -24px;
    padding: 10px;
    width: 54px
}

@media (min-width:1024px) {
    .ln-content-exchange {
        border: 5px solid #13111c;
        height: 64px;
        width: 64px
    }
}

.ln-content-exchange:first-child {
    margin-left: 0
}

.ln-content h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 54px;
    margin-bottom: 12px
}

@media (min-width:768px) {
    .ln-content h1 {
        font-size: 60px;
        line-height: 64px;
        margin-bottom: 20px
    }
}

@media (min-width:1024px) {
    .ln-content h1 {
        font-size: 80px;
        font-weight: 700;
        line-height: 84px;
        margin-bottom: 20px
    }
}

.ln-content p {
    color: #fffc;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px
}

.ln-content p:last-child {
    margin-bottom: 0
}

.ln-content p.is-hidden-mobile {
    display: none
}

@media (min-width:768px) {
    .ln-content p.is-hidden-mobile {
        display: block
    }
}

@media (min-width:1024px) {
    .ln-content p {
        font-size: 24px;
        line-height: 40px
    }
}

.ln-content-button {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 20px;
    width: 100%
}

.ln-content .button {
    background: linear-gradient(90deg, #2253ff 1.46%, #1744e1 99.81%);
    border: 1px solid #fff;
    border-radius: 71px;
    box-shadow: 0 2px 72.7px #0f2368bd;
    color: #fff;
    display: inline-flex;
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    height: 80px;
    margin-top: 36px;
    max-width: 471px;
    position: relative;
    z-index: 3
}

@media (min-width:768px) {
    .ln-content .button {
        height: 94px;
        margin-top: 72px
    }
}

.ln-content .button span {
    position: relativa;
    z-index: 3
}

.ln-content .button:hover:after {
    filter: blur(40px)
}

.ln-content .button:before {
    background: linear-gradient(90deg, #2253ff 1.46%, #3a66ff00 50.8%, #2253ff 99.81%);
    border: 2px solid #2252fd;
    border-radius: 71px;
    height: calc(100% + 32px);
    width: calc(100% + 32px);
    z-index: 2
}

.ln-content .button:after,
.ln-content .button:before {
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.ln-content .button:after {
    background: linear-gradient(90deg, #2253ff 1.46%, #3a66ff82 50.8%, #2253ff 99.81%);
    border-radius: 71px;
    filter: blur(20px);
    height: calc(100% + 50px);
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    width: calc(100% + 50px);
    z-index: 1
}

@media (min-width:768px) {
    .ln-content .button:after {
        filter: blur(26px)
    }
}

.ln-bottom {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (min-width:768px) {
    .ln-bottom {
        padding-bottom: 32px
    }
}

.ln-bottom-inner {
    align-items: center;
    background: #2a2832;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px 20px;
    width: 100%
}

@media (min-width:768px) {
    .ln-bottom-inner {
        border: 12px solid #13111c;
        border-radius: 171px;
        flex-direction: row;
        padding: 0 54px;
        width: auto
    }
}

.ln-bottom-inner>img {
    display: none;
    height: 90px;
    width: 90px
}

@media (min-width:768px) {
    .ln-bottom-inner>img {
        display: block;
        height: 156px;
        width: 156px
    }
}

.ln-bottom-inner p {
    color: #ffa826;
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin: 24px 0 12px;
    text-align: center
}

@media (min-width:768px) {
    .ln-bottom-inner p {
        margin: 24px
    }
}

@media (min-width:1024px) {
    .ln-bottom-inner p {
        font-size: 46px;
        line-height: 48px;
        margin: 0 56px
    }
}

.ln-bottom-players {
    align-items: center;
    display: flex;
    justify-content: center
}

.ln-bottom-players .user-avatar {
    background: #34383f;
    border: 2px solid #262335;
    border-radius: 50%;
    height: 48px;
    margin-left: -24px;
    width: 48px
}

.ln-bottom-players .user-avatar:first-child {
    margin-left: 0
}

.ln-roadmap {
    margin: 0 auto;
    max-width: 1514px;
    width: 100%
}

@media (min-width:1024px) {
    .ln-roadmap {
        margin-bottom: 60px
    }
}

.ln-roadmap h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    margin: 60px 0;
    text-align: center
}

@media (min-width:768px) {
    .ln-roadmap h2 {
        font-size: 80px;
        line-height: 84px;
        margin: 120px 0
    }
}

.ln-roadmap-item {
    background: linear-gradient(180deg, #ffffff1a, #ffffff0a);
    border-left: 6px solid transparent;
    border-radius: 20px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding: 20px;
    position: relative
}

@media (min-width:768px) {
    .ln-roadmap-item {
        align-items: center;
        border-left: 12px solid transparent;
        border-radius: 53px;
        display: flex;
        min-height: 160px;
        padding: 24px 50px 24px 78px
    }
}

.ln-roadmap-item.is-completed {
    border-color: #19de8b
}

.ln-roadmap-title {
    color: #ffffff80;
    flex: 1 1;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 12px
}

@media (min-width:1024px) {
    .ln-roadmap-title {
        font-size: 60px;
        line-height: 64px
    }
}

@media (min-width:1440px) {
    .ln-roadmap-title {
        font-size: 80px;
        line-height: 84px;
        margin-bottom: 0
    }
}

.ln-roadmap-content {
    flex: 1 1;
    font-size: 20px;
    line-height: 28px
}

@media (min-width:1440px) {
    .ln-roadmap-content {
        font-size: 24px;
        line-height: 32px
    }
}

.ln-roadmap-content ul li {
    padding-left: 24px;
    position: relative
}

.ln-roadmap-content ul li.is-completed:before {
    background-color: #19de8b
}

.ln-roadmap-content ul li:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 6px
}

@media (min-width:1440px) {
    .ln-roadmap-content ul li:before {
        top: 15px
    }
}

.ln-roadmap-hamster {
    display: none;
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width:1024px) {
    .ln-roadmap-hamster {
        display: block
    }
}

.ln-roadmap-hamster.is-1 {
    bottom: 0;
    right: -60px
}

.ln-roadmap-hamster.is-1 .ln-roadmap-hamster-bg {
    border-radius: 53px;
    overflow: hidden;
    right: 60px
}

.ln-roadmap-hamster.is-1 .ln-roadmap-hamster-bg img {
    position: absolute;
    right: -50px
}

.ln-roadmap-hamster.is-2 {
    bottom: 0;
    left: 20%
}

@media (min-width:1440px) {
    .ln-roadmap-hamster.is-2 {
        left: 25%
    }
}

.ln-roadmap-hamster.is-2 .ln-roadmap-hamster-bg {
    left: -50px
}

.ln-roadmap-hamster-bg {
    border-radius: 53px;
    bottom: 0;
    height: 160px;
    position: absolute;
    width: 550px;
    z-index: -1
}

.ln-roadmap-hamster-image {
    height: 280px;
    overflow: hidden;
    width: 420px
}

.ln-roadmap-hamster-image img {
    display: block;
    height: auto;
    width: 100%
}

.ln-footer {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 36px;
    margin-top: 20px
}

@media (min-width:1024px) {
    .ln-footer {
        margin-bottom: 48px;
        margin-top: 0
    }
}

.ln-footer-social {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: 100px;
    display: flex;
    padding: 8px
}

.ln-footer-social a {
    align-items: center;
    background-color: #ffffff26;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    height: 52px;
    justify-content: center;
    margin: 0 4px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    width: 52px
}

.ln-footer-social a:hover {
    background-color: #ffffff4d
}

.ln-footer-social a.is-discord .icon,
.ln-footer-social a.is-medium .icon {
    height: 36px;
    width: 36px
}

.ln-footer-social a.is-telegram .icon {
    height: 32px;
    width: 32px
}

.ln-pp {
    flex: 1 1 auto;
    margin: 48px auto 36px;
    max-width: 768px;
    text-align: left
}

.ln-pp h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 24px
}

.ln-pp h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 18px;
    margin-top: 30px
}

.ln-pp h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 24px
}

.ln-pp p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px
}

.ln-pp ul {
    list-style-position: outside;
    list-style-type: disc;
    margin-left: 20px
}

.ln-pp ul li {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px
}

.ln-ads {
    flex: 1 1 auto;
    margin: 48px auto 60px;
    max-width: 1358px;
    text-align: left
}

.ln-ads h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 48px;
    text-align: center
}

@media (min-width:1024px) {
    .ln-ads h1 {
        font-size: 72px;
        line-height: 74px;
        margin-bottom: 80px
    }
}

.ln-ads-info {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 900px;
    overflow: hidden;
    position: relative;
    z-index: 3
}

@media (min-width:1024px) {
    .ln-ads-info {
        background: #2a2832;
        border: 6px solid #13111c;
        border-radius: 171px;
        margin-bottom: -100px
    }
}

.ln-ads-info-image {
    display: none;
    flex: 1 1
}

@media (min-width:1024px) {
    .ln-ads-info-image {
        display: block
    }
}

.ln-ads-info-image picture {
    display: block;
    height: 184px;
    margin-left: 20px;
    width: 212px
}

.ln-ads-info-center {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.ln-ads-info-center p {
    color: #ffc147;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 12px
}

@media (min-width:1024px) {
    .ln-ads-info-center p {
        font-size: 46px
    }
}

.ln-ads-info-center span {
    font-size: 18px
}

@media (min-width:1024px) {
    .ln-ads-info-center span {
        font-size: 24px
    }
}

.ln-ads-info-players {
    align-items: center;
    display: none;
    flex: 1 1;
    justify-content: center;
    margin-right: 20px
}

@media (min-width:1024px) {
    .ln-ads-info-players {
        display: flex
    }
}

.ln-ads-info-players .user-avatar {
    background: #34383f;
    border: 3px solid #262335;
    border-radius: 50%;
    height: 54px;
    margin-left: -24px;
    width: 54px
}

.ln-ads-info-players .user-avatar:first-child {
    margin-left: 0
}

.ln-ads-inner {
    padding-top: 48px;
    position: relative;
    z-index: 2
}

@media (min-width:1024px) {
    .ln-ads-inner {
        background: linear-gradient(180deg, #ffffff1a, #ffffff0d);
        border-radius: 100px;
        padding: 152px 0 80px
    }
}

.ln-ads-item {
    background: linear-gradient(180deg, #ffffff1a, #ffffff0d);
    border-radius: 30px;
    margin: 0 -16px 32px;
    padding: 24px 16px 4px
}

@media (min-width:1024px) {
    .ln-ads-item {
        background: linear-gradient(180deg, #13111c, #13111c);
        border-radius: 60px;
        margin: 0 auto 32px;
        max-width: 900px;
        padding: 24px
    }
}

.ln-ads-item:last-child {
    margin-bottom: 0
}

.ln-ads-item-icon {
    align-items: center;
    background-color: #13111c;
    border-radius: 40px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

@media (min-width:1024px) {
    .ln-ads-item-icon {
        background-color: #2a2832;
        border-radius: 53px;
        height: 80px;
        width: 80px
    }
}

.ln-ads-item-icon .icon {
    height: 24px;
    width: 24px
}

@media (min-width:1024px) {
    .ln-ads-item-icon .icon {
        height: 40px;
        width: 40px
    }
}

.ln-ads-item-name {
    background-color: #13111c;
    border-radius: 40px;
    font-size: 14px;
    line-height: 40px;
    margin-left: -6px;
    padding: 0 12px;
    white-space: nowrap
}

@media (min-width:1024px) {
    .ln-ads-item-name {
        background-color: #2a2832;
        border-radius: 53px;
        font-size: 24px;
        line-height: 80px;
        padding: 0 24px
    }
}

.ln-ads-item-name.is-large {
    font-size: 20px;
    font-weight: 500
}

@media (min-width:1024px) {
    .ln-ads-item-name.is-large {
        font-size: 32px
    }
}

.ln-ads-item-header {
    align-items: stretch;
    display: inline-flex;
    justify-content: flex-start
}

.ln-ads-item-info {
    padding-top: 24px
}

@media (min-width:1024px) {
    .ln-ads-item-info {
        margin-left: 50%;
        padding-top: 12px
    }

    .ln-ads-item-info.to-top {
        margin-top: -68px
    }
}

.ln-ads-item-info h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 18px
}

@media (min-width:1024px) {
    .ln-ads-item-info h3 {
        font-size: 32px
    }
}

.ln-ads-item-info-license {
    margin-bottom: 12px
}

.ln-ads-item-info-license span {
    color: #ffffffb3;
    display: block;
    font-size: 16px;
    margin-bottom: 4px
}

.ln-ads-item-info-license p {
    font-size: 24px
}

.ln-ads-item-info-text {
    flex: 1 1 auto;
    font-size: 18px
}

@media (min-width:1024px) {
    .ln-ads-item-info-text {
        font-size: 24px
    }
}

.ln-ads-item-info-text a {
    color: #ffc047;
    cursor: pointer
}

.ln-ads-item-info ul li {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .12);
    display: flex;
    justify-content: flex-start;
    padding: 20px 0
}

.ln-ads-item-info ul li:last-child {
    border-bottom: none
}

.ln-ads-item-info ul li .icon {
    color: #595860;
    height: 32px;
    margin-right: 16px;
    width: 32px
}

.league-slider.swiper {
    overflow: visible
}

.league-slider.swiper:before {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: linear-gradient(133deg, #7995be 5.47%, #8c96a6 97.66%);
    border-radius: 359px;
    content: "";
    display: block;
    filter: blur(69px);
    -webkit-filter: blur(69px);
    height: 359px;
    left: 50%;
    margin-left: -131px;
    position: absolute;
    top: -70px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    width: 263px;
    z-index: -1
}

.league-slider.swiper.is-Bronze:before {
    background: linear-gradient(133deg, #ffae50 5.47%, #994330 97.66%)
}

.league-slider.swiper.is-Silver:before {
    background: linear-gradient(133deg, #7995be 5.47%, #8c96a6 97.66%)
}

.league-slider.swiper.is-Gold:before {
    background: linear-gradient(133deg, #ffac2f 5.47%, #ffc34f 97.66%)
}

.league-slider.swiper.is-Platinum:before {
    background: linear-gradient(133deg, #79aabe 5.47%, #8f8ca6 97.66%)
}

.league-slider.swiper.is-Diamond:before {
    background: linear-gradient(126deg, #2ef2ff 30.31%, #0d16ff 92.09%)
}

.league-slider.swiper.is-Epic:before {
    background: linear-gradient(133deg, #5768ff 18.37%, #ff67f9 88.58%)
}

.league-slider.swiper.is-Legendary:before {
    background: linear-gradient(133deg, #73eeff 18.37%, #00c092 88.58%)
}

.league-slider.swiper.is-Master:before {
    background: linear-gradient(139deg, #0f44ff 26.58%, #29ffd9 75.09%)
}

.league-slider.swiper.is-Grandmaster:before {
    background: linear-gradient(131deg, #6889ff 12.82%, #0c15ff 95.77%)
}

.league-slider.swiper.is-Lord:before {
    background: linear-gradient(131deg, #fff 12.82%, #ffbb7c 53%, #b75800 95.77%)
}

.league-slider.swiper.is-Creator:before {
    background: linear-gradient(133deg, #1c92ff 18.64%, #fff 57.27%, #fa782f 83.45%)
}

.league-slide {
    opacity: 0 !important
}

.league-stats {
    align-items: center;
    background: #272a2f;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    height: 40px;
    justify-content: space-between;
    padding: 0 12px;
    width: 100%
}

.league-stats:hover .league-stats-action {
    color: #fff
}

.league-stats-users {
    align-items: center;
    display: flex
}

.league-stats-users .user-avatar {
    border: 1px solid #020202;
    margin-right: -14px
}

.league-stats-users .user-avatar:last-child {
    margin-right: 0
}

.league-stats-info {
    flex: 1 1 auto;
    font-size: 14px;
    padding-left: 12px
}

.league-stats-action {
    align-items: center;
    color: #8b8e93;
    display: flex;
    font-size: 14px;
    justify-content: center
}

.league-stats-action p {
    margin-right: 6px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

.league-item {
    position: relative
}

.league-item,
.league-item-info {
    align-items: center;
    display: flex;
    justify-content: center
}

.league-item-info {
    background: linear-gradient(93deg, #5a60ff, #bf36ff);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    height: 32px;
    left: 50%;
    padding: 0 10px;
    position: absolute;
    top: -46px;
    transform: translate(-50%);
    white-space: nowrap;
    z-index: 10
}

.league-item-info .icon {
    margin-left: 6px
}

.league-item-info:hover {
    background: linear-gradient(93deg, #bf36ff, #5a60ff)
}

.league-item-info:before {
    border: 2px solid hsla(0, 0%, 100%, .18);
    border-radius: 10px;
    content: "";
    display: block;
    height: 100%;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 100%;
    z-index: 2
}

.league-item-image {
    align-items: center;
    background-color: #ffffff0d;
    border-radius: 28px;
    display: flex;
    height: 162px;
    justify-content: center;
    margin: 6px 0 22px;
    position: relative;
    width: 162px
}

.league-item-image:before {
    background-color: #ffffff0d;
    border-radius: 32px;
    content: "";
    display: block;
    height: 174px;
    left: -6px;
    position: absolute;
    top: -6px;
    width: 174px;
    z-index: -1
}

.league-data {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    line-height: 1;
    margin-bottom: 10px
}

.league-data-name {
    font-size: 32px;
    font-weight: 700
}

.league-data-level {
    align-items: center;
    display: flex;
    font-size: 16px;
    justify-content: flex-end;
    margin-left: 10px;
    position: relative;
    top: -2px
}

.league-data-level p {
    font-weight: 700
}

.league-data-level span {
    color: #8b8e93
}

.league-numbers {
    color: #fff9;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.league-progress {
    background: #272a2f;
    border: 2px solid hsla(0, 0%, 100%, .1);
    border-radius: 10px;
    display: block;
    width: 100%
}

.league-progress-outer {
    height: 16px;
    margin-bottom: 20px;
    margin-top: 12px
}

.league-progress-bar {
    background: linear-gradient(90deg, #82f88e, #d885ff 53%, #5960ff);
    border-radius: 37px;
    height: 12px
}

.league-users.is-Bronze .league-user .user-avatar {
    background: linear-gradient(133deg, #ffae50 5.47%, #994330 97.66%)
}

.league-users.is-Silver .league-user .user-avatar {
    background: linear-gradient(133deg, #7995be 5.47%, #8c96a6 97.66%)
}

.league-users.is-Gold .league-user .user-avatar {
    background: linear-gradient(133deg, #ffac2f 5.47%, #ffc34f 97.66%)
}

.league-users.is-Platinum .league-user .user-avatar {
    background: linear-gradient(133deg, #79aabe 5.47%, #8f8ca6 97.66%)
}

.league-users.is-Diamond .league-user .user-avatar {
    background: linear-gradient(126deg, #2ef2ff 30.31%, #0d16ff 92.09%)
}

.league-users.is-Epic .league-user .user-avatar {
    background: linear-gradient(133deg, #5768ff 18.37%, #ff67f9 88.58%)
}

.league-users.is-Legendary .league-user .user-avatar {
    background: linear-gradient(133deg, #73eeff 18.37%, #00c092 88.58%)
}

.league-users.is-Master .league-user .user-avatar {
    background: linear-gradient(139deg, #0f44ff 26.58%, #29ffd9 75.09%)
}

.league-users.is-Grandmaster .league-user .user-avatar {
    background: linear-gradient(131deg, #6889ff 12.82%, #0c15ff 95.77%)
}

.league-users.is-Lord .league-user .user-avatar {
    background: linear-gradient(131deg, #fff 12.82%, #ffbb7c 53%, #b75800 95.77%)
}

.league-users.is-Creator .league-user .user-avatar {
    background: linear-gradient(133deg, #1c92ff 18.64%, #ffbb7c 57.27%, #fa782f 83.45%)
}

.league-users-progress {
    align-items: center;
    display: flex;
    justify-content: center
}

.league-users>p {
    font-size: 18px;
    font-weight: 700;
    text-align: center
}

.league-user {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 0 12px;
    position: relative
}

.league-user.is-my {
    bottom: 70px;
    position: sticky
}

.league-user.is-my:before {
    border: 1px solid #8b8e93;
    border-radius: 20px;
    content: "";
    height: calc(100% - 2px);
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 2px)
}

.league-user:last-child {
    margin-bottom: 0
}

.league-user-avatar {
    border-radius: 12px;
    height: 50px;
    min-width: 50px;
    overflow: hidden;
    width: 50px
}

.league-user-position {
    color: #8b8e93;
    flex: 0 0 48px;
    font-size: 26px;
    padding-left: 12px;
    text-align: right
}

.league-user-info {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px
}

.league-user-info-top {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px
}

.league-user-info-top .exchange-image {
    align-items: center;
    display: flex;
    height: 18px;
    justify-content: center;
    margin-right: 6px;
    min-width: 18px;
    width: 18px
}

.league-user-info p {
    font-size: 14px;
    margin-top: 2px;
    max-height: 28px;
    overflow: hidden
}

.league-user-info .price-value {
    color: #8b8e93;
    font-size: 14px;
    font-weight: 700
}

.league .swiper-button-next,
.league .swiper-button-prev {
    align-items: center;
    color: #8b8e93;
    cursor: pointer;
    display: flex;
    height: 174px;
    justify-content: center;
    position: absolute;
    top: 22px;
    width: 100px;
    z-index: 10
}

.league .swiper-button-next.swiper-button-disabled,
.league .swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.league .swiper-button-next.swiper-button-hidden,
.league .swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.league .swiper-navigation-disabled .swiper-button-next,
.league .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.league .swiper-button-next svg,
.league .swiper-button-prev svg {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
    width: 100%
}

.league .swiper-rtl .swiper-button-next svg,
.league .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.league .swiper-button-prev,
.league .swiper-rtl .swiper-button-next {
    left: -16px;
    right: auto
}

.league .swiper-button-next,
.league .swiper-rtl .swiper-button-prev {
    left: auto;
    right: -16px
}

.league .swiper-button-lock {
    display: none
}

.league .swiper-button-next:after,
.league .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 24px;
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.league .swiper-button-prev:after,
.league .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.league .swiper-button-next:after,
.league .swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-slide-fully-visible .league-item:before,
.swiper-slide-fully-visible.league-slide {
    opacity: 1 !important
}

.minigame {
    align-items: center;
    background-color: #202020;
    border-radius: 40px 40px 0 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    min-width: 320px;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 9999
}

.minigame,
.minigame-bg {
    position: fixed;
    width: 100%
}

.minigame-bg {
    background-color: #000;
    height: 100%;
    z-index: 9990
}

.minigame-button-replay {
    align-items: center;
    display: flex;
    height: 35px;
    justify-content: center
}

.minigame-button-replay p {
    text-align: right;
    white-space: nowrap
}

.minigame-button-replay-timer {
    align-items: center;
    background: #393b3e;
    border-radius: 35px;
    display: inline-flex;
    justify-content: center;
    min-width: 80px;
    padding: 6px 10px;
    -webkit-tap-highlight-color: transparent;
    margin-left: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.minigame-button-replay-timer .icon {
    color: #646566;
    height: 24px;
    margin-left: -10px;
    margin-right: 3px;
    width: 24px
}

.minigame-button-replay-timer .icon svg {
    height: 100%;
    width: 100%
}

.minigame-button-replay-timer p {
    font-size: 16px;
    font-weight: 400
}

.minigame-balance {
    align-items: center;
    background: #272a2f;
    border-radius: 35px;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    line-height: normal;
    margin-top: 8px;
    min-width: 80px;
    padding: 10px 12px
}

.minigame-balance span {
    margin-left: 9px
}

.minigame-puzzle {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.minigame-puzzle-top {
    height: 44px;
    margin-bottom: 18px;
    margin-top: 24px;
    min-width: 117px
}

.minigame-puzzle-top.is-tiles {
    height: 36px;
    margin-bottom: 0;
    margin-top: 0
}

.minigame-puzzle-top-timer {
    align-items: center;
    background: #272a2f;
    border-radius: 35px;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.minigame-puzzle-top-timer .icon {
    color: #4e4f50;
    height: 24px;
    width: 24px
}

.minigame-puzzle-top-timer .icon svg {
    height: 100%;
    width: 100%
}

.minigame-puzzle-top-timer p {
    font-size: 20px;
    font-weight: 400;
    margin-left: 6px
}

.minigame-puzzle-tutor {
    flex-direction: column;
    height: 100%;
    padding-left: 10px;
    padding-right: 10px
}

.minigame-puzzle-tutor,
.minigame-puzzle-tutor-images {
    align-items: center;
    display: flex;
    justify-content: center
}

.minigame-puzzle-tutor-images {
    padding-top: 100px
}

.minigame-puzzle-tutor-images picture.is-hamster {
    height: 220px;
    left: 10px;
    position: relative;
    top: 20px;
    width: 100%;
    z-index: 2
}

.minigame-puzzle-tutor-images picture.is-game {
    height: 207px;
    position: relative;
    right: 25px;
    top: -50px;
    width: 100%
}

.minigame-puzzle-tutor-divider {
    flex: 1 1 auto;
    min-height: 30px
}

.minigame-puzzle-tutor-button {
    padding-bottom: 24px;
    width: 100%
}

#minigame-frame {
    border: none;
    box-shadow: none;
    min-height: 80vh;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#minigame-frame.is-tiles {
    width: 200%
}

.playground-animation-wrapper {
    animation: playground-bgFade 1.5s ease-in forwards;
    background: transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99998
}

.playground-key-animation {
    animation: playground-jumpUp 1.5s ease-in forwards;
    border-radius: 50%;
    height: 0;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    z-index: 99999
}

.playground-slider-container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center;
    width: 100%
}

.playground-slider {
    align-items: center;
    height: 100%;
    min-height: 200px;
    width: 100%
}

.playground-slider .swiper-wrapper {
    align-items: center
}

.playground-slider .swiper-button-next,
.playground-slider .swiper-button-prev {
    color: transparent;
    height: 80%;
    top: 20%;
    width: 50px
}

.playground-slider .swiper-button-prev {
    left: 0
}

.playground-slider .swiper-button-next {
    right: 0
}

.playground-slider-item.swiper-slide {
    opacity: .5;
    transform: scale(.8) !important;
    transition: transform .25s ease;
    -webkit-transition: transform .25s ease
}

.playground-slider-item.swiper-slide .common-image {
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 20px;
    padding: 6px;
    transition: transform .25s ease;
    -webkit-transition: transform .25s ease
}

.playground-slider-item.swiper-slide-active {
    opacity: 1;
    transform: scale(1) !important
}

.playground-slider-item.swiper-slide-active,
.playground-slider-item.swiper-slide-active .common-image {
    transition: transform .25s ease;
    -webkit-transition: transform .25s ease
}

.playground-slider-item img {
    border-radius: 14px
}

.playground-slider-title {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    margin-top: 20px;
    max-width: 80%
}

.playground-slider-description {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 80%;
    min-height: 36px
}

.playground .tabs-list {
    box-shadow: 0 -4px 10px #0003;
    height: 50px;
    margin-bottom: 16px;
    margin-top: -16px;
    top: 20px
}

.playground-minigame {
    flex: 0 0 calc(33.33333% - 4px)
}

.playground-minigame-coin {
    margin-top: 2px
}

.playground-minigame .upgrade-progress {
    transform: translate(-50%, -30%)
}

.playground-minigame.is-completed:before {
    border-radius: 12px;
    content: "";
    display: block;
    height: calc(100% - 6px);
    position: absolute;
    width: calc(100% + 2px);
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    background: linear-gradient(180deg, #61cb6c, #1c1f24 95%);
    left: -1px;
    top: -1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.playground-minigame.is-completed.is-end-soon .playground-minigame-inner {
    border-color: #de4659;
    box-shadow: inset 0 0 28.1px #ff66665c
}

.playground-minigame.is-completed picture {
    height: 56px;
    margin-top: -8px;
    width: 56px
}

.playground-minigame-inner {
    background: #1c1f24;
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 6px;
    min-height: 148px;
    padding: 8px;
    position: relative;
    z-index: 2
}

.playground-section {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 13px;
    margin-bottom: 20px;
    margin-top: 20px
}

.playground-top {
    background: #1c1f24;
    border-radius: 10px;
    min-height: 65px;
    padding-bottom: 15px
}

.playground-top,
.playground-top-item {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.playground-top-item {
    gap: 6px
}

.playground-top-item span {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.playground-top-item-divider {
    background: #272a2f;
    height: 36px;
    width: 1px
}

.playground-top .is-icon {
    height: 24px;
    width: 24px
}

.playground-divider {
    background: #272a2f;
    height: 1px;
    margin: 20px 0
}

.playground-games {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

.playground-item {
    background: #1c1f24;
    border-radius: 12px;
    cursor: pointer;
    flex: 0 0 calc(33.33333% - 4px);
    min-height: 148px;
    padding: 8px;
    position: relative
}

.playground-item-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 343px;
    text-align: center
}

.playground-item-background {
    overflow: hidden
}

.playground-item-background .common-image {
    padding-bottom: 75%;
    position: relative;
    width: 100%
}

.playground-item-background .common-image picture {
    height: 100%;
    position: absolute;
    width: 100%
}

.playground-item-background img {
    border-radius: 6px
}

.playground-item-gradient {
    background: linear-gradient(270deg, transparent .11%, rgba(0, 0, 0, .9) 99.89%);
    border-radius: 20px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.playground-item-icon {
    border: 1px solid #fff;
    border-radius: 7.245px;
    height: 32px;
    left: 16px;
    position: absolute;
    top: 16px;
    width: 32px
}

.playground-item-icon img {
    border-radius: 7.245px
}

.playground-item-title {
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    height: 24px;
    line-height: 12px;
    margin-top: 10px
}

.playground-item-description {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-top: 8px;
    max-width: 300px;
    opacity: .7
}

.playground-item-footer {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%
}

.playground-item-footer-left {
    align-items: center;
    color: #8b8e93;
    display: flex;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    height: 24px;
    line-height: normal;
    text-align: center
}

.playground-item-footer-left-counter {
    color: #fff;
    margin-right: 3px
}

.playground-item-footer-left .key-icon {
    height: 16px;
    margin-right: 6px;
    width: 16px
}

.playground-item-footer-left .is-done {
    color: #ffd337
}

.playground-item-footer-right {
    color: #ffffffb3;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px;
    margin-left: 12px
}

.playground-item-countdown {
    align-items: center;
    background-color: #34383f;
    border-radius: 36px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    left: 50%;
    line-height: 12px;
    padding: 2px 6px;
    position: absolute;
    top: -8px;
    transform: translate(-50%);
    z-index: 11
}

.playground-item-countdown .icon {
    color: #ffd337;
    height: 12px;
    width: 12px
}

.playground-item-countdown .icon svg {
    height: 100%;
    width: 100%
}

.playground-item-countdown p {
    font-size: 9px;
    margin-left: 4px
}

.playground-footer {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 80px;
    padding-bottom: 80px;
    text-align: center
}

.playground-onboard-button {
    align-items: center;
    border: 1px solid #272a2f;
    border-radius: 16px;
    cursor: pointer;
    display: inline-flex;
    gap: 6px;
    justify-content: center;
    padding: 8px 16px 8px 14px
}

.playground-onboard-button .icon {
    color: #4e4f50;
    height: 24px;
    width: 24px
}

.playground-onboard-button span {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.playground-is-keyboard-open {
    padding-bottom: 33vh
}

.playground-partner {
    align-items: center;
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
    padding: 10px 16px 25px;
    position: fixed;
    width: 100%;
    z-index: 998
}

.playground-partner-divider {
    flex: 1 1 auto;
    min-height: 20px
}

.playground-partner-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.playground-partner-section-inline {
    display: flex;
    gap: 6px
}

.playground-partner-input {
    background: #272a2f;
    border-radius: 20px;
    display: flex;
    height: 64px;
    padding: 4px 4px 4px 16px;
    position: relative;
    width: 100%
}

.playground-partner-input .button {
    flex: 0 0;
    height: 56px;
    padding: 0 12px
}

.playground-partner-input input {
    background: none;
    border: none;
    border-radius: 20px;
    color: #fff;
    flex: 1 1;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    outline: none
}

.playground-partner-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 24px
}

.playground-partner-image {
    width: 75%
}

.playground-partner-image img {
    border-radius: 20px
}

.playground-partner-keys {
    align-items: center;
    background: #272a2f;
    border-radius: 35px;
    display: flex;
    justify-content: center;
    margin-top: 12px;
    padding: 6px 10px
}

.playground-partner-keys.is-rating {
    color: #4e4f50;
    cursor: pointer
}

.playground-partner-keys.is-rating .icon {
    height: 20px;
    width: 20px
}

.playground-partner-keys.is-rating.is-rate-selected {
    color: #ffd337
}

.playground-partner-keys .icon,
.playground-partner-keys picture {
    height: 16px;
    width: 16px
}

.playground-partner-keys span {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-left: 6px
}

.playground-partner-button {
    margin-top: auto;
    width: 100%
}

.playground-partner-button .button {
    border-radius: 20px;
    height: 66px;
    width: 100%
}

.playground-partner-button .button .common-image {
    border: 1px solid #fff;
    border-radius: 7.245px;
    height: 40px;
    margin-right: 8px;
    width: 40px
}

.playground-partner-button .button .common-image img {
    border-radius: 7.245px
}

@keyframes playground-bgFade {
    0% {
        background: transparent
    }

    20% {
        background: #000c
    }

    90% {
        background: #000c
    }

    to {
        background: transparent
    }
}

@keyframes playground-jumpUp {
    0% {
        height: 24px;
        width: 24px
    }

    20% {
        height: 96px;
        width: 96px
    }

    50% {
        height: 96px;
        width: 96px
    }

    75% {
        transform: translate(-50%, -50%)
    }

    to {
        height: 0;
        transform: translateY(-100vh);
        width: 0
    }
}

.profile {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.profile-header {
    border-bottom: 1px solid #1c1f24;
    margin: 0 16px;
    padding: 12px 0
}

.profile-header-user {
    align-items: center;
    color: #fff;
    display: inline-flex;
    flex: 1 1 auto;
    justify-content: center
}

.profile-header-user-avatar {
    background-color: #1c1f24;
    border-radius: 12px;
    flex: 0 0 40px;
    height: 40px;
    margin-right: 16px;
    overflow: hidden;
    width: 40px
}

.profile-header-user-avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.profile-header-user p {
    font-size: 16px;
    font-weight: 700
}

.profile-info {
    flex: 1 1 auto;
    margin-top: 24px
}

.profile-skins {
    margin-top: 20px
}

.profile-skins-header {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 8px;
    padding: 0 16px
}

.profile-skins-tabs {
    flex: 0 0 168px
}

.profile-skins-inner {
    background-color: #1c1f24;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    overflow: hidden;
    padding: 0 16px 66px;
    position: relative
}

.profile-skins-list {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: flex-start;
    margin: 0 -4px;
    max-height: 100%;
    overflow: scroll;
    padding-bottom: 72px;
    padding-top: 12px;
    position: absolute;
    right: 16px;
    top: 0;
    width: 176px
}

.profile-skins-list li {
    background-color: #272a2f;
    border: 1px solid #272a2f;
    border-radius: 12px;
    cursor: pointer;
    flex: 0 0 calc(50% - 8px);
    margin: 0 4px 6px;
    max-width: calc(50% - 8px);
    position: relative;
    width: calc(50% - 8px)
}

.profile-skins-list li.is-selected {
    border-color: #5a60ff
}

.profile-skins-list li .is-icons {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 6px;
    z-index: 10
}

.profile-skins-list li .is-locked-skin {
    height: 16px;
    width: 16px
}

.profile-skins-list li .is-locked-skin svg {
    fill: #4e4f50
}

.profile-skins-list li .is-time-skin {
    color: #4e90e6;
    height: 16px;
    margin-bottom: 4px;
    width: 16px
}

.profile-skins-list li .is-time-skin svg {
    fill: #4e90e6
}

.profile-skins-list li .is-current-skin {
    align-items: center;
    background: linear-gradient(180deg, #74fc82, #297e32);
    border: 1px solid #1c1f24;
    border-radius: 50%;
    display: flex;
    height: 18px;
    justify-content: center;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 18px
}

.profile-skins-list li .is-current-skin svg {
    color: #fff;
    height: 10px;
    width: 10px
}

.profile-skins-list li picture {
    align-items: flex-end;
    display: flex;
    height: 62px;
    justify-content: center;
    margin: 4px 0;
    width: 100%
}

.profile-skins-list li picture img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.profile-skins-list li p {
    font-size: 9px;
    font-weight: 400;
    margin-bottom: 8px;
    text-align: center
}

.profile-skins-title {
    flex: 1 1 auto;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.profile-skin {
    padding-right: 176px;
    width: 100%
}

.profile-skin-image {
    height: 300px;
    position: relative
}

.profile-skin-image picture {
    display: block;
    height: 300px;
    left: 50%;
    margin-top: 6px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px
}

.profile-skin-info {
    background-color: #272a2f;
    border-radius: 12px;
    box-shadow: 0 -4px 10px #0000002b;
    margin: 12px 0;
    padding: 24px 12px 12px;
    position: relative
}

.profile-skin-info-featured {
    align-items: center;
    background: #1c1f24;
    border: 1px solid #272a2f;
    border-radius: 35px;
    display: flex;
    left: 50%;
    padding: 4px 6px;
    position: absolute;
    top: -12px;
    transform: translate(-50%)
}

.profile-skin-info-featured .icon {
    color: #4e90e6;
    height: 16px;
    margin-right: 4px;
    width: 16px
}

.profile-skin-info-featured p {
    font-size: 10px;
    line-height: 1;
    position: relative;
    top: 1px
}

.profile-skin-title {
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center
}

.profile-skin-description {
    font-size: 10px;
    line-height: 12px;
    min-height: 32px;
    text-align: center
}

.profile-skin-status {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
    margin-top: 12px;
    min-height: 20px
}

.profile-skin-status .price-value {
    font-size: 14px
}

.profile-skin-status .is-purchased {
    color: #82f88e;
    font-size: 14px
}

.profile-skin-button span {
    font-size: 14px
}

.profile-skin-button i {
    font-style: normal
}

.profile-skin-button .is-disabled-blue span {
    font-size: 12px
}

.profile-skin-button .icon,
.profile-skin-button svg {
    height: 16px;
    width: 16px;
    fill: #fff
}

.profile-achievements {
    background: #1c1f24;
    border-radius: 24px;
    padding: 12px 16px
}

.profile-achievements-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 4px
}

.profile-achievements-title {
    font-size: 14px;
    font-weight: 700
}

.profile-achievements-list {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 12px -4px 0
}

.profile-achievements-list li {
    align-items: center;
    background-color: #272a2f;
    border: 1px solid #272a2f;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex: 0 0 calc(25% - 8px);
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 4px 6px;
    max-width: calc(25% - 8px);
    padding-bottom: 8px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: calc(25% - 8px)
}

.profile-achievements-list li picture {
    height: 50px;
    margin-bottom: 6px;
    width: 50px
}

.profile-achievements-list li p {
    font-size: 9px;
    font-weight: 400;
    line-height: 12px;
    padding: 0 6px
}

.profile-achievements-no {
    color: #8b8e93;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 24px;
    text-align: center
}

.profile-achievements-no span {
    font-size: 12px
}

.profile-achievements-no span i {
    display: inline-block;
    font-size: 9px;
    font-style: normal;
    line-height: 12px
}

.settings {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100%
}

.settings-title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    margin-bottom: 12px;
    text-align: center
}

.settings-item {
    align-items: center;
    background: #272a2f;
    border: 1px solid #272a2f;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 10px 12px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    width: 100%
}

.settings-item:hover:not(.is-disabled):not(.is-active) {
    border-color: #8b8e93
}

.settings-item:hover:not(.is-disabled):not(.is-active) .settings-item-action {
    color: #fff
}

.settings-item.is-active {
    border-color: #4e4f50;
    cursor: default
}

.settings-item.is-disabled {
    cursor: not-allowed;
    opacity: .5
}

.settings-item:last-child {
    margin-bottom: 0
}

.settings-item-image {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-right: 12px;
    width: 40px
}

.settings-item-image img {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.settings-item-content {
    flex: 1 1 auto;
    text-align: left
}

.settings-item-content p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 6px
}

.settings-item-content p:last-child {
    margin-bottom: 0
}

.settings-item-content span {
    color: #8b8e93;
    display: block;
    font-size: 14px;
    line-height: 1
}

.settings-item-action {
    color: #8b8e93
}

.settings-toggle {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    padding: 0 16px
}

.settings-toggle p {
    font-size: 16px;
    font-weight: 700
}

.settings-info {
    margin-top: 12px;
    position: relative
}

.settings-divider {
    flex: 1 1 auto
}

.settings-link {
    color: #8b8e93;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 36px;
    text-align: center
}

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

.slider-onb.swiper {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10
}

.slider-onb.swiper.is-playground {
    position: fixed
}

.slider-onb .swiper-pagination {
    align-items: center;
    bottom: 32px;
    display: flex;
    height: 50px;
    justify-content: center;
    left: 36px;
    pointer-events: none;
    position: absolute;
    z-index: 10
}

.slider-onb .swiper-pagination .swiper-pagination-bullet {
    background: #4e4f50;
    border-radius: 8px;
    height: 8px;
    margin: 0 4px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    width: 8px
}

.slider-onb .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
    width: 36px
}

.slider-onb-button {
    align-items: center;
    bottom: 32px;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0 24px;
    position: absolute;
    right: 0;
    z-index: 10
}

.slider-onb-button .button {
    border-radius: 16px;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    max-width: 414px;
    padding: 0 12px
}

.slider-onb-button .button,
.slider-onb-item {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slider-onb-item {
    align-items: center;
    background-color: #000;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    text-align: center
}

.slider-onb-info {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    background: linear-gradient(180deg, #27253a, #000);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    display: flex;
    justify-content: space-between;
    min-height: 264px;
    padding-bottom: 90px;
    position: relative;
    width: 100%;
    z-index: 10
}

.slider-onb-info-image {
    flex: 0 0 160px;
    position: relative;
    width: 160px
}

.slider-onb-info-image .common-image {
    height: 100%
}

.slider-onb-info-image picture {
    height: 158px;
    left: 50%;
    position: absolute;
    top: 12px;
    transform: translate(-50%);
    width: 158px
}

.slider-onb-info-text {
    flex: 1 1 auto;
    margin-top: 50px;
    padding-right: 16px;
    text-align: left
}

.slider-onb-info-text h3 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 8px
}

.slider-onb-info-text p {
    font-size: 15px;
    line-height: 18px
}

.slider-onb-next {
    align-items: center;
    background: #5a60ff;
    border-radius: 16px;
    bottom: 32px;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    justify-content: center;
    min-width: 146px;
    padding: 0 12px;
    position: absolute;
    right: 24px;
    z-index: 10;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slider-onb-image {
    height: auto;
    left: 50%;
    margin-left: -138px;
    position: absolute;
    top: 40px;
    width: 276px;
    z-index: -1
}

.slider-onb-image .is-tap {
    height: 336px;
    left: 85px;
    position: absolute;
    top: 120px;
    width: 276px;
    z-index: 6
}

.slider-onb-image .is-level-up {
    height: 122px;
    left: 140px;
    position: absolute;
    top: 155px;
    width: 153px;
    z-index: 6
}

.slider-onb-image.is-second {
    margin-left: -160px;
    top: -10px;
    width: 320px
}

.slider-onb-image.has-border>div {
    border: 6px solid hsla(0, 0%, 100%, .1);
    border-radius: 44px 44px 0 0;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 5
}

.slider-onb-image.has-glow:before {
    background-color: #3763ff;
    content: "";
    display: block;
    filter: blur(20px);
    height: calc(100% - 80px);
    position: absolute;
    width: 100%;
    z-index: 1
}

.slider-onb-image.has-gradient:after {
    background: #000;
    background: linear-gradient(180deg, transparent, #000 90%);
    bottom: -6px;
    content: "";
    display: block;
    height: 160px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 5
}

.slider-onb-title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0 24px;
    position: relative;
    z-index: 10
}

.slider-onb-title span {
    color: #ffd337;
    display: block
}

.slider-onb-join {
    padding: 0 16px;
    width: 100%
}

.slider-onb-hk {
    height: 144px;
    position: relative;
    width: 144px
}

.slider-onb-hk:before {
    height: 170px;
    width: 170px;
    z-index: 2
}

.slider-onb-hk:after,
.slider-onb-hk:before {
    background-color: #ffffff0d;
    border-radius: 50%;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.slider-onb-hk:after {
    height: 198px;
    width: 198px;
    z-index: 1
}

.slider-onb-hk picture {
    display: block;
    height: 144px;
    position: relative;
    width: 144px;
    z-index: 10
}

.slider-onb-hk picture:before {
    background-color: #3763ff;
    border-radius: 50%;
    content: "";
    display: block;
    filter: blur(60px);
    height: 190px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 190px;
    z-index: -1
}

.slider-onb-hk picture img {
    position: relative;
    z-index: 5
}

.slider-onb-divider {
    flex: 1 1 auto;
    min-height: 20px
}

.slider-onb-close {
    color: #4e4f50;
    cursor: pointer;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 40;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slider-onb-close.is-playground {
    position: fixed
}

.slider-onb-close svg {
    height: 32px;
    width: 32px
}

.slider-onb-close:hover {
    color: #8b8e93
}

.upgrade-list {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -6px
}

.upgrade-list .section-title {
    flex: 0 0 100%;
    margin-top: 16px;
    padding-left: 6px
}

.upgrade-list .section-title:first-child {
    margin-top: 0
}

.upgrade-item {
    align-items: stretch;
    background: #272a2f;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    flex: 0 0 calc(50% - 12px);
    flex-direction: column;
    font-size: 12px;
    justify-content: space-between;
    margin-bottom: 12px;
    margin-left: 6px;
    margin-right: 6px;
    max-width: calc(50% - 12px);
    -webkit-tap-highlight-color: transparent;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.upgrade-item.is-special {
    box-shadow: 0 0 6px #fab822cc
}

.upgrade-item.is-disabled {
    background: #272a2f80;
    cursor: not-allowed
}

.upgrade-item.is-disabled.is-special {
    box-shadow: 0 0 6px #fab82233
}

.upgrade-item-top {
    display: flex;
    margin: 0 12px;
    padding: 8px 0
}

.upgrade-item-image {
    align-items: center;
    display: flex;
    flex: 0 0 60px;
    height: 60px;
    justify-content: center;
    margin-left: -4px;
    margin-right: 8px;
    position: relative;
    width: 60px
}

.upgrade-item-image img {
    display: block;
    height: auto;
    max-width: 100%;
    position: relative;
    z-index: 1
}

.upgrade-item-image.is-disabled:before {
    background-color: #34383fcc;
    border-radius: 50%;
    content: "";
    display: block;
    height: 68px;
    left: -4px;
    overflow: hidden;
    position: absolute;
    top: -4px;
    width: 68px;
    z-index: 2
}

.upgrade-item-image.is-disabled>.icon {
    color: #fff;
    height: 24px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    z-index: 3
}

.upgrade-item-image.is-disabled>.icon svg {
    height: 24px;
    width: 24px;
    fill: #fff
}

.upgrade-item-info {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 2px
}

.upgrade-item-title {
    flex: 1 1 auto;
    font-weight: 400;
    max-height: 36px;
    text-overflow: ellipsis
}

.upgrade-item-title.is-long {
    font-size: 11px
}

.upgrade-item-profit {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 4px
}

.upgrade-item-profit>p {
    font-size: 10px
}

.upgrade-item-spec {
    display: flex;
    flex-wrap: wrap;
    max-width: 150px
}

.upgrade-item-spec p {
    flex: 0 0 50%;
    font-weight: 700;
    margin-top: 6px
}

.upgrade-item-bottom {
    align-items: center;
    border-top: 1px solid #34383f;
    display: flex;
    justify-content: space-between;
    padding: 8px 12px
}

.upgrade-item-divider {
    background-color: #34383f;
    flex: 0 0 1px;
    height: 24px;
    margin-right: 12px;
    width: 1px
}

.upgrade-item-level {
    font-weight: 700;
    min-width: 40px;
    padding-right: 6px;
    white-space: nowrap
}

.upgrade-item-level .icon {
    height: 16px;
    width: 16px
}

.upgrade-item-level .icon svg {
    height: 100%;
    width: 100%
}

.upgrade-item-detail {
    flex: 1 1 auto
}

.upgrade-item-detail p span {
    font-weight: 600
}

.upgrade-buy {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center
}

.upgrade-buy-image {
    align-items: center;
    display: flex;
    height: 140px;
    justify-content: center;
    margin-bottom: 16px;
    position: relative;
    width: 100%
}

.upgrade-buy-image.lambo_for_ceo:before {
    background-color: #319f43e6;
    border-radius: 50%;
    content: "";
    display: block;
    filter: blur(20px);
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    z-index: -1
}

.upgrade-buy-image.adv_integration_0409,
.upgrade-buy-image.adv_integration_0909,
.upgrade-buy-image.adv_integration_2608 {
    height: 200px
}

.upgrade-buy-image img {
    display: block;
    height: auto;
    max-width: 100%
}

.upgrade-buy-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 12px;
    position: relative
}

.upgrade-buy-title.venom_blockchain {
    font-size: 32px
}

.upgrade-buy-title-copy {
    color: #5a60ff;
    cursor: pointer;
    height: 32px;
    padding: 2px;
    position: absolute;
    right: -24px;
    top: -8px;
    width: 32px
}

.upgrade-buy-description {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 32px;
    max-width: 280px
}

.upgrade-buy-stats {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 20px;
    width: 100%
}

.upgrade-buy-stats li {
    flex: 1 1
}

.upgrade-buy-stats li>p {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px
}

.upgrade-buy-stats-info {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 20px
}

.upgrade-buy-info,
.upgrade-buy-stats-info {
    align-items: center;
    display: flex;
    justify-content: center
}

.upgrade-buy-info {
    color: #8b8e93;
    font-size: 24px;
    font-style: normal;
    font-weight: 400
}

.upgrade-image {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.upgrade-image.is-blur {
    filter: blur(4px)
}

.upgrade-image .icon {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.upgrade-image img,
.upgrade-image svg {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%
}

.upgrade-image picture {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.upgrade-image img.is-rounded,
.upgrade-image picture.is-rounded {
    border-radius: 12px;
    overflow: hidden
}

.upgrade-image img.is-rounded img,
.upgrade-image picture.is-rounded img {
    border-radius: 4px
}

.upgrade-block {
    align-items: center;
    background-color: #1c1f24e6;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    padding-top: 48px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 20
}

.upgrade-block-title {
    font-size: 18px;
    font-weight: 700
}

.upgrade-block .button {
    margin-top: 24px
}

.upgrade-block-icon {
    margin-bottom: 24px
}

.upgrade-block-icon svg {
    height: 40px;
    width: 40px
}

.upgrade-special {
    border-radius: 20px;
    cursor: pointer;
    flex: 0 0 calc(50% - 12px);
    font-size: 12px;
    margin-bottom: 12px;
    margin-left: 6px;
    margin-right: 6px;
    max-width: calc(50% - 12px);
    -webkit-tap-highlight-color: transparent;
    min-height: 224px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.upgrade-special.is-disabled,
.upgrade-special.is-expired {
    cursor: not-allowed
}

.upgrade-special.is-disabled .upgrade-special-inner:before,
.upgrade-special.is-expired .upgrade-special-inner:before {
    opacity: .3
}

.upgrade-special .is-upgrade-lock {
    height: 60px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: 52px;
    width: 60px;
    z-index: 10
}

.upgrade-special .is-upgrade-lock svg {
    fill: #fff;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5))
}

.upgrade-special-inner {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.upgrade-special-inner>* {
    position: relative;
    z-index: 2
}

.upgrade-special-inner:before {
    border-radius: 20px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.upgrade-special-inner.taker_carlson_interview:before {
    background: linear-gradient(180deg, #f7ae41, #262526)
}

.upgrade-special-inner.token2049:before {
    background: linear-gradient(180deg, #dd4cb1, #662ae6 50.5%, #262526)
}

.upgrade-special-inner.save_hamsters_from_drowning:before {
    background: linear-gradient(180deg, #5a60ff, #202332)
}

.upgrade-special-inner.blockchain_life_2024:before {
    background: linear-gradient(180deg, #0086ff, #202732)
}

.upgrade-special-inner.usdt_on_ton:before {
    background: linear-gradient(180deg, #08c, #013048)
}

.upgrade-special-inner.villa_for_dev_team:before {
    background: linear-gradient(180deg, #38b7df 34.08%, #262526)
}

.upgrade-special-inner.success_with_tucker:before {
    background: linear-gradient(180deg, #ac9787, #3f342a)
}

.upgrade-special-inner.short_squeeze:before {
    background: linear-gradient(180deg, #34d461, #262526)
}

.upgrade-special-inner.long_squeeze:before {
    background: linear-gradient(180deg, #dd4c4c, #262526)
}

.upgrade-special-inner.two_chairs:before {
    background: linear-gradient(180deg, #ff7b7b, #262526)
}

.upgrade-special-inner.bogdanoff:before {
    background: linear-gradient(180deg, #8256ff, #291a3c)
}

.upgrade-special-inner.forbes:before {
    background: linear-gradient(180deg, #adebff, #262526)
}

.upgrade-special-inner.apps_center_listing:before,
.upgrade-special-inner.special_hamster_conference:before {
    background: linear-gradient(180deg, #ffa13f, #393107)
}

.upgrade-special-inner.bitcoin_halving:before {
    background: linear-gradient(180deg, #8799ac, #2a383f)
}

.upgrade-special-inner.lambo_for_ceo:before {
    background: linear-gradient(180deg, red, #763a22 63.26%, #262526)
}

.upgrade-special-inner.contract_with_football_club:before {
    background: linear-gradient(180deg, #fff, #212121)
}

.upgrade-special-inner.dubai_office:before {
    background: linear-gradient(180deg, #ff3f9b, #390707)
}

.upgrade-special-inner.joe_rogan_podcast:before {
    background: linear-gradient(180deg, #56ffff, #291a3c)
}

.upgrade-special-inner.venom_blockchain:before {
    background: linear-gradient(180deg, #42e0c1, #3188a7 56%, #021725)
}

.upgrade-special-inner.notcoin_listing:before {
    background: linear-gradient(180deg, #0ccb80 50%, #34383f)
}

.upgrade-special-inner.hamster_ai:before {
    background: linear-gradient(180deg, #a056ff, #1a223c)
}

.upgrade-special-inner.nft_collection_launch:before {
    background: linear-gradient(180deg, #08c, #013048)
}

.upgrade-special-inner.top10_global:before {
    background: linear-gradient(180deg, #1c6bc7, #061638)
}

.upgrade-special-inner.bitcoin_pizza_day:before {
    background: linear-gradient(180deg, #ffa73f, #391907)
}

.upgrade-special-inner.ceo_21m:before {
    background: linear-gradient(180deg, #ff79e2, #1f1f1f)
}

.upgrade-special-inner.hamster_daily_show:before {
    background: linear-gradient(180deg, #38b7df 34.08%, #262526)
}

.upgrade-special-inner.hamster_youtube_channel:before {
    background: linear-gradient(180deg, #000, #272a2f 63.26%, #262526)
}

.upgrade-special-inner.adv_integration_0907:before,
.upgrade-special-inner.hamster_youtube_gold_button:before {
    background: linear-gradient(180deg, #ff4f4f, #262526)
}

.upgrade-special-inner.consensys_piranja_pass:before {
    background: linear-gradient(180deg, #2fd0cd, #091633)
}

.upgrade-special-inner.web3_academy_launch:before {
    background: linear-gradient(180deg, #d26829, #431507)
}

.upgrade-special-inner.football_club_winner:before {
    background: linear-gradient(180deg, #794aff, #1b0834)
}

.upgrade-special-inner.partner_announce:before {
    background: linear-gradient(180deg, #0da7f4, #013048)
}

.upgrade-special-inner.hamster_drop:before {
    background: linear-gradient(180deg, #ffbb37, #341300)
}

.upgrade-special-inner.premarket_launch:before {
    background: linear-gradient(180deg, #34d461, #262526)
}

.upgrade-special-inner.tg_leaders:before {
    background: linear-gradient(180deg, #0da7f4, #013048)
}

.upgrade-special-inner.youtube_25_million:before {
    background: linear-gradient(180deg, #ff4f4f, #262526)
}

.upgrade-special-inner.twitter_10_million:before {
    background: linear-gradient(180deg, #4db1ff, #091633)
}

.upgrade-special-inner.hamster_green_energy:before {
    background: linear-gradient(180deg, #34d4ae, #262526)
}

.upgrade-special-inner.web3_game_con:before {
    background: linear-gradient(180deg, #4e60b6, #091633)
}

.upgrade-special-inner.hamster_break_records:before {
    background: linear-gradient(180deg, #fff, #212121)
}

.upgrade-special-inner.cx_hub_istanbul:before {
    background: linear-gradient(180deg, #37b3da, #0d1f22)
}

.upgrade-special-inner.riyadh_masters_2024:before {
    background: linear-gradient(180deg, #a43f37, #22140d)
}

.upgrade-special-inner.kamala_calling:before {
    background: linear-gradient(180deg, #515b81, #010f29)
}

.upgrade-special-inner.bitcoin_conference_2024:before {
    background: linear-gradient(180deg, #038979, #001d18)
}

.upgrade-special-inner.adv_integration_2607:before {
    background: linear-gradient(180deg, #1fbcff, #002743)
}

.upgrade-special-inner.welcome_to_ogames:before {
    background: linear-gradient(180deg, #e2ecf0, #001d32)
}

.upgrade-special-inner.hodl_btc_100k:before {
    background: linear-gradient(180deg, #ff6853, #370101)
}

.upgrade-special-inner.ethereum_bd:before {
    background: linear-gradient(180deg, #db82d7, #251a29)
}

.upgrade-special-inner.adv_integration_3107:before {
    background: linear-gradient(180deg, #ffa13f, #393107)
}

.upgrade-special-inner.adv_integration_0308:before {
    background: linear-gradient(180deg, #a33d3a, #230000)
}

.upgrade-special-inner.adv_integration_0908:before {
    background: linear-gradient(180deg, #f2c197, #130c00)
}

.upgrade-special-inner.sports_integration:before,
.upgrade-special-inner.sports_integration_0207:before,
.upgrade-special-inner.sports_integration_0507:before,
.upgrade-special-inner.sports_integration_0607:before,
.upgrade-special-inner.sports_integration_0707:before,
.upgrade-special-inner.sports_integration_0807:before,
.upgrade-special-inner.sports_integration_0907:before,
.upgrade-special-inner.sports_integration_1007:before,
.upgrade-special-inner.sports_integration_1407:before {
    background: linear-gradient(180deg, #3d3c9b, #0f0e39)
}

.upgrade-special-inner.adv_integration_1307:before {
    background: linear-gradient(180deg, #ffc786, #3e0f00)
}

.upgrade-special-inner.business_jet:before {
    background: linear-gradient(180deg, #84d3ff, #012b3e)
}

.upgrade-special-inner.call_btc_rise:before {
    background: linear-gradient(180deg, #982aee, #1f0721)
}

.upgrade-special-inner.rolex_soulmate:before {
    background: linear-gradient(180deg, #ed7eff, #370040)
}

.upgrade-special-inner.appstore_launch:before {
    background: linear-gradient(180deg, #cce7ff, #06182d)
}

.upgrade-special-inner.telegram_50m:before {
    background: linear-gradient(180deg, #1fbcff, #002743)
}

.upgrade-special-inner.google_analytics:before {
    background: linear-gradient(180deg, #ff5a78, #250014)
}

.upgrade-special-inner.session_australia:before {
    background: linear-gradient(180deg, #ffa945, #372101)
}

.upgrade-special-inner.fight_fight:before {
    background: linear-gradient(180deg, #a43f37, #22140d)
}

.upgrade-special-inner.telegram_miniapp_launch:before {
    background: linear-gradient(180deg, #1fbcff, #002743)
}

.upgrade-special-inner.telegram_stars_integration:before {
    background: linear-gradient(180deg, #d85081, #2b001a)
}

.upgrade-special-inner.hamstergpt:before {
    background: linear-gradient(180deg, #103771, #0c1729)
}

.upgrade-special-inner.hamsterbank:before {
    background: linear-gradient(180deg, #a17970, #2b1700)
}

.upgrade-special-inner.sleeping_hamster:before {
    background: linear-gradient(180deg, #ba5221, #3e0f00)
}

.upgrade-special-inner.healthy_hamster:before {
    background: linear-gradient(180deg, #6cc877, #002209)
}

.upgrade-special-inner.gym_hamster:before {
    background: linear-gradient(180deg, #1fa7cd, #062032)
}

.upgrade-special-inner.university_hamster:before {
    background: linear-gradient(180deg, #e3e0e0, #00091a)
}

.upgrade-special-inner.ton_listing:before {
    background: linear-gradient(180deg, #0098ea, #002940)
}

.upgrade-special-inner.vipassana_hamster:before {
    background: linear-gradient(180deg, #275f71, #001d25)
}

.upgrade-special-inner.hamster_helps_whales:before {
    background: linear-gradient(180deg, #023b8f, #01102e)
}

.upgrade-special-inner.hamster_with_friends:before {
    background: linear-gradient(180deg, #7c3d36, #220b0c)
}

.upgrade-special-inner.telegram_11_years:before {
    background: linear-gradient(180deg, #0098ea, #002940)
}

.upgrade-special-inner.adv_integration_1608:before {
    background: linear-gradient(180deg, #4b4c4e, #171719)
}

.upgrade-special-inner.hamster_with_friends:before {
    background: linear-gradient(180deg, #4696e7, #09163b);
    background: linear-gradient(180deg, #3f757d, #051b21)
}

.upgrade-special-inner.adv_integration_1908:before,
.upgrade-special-inner.adv_integration_2608:before {
    background: linear-gradient(180deg, #4696e7, #09163b)
}

.upgrade-special-inner.communication_mentor:before {
    background: linear-gradient(180deg, #534687, #1d1336)
}

.upgrade-special-inner.company_planning:before {
    background: linear-gradient(180deg, #cd9b69, #281c00)
}

.upgrade-special-inner.speaking_employees:before {
    background: linear-gradient(180deg, #bc8d6b, #241e19)
}

.upgrade-special-inner.negotiations_partners:before {
    background: linear-gradient(180deg, #92d8ff, #152128)
}

.upgrade-special-inner.speaking_tv_show:before {
    background: linear-gradient(180deg, #5a8ba6, #021826)
}

.upgrade-special-inner.business_processes:before,
.upgrade-special-inner.hiring_employees:before {
    background: linear-gradient(180deg, #97bdc2, #001f23)
}

.upgrade-special-inner.electric_car:before {
    background: linear-gradient(180deg, #aa7dbf, #0e0916)
}

.upgrade-special-inner.rocket_to_mars:before {
    background: linear-gradient(180deg, #e2f2fb, #1b1e20)
}

.upgrade-special-inner.vintage_cars:before {
    background: linear-gradient(180deg, #ff664f, #340102)
}

.upgrade-special-inner.investments_in_farming:before {
    background: linear-gradient(180deg, #7cca64, #002601)
}

.upgrade-special-inner.hotel_construction:before {
    background: linear-gradient(180deg, #6edad1, #002f31)
}

.upgrade-special-inner.largest_diamond:before {
    background: linear-gradient(180deg, #453642, #2b2426)
}

.upgrade-special-inner.free_durov:before {
    background: linear-gradient(180deg, #2a2a2b, #1e1e1e)
}

.upgrade-special-inner.adv_integration_0409:before {
    background: linear-gradient(180deg, #d73535, #3a0000)
}

.upgrade-special-inner.telegram_top_ever:before {
    background: linear-gradient(180deg, #3275a0, #00222f)
}

.upgrade-special-inner.adv_integration_0909:before {
    background: linear-gradient(180deg, #75c0e0, #00222f)
}

.upgrade-special-inner.hamsterphone_16:before {
    background: linear-gradient(180deg, #687a86, #15181b)
}

.upgrade-special-inner.youtube_1b:before {
    background: linear-gradient(180deg, #963f40, #1b0000)
}

.upgrade-special-top {
    height: 24px;
    margin: 12px 12px 0
}

.upgrade-special-top-timer {
    align-items: center;
    background: #0000001a;
    border-radius: 8px;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.upgrade-special-top-timer .icon {
    color: #ffd337;
    height: 16px;
    width: 16px
}

.upgrade-special-top-timer .icon svg {
    height: 100%;
    width: 100%
}

.upgrade-special-top-timer p {
    font-size: 13px;
    margin-left: 4px
}

.upgrade-special-image {
    height: 76px;
    margin: 6px auto;
    width: 100%
}

.upgrade-special-image.blockchain_life_2024 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center
}

.upgrade-special-image.blockchain_life_2024 .upgrade-image {
    height: 55px;
    width: 55px
}

.upgrade-special-image.blockchain_life_2024 p {
    font-size: 10px;
    margin-top: 2px
}

.upgrade-special-title {
    font-size: 11px;
    font-weight: 700;
    padding: 0 12px;
    text-align: center
}

.upgrade-special-text {
    color: #fff6;
    font-size: 10px;
    line-height: 14px;
    margin-top: 4px;
    text-align: center
}

.upgrade-special-bottom {
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    height: 48px;
    justify-content: space-between;
    margin: 12px 16px 0;
    padding: 12px 0
}

.upgrade-special-bottom.is-background {
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5))
}

.upgrade-special-divider {
    background-color: #ffffff1a;
    flex: 0 0 1px;
    height: 24px;
    margin-right: 12px;
    width: 1px
}

.upgrade-special-level {
    font-size: 12px;
    font-weight: 700;
    min-width: 40px;
    padding-right: 6px;
    white-space: nowrap
}

.upgrade-special-detail {
    flex: 1 1 auto
}

.upgrade-special-detail.is-center {
    align-items: center;
    display: flex;
    justify-content: center
}

.upgrade-special-detail p.is-text-center {
    text-align: center
}

.upgrade-special-detail p span {
    font-weight: 600
}

.upgrade-special-spacer {
    flex: 1 1 auto
}

.upgrade-special-profit {
    align-items: center;
    display: flex;
    height: 14px;
    justify-content: center;
    margin-top: 6px
}

.upgrade-special-profit-text {
    color: #fff6;
    font-size: 9px;
    text-align: right
}

.upgrade-special-profit-price {
    padding-left: 6px
}

.upgrade-sport {
    border-radius: 20px;
    cursor: pointer;
    flex: 0 0 calc(1000% - 12px);
    font-size: 12px;
    margin-bottom: 12px;
    margin-left: 6px;
    margin-right: 6px;
    max-width: calc(100% - 12px);
    -webkit-tap-highlight-color: transparent;
    min-height: 237px;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.upgrade-sport.is-border {
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.upgrade-sport.is-disabled,
.upgrade-sport.is-expired {
    cursor: not-allowed
}

.upgrade-sport.is-disabled .upgrade-special-inner:before,
.upgrade-sport.is-expired .upgrade-special-inner:before {
    opacity: .3
}

.upgrade-sport .is-upgrade-lock {
    height: 60px;
    left: 50%;
    margin-left: -30px;
    position: absolute;
    top: 52px;
    width: 60px;
    z-index: 10
}

.upgrade-sport .is-upgrade-lock svg {
    fill: #fff;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5))
}

.upgrade-sport-bg {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.upgrade-sport-bg img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.upgrade-sport-bg.is-position-right img {
    -o-object-position: right center;
    object-position: right center
}

.upgrade-sport-inner {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}

.upgrade-sport-inner,
.upgrade-sport-inner>* {
    position: relative;
    z-index: 2
}

.upgrade-sport-inner.adv-0909 .upgrade-sport-info {
    min-height: 170px
}

.upgrade-sport-inner.adv-0909 .upgrade-sport-title {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 4px
}

.upgrade-sport-inner.adv-0909 .upgrade-sport-text {
    color: #fff;
    font-size: 10px;
    line-height: 12px
}

.upgrade-sport-inner.adv-0909.is-ng .upgrade-sport-logo {
    height: auto;
    margin-bottom: 12px;
    width: 84px
}

.upgrade-sport-inner.adv-0909.is-kh .upgrade-sport-logo {
    height: auto;
    margin-bottom: 12px;
    width: 104px
}

.upgrade-sport-inner.adv-0909.is-bo .upgrade-sport-logo,
.upgrade-sport-inner.adv-0909.is-ci .upgrade-sport-logo,
.upgrade-sport-inner.adv-0909.is-zm .upgrade-sport-logo {
    height: auto;
    margin-bottom: 12px;
    width: 76px
}

.upgrade-sport-inner.adv-0909.is-am .upgrade-sport-logo,
.upgrade-sport-inner.adv-0909.is-by .upgrade-sport-logo,
.upgrade-sport-inner.adv-0909.is-kg .upgrade-sport-logo,
.upgrade-sport-inner.adv-0909.is-kz .upgrade-sport-logo,
.upgrade-sport-inner.adv-0909.is-uz .upgrade-sport-logo {
    height: auto;
    margin-bottom: 12px;
    width: 138px
}

.upgrade-sport-inner.adv-0909.is-ru .upgrade-sport-logo {
    height: auto;
    margin-bottom: 12px;
    width: 146px
}

.upgrade-sport-info {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    max-width: 60%;
    min-height: 189px;
    padding: 16px
}

.upgrade-sport-info.is-width-60 {
    max-width: 185px;
    min-height: 140px
}

.upgrade-sport-info.is-width-60 .upgrade-sport-title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 6px
}

.upgrade-sport-info.is-width-60 .upgrade-sport-title span {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    margin-left: 4px;
    position: relative
}

.upgrade-sport-info.is-width-60 .upgrade-sport-title span:first-child {
    display: block
}

.upgrade-sport-info.is-width-60 .upgrade-sport-title span:before {
    background-color: #fd401e;
    border-radius: 6px;
    content: "";
    display: block;
    height: calc(100% + 4px);
    left: -4px;
    position: absolute;
    top: -2px;
    width: calc(100% + 8px);
    z-index: -1
}

.upgrade-sport-info.is-width-60 .upgrade-sport-text {
    color: #fff;
    font-size: 10px;
    line-height: 14px
}

.upgrade-sport-info.is-width-60 .upgrade-sport-timer {
    margin-top: 8px
}

.upgrade-sport-disclaimer {
    font-size: 5px;
    line-height: 6px;
    margin-top: -18px;
    padding: 8px 16px
}

.upgrade-sport-disclaimer img {
    display: block;
    height: auto;
    max-width: 414px;
    width: 100%
}

.upgrade-sport-profit {
    align-items: center;
    display: inline-flex
}

.upgrade-sport-profit-text {
    color: #fff6;
    font-size: 9px;
    text-align: right
}

.upgrade-sport-profit-price {
    padding-left: 6px
}

.upgrade-sport-detail {
    flex: 1 1 auto;
    padding-right: 6px
}

.upgrade-sport-detail p span {
    font-weight: 600
}

.upgrade-sport-bottom {
    align-items: center;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    display: flex;
    height: 48px;
    justify-content: space-between;
    padding: 12px 16px;
    position: relative
}

.upgrade-sport-bottom:before {
    background-color: #ffffff1a;
    content: "";
    display: block;
    height: 1px;
    left: 16px;
    position: absolute;
    right: 16px;
    top: -1px;
    z-index: 2
}

.upgrade-sport-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px
}

.upgrade-sport-title.is-rtl {
    direction: rtl
}

.upgrade-sport-text {
    color: #ffffffb3;
    font-size: 14px;
    line-height: 16px
}

.upgrade-sport-text.is-rtl {
    direction: rtl
}

.upgrade-sport-text.is-bolder {
    color: #ffffffd9;
    font-weight: 600
}

.upgrade-sport-logo {
    display: block
}

.upgrade-sport-logo.adv_integration_0907,
.upgrade-sport-logo.adv_integration_2608,
.upgrade-sport-logo.sports_integration,
.upgrade-sport-logo.sports_integration_0207,
.upgrade-sport-logo.sports_integration_0507,
.upgrade-sport-logo.sports_integration_0607,
.upgrade-sport-logo.sports_integration_0707,
.upgrade-sport-logo.sports_integration_0807,
.upgrade-sport-logo.sports_integration_0907,
.upgrade-sport-logo.sports_integration_1007,
.upgrade-sport-logo.sports_integration_1407 {
    height: auto;
    margin-bottom: 16px;
    width: 144px
}

.upgrade-sport-logo.adv_integration_1307 {
    height: auto;
    margin-bottom: 24px;
    width: 154px
}

.upgrade-sport-logo.adv_integration_3107 {
    height: auto;
    margin-bottom: 24px;
    width: 92px
}

.upgrade-sport-logo.adv_integration_0308,
.upgrade-sport-logo.adv_integration_0908 {
    height: auto;
    margin-bottom: 24px;
    width: 130px
}

.upgrade-sport-logo.adv_integration_0409 {
    height: auto;
    margin-bottom: 12px;
    width: 130px
}

.upgrade-sport-image {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3
}

.upgrade-sport-image.is-blur {
    filter: blur(4px)
}

.upgrade-sport-countdown {
    align-items: center;
    bottom: 50px;
    display: flex;
    justify-content: center;
    left: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

.upgrade-sport-countdown.is-position-left .upgrade-progress {
    left: 45px
}

.upgrade-sport-timer {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-top: 12px
}

.upgrade-sport-timer .icon {
    color: #ffd337;
    height: 16px;
    width: 16px
}

.upgrade-sport-timer .icon svg {
    height: 100%;
    width: 100%
}

.upgrade-sport-timer p {
    font-size: 13px;
    margin-left: 4px
}

.upgrade-no-special {
    align-items: center;
    background-color: #272a2f;
    border-radius: 20px;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 224px;
    justify-content: center;
    line-height: 20px;
    margin-bottom: 12px;
    margin-left: 6px;
    margin-right: 6px;
    padding: 32px;
    text-align: center;
    width: 100%
}

.upgrade-no-special.is-my {
    background: linear-gradient(180deg, #ff5f1b, #faa019 65%, #121212)
}

.upgrade-no-special.is-new {
    background: linear-gradient(180deg, #2eb7ed, #2a0544 73.5%, #121212)
}

.upgrade-no-special.is-missed {
    background: linear-gradient(180deg, #ed2e2e, #440505 73.5%, #121212)
}

.upgrade-save-hamsters {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 320px
}

.upgrade-save-hamsters img {
    height: 36px;
    margin-top: 12px;
    width: 36px
}

.upgrade-save-hamsters p {
    font-size: 14px;
    margin-top: 12px
}

.upgrade-save-hamsters p.is-bold {
    font-weight: 700
}

.upgrade-progress {
    height: 72px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 72px;
    z-index: 10
}

.upgrade-progress.is-special {
    height: 82px;
    width: 82px
}

.upgrade-progress.is-special span {
    font-size: 11px
}

.upgrade-progress:before {
    background-color: #34383fcc;
    border-radius: 50%;
    content: "";
    display: block;
    height: calc(100% - 8px);
    left: 4px;
    position: absolute;
    top: 4px;
    width: calc(100% - 8px);
    z-index: -1
}

.upgrade-progress-info {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 11
}

.upgrade-progress-info span {
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: 2px
}

.user-info {
    align-items: center;
    color: #fff;
    display: inline-flex;
    flex: 1 1 auto;
    justify-content: center
}

.user-info.is-small .user-info-avatar {
    border-radius: 8px;
    flex: 0 0 32px;
    height: 32px;
    margin-right: 8px;
    overflow: visible;
    position: relative;
    width: 32px
}

.user-info.is-small .user-info-avatar picture {
    border-radius: 8px;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2
}

.user-info.is-small .user-info-avatar:after {
    border: 2px solid #000;
    border-radius: 8px;
    content: "";
    display: block;
    height: 32px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 32px;
    z-index: 1
}

.user-info.is-small p {
    font-size: 12px;
    line-height: 14px
}

.user-info-avatar {
    background-color: #1c1f24;
    border-radius: 12px;
    flex: 0 0 40px;
    height: 40px;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    width: 40px;
    z-index: 10
}

.user-info-avatar>img,
.user-info-avatar>picture,
.user-info-avatar>picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.user-info-avatar-skin {
    align-items: center;
    background: linear-gradient(101deg, #ff5f3c 3.81%, #ffb546 104.28%);
    border: 1px solid #ff8140;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-left: -14px;
    margin-right: 8px;
    padding-left: 13px;
    position: relative;
    z-index: 2
}

.user-info-avatar-skin picture {
    display: block;
    height: 30px;
    width: 33px
}

.user-info-avatar-skin span {
    font-size: 9px;
    font-weight: 600;
    margin-right: -2px;
    text-align: center
}

.user-info p {
    font-size: 14px;
    font-style: normal;
    font-weight: 700
}

.user-info-content-data {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    justify-content: flex-start;
    margin-top: 4px
}

.user-info-content-data .is-circle {
    background-color: #8b8e93;
    border-radius: 50%;
    height: 4px;
    margin: 0 6px;
    width: 4px
}

.user-info-content-data .price-value {
    font-size: 10px
}

.user-info-content-data-image {
    align-items: center;
    background-color: #1c1f24;
    border-radius: 4px;
    display: flex;
    height: 20px;
    justify-content: center;
    margin-right: 4px;
    width: 20px
}

.user-info-content-data-image img {
    display: block;
    height: auto;
    max-width: 100%
}

.user-balance {
    align-items: center;
    background-color: #272a2f;
    border-radius: 20px;
    display: inline-flex;
    padding: 8px;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.user-balance-image {
    margin-right: 6px
}

.user-balance p {
    font-size: 14px;
    font-weight: 700
}

.user-balance-large {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 16px 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.user-balance-large-inner {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.user-balance-large-image {
    margin-right: 12px
}

.user-balance-large p {
    font-size: 28px;
    font-weight: 700
}

.user-balance-large p.is-32,
.user-balance-large p.is-36 {
    font-size: 24px;
    letter-spacing: -.9px
}

.user-stats {
    list-style: none;
    position: relative
}

.user-stats li {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px
}

.user-stats-item {
    align-items: center;
    background-color: #272a2f;
    border-radius: 10px;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    justify-content: center;
    margin-right: 4px;
    min-height: 50px;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.user-stats-item:last-child {
    margin-right: 0
}

.user-stats-item p {
    font-size: 12px;
    line-height: 8px;
    margin-bottom: 4px;
    max-height: 14px;
    text-align: center
}

.user-stats-item .price {
    font-size: 14px
}

.user-stats-item>span {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.user-stats-profit {
    align-items: center;
    display: flex;
    justify-content: center
}

.user-stats-profit p {
    margin-bottom: 0;
    margin-right: 6px
}

.user-stats-profit .price {
    font-size: 14px;
    margin-right: 6px
}

.user-stats-profit .icon-info {
    color: #4e4f50;
    cursor: pointer
}

.user-stats-profit .icon-info:hover {
    color: #8b8e93
}

.user-level {
    color: #fff;
    display: block;
    width: 100%
}

.user-level-info {
    align-items: center;
    display: flex;
    font-size: 10px;
    justify-content: space-between;
    padding: 0 2px
}

.user-level-info-left {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.user-level-info-right {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.user-level-info p {
    font-weight: 700
}

.user-level-info span {
    color: #8b8e93
}

.user-level-progress {
    background: #272a2f;
    border: 2px solid #2c3032;
    border-radius: 10px;
    display: block;
    height: 16px;
    margin-top: 6px;
    width: 100%
}

.user-level-progress-bar {
    background: linear-gradient(90deg, #82f88e, #d885ff 53%, #5960ff);
    border-radius: 37px;
    height: 12px
}

.user-level-progress.is-small {
    border: 1px solid hsla(0, 0%, 100%, .1);
    height: 8px
}

.user-level-progress.is-small .user-level-progress-bar {
    height: 6px
}

.user-tap {
    margin-top: 20px;
    position: relative;
    touch-action: none !important;
    -webkit-touch-callout: none
}

.user-tap-button {
    background-color: transparent;
    height: 300px;
    margin: 0 auto;
    transition: none .25s ease;
    -webkit-transition: none .25s ease;
    -webkit-transition: none;
    width: 100%
}

.user-tap-button:active:not(:disabled):not([disabled=disabled]):not([disabled=true]) .user-tap-button-circle {
    border: 1px solid rgba(90, 96, 255, .15)
}

.user-tap-button:active:not(:disabled):not([disabled=disabled]):not([disabled=true]) .user-tap-button-circle:before {
    opacity: .8
}

.user-tap-button:disabled .user-tap-button-circle:before,
.user-tap-button[disabled=disabled] .user-tap-button-circle:before,
.user-tap-button[disabled=true] .user-tap-button-circle:before {
    opacity: .2
}

.user-tap-button img,
.user-tap-button picture {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    position: relative;
    width: auto;
    z-index: 2
}

.user-tap-button-inner {
    background: linear-gradient(180deg, #5a60ff, #3b40934f 49.53%, #1c1f24);
    border-radius: 50%;
    height: 300px;
    padding: 15px;
    position: relative;
    width: 300px
}

.user-tap-button-inner:before {
    border: 1px solid rgba(90, 96, 255, .15);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.user-tap-button-circle {
    align-items: center;
    background: #272a2f;
    border: 1px solid rgba(39, 39, 39, 0);
    border-radius: 50%;
    box-shadow: 0 0 15px #304669;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 3
}

.user-tap-button-circle:before {
    background-color: #3763ff;
    background: radial-gradient(circle, #3763ff 0, #3763ff00 80%);
    border-radius: 50%;
    content: "";
    display: block;
    height: 100%;
    left: right 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.user-tap-button.is-morse-mode .user-tap-button-inner {
    background: linear-gradient(180deg, #ff3737, #3b40934f 49.53%, #1c1f24)
}

.user-tap-button.is-morse-mode .user-tap-button-circle:before {
    background-color: #ff3737;
    background: radial-gradient(circle, #ff3737 0, #ff373700 80%)
}

.user-tap-animate {
    position: relative;
    z-index: 50
}

.user-tap-animate>div {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100px;
    z-index: 60
}

.user-tap-row {
    justify-content: space-between;
    margin-bottom: 8px
}

.user-tap-energy,
.user-tap-row {
    align-items: center;
    display: flex
}

.user-tap-energy {
    justify-content: flex-start
}

.user-tap-energy svg {
    height: 26px;
    margin-right: 6px;
    width: 26px
}

.user-tap-energy svg.nuxt-icon--fill * {
    fill: inherit
}

.user-tap-energy p {
    font-size: 16px;
    font-weight: 700
}

.user-tap-boost {
    align-items: center;
    background: #1c1f24;
    border-radius: 10px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    padding-left: 56px;
    padding-right: 11px;
    position: relative;
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

.user-tap-boost:hover {
    background-color: #191c20
}

.user-tap-boost img {
    height: 48px;
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px
}

.user-earn {
    background: #272a2f;
    border-radius: 32px;
    padding: 16px;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.user-earn.has-gap {
    margin-top: 24px
}

.user-earn.has-large-gap {
    margin-top: 32px
}

.user-earn-button {
    align-items: center;
    background: #5a60ff;
    border: 2px solid #9397ff;
    border-radius: 24px;
    box-shadow: 0 0 60px #5282ffbf, 0 0 20px #5282ff69;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    height: 180px;
    justify-content: flex-start;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.user-earn-button.is-referral {
    animation: none;
    justify-content: center
}

.user-earn-button.is-referral .price {
    color: #ffd337;
    font-size: 22px;
    margin-top: 18px
}

.user-earn-button img,
.user-earn-button picture {
    height: 96px;
    pointer-events: none;
    width: 96px
}

.user-earn-button>p {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.user-earn-button:hover:not(:disabled):not([disabled=disabled]):not([disabled=true]) {
    border-color: #7f84ff
}

.user-earn-button:active:not(:disabled):not([disabled=disabled]):not([disabled=true]) {
    background-color: #494fff
}

.user-earn-button:disabled,
.user-earn-button[disabled=disabled],
.user-earn-button[disabled=true] {
    background-color: #5a60ff99
}

.user-earn-animate {
    position: relative
}

.user-earn-animate>div {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    line-height: 1;
    pointer-events: none;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100px
}

.user-earn-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-top: 24px
}

.user-earn-energy {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.user-earn-energy svg {
    height: 26px;
    margin-right: 6px;
    width: 26px
}

.user-earn-energy svg.nuxt-icon--fill * {
    fill: inherit
}

.user-earn-energy p {
    font-size: 16px;
    font-weight: 700
}

.user-earn-boost {
    align-items: center;
    background: #1c1f24;
    border-radius: 10px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
    padding-left: 56px;
    padding-right: 11px;
    position: relative;
    transition: all .25s ease;
    -webkit-transition: all .25s ease
}

.user-earn-boost:hover {
    background-color: #191c20
}

.user-earn-boost img {
    height: 48px;
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px
}

.user-boost-button {
    align-items: center;
    background: #5a60ff;
    border: 2px solid #9397ff;
    border-radius: 24px;
    box-shadow: 0 0 60px #5282ffbf, 0 0 20px #5282ff69;
    display: flex;
    font-family: inherit;
    height: 80px;
    justify-content: center;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.user-boost-button:last-child {
    margin-bottom: 0
}

.user-boost-button img {
    max-width: 56px
}

.user-boost-button p {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-left: 16px
}

.user-boost-button:hover {
    border-color: #7f84ff
}

.user-boost-button:active {
    background-color: #494fff
}

.user-avatar {
    background-color: #1c1f24;
    overflow: hidden
}

.user-avatar.is-28 {
    border-radius: 8px;
    height: 28px;
    width: 28px
}

.user-avatar.is-40 {
    border-radius: 12px;
    height: 40px;
    width: 40px
}

.user-avatar.is-50 {
    border-radius: 12px;
    height: 50px;
    width: 50px
}

.user-avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.user-attraction {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 -4px
}

.user-attraction-item {
    flex: 1 1;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 0 4px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.user-attraction-item-inner {
    align-items: center;
    background-color: #272a2f;
    border: 1px solid #272a2f;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 8px 4px;
    position: relative;
    text-align: center;
    z-index: 2
}

.user-attraction-item.is-completed:before {
    border-radius: 12px;
    content: "";
    display: block;
    height: calc(100% + 2px);
    position: absolute;
    width: calc(100% + 2px);
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    background: linear-gradient(180deg, #61cb6c, #272a2f 95%);
    left: -1px;
    top: -1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.user-attraction-item.is-end-soon .user-attraction-item-inner {
    border-color: #de4659;
    box-shadow: inset 0 0 28.1px #ff66665c
}

.user-attraction-item picture {
    height: 56px;
    margin-top: -8px;
    width: 56px
}

.user-attraction-item p {
    flex: 1 1 auto;
    font-size: 10px;
    font-weight: 700;
    line-height: 11px;
    margin-bottom: 6px;
    margin-top: -6px;
    min-height: 22px;
    padding: 0 2px
}

.user-attraction-item p.is-minigame {
    padding: 0 10px
}

.user-attraction-item p.is-minigame.is-cooldown {
    font-size: 8px;
    position: relative;
    top: 12px
}

.user-attraction-item-status {
    animation: fade 1s ease infinite;
    background-color: #fff;
    border-radius: 50%;
    height: 6px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 6px
}

.user-attraction-item-completed {
    align-items: center;
    background: linear-gradient(180deg, #74fc82, #297e32);
    border: 1px solid #1c1f24;
    border-radius: 50%;
    display: flex;
    height: 18px;
    justify-content: center;
    position: absolute;
    right: -6px;
    top: -6px;
    width: 18px
}

.user-attraction-item-completed svg {
    color: #fff;
    height: 10px;
    width: 10px
}

.user-attraction-item-completed.is-playground {
    left: -6px;
    right: auto
}

.user-attraction-item-circle-countdown {
    pointer-events: none;
    position: relative;
    top: 23px;
    transform: scale(.85);
    z-index: 1
}

.user-attraction-plug {
    min-height: 10px
}

.user-attraction-countdown {
    color: #8b8e93;
    font-size: 10px
}

.attraction-success {
    align-items: center;
    background-color: #000000f2;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999999
}

.attraction-success-inner {
    position: relative
}

.attraction-success picture {
    display: block;
    height: 240px;
    position: relative;
    width: 240px
}

.attraction-success canvas {
    left: 50%;
    margin-left: -200px;
    margin-top: -200px;
    position: absolute;
    top: 50%;
    z-index: -1
}

.attraction-success-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    padding: 0 16px;
    text-align: center
}

.attraction-success-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 24px;
    padding: 0 16px;
    text-align: center
}

.badge {
    background-color: #4e4f50;
    border-radius: 36px;
    font-size: 9px;
    font-weight: 700;
    left: 50%;
    line-height: 10px;
    padding: 3px 10px;
    position: absolute;
    top: -8px;
    transform: translate(-50%);
    z-index: 11
}

.badge.is-playground-item {
    left: auto;
    right: 0;
    transform: none
}

.badge.is-style-1 {
    background: linear-gradient(96deg, #5f27ff, #ff8266 99.09%)
}

.badge.is-style-2 {
    background: linear-gradient(96deg, #ffa36f, #ff5858 99.09%)
}

.badge.is-style-3 {
    background: linear-gradient(96deg, #3fd1c9, #5b58ff 99.09%)
}

.badge.is-style-4 {
    background: linear-gradient(96deg, #ff6fd7, #5b58ff 99.09%)
}

.badge:before {
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 36px;
    content: "";
    display: block;
    height: calc(100% - 2px);
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% - 2px);
    z-index: 12
}

.bottom-sheet {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999
}

.bottom-sheet-bg {
    background-color: #272a2fb3;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.bottom-sheet-inner {
    background: #1c1f24;
    border-radius: 40px 40px 0 0;
    border-top: 2px solid #f3ba2f;
    box-shadow: 0 -4px 64px #fab82299;
    margin: 0 auto;
    max-width: 768px;
    position: relative;
    width: 100%;
    z-index: 2
}

.bottom-sheet-scroll {
    max-height: calc(100vh - 64px);
    overflow-y: scroll;
    position: relative;
    width: 100%;
    -ms-overflow-style: none;
    padding: 24px 16px 48px;
    scrollbar-width: none
}

.bottom-sheet-scroll::-webkit-scrollbar {
    display: none
}

.bottom-sheet-close {
    color: #4e4f50;
    cursor: pointer;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bottom-sheet-close svg {
    height: 32px;
    width: 32px
}

.bottom-sheet-close:hover {
    color: #8b8e93
}

.bottom-sheet-button {
    margin-top: 24px
}

.bottom-sheet-button.is-sticky {
    bottom: 0;
    position: sticky
}

.bs-passive {
    padding-top: 40px
}

.bs-passive .bs-passive-inner {
    align-items: center;
    background: #272a2f;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: -8px;
    padding: 56px 24px 24px;
    position: relative
}

.bs-passive .bs-passive-inner .price-value {
    font-size: 40px;
    font-weight: 700
}

.bs-passive .bs-passive-inner>p {
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    margin-top: 16px;
    text-align: center
}

.bs-passive-exchange {
    align-items: center;
    background: #272a2f;
    border: 4px solid #1c1f24;
    border-radius: 40px;
    display: flex;
    height: 80px;
    justify-content: center;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    padding: 20px;
    position: absolute;
    top: 0;
    width: 80px
}

.bs-open-enter-active,
.bs-open-enter-active .bottom-sheet-bg,
.bs-open-enter-active .bottom-sheet-inner,
.bs-open-leave-active,
.bs-open-leave-active .bottom-sheet-bg,
.bs-open-leave-active .bottom-sheet-inner {
    transition: .1s ease .25s;
    -webkit-transition: .1s ease .25s
}

.bs-open-enter .bottom-sheet-bg,
.bs-open-leave-to .bottom-sheet-bg {
    opacity: 0
}

.bs-open-enter .bottom-sheet-inner,
.bs-open-leave-to .bottom-sheet-inner {
    transform: translateY(100%)
}

.bs-open-enter-to .bottom-sheet-inner,
.bs-open-leave .bottom-sheet-inner {
    transform: translateY(0)
}

.bs-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center
}

.bs-content-input {
    margin-top: 16px;
    width: 100%
}

.bs-content-input input {
    border: none;
    outline: none
}

.bs-content-input.is-playground input {
    height: 60px
}

.bs-content-dropdown {
    margin-bottom: 18px;
    margin-top: -6px;
    width: 100%
}

.bs-content-image {
    align-items: center;
    border-radius: 16px;
    display: flex;
    height: 115px;
    justify-content: center;
    margin-bottom: 16px;
    overflow: hidden;
    position: relative;
    width: 115px
}

.bs-content-image.is-airdrop,
.bs-content-image.is-w100 {
    width: 100%
}

.bs-content-image.is-daily-combo-info {
    height: 226px;
    overflow: visible;
    width: 100%
}

.bs-content-image.is-hamster-drop {
    height: 162px;
    overflow: visible;
    width: 100%
}

.bs-content-image.is-daily-cipher-info {
    height: 226px;
    overflow: visible;
    width: 100%
}

.bs-content-image.is-daily-cipher {
    height: 216px;
    overflow: visible;
    width: 216px
}

.bs-content-image.is-minigame-key {
    margin: 12px auto;
    overflow: visible;
    position: relative
}

.bs-content-image.is-minigame-key picture {
    z-index: 2
}

.bs-content-image.is-minigame-key .icon {
    position: absolute;
    transform: translate(10px, -10px);
    z-index: 1
}

.bs-content-image.is-minigame-alarm-clock {
    margin: 10px auto;
    overflow: visible;
    position: relative
}

.bs-content-image.is-minigame-alarm-clock picture {
    height: 150px;
    left: 15px;
    position: relative;
    width: 100%
}

.bs-content-image.is-minigame-alarm-clock .icon {
    height: 150%;
    position: absolute;
    width: 150%;
    z-index: 1
}

.bs-content-image .is-daily-cipher {
    position: relative;
    z-index: 10
}

.bs-content-image.is-minigame-not-supported {
    margin: 10px auto;
    overflow: visible;
    width: 100%
}

.bs-content-image.is-minigame-not-supported picture {
    height: 192px;
    position: absolute;
    width: 192px
}

.bs-content-image.is-minigame-not-supported .icon {
    height: 220px;
    position: absolute;
    width: 220px;
    z-index: 1
}

.bs-content-image.is-playground {
    background: #1c1f24;
    border-radius: 0;
    height: 100%;
    margin-top: 14px;
    width: 250px
}

.bs-content-image-round-bg {
    background-color: #ffffff0d;
    border-radius: 50%;
    height: 176px;
    left: 50%;
    margin-left: -86px;
    margin-top: -86px;
    position: absolute;
    top: 50%;
    width: 176px;
    z-index: 3
}

.bs-content-image-round-bg.is-violet:before {
    background-color: #6e4cf4
}

.bs-content-image-round-bg.is-yellow:before {
    background-color: #ffd337
}

.bs-content-image-round-bg:before {
    background-color: #376fff;
    filter: blur(37.907691955566406px);
    height: 160px;
    width: 160px;
    z-index: 1
}

.bs-content-image-round-bg:after,
.bs-content-image-round-bg:before {
    border-radius: 50%;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.bs-content-image-round-bg:after {
    background-color: #ffffff0d;
    height: 150px;
    width: 150px;
    z-index: 2
}

.bs-content-image.is-boost {
    overflow: visible
}

.bs-content-image.is-boost:before {
    background-color: #9b37ffe6;
    border-radius: 50%;
    content: "";
    display: block;
    filter: blur(20px);
    height: 100px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100px
}

.bs-content-image .exchange-image {
    height: 100%;
    width: 100%
}

.bs-content-image img,
.bs-content-image svg {
    display: block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: auto;
    z-index: 4
}

.bs-content-image.is-airdrop_points,
.bs-content-image.is-keys,
.bs-content-image.is-passive_income {
    padding: 6px
}

.bs-content-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 12px
}

.bs-content-title.has-top-gap {
    margin-top: 16px
}

.bs-content-title.is-minigame-reward {
    font-size: 20px;
    font-style: normal;
    font-weight: 700
}

.bs-content-title.is-minigame-puzzle-tutor {
    align-self: center;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 12px;
    text-align: center
}

.bs-content-title.is-minigame-puzzle-tutor span {
    color: #ffd337
}

.bs-content-title.is-minigame-not-supported {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    text-align: center
}

.bs-content-title-medium {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px
}

.bs-content-title-medium.has-top-gap {
    margin-top: 24px
}

.bs-content-subtitle {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px
}

.bs-content-description {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 24px;
    max-width: 280px;
    position: relative
}

.bs-content-description>.text-yellow {
    color: #ffd337
}

.bs-content-description.no-gap {
    margin-bottom: 12px;
    max-width: 100%;
    padding: 0 12px
}

.bs-content-description.full-width {
    margin-bottom: 36px;
    max-width: 100%;
    width: 100%
}

.bs-content-description.is-w100 {
    max-width: 100%;
    width: 100%
}

.bs-content-description.margin-0 {
    margin-bottom: 0
}

.bs-content-description.venom_blockchain {
    font-size: 16px;
    line-height: 20px
}

.bs-content-description.is-hamster-drop {
    font-size: 13px;
    max-width: 100%
}

.bs-content-description.is-button {
    max-width: 100%
}

.bs-content-description.is-button button {
    display: inline-flex;
    min-width: 140px;
    width: auto
}

.bs-content-description.is-playground .button .common-image {
    border: 1px solid #fff;
    border-radius: 7.245px;
    height: 32px;
    margin-right: 8px;
    width: 32px
}

.bs-content-description.is-playground .button .common-image img {
    border-radius: 7.245px
}

.bs-content-target {
    margin-bottom: 20px;
    max-width: 280px
}

.bs-content-target.no-gap {
    margin-bottom: 0
}

.bs-content-info {
    align-items: center;
    color: #8b8e93;
    display: flex;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    justify-content: center
}

.bs-content-info.is-keys .icon {
    height: 36px;
    width: 36px
}

.bs-content-info.is-keys span {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 6px
}

.bs-content-info.is-tickets {
    color: #fff;
    font-weight: 700
}

.bs-content-info.is-tickets span {
    margin-left: 6px
}

.bs-content-buttons {
    width: 100%
}

.bs-content-buttons .button {
    margin-bottom: 8px
}

.bs-content-buttons .button:last-child {
    margin-bottom: 0
}

.bs-content-daily {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.bs-content-daily li {
    align-items: center;
    background: #272a2f;
    border-radius: 16px;
    display: flex;
    flex: 0 0 calc(25% - 6px);
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    height: 90px;
    justify-content: space-between;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 8px;
    position: relative
}

.bs-content-daily li:nth-child(4n) {
    margin-right: 0
}

.bs-content-daily li.is-completed {
    background: linear-gradient(180deg, #62cc6c, #2a7031)
}

.bs-content-daily li.is-current:before {
    border: 2px solid #62cc6c;
    border-radius: 16px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bs-content-daily li.is-disabled {
    opacity: .4
}

.bs-content-daily-coin {
    height: 24px;
    position: relative;
    width: 24px
}

.bs-content-daily-coin img {
    position: relative;
    z-index: 3
}

.bs-content-daily-coin:before {
    height: 30px;
    width: 30px
}

.bs-content-daily-coin:after,
.bs-content-daily-coin:before {
    background-color: #ffffff1a;
    border-radius: 50%;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.bs-content-daily-coin:after {
    height: 36px;
    width: 36px
}

.bs-content-price {
    margin-bottom: 24px;
    margin-top: 8px;
    text-align: center
}

.bs-content-price>p {
    color: #8b8e93;
    font-size: 12px;
    margin-bottom: 6px
}

.bs-content-price .price-value {
    font-size: 20px
}

.bs-airdrop-tba {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 16px
}

.bs-airdrop-tba .icon {
    height: 28px;
    margin-right: 4px;
    position: relative;
    top: -2px;
    width: 28px
}

.bs-airdrop-tba span {
    font-size: 24px;
    font-weight: 700
}

.bs-content-copy {
    margin-top: 20px;
    text-align: left;
    width: 100%
}

.bs-content-copy p {
    color: #8b8e93;
    font-size: 14px;
    margin-bottom: 12px
}

.bs-rating {
    background: #272a2f;
    border-radius: 16px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 26px;
    padding: 22px 14px;
    width: 100%
}

.bs-rating-icon.common-image {
    border: 1px solid #fff;
    border-radius: 7.245px;
    height: 60px;
    margin-bottom: 16px;
    margin-right: 8px;
    width: 60px
}

.bs-rating-icon.common-image img {
    border-radius: 7.245px
}

.bs-rating .icon {
    color: #4e4f50;
    height: 50px;
    width: 50px
}

.bs-rating .icon.is-rate-selected {
    color: #ffd337
}

.coin {
    display: block
}

.coin.is-14 {
    height: 14px;
    margin-right: -2px;
    min-width: 14px;
    width: 14px
}

.coin.is-18 {
    height: 18px;
    margin-right: -2px;
    min-width: 18px;
    width: 18px
}

.coin.is-20 {
    height: 20px;
    min-width: 20px;
    width: 20px
}

.coin.is-26 {
    height: 26px;
    min-width: 26px;
    width: 26px
}

.coin.is-28 {
    height: 28px;
    min-width: 28px;
    width: 28px
}

.coin.is-40 {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.coin.is-60 {
    height: 60px;
    min-width: 60px;
    width: 60px
}

.common-image {
    position: relative;
    z-index: 10
}

.common-image img,
.common-image picture {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.connect-ton-wallet {
    margin-bottom: 12px;
    position: relative;
    width: 100%
}

.connect-ton-wallet-button {
    align-items: center;
    background: linear-gradient(98deg, #35a6eb 3.58%, #309adb 101.32%);
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    padding: 0 12px;
    width: 100%
}

.connect-ton-wallet-button .icon {
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.connect-ton-wallet-info {
    align-items: center;
    background: #ffffff1a;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    flex: 1 1 auto;
    font-size: 14px;
    font-weight: 700;
    height: 44px;
    justify-content: flex-start;
    padding: 0 16px
}

.connect-ton-wallet-info .icon {
    color: #8b8e93;
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.connect-ton-wallet-info .icon.is-copy-icon {
    margin-top: -12px;
    position: absolute;
    right: 6px;
    top: 50%
}

.connect-ton-wallet-connected {
    align-items: center;
    display: flex;
    justify-content: center
}

.connect-ton-wallet-disconnect {
    color: #999a9c;
    justify-content: center;
    margin-right: 8px;
    width: 44px
}

.connect-ton-wallet-disconnect,
.copy-field {
    align-items: center;
    background: #ffffff1a;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    height: 44px
}

.copy-field {
    font-size: 14px;
    font-weight: 700;
    justify-content: flex-start;
    padding: 0 16px;
    position: relative;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.copy-field .icon {
    color: #8b8e93;
    height: 24px;
    margin-right: 6px;
    width: 24px
}

.copy-field .icon.is-copy-icon {
    margin-top: -12px;
    position: absolute;
    right: 6px;
    top: 50%
}

.daily-reward {
    align-items: center;
    background-color: #000;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    min-width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999999
}

.daily-reward-close {
    color: #fff3;
    cursor: pointer;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.daily-reward-close svg {
    height: 32px;
    width: 32px
}

.daily-reward-close:hover {
    color: #fff
}

.daily-reward-top {
    padding: 48px 200px 48px 16px;
    position: relative;
    z-index: 5
}

.daily-reward-top:before {
    background: #65e9ff;
    border-radius: 422px;
    content: "";
    display: block;
    filter: blur(85px);
    height: 261px;
    position: absolute;
    right: -130px;
    top: -210px;
    width: 422px;
    z-index: 1
}

.daily-reward-top picture {
    display: block;
    height: 366px;
    position: absolute;
    right: 10px;
    top: -32px;
    width: 211px;
    z-index: 3
}

.daily-reward-title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 12px;
    position: relative;
    z-index: 4
}

.daily-reward-text {
    font-size: 12px;
    line-height: 16px;
    z-index: 4
}

.daily-reward-bottom {
    background: #1c1f24;
    border-radius: 40px 40px 0 0;
    border-top: 2px solid #5a60ff;
    box-shadow: 0 -4px 64px #5a60ff99;
    flex: 1 1 auto;
    margin: 0 auto;
    max-width: 768px;
    overflow-y: scroll;
    padding: 32px 16px 16px;
    position: relative;
    width: 100%;
    z-index: 6
}

.daily-reward-bottom:before {
    background: linear-gradient(0deg, #5a62ff63 0, #5a62ff00 60%);
    bottom: 0;
    content: "";
    display: block;
    filter: blur(85px);
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.daily-reward-bottom-button {
    bottom: 0;
    position: sticky;
    z-index: 7
}

.daily-reward-bottom-button button {
    margin-top: 10px
}

.daily-reward-bottom-weeks {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 -10px 36px;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 5
}

.daily-reward-bottom-weeks:before {
    background-color: #ffffff26;
    content: "";
    display: block;
    height: 1px;
    left: 10px;
    position: absolute;
    top: 50%;
    width: calc(100% - 20px)
}

.daily-reward-bottom-weeks li {
    cursor: pointer;
    flex: 1 1;
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.daily-reward-bottom-weeks li.is-completed div {
    opacity: .4
}

.daily-reward-bottom-weeks li.is-completed:before {
    background: linear-gradient(180deg, #65e9ff, #272a2f 95%);
    opacity: .4
}

.daily-reward-bottom-weeks li.is-completed:before,
.daily-reward-bottom-weeks li.is-current:before {
    border-radius: 16px;
    content: "";
    display: block;
    height: calc(100% + 4px);
    position: absolute;
    width: calc(100% + 4px);
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    left: -2px;
    top: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.daily-reward-bottom-weeks li.is-current:before {
    background: #65e9ff
}

.daily-reward-bottom-weeks li:after {
    border-radius: 16px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    background: #272a2f;
    left: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.daily-reward-bottom-weeks li div {
    align-items: center;
    background: #272a2f;
    background: linear-gradient(180deg, #fff3, #fff0);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 0;
    position: relative;
    text-align: center;
    z-index: 3
}

.daily-reward-bottom-weeks li span {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 4px
}

.daily-reward-bottom-weeks li span.is-selected {
    color: #65e9ff
}

.daily-reward-bottom-weeks li p {
    font-size: 12px
}

.daily-reward-bottom-days {
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -5px;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 5
}

.daily-reward-bottom-days li {
    cursor: pointer;
    flex: 0 0 calc(25% - 10px);
    height: 100px;
    margin: 0 5px 10px;
    position: relative
}

.daily-reward-bottom-days li.is-skin-inside {
    flex: 0 0 calc(50% - 10px)
}

.daily-reward-bottom-days li:before {
    border-radius: 16px;
    content: "";
    display: block;
    height: calc(100% + 4px);
    position: absolute;
    width: calc(100% + 4px);
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
    left: -2px;
    top: -2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.daily-reward-bottom-days li.is-completed .is-reward,
.daily-reward-bottom-days li.is-completed .is-skin,
.daily-reward-bottom-days li.is-disabled .is-reward,
.daily-reward-bottom-days li.is-disabled .is-skin,
.daily-reward-bottom-days li.is-disabled:before {
    background: #23262b
}

.daily-reward-bottom-days li.is-completed .is-reward>* {
    opacity: .4
}

.daily-reward-bottom-days li.is-completed:before {
    background: linear-gradient(180deg, #65e9ff, #272a2f 95%);
    opacity: .4
}

.daily-reward-bottom-days li.is-completed-today .is-reward,
.daily-reward-bottom-days li.is-completed-today .is-skin {
    background: #23262b
}

.daily-reward-bottom-days li.is-completed-today .is-reward>* {
    opacity: .4
}

.daily-reward-bottom-days li.is-completed-today:before {
    background: #65e9ff;
    opacity: .4
}

.daily-reward-bottom-days li.is-current:before {
    background: #65e9ff
}

.daily-reward-bottom-days li:after {
    border-radius: 16px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-tap-highlight-color: transparent;
    background: #272a2f;
    left: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.daily-reward-bottom-days li .is-reward {
    align-items: center;
    background: #323539;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    position: relative;
    text-align: center;
    z-index: 3
}

.daily-reward-bottom-days li .is-skin {
    background: #323539;
    border-radius: 16px;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 3
}

.daily-reward-bottom-days li .is-skin span {
    left: 14px;
    position: absolute;
    top: 0x;
    z-index: 4
}

.daily-reward-bottom-days li .is-skin p {
    background-color: #0000001a;
    border-radius: 8px;
    bottom: 24px;
    font-size: 11px;
    font-weight: 700;
    left: 4px;
    line-height: 14px;
    padding: 6px 12px 6px 10px;
    position: absolute;
    right: 20px;
    z-index: 3
}

.daily-reward-bottom-days li .is-skin picture {
    display: block;
    height: 130px;
    position: absolute;
    right: -30px;
    top: 2px;
    width: 130px;
    z-index: 5
}

.daily-reward-bottom-days li .is-skin:before {
    background-color: #65e9ff;
    border-radius: 50%;
    bottom: -85px;
    content: "";
    display: block;
    filter: blur(30px);
    height: 156px;
    height: 150px;
    position: absolute;
    right: -25px;
    width: 156px;
    width: 150px;
    z-index: 2
}

.daily-reward-bottom-days li span {
    font-size: 12px;
    font-weight: 700;
    margin: 8px 0
}

.daily-reward-bottom-days-image {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    justify-content: center
}

.daily-reward-bottom-days-image .is-key {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: center;
    position: relative;
    width: 38px
}

.daily-reward-bottom-days-image .is-key:before {
    background-color: #ffd337;
    border-radius: 50%;
    content: "";
    display: block;
    filter: blur(5px);
    height: 20px;
    left: 12px;
    position: absolute;
    top: 5px;
    width: 20px;
    z-index: 2
}

.daily-reward-bottom-days-image .is-key picture {
    display: block;
    height: 38px;
    position: relative;
    width: 36px;
    z-index: 3
}

.daily-reward-bottom-days-image .is-coin {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    position: relative;
    width: 28px
}

.daily-reward-bottom-days-image .is-coin img {
    position: relative;
    z-index: 3
}

.daily-reward-bottom-days-image .is-coin:before {
    height: 34px;
    width: 34px
}

.daily-reward-bottom-days-image .is-coin:after,
.daily-reward-bottom-days-image .is-coin:before {
    background-color: #ffffff1a;
    border-radius: 50%;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2
}

.daily-reward-bottom-days-image .is-coin:after {
    height: 40px;
    width: 40px
}

.hk-dropdown {
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.hk-dropdown.is-open .hk-dropdown-icon {
    transform: rotate(180deg)
}

.hk-dropdown-select {
    background: #272a2f;
    border-radius: 20px;
    padding: 12px 48px 12px 16px;
    position: relative;
    text-align: left;
    width: 100%
}

.hk-dropdown-placeholder {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 6px
}

.hk-dropdown-value {
    color: #8b8e93;
    font-size: 14px;
    line-height: 1;
    min-height: 14px
}

.hk-dropdown-icon {
    color: #8b8e93;
    height: 24px;
    margin-top: -12px;
    position: absolute;
    right: 16px;
    top: 50%;
    width: 24px
}

.hk-dropdown-icon svg {
    height: 100%;
    transform: rotate(90deg);
    width: 100%
}

.hk-dropdown ul {
    background-color: #272a2f;
    border-radius: 20px;
    left: 0;
    margin-top: 6px;
    padding: 0 16px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10
}

.hk-dropdown ul li {
    border-bottom: 1px solid #34383f;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    padding: 12px 0;
    text-align: left
}

.hk-dropdown ul li:last-child {
    border-bottom: none
}

.hk-dropdown ul li span {
    color: #8b8e93
}

.hk-dropdown ul li span.is-white {
    color: #fff
}

.loading {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 20px;
    position: relative;
    z-index: 10
}

.loading-logout {
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: 100
}

.loading-progress {
    height: 2px;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    z-index: 10
}

.loading-progress:before {
    background: linear-gradient(90deg, #5960ff, #d885ff 53%, #82f88e);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

.loading-background {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.loading-background .icon {
    height: 100%;
    width: 100%
}

.loading-background svg {
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

.loading-divider {
    flex: 1 1
}

.loading-circle {
    align-self: center
}

.loading-circle svg {
    animation: rotate 2s linear infinite;
    height: 62px;
    width: 62px
}

.loading-text {
    align-self: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    margin-top: 12px;
    text-align: center
}

.loading-title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 12px
}

.loading-roadmap {
    list-style: none;
    position: relative
}

.loading-roadmap.has-top-gap {
    margin-top: 32px
}

.loading-roadmap:before {
    background-image: linear-gradient(180deg, transparent 50%, #3e3e3e 0);
    background-size: 100% 6px;
    content: "";
    height: calc(100% - 24px);
    left: 12px;
    position: absolute;
    top: 12px;
    width: 1px;
    z-index: 1
}

.loading-roadmap li {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 1.5vh;
    min-height: 30px;
    position: relative;
    z-index: 2
}

.loading-roadmap li:last-child {
    margin-bottom: 0
}

.loading-roadmap li p {
    font-size: 20px;
    font-weight: 400;
    margin-left: 12px
}

.loading-roadmap li .earn-image,
.loading-roadmap li>img,
.loading-roadmap li>picture {
    height: 30px;
    margin-left: 12px;
    width: 30px
}

.loading-roadmap li .earn-image.is-coin,
.loading-roadmap li>img.is-coin,
.loading-roadmap li>picture.is-coin {
    height: 28px;
    margin-left: 14px;
    margin-right: 2px;
    width: 28px
}

.loading-roadmap-check {
    align-items: center;
    background-color: #5a5a5a;
    border: 4px solid #34383f;
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    min-width: 24px;
    width: 24px
}

.loading-roadmap-check.is-completed {
    background-color: #62cc6c
}

.loading-launch {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.loading-launch.is-ru {
    background-color: #1a47c9;
    padding-top: 300px
}

.loading-launch-image {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.loading-launch-image.is-sports {
    height: 100%;
    top: 0
}

.loading-launch-image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top;
    width: 100%
}

.loading-launch-image-3 {
    height: 140px;
    left: 0;
    position: absolute;
    top: 270px;
    width: 225px;
    z-index: 7
}

.loading-launch-image-3 picture,
.loading-launch-image-3 picture img {
    display: block;
    height: 100%;
    width: 100%
}

.loading-launch-image-3 picture img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

.loading-launch-image-4 {
    height: 376px;
    position: absolute;
    right: 0;
    top: 85px;
    width: 256px;
    z-index: 6
}

.loading-launch-image-4 picture,
.loading-launch-image-4 picture img {
    display: block;
    height: 100%;
    width: 100%
}

.loading-launch-image-4 picture img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom
}

.loading-launch-image-5 {
    height: 270px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 388px;
    z-index: 5
}

.loading-launch-image-5 picture,
.loading-launch-image-5 picture img {
    display: block;
    height: 100%;
    width: 100%
}

.loading-launch-image-5 picture img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left bottom;
    object-position: left bottom
}

.loading-launch-progress {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: -48px;
    margin-top: 48px;
    position: relative;
    z-index: 6
}

.loading-launch-progress.is-ru {
    margin-bottom: 24px;
    margin-top: 48px
}

.loading-launch-progress.is-ru .icon {
    height: 48px;
    margin-bottom: 12px;
    width: 48px
}

.loading-launch-progress.is-ru .loading-launch-progress-text {
    font-size: 16px
}

.loading-launch-progress .icon {
    animation: rotate 2s linear infinite;
    height: 62px;
    margin-bottom: 20px;
    width: 62px
}

.loading-launch-progress-text {
    font-size: 24px;
    font-weight: 700
}

.loading-launch-progress-text.is-morse-mode {
    font-size: 18px
}

.loading-launch-bottom {
    align-items: center;
    background: linear-gradient(180deg, transparent, #000 45%, #000);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 50vh;
    padding: 80px 20px 40px;
    text-align: center;
    width: 100%;
    z-index: 5
}

.loading-launch-bottom.is-sports {
    min-height: 40vh;
    padding-top: 40px
}

.loading-launch-bottom.is-ru {
    background: linear-gradient(180deg, #0af0, #1750cc 65.42%, #1a47c9);
    min-height: auto;
    padding: 20px
}

.loading-launch-text-tge {
    color: #fff;
    font-size: 16px;
    font-weight: 1000;
    line-height: 24px;
    margin-bottom: 8px
}

.loading-launch-text-date {
    color: #ffc147;
    font-size: 38px;
    font-weight: 1000
}

.loading-launch-social {
    margin-top: 16px
}

.loading-launch-social p {
    color: #ffffffb3;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.loading-launch-social span {
    display: block;
    font-size: 16px;
    font-weight: 700
}

.loading-launch-social i {
    color: #8b8e93;
    display: block;
    font-size: 10px;
    font-style: normal;
    margin-top: 12px
}

.loading-launch-social ul {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 16px
}

.loading-launch-social ul li {
    align-items: center;
    background: #ffffff1a;
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 50%;
    display: flex;
    height: 46px;
    justify-content: center;
    margin: 0 6px;
    width: 46px
}

.loading-launch-social ul li .icon.is-telegram {
    height: 26px;
    width: 26px
}

.loading-launch-social ul li .icon.is-youtube {
    height: 20px;
    width: 27px
}

.loading-launch-social ul li .icon.is-x {
    height: 20px;
    width: 20px
}

.loading-launch-sports-title {
    color: #fff;
    font-size: 32px;
    font-weight: 1000;
    line-height: 40px
}

.loading-launch-sports-title.is-2 {
    color: #ff7f34
}

.loading-launch-ru-title {
    font-size: 21px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 8px
}

.loading-launch-ru-text {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px
}

.loading-launch-ru-description {
    font-size: 5px;
    font-weight: 400;
    line-height: 6px;
    text-align: left
}

.loading-launch-ru-description img {
    display: block;
    height: auto;
    max-width: 414px;
    width: 100%
}

.loading-launch-ru-description-p2 {
    font-size: 6px;
    line-height: 6px;
    text-align: left
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.modal {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 320px;
    position: fixed;
    z-index: 999999
}

.modal,
.modal-bg {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.modal-bg {
    background-color: #272a2fcc;
    position: absolute;
    z-index: 1
}

.modal-inner {
    background: #1c1f24;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 20px;
    box-shadow: 0 0 8px 8px #0000001a;
    margin: 16px;
    max-width: 414px;
    z-index: 2
}

.modal-inner,
.modal-scroll {
    position: relative;
    width: 100%
}

.modal-scroll {
    max-height: calc(100vh - 64px);
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.modal-scroll::-webkit-scrollbar {
    display: none
}

.modal-close {
    color: #4e4f50;
    cursor: pointer;
    padding: 8px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.modal-close svg {
    height: 32px;
    width: 32px
}

.modal-close:hover {
    color: #8b8e93
}

.modal-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 12px;
    padding: 48px 16px 0;
    text-align: center
}

.modal-description {
    color: #8b8e93;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 18px;
    padding: 0 16px;
    text-align: center
}

.modal-buttons .button {
    background-color: transparent;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    height: 48px;
    text-align: center;
    text-transform: uppercase
}

.modal-buttons .button.is-danger {
    background-color: #ff5f55
}

.modal-buttons .button.is-success {
    background-color: #272a2f
}

.modal-open-enter-active,
.modal-open-enter-active .modal-bg,
.modal-open-enter-active .modal-inner,
.modal-open-leave-active,
.modal-open-leave-active .modal-bg,
.modal-open-leave-active .modal-inner {
    transition: .1s ease .25s;
    -webkit-transition: .1s ease .25s
}

.modal-open-enter .modal-bg,
.modal-open-leave-to .modal-bg {
    opacity: 0
}

.modal-open-enter .modal-inner,
.modal-open-leave-to .modal-inner {
    transform: translateY(100%)
}

.modal-open-enter-to .modal-inner,
.modal-open-leave .modal-inner {
    transform: translateY(0)
}

body {
    --nv-gap: 4px
}

body .Notivue__close-icon {
    height: 16px;
    width: 16px
}

body .Notivue__content-title {
    margin-bottom: 2px
}

.preloader {
    align-items: center;
    display: inline-flex
}

.preloader span {
    animation: fadeAndMove 1s ease infinite;
    background-color: #fff;
    border-radius: 50%;
    height: 6px;
    margin: 0 3px;
    opacity: 0;
    width: 6px
}

.preloader span:nth-child(2) {
    animation-delay: .1s
}

.preloader span:nth-child(3) {
    animation-delay: .2s
}

.preloader img {
    animation: fadeAndMove 1s ease infinite;
    height: 20px;
    margin: 0 3px;
    opacity: 0;
    position: relative;
    width: 20px
}

.preloader img:nth-child(2) {
    animation-delay: .1s
}

.preloader img:nth-child(3) {
    animation-delay: .2s
}

@keyframes fadeAndMove {
    0% {
        opacity: 0;
        top: -2px
    }

    50% {
        opacity: 1;
        top: 2px
    }

    to {
        opacity: 0;
        top: 0
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.price {
    color: #fff;
    font-weight: 700;
    position: relative
}

.price,
.price-value {
    align-items: center;
    display: inline-flex;
    justify-content: flex-start
}

.price-value {
    margin-left: 6px;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.price.is-grayscale {
    color: #fff6
}

.price.is-grayscale img {
    filter: grayscale(1)
}

.price.is-spoiler {
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.price.is-spoiler:before {
    animation: shimmer 2s infinite;
    background-image: linear-gradient(90deg, #fff0, #fff3 20%, #ffffff80 60%, #fff0);
    content: "";
    display: block;
    height: calc(100% + 6px);
    left: -3px;
    position: absolute;
    top: -3px;
    transform: translate(-100%);
    width: calc(100% + 6px);
    z-index: 11
}

.price.is-spoiler .price-value {
    visibility: hidden
}

.price.is-spoiler:after {
    background: #ccc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAE0klEQVQ4jW2Ub0gTeBjHP3o2rJZJqZtmy4l4liGrjjVCNxUTWTbC7fxT5xCZQ20TKREzNmwGBlYKgrFdy/4YUTbKTMw2cJ0ehTS8jigcYuYLUfoD2SRfrPNenIrGPe9+z/f7PN/v8zzwA8BoNO4pLS1NBvD7/c6cnByhw+EoBmhsbNRbLJYklUqVGxMTk3jixImY5ZrKly9fRh0+fHgoIiJi/7t37wpYG/fv398GcO3aNatWq9UrlUpdX1+fBKC/v791aWlJDpCWlvZLSUlJJIBUKi0fHBy0A3g8nkQAvF6vJi8vTxMbG9sIUFZWZoyNjc2/d+9ewvj4eOH27dsFbW1thwBsNls1gMvlyllrxmazJQGkpqb+HpaZmfloOf+ovb3dUFtb6wCYn5832u32n3U63dTWrVs3ARQVFf3l9/v18/PzYsAjl8tj1Gp1+PT0tCAnJ8fk8XgqABAKhdkAPp9PWV5e3hUdHS2bmprKcbvd8v7+/jx+iIcPH57SarV/Auh0utqRkZF4u92ev0owGAya+Pj45KSkpOQHDx4oBAJB/LJQwfv37zWTk5MpnZ2dTpfLdWht42/fvoUDTExMlL1+/bp4nWpLS0uC1+v97Uc3AAqF4pRCoegA2LBhQ3lXV1cbwOfPn5sBdu3a1bpKrq+vb37y5Ing7t27coDc3NzjK9jjx4/zANxutxqgqalJAPD9+/fkrKys7OXpJABzc3OGdS5evHhhmJmZyQwLC4vR6/XOgYGBU7Ozs8KGhoZ1rltaWuQAHR0dCSEhIXnXr18vW9fIYrG0AeTn5ysDgYDs5s2b9QCtra31TU1NeoC+vr5ykUgUNTw8nGSxWOp6enoKAUQikaa7u/vcvn379ADR0dGXANBoNLmvXr3KHRoaSpZKpZv+b4+Tk5Pp2dnZcQASieTYWuz8+fO9MplMbbVaaygpKVEAjI+P1wL4/f7jlZWVyhXyzp07jXfu3Dne2dnpPHDggGwlPzo6mm+32w/t3r17/8LCQsStW7cMDodDiEql2pSWlqYXi8VhWq02ub29vfDjx48JFy5ciCouLl5t0NzcvK2mpibRZrMZPnz40ALw6dMn3Qp+8uTJ/3Z95MgRmdfrTQcwGo25AFlZWSaAuro609GjR6srKip0Ho+nJyMjY/WSPp8vDSAQCAhSUlLUK/kQgB07duRt3LgxMDExMbICXL58OSIYDBaIRKJ/4uLinj5//jzcarVOAYjFYsns7Oz0zMzM3mAwuE0ikfxx5syZhqGhoW4AtmzZkjw4OLgH4Pbt22qAlJQUmVKpVD979iz87du31q9fv4oDgUAEgF6vV6w9ikajyTOZTHsAfurt7c12u92LJpMpIyEhQRAaGjoqlUrlKpVK6HQ6n75582avz+dTl5aWds/Nzf06Njb2dzAYzLVarUsDAwNhwLzD4SheXFxciIyMjFpV+fLli2yt6tjYmPDs2bNtK+/ExMTiqqoqXVFRkQGgqqoqyel0hgIsLS0J9Xr9pdVip9N5DqC2tjb9ypUrws2bNyf09PRkrhUwm83ZFy9eLHa5XGqz2bz6EVitVh3A1atX4+rq6sr5MRwOh3xxcfFYamqqGGB4eHjv8sX11dXVhQA3btxIWuEfPHgw3Ww2F5w+fToS4F8g0dVFJm8BmQAAAABJRU5ErkJggg==) repeat;
    content: "";
    display: block;
    height: calc(100% + 6px);
    left: -3px;
    position: absolute;
    top: -3px;
    width: calc(100% + 6px);
    z-index: 10
}

.promocode {
    animation: Fade .15s ease-in-out;
    background: #1c1f24;
    border: 1px solid hsla(0, 0%, 100%, .102);
    border-radius: 15px;
    min-height: 192px;
    padding: 19px 10px;
    position: absolute;
    right: 0;
    top: 36px;
    width: 260px;
    z-index: 2
}

.promocode-animation-wrapper {
    animation: promo-redeem-bgFade 1.5s ease-in forwards;
    background: transparent;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99998
}

.promocode-key-animation {
    animation: promo-redeem-jumpUp 1.5s ease-in forwards;
    border-radius: 50%;
    height: 0;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    z-index: 99999
}

.promocode-outer {
    height: 100%;
    left: 0;
    position: fixed;
    top: 48px;
    width: 100%;
    z-index: 1
}

.promocode-text {
    font-size: 10px;
    font-weight: 400;
    margin-top: 8px
}

.promocode-text-error {
    color: #ff9060
}

.promocode-text-success {
    color: #82f88e
}

.promocode-arrow {
    background: transparent;
    border: 10px solid transparent;
    border-bottom: 16px solid #1c1f24;
    height: 10px;
    position: absolute;
    right: 15px;
    top: -20px;
    width: 10px
}

.promocode-title {
    font-size: 10px;
    font-weight: 400
}

.promocode-input-header {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 10px
}

.promocode-input-container {
    background-color: #272a2f;
    border-radius: 8px;
    display: flex;
    height: 40px;
    position: relative;
    width: 100%
}

.promocode-input-container input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: #fff;
    flex: 1 1;
    margin-left: 10px;
    outline: none;
    padding-right: 12px;
    width: 100%
}

.promocode-input-container button {
    border-radius: 6px;
    flex: 0 0;
    font-size: 13px;
    height: 36px;
    right: 2px;
    top: 2px
}

.promocode-divider {
    background-color: #34383f;
    height: 1px;
    margin-bottom: 16px;
    margin-top: 16px
}

.promocode-bottom-button {
    background: linear-gradient(97.83deg, #ff5f3c 3.58%, #ffb546 101.32%);
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    width: 100%
}

.promocode-bottom-button:hover {
    background: linear-gradient(97.83deg, #ff5f3c8c 8.58%, #ffb546f2 101.32%)
}

@keyframes promo-redeem-bgFade {
    0% {
        background: transparent
    }

    20% {
        background: #000c
    }

    90% {
        background: #000c
    }

    to {
        background: transparent
    }
}

@keyframes promo-redeem-jumpUp {
    0% {
        height: 24px;
        width: 24px
    }

    20% {
        height: 96px;
        width: 96px
    }

    50% {
        height: 96px;
        width: 96px
    }

    75% {
        left: 50%;
        top: 50%
    }

    to {
        height: 0;
        left: 90%;
        top: 20px;
        width: 0
    }
}

@keyframes Fade {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.skeleton {
    background-color: transparent;
    overflow: hidden;
    position: relative
}

.skeleton,
.skeleton:before {
    animation: shimmer 1.5s infinite
}

.skeleton:before {
    background: linear-gradient(90deg, #ffffff1a 0, #ffffff03 50%, #ffffff1a);
    background-size: 200% 100%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.skeleton.is-achievement-stats-percent {
    border-radius: 10px;
    height: 32px;
    width: 66px
}

.skeleton.is-achievement-stats-percent-image {
    border-radius: 16px;
    height: 96px;
    width: 96px
}

@keyframes shimmer {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: -100% 0
    }
}

.tabs-list {
    align-items: stretch;
    background: #272a2f;
    border: 1px solid #1c1f24;
    border-radius: 10px;
    box-shadow: 0 0 4px 4px #1c1f2433;
    display: flex;
    height: 50px;
    justify-content: space-between;
    padding: 4px;
    position: sticky;
    top: 4px;
    z-index: 20
}

.tabs-item {
    align-items: center;
    border-radius: 6px;
    color: #fff;
    display: flex;
    flex: 1 1;
    font-size: 12px;
    font-weight: 700;
    justify-content: center;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    padding: 0 2px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tabs-item.is-active {
    background: #1c1f24
}

.tabs-inner {
    margin-top: 20px;
    position: relative
}

.atabs {
    border-bottom: 1px solid #34383f
}

.atabs-inner {
    align-items: stretch;
    display: flex;
    height: 42px
}

.atabs-item {
    cursor: pointer;
    flex: 1 1;
    line-height: 1;
    padding-top: 14px;
    position: relative;
    text-align: center;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-tap-highlight-color: transparent;
    color: #8b8e93;
    font-size: 14px;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.atabs-item.is-active {
    color: #fff
}

.atabs-item.is-active:before {
    background-color: #fff;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.atabs-item:hover {
    color: #fff
}

.tabs-special {
    align-items: center;
    border-bottom: 1px solid #272a2f;
    display: flex;
    justify-content: flex-start
}

.tabs-special-item {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin-right: 16px;
    padding: 8px 2px;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tabs-special-item:last-child {
    margin-right: 0
}

.tabs-special-item.is-active {
    border-color: #ffd337;
    color: #ffd337;
    position: relative
}

.tabs-special-item.is-active:before {
    background-color: #ffd337;
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.tabs-special-item:hover {
    color: #ffd337
}

.tabs-special-inner {
    margin-top: 20px;
    position: relative
}

.tabs-special-inner .upgrade-list {
    min-height: 224px
}

.toggle-switch {
    background: #8b8e93;
    border-radius: .75em;
    box-shadow: inset 1px 1px 1px #0000001a;
    cursor: pointer;
    flex: none;
    height: 24px;
    position: relative;
    transition: background-color .15s .25s;
    -webkit-transition: background-color .15s .25s;
    width: 3em
}

.toggle-switch:before {
    background: #fff;
    background-image: radial-gradient(circle at .375em .375em, transparent 0, rgba(0, 0, 0, .05) 1em);
    border-radius: 50%;
    box-shadow: 1px 1px 1px #00000014;
    content: "";
    display: block;
    height: 20px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: left .15s .25s;
    -webkit-transition: left .15s .25s;
    width: 20px;
    will-change: left
}

.toggle-switch:hover {
    box-shadow: inset 1px 1px 1px #0000001f
}

.toggle-switch:hover:before {
    background-image: radial-gradient(circle at .375em .375em, transparent 0, rgba(0, 0, 0, .037) 1em);
    box-shadow: .0625em .0625em .0625em #0000001f
}

.toggle-switch.checked {
    background-color: #7277ff
}

.toggle-switch.checked:before {
    background-image: radial-gradient(circle at .375em .375em, transparent 0, rgba(0, 0, 0, .05) 1em);
    left: 26px
}

.v-popper--theme-hk-tooltip.v-popper__popper {
    z-index: 10
}

.v-popper--theme-hk-tooltip .v-popper__inner {
    background-color: #000;
    border-radius: 10px;
    padding: 4px 6px
}

.v-popper--theme-hk-tooltip .v-popper__arrow-inner,
.v-popper--theme-hk-tooltip .v-popper__arrow-outer {
    border-color: #000
}

.v-popper--theme-hk-tooltip .v-popper__inner {
    font-size: 11px;
    line-height: 12px;
    text-align: center
}

.v-popper--theme-hk-main-tooltip.v-popper__popper {
    z-index: 10
}

.v-popper--theme-hk-main-tooltip .v-popper__inner {
    background-color: #272a2f;
    border-radius: 10px;
    padding: 4px 6px
}

.v-popper--theme-hk-main-tooltip .v-popper__arrow-inner,
.v-popper--theme-hk-main-tooltip .v-popper__arrow-outer {
    border-color: #272a2f
}

.v-popper--theme-hk-main-tooltip .v-popper__inner {
    font-size: 11px;
    line-height: 12px;
    text-align: center
}

.v-popper--theme-hk-fixed-tooltip.v-popper__popper {
    z-index: 10
}

.v-popper--theme-hk-fixed-tooltip .v-popper__inner {
    background-color: #000;
    border-radius: 10px;
    max-width: calc(33.33333vw - 18.66667px);
    padding: 4px 6px
}

.v-popper--theme-hk-fixed-tooltip .v-popper__arrow-inner,
.v-popper--theme-hk-fixed-tooltip .v-popper__arrow-outer {
    border-color: #000
}

.v-popper--theme-hk-fixed-tooltip .v-popper__inner {
    font-size: 11px;
    line-height: 12px;
    text-align: center
}

.top-bar {
    align-items: stretch;
    display: flex;
    height: 42px;
    justify-content: space-between
}

.top-bar-left {
    color: #0a84ff;
    justify-content: flex-start;
    padding-left: 16px
}

.top-bar-left,
.top-bar-right {
    align-items: center;
    display: flex;
    flex: 0 0 42px;
    width: 42px
}

.top-bar-right {
    justify-content: flex-end;
    padding-right: 16px
}

.top-bar-center {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    text-align: center
}

.top-bar-center p {
    font-size: 17px;
    font-weight: 600
}

[data-notivue=promise-resolve],
[data-notivue=success] {
    --nv-bg: var(--nv-success-bg);
    --nv-fg: var(--nv-success-fg);
    --nv-accent: var(--nv-success-accent);
    --nv-border: var(--nv-success-border)
}

[data-notivue=error],
[data-notivue=promise-reject] {
    --nv-bg: var(--nv-error-bg);
    --nv-fg: var(--nv-error-fg);
    --nv-accent: var(--nv-error-accent);
    --nv-border: var(--nv-error-border)
}

[data-notivue=warning] {
    --nv-bg: var(--nv-warning-bg);
    --nv-fg: var(--nv-warning-fg);
    --nv-accent: var(--nv-warning-accent);
    --nv-border: var(--nv-warning-border)
}

[data-notivue=info] {
    --nv-bg: var(--nv-info-bg);
    --nv-fg: var(--nv-info-fg);
    --nv-accent: var(--nv-info-accent);
    --nv-border: var(--nv-info-border)
}

[data-notivue=promise] {
    --nv-bg: var(--nv-promise-bg);
    --nv-fg: var(--nv-promise-fg);
    --nv-accent: var(--nv-promise-accent);
    --nv-border: var(--nv-promise-border)
}

.Notivue__notification {
    --tip-width: calc(var(--tip-width-fx, 1)*var(--nv-tip-width, 0px));
    align-items: var(--nv-y-align);
    background-color: var(--nv-bg, var(--nv-global-bg));
    border: var(--nv-border-width, 0) solid var(--nv-border, var(--nv-global-border));
    border-radius: var(--nv-radius, 0);
    box-shadow: var(--nv-shadow, 0 0 transparent), inset var(--tip-width) 0 0 var(--nv-accent, var(--nv-global-accent));
    box-sizing: border-box;
    display: flex;
    max-width: var(--nv-width, 100%);
    position: relative;
    width: var(--nv-min-width, auto)
}

.Notivue__notification * {
    box-sizing: border-box;
    touch-action: manipulation
}

.Notivue__notification[data-notivue-has-title=true] {
    align-items: var(--nv-y-align-has-title, var(--nv-y-align))
}

.Notivue__icon {
    align-items: center;
    color: var(--nv-accent, var(--nv-global-accent));
    display: flex;
    height: var(--nv-icon-size);
    justify-content: center;
    margin: var(--nv-spacing) 0 var(--nv-spacing) var(--nv-spacing);
    min-width: var(--nv-icon-size);
    overflow: visible;
    width: var(--nv-icon-size)
}

.Notivue__content {
    --nv-content-space: calc(var(--nv-spacing) + var(--nv-spacing)*.15);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: var(--nv-content-space);
    text-align: inherit
}

.Notivue__content-title {
    color: var(--nv-fg, var(--nv-global-fg));
    font-size: var(--nv-title-size);
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 .33em;
    padding: 0
}

.Notivue__transition-enter-active {
    --dur-easing: .5s cubic-bezier(.16, 1, .3, 1);
    transition: opacity var(--dur-easing), transform var(--dur-easing)
}

@media (prefers-reduced-motion:reduce) {
    .Notivue__transition-enter-active {
        transition: none
    }
}

.Notivue__transition-enter-from {
    opacity: 0;
    transform: scale(.8)
}

.Notivue__transition-enter-to {
    opacity: 1;
    transform: scale(1)
}

.Notivue__transition-leave-active {
    transition: opacity 0ms ease
}

.Notivue__transition-leave-from,
.Notivue__transition-leave-to {
    opacity: 0
}

.Notivue__content-message {
    line-height: 1.375;
    max-height: 250px;
    overflow: auto;
    padding: 0;
    white-space: pre-line
}

.Notivue__close,
.Notivue__content-message {
    color: var(--nv-fg, var(--nv-global-fg));
    font-size: var(--nv-message-size);
    margin: 0
}

.Notivue__close {
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 700;
    line-height: 1;
    margin: var(--nv-spacing) var(--nv-spacing) var(--nv-spacing) 0;
    padding: calc(var(--nv-spacing)/2);
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.Notivue__close:after {
    background-color: var(--nv-fg, var(--nv-global-fg));
    border-radius: calc(var(--nv-radius)/2);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .1s ease-out;
    width: 100%
}

@media (hover:hover) {
    .Notivue__close:hover {
        opacity: 1
    }

    .Notivue__close:hover:after {
        opacity: .1
    }

    .Notivue__close:hover .Notivue__close-icon {
        opacity: 1
    }
}

.Notivue__close-icon {
    color: var(--nv-fg, var(--nv-global-fg));
    display: flex;
    height: var(--nv-icon-size);
    opacity: .65;
    pointer-events: none;
    width: var(--nv-icon-size)
}

.Notivue__spinner {
    animation: Notivue__spinner-kf .75s linear infinite;
    transform-origin: center
}

@keyframes Notivue__spinner-kf {
    to {
        transform: rotate(1turn)
    }
}

@media (prefers-reduced-motion:reduce) {
    .Notivue__spinner {
        animation: none
    }
}

[dir=rtl] .Notivue__notification {
    --tip-width-fx: -1
}

[dir=rtl] .Notivue__icon {
    margin: var(--nv-spacing) var(--nv-spacing) var(--nv-spacing) 0
}

[dir=rtl] .Notivue__content-message {
    font-size: calc(var(--nv-message-size) + .1em)
}

[dir=rtl] .Notivue__content-title {
    font-size: calc(var(--nv-title-size) + .1em)
}

[dir=rtl] .Notivue__close {
    margin: var(--nv-spacing) 0 var(--nv-spacing) var(--nv-spacing)
}

[data-notivue-align=top] .Notivue__enter,
[data-notivue-align=top] .Notivue__leave {
    --notivue-ty: -200%
}

[data-notivue-align=bottom] .Notivue__enter,
[data-notivue-align=bottom] .Notivue__leave {
    --notivue-ty: 200%
}

.Notivue__enter {
    animation: Notivue__enter-kf .35s cubic-bezier(.5, 1, .25, 1)
}

.Notivue__leave {
    animation: Notivue__leave-kf .35s ease
}

.Notivue__clearAll {
    animation: Notivue__clearAll-kf .5s cubic-bezier(.22, 1, .36, 1)
}

@keyframes Notivue__enter-kf {
    0% {
        opacity: 0;
        transform: translate3d(0, var(--notivue-ty), 0) scale(.25)
    }

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

@keyframes Notivue__leave-kf {
    0% {
        opacity: .7;
        transform: translateZ(0) scale(1)
    }

    to {
        opacity: 0;
        transform: translate3d(0, var(--notivue-ty), 0) scale(.01)
    }
}

@keyframes Notivue__clearAll-kf {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    src: url(./Outfit-400-1.5oMg_0D4.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    src: url(./Outfit-400-2.CdKZfrg9.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    src: url(./Outfit-400-1.5oMg_0D4.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 500;
    src: url(./Outfit-400-2.CdKZfrg9.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 700;
    src: url(./Outfit-400-1.5oMg_0D4.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Outfit;
    font-style: normal;
    font-weight: 700;
    src: url(./Outfit-400-2.CdKZfrg9.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(./Roboto_Flex-400-7.DRTNI9VV.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(./Roboto_Flex-400-8.C9LxQtoz.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(./Roboto_Flex-400-9.DeN4rzfy.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(./Roboto_Flex-400-10.Dfb42xSH.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(./Roboto_Flex-400-11.DdIPVSJ2.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 400;
    src: url(./Roboto_Flex-400-12.C2pcyVKb.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 600;
    src: url(./Roboto_Flex-400-7.DRTNI9VV.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 600;
    src: url(./Roboto_Flex-400-8.C9LxQtoz.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 600;
    src: url(./Roboto_Flex-400-9.DeN4rzfy.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 600;
    src: url(./Roboto_Flex-400-10.Dfb42xSH.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 600;
    src: url(./Roboto_Flex-400-11.DdIPVSJ2.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 600;
    src: url(./Roboto_Flex-400-12.C2pcyVKb.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 700;
    src: url(./Roboto_Flex-400-7.DRTNI9VV.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 700;
    src: url(./Roboto_Flex-400-8.C9LxQtoz.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 700;
    src: url(./Roboto_Flex-400-9.DeN4rzfy.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 700;
    src: url(./Roboto_Flex-400-10.Dfb42xSH.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 700;
    src: url(./Roboto_Flex-400-11.DdIPVSJ2.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 700;
    src: url(./Roboto_Flex-400-12.C2pcyVKb.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 1000;
    src: url(./Roboto_Flex-400-7.DRTNI9VV.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 1000;
    src: url(./Roboto_Flex-400-8.C9LxQtoz.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 1000;
    src: url(./Roboto_Flex-400-9.DeN4rzfy.woff2) format("woff2");
    unicode-range: u+0370-0377, u+037a-037f, u+0384-038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 1000;
    src: url(./Roboto_Flex-400-10.Dfb42xSH.woff2) format("woff2");
    unicode-range: u+0102-0103, u+0110-0111, u+0128-0129, u+0168-0169, u+01a0-01a1, u+01af-01b0, u+0300-0301, u+0303-0304, u+0308-0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 1000;
    src: url(./Roboto_Flex-400-11.DdIPVSJ2.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto Flex;
    font-stretch: 100%;
    font-style: normal;
    font-weight: 1000;
    src: url(./Roboto_Flex-400-12.C2pcyVKb.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

.resize-observer[data-v-b329ee4c] {
    background-color: transparent;
    border: none;
    opacity: 0
}

.resize-observer[data-v-b329ee4c],
.resize-observer[data-v-b329ee4c] object {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.v-popper__popper {
    left: 0;
    outline: none;
    top: 0;
    z-index: 10000
}

.v-popper__popper.v-popper__popper--hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s, visibility .15s;
    visibility: hidden
}

.v-popper__popper.v-popper__popper--shown {
    opacity: 1;
    transition: opacity .15s;
    visibility: visible
}

.v-popper__popper.v-popper__popper--skip-transition,
.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper {
    transition: none !important
}

.v-popper__backdrop {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.v-popper__inner {
    box-sizing: border-box;
    overflow-y: auto;
    position: relative
}

.v-popper__inner>div {
    max-height: inherit;
    max-width: inherit;
    position: relative;
    z-index: 1
}

.v-popper__arrow-container {
    height: 10px;
    position: absolute;
    width: 10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,
.v-popper__popper--no-positioning .v-popper__arrow-container {
    display: none
}

.v-popper__arrow-inner,
.v-popper__arrow-outer {
    border-style: solid;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.v-popper__arrow-inner {
    border-width: 7px;
    visibility: hidden
}

.v-popper__arrow-outer {
    border-width: 6px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    left: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    left: -1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-bottom-width: 0;
    border-left-color: transparent !important;
    border-right-color: transparent !important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
    top: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-top-width: 0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner {
    top: -4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer {
    top: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    top: -2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    top: -1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-left-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner {
    left: -4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer {
    left: -6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
    right: -10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,
.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer {
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    border-right-width: 0;
    border-top-color: transparent !important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner {
    left: -2px
}

.v-popper--theme-tooltip .v-popper__inner {
    background: #000c;
    border-radius: 6px;
    color: #fff;
    padding: 7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer {
    border-color: #000c
}

.v-popper--theme-dropdown .v-popper__inner {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 6px 30px #0000001a;
    color: #000
}

.v-popper--theme-dropdown .v-popper__arrow-inner {
    border-color: #fff;
    visibility: visible
}

.v-popper--theme-dropdown .v-popper__arrow-outer {
    border-color: #ddd
}