@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

/*@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);*/
::-webkit-scrollbar {
    border-radius: 5px !important;
    border: 3px solid transparent !important;
    background-color: rgba(255, 255, 255, 0.101961) !important;
    background-clip: content-box !important;
    width: 10px !important;
}

::-webkit-scrollbar:hover {
    background-color: rgba(255, 255, 255, 0.172549) !important;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px !important;
    border: 3px solid transparent !important;
    background-color: rgba(255, 255, 255, 0.32549) !important;
    background-clip: content-box !important;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.478431) !important;
}



.loader-overlay2[data-v-6c740608] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(/img/backgrounds/0.png?v=11) 100% no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    overflow: hidden
}
.tech{
    margin-top: 30px;
    font-size: 30px;
    font-weight: bold;
}
.loader2{
    width: 60%;
}
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    overflow: hidden
}

.loader-overlay-mp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.13);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    overflow: hidden
}

.loader-mp {
    border: 6px solid hsla(0, 0%, 100%, .3);
    border-top: 6px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-6c740608 1s linear infinite
}
.loader[data-v-6c740608] {
    border: 6px solid hsla(0, 0%, 100%, .3);
    border-top: 6px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-6c740608 1s linear infinite
}

@keyframes spin-6c740608 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.lottie-animation[data-v-5b4cb10b] {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px
}

.main-action--green[data-v-66b3313e] {
    width: 100%
}

.welcome-title {
    font-size: 22px;
    line-height: 22px;
    /*font-family: PatsySans;*/
    margin-bottom: 16px;
    background: linear-gradient(180deg, #ffed4c, #fff7b0, #ffed4c, #ffed4c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*background-clip: text;*/
    /*text-fill-color: transparent*/
}

.modal-first[data-v-66b3313e] {
    padding-top: 2rem;
    padding-bottom: 1rem
}

/*.home {*/
/*    !*background: url(/img/bg.png) 100% no-repeat;*!*/
/*    !*background-size: cover;*!*/
/*    !*min-height: 100vh;*!*/
/*    !*max-height: 200vh;*!*/
/*    !*overflow-y: scroll;*!*/
/*    !*height: fit-content;*!*/
/*}*/

.home-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px
}

.home-item[data-v-4bb6d1db] {
    width: 157px;
    height: 178px;
    position: relative
}

.home-item img[data-v-4bb6d1db] {
    height: 100%
}

.home-item-info[data-v-4bb6d1db] {
    background: rgba(0, 0, 0, .6);
    height: 46px;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid rgba(11, 197, 255, .5);
    border-radius: 10px;
    padding: 4px 8px;
    text-align: center;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px)
}

.home-item-info2[data-v-4bb6d1db] {
    left: 0;
    right: auto
}

.home-item-label[data-v-4bb6d1db] {
    color: #55c0fd;
    font-size: 14px;
    line-height: 18px
}

.home-center[data-v-4bb6d1db] {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: -10px;
    position: relative
}

.home-center .home-building img {
    width: 130px;
    height: auto;
    /*filter: grayscale(1)*/
}

.home-center .home-coming[data-v-4bb6d1db] {
    position: absolute;
    bottom: 0
}

.home-center .home-coming img[data-v-4bb6d1db] {
    width: 110px
}

.mining-speed[data-v-3020ea72] {
    width: 30px
}

.asic-id {
    width: 40%;
    font-size: 20px;
    font-weight: 700;
    color: #22d3ee;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
    margin-right: 10px
}

.main-action--amber[data-v-39bf01c6] {
    width: 100%
}

.asic-id[data-v-157b202c] {
    font-size: 20px;
    font-weight: 700;
    color: #22d3ee;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
    margin-right: 10px
}

.main-action--amber[data-v-157b202c] {
    width: 100%
}

.lottie-animation[data-v-5a8899f5] {
    position: absolute;
    left: 15px;
    top: 7%
}

.main-action--amber[data-v-b6868764] {
    width: 100%
}

.text-red-used {
    color: rgb(244 63 94/var(--tw-text-opacity)) !important
}

.text-green-used {
    color: #0bff15 !important
}

.pointer{
    cursor: pointer;
}
.text-warning-used {
    color: #ff890b !important
}
.text-danger-used {
    color: #ff300b !important
}

.button-wrap[data-v-b6868764] {
    width: 100%;
    padding: 0 10px
}

.asic-icon[data-v-b6868764] {
    width: 55%
}

.chip-icon[data-v-b6868764] {
    width: 85%
}
/*.chip-icon.hh[data-v-b6868764] {*/
/*    animation: hideAnimation 0s ease-in 2s;*/
/*    animation-fill-mode: forwards;*/
/*}*/

.chip-icon2[data-v-b6868764] {
    clip-path: circle(100% at 50% 50%);
    opacity: 1;
    animation: reveal-b6868764 3s linear;
    width: 85%
}
.chip-icon2.hhh[data-v-b6868764] {
    clip-path: circle(0% at 50% 50%);
    opacity: 0;
    animation: hideAnimation 3s linear;
    width: 85%
}
@keyframes hideAnimation {
    0% {
        clip-path: circle(100% at 50% 50%);
        opacity: 1
    }
    25% {
        clip-path: circle(40% at 50% 50%);
        opacity: .5
    }
    35% {
        clip-path: circle(20% at 50% 50%);
        opacity: .8
    }
    50% {
        clip-path: circle(25% at 50% 50%);
        opacity: .2
    }
    75% {
        clip-path: circle(5% at 50% 50%);
        opacity: .1
    }
    to {
        clip-path: circle(1% at 50% 50%);
        opacity: 0
    }
}
@keyframes reveal-b6868764 {
    0% {
        clip-path: circle(5% at 50% 50%);
        opacity: .1
    }
    25% {
        clip-path: circle(25% at 50% 50%);
        opacity: 1
    }
    35% {
        clip-path: circle(20% at 50% 50%);
        opacity: 1
    }
    50% {
        clip-path: circle(40% at 50% 50%);
        opacity: .5
    }
    75% {
        clip-path: circle(100% at 50% 50%);
        opacity: .8
    }
    to {
        clip-path: circle(100% at 50% 50%);
        opacity: 1
    }
}

.leaderboard-list[data-v-225fe868] {
    height: calc(100% - 142px);
    overflow-y: auto
}

.lottie-animation[data-v-26a4e53c] {
    position: absolute;
    left: 13px;
    top: 6%
}

.main-action--green[data-v-6688c6b9] {
    width: auto
}

.asic-icon[data-v-6688c6b9] {
    width: 55%
}

.roadmap-item[data-v-431590f4] {
    padding: 12px 16px;
    border-bottom: 1px solid #1a2846
}

.roadmap-item[data-v-431590f4]:last-child {
    border-bottom: 0
}

.roadmap-item-top[data-v-431590f4] {
    display: flex;
    align-items: center;
    gap: 8px
}

.roadmap-item-topitem[data-v-431590f4] {
    font-size: 12px;
    font-weight: 300;
    color: #d9d9d9
}

.roadmap-item-topline[data-v-431590f4] {
    height: 5px;
    width: 1px;
    background: #4970b0
}

.roadmap-item-title[data-v-431590f4] {
    margin: 8px 0;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.roadmap-item-item[data-v-431590f4] {
    position: relative;
    font-size: 14px;
    padding-left: 13px
}

.roadmap-item-item[data-v-431590f4]:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #4970b0;
    position: absolute;
    left: 0;
    top: calc(50% - 2.5px);
    border-radius: 50px
}

.roadmap-item.active .roadmap-item-item[data-v-431590f4]:before {
    background: #4eff3f !important
}

.wrapper > main[data-v-431590f4] {
    padding: 4px 0
}

.clicked {
    transform: rotate(1turn);
    /*transition: transform var(--rotation-duration) ease-in-out*/
}

.modal-overlay[data-v-2ea33036] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, .5);
    z-index: 1000;
    padding: 0 20px
}

.modal-content[data-v-2ea33036] {
    background: var(--main-gradient);
    transition: var(--main-transition);
    padding: 40px 20px 30px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
    max-width: 100%;
    width: 100%;
    text-align: center;
    position: relative
}

.main-action--green[data-v-2b8d93bd] {
    width: 100%
}

.win-content[data-v-2b8d93bd] {
    color: #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.win-content h2[data-v-2b8d93bd] {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px
}

.win-content img[data-v-2b8d93bd] {
    width: 140px
}

.asic-id[data-v-110b63b5] {
    font-size: 20px;
    font-weight: 700;
    color: #22d3ee;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
    margin-right: 10px
}

.main-action--amber[data-v-110b63b5] {
    width: 100%
}

.asic-img[data-v-1bf79387] {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%
}

.limited[data-v-1bf79387] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px
}

.limited-title[data-v-1bf79387] {
    background: red;
    background: linear-gradient(90deg, red, #ff6969 50%, red)
}

.limited-title[data-v-1bf79387], .limited-value[data-v-1bf79387] {
    height: 13px;
    line-height: 13px;
    padding: 0 10px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    border-radius: 2px
}

.limited-value[data-v-1bf79387] {
    background: #906f12;
    background: linear-gradient(90deg, red, #ff6969 50%, red)
}

.limited-chip .limited-title[data-v-1bf79387], .limited-chip .limited-value[data-v-1bf79387] {
    background: #8305a2;
    background: linear-gradient(90deg, #8305a2, #e166ff 50%, #8305a2)
}

.main-tab-title[data-v-1bf79387] {
    line-height: 1.25rem;
    font-size: 10px
}

.wallet-list[data-v-e55ba696] {
    height: calc(100vh - 140px);
    overflow-y: visible;
    display: flex;
    flex-direction: column
}

#ton-connect-button, #ton-connect-button div, #ton-connect-button div button {
    width: 100% !important
}

.wallet-item {
    border: 1px dashed #131d39;
    border-radius: 14px
}

.modal-wallet-title {
    font-size: 24px;
    line-height: 29.76px;
    font-weight: 500;
    width: 226px;
    margin: 0 auto
}

.wallet-bottom {
    padding-top: 50px
}

.important {
    color: #f9485d;
    font-size: 14px
}

.wallet-chip {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    background: #212a47;
    font-weight: 300;
    margin-top: 20px
}

.wallet-chip:focus {
    outline: 0;
    border: 0
}

.deposit-btn[data-v-59ec8f60] {
    width: 100%;
    height: 40px;
    background: #3b82f6;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px
}

.wallet-add[data-v-59ec8f60] {
    padding: 20px;
    height: calc(100% - 110px)
}

.wallet-add-title[data-v-59ec8f60] {
    margin-bottom: 20px
}

.wallet-add-item label[data-v-59ec8f60] {
    color: #464f6e;
    font-size: 12px;
    line-height: 14.88px
}

.wallet-add-input[data-v-59ec8f60] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    background: #212a47;
    font-weight: 300
}

.wallet-add-input[data-v-59ec8f60]:focus {
    outline: 0;
    border: 0
}

.wallet-add-btn[data-v-59ec8f60] {
    width: 100%;
    height: 48px;
    background: none;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 40px;
    line-height: 48px;
    border: 1px solid rgba(11, 195, 253, .57)
}

.wallet-add-center[data-v-59ec8f60] {
    text-align: center;
    margin: 5px 0 15px
}

.wallet-add-centertext[data-v-59ec8f60] {
    font-size: 10px;
    background: #121726;
    padding: 5px 20px;
    display: inline-block;
    color: #fff;
    border-radius: 10px
}

.important[data-v-59ec8f60] {
    font-size: 14px;
    color: #f9485d
}

.lottie-animation[data-v-7faf85b0] {
    position: absolute;
    left: 13.5px;
    top: 6.5%
}

.button-wrap[data-v-f6b4bfc4] {
    width: 100%;
    padding: 0 10px
}

.asic-icon[data-v-f6b4bfc4] {
    width: 55%
}

.cgrade-image[data-v-f6b4bfc4] {
    padding: 0 2px 0 14px
}

.bh-title[data-v-169b741c] {
    width: calc(100% - 10px)
}

.change-box[data-v-a5d918d2] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 5px 0 20px
}

.main-action--green[data-v-a5d918d2] {
    z-index: 5
}

.change-bottom[data-v-a5d918d2] {
    padding: 0 10px
}

.change-btn[data-v-a5d918d2] {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center
}

.wallet-add[data-v-5e53464d] {
    padding: 20px
}

.wallet-add-title[data-v-5e53464d] {
    margin-bottom: 20px
}

.wallet-add-item label[data-v-5e53464d] {
    color: #464f6e;
    font-size: 12px;
    line-height: 14.88px
}

.wallet-add-input[data-v-5e53464d] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    background: #212a47;
    font-weight: 300
}

.wallet-add-input[data-v-5e53464d]:focus {
    outline: 0;
    border: 0
}

.wallet-add-btn[data-v-5e53464d] {
    width: 100%;
    height: 48px;
    background: none;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 40px;
    line-height: 48px;
    border: 1px solid rgba(11, 195, 253, .57)
}

.deposit-btn[data-v-916439b8] {
    width: 100%;
    height: 40px;
    background: #3b82f6;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px
}

.wallet-add[data-v-916439b8] {
    padding: 20px;
    height: calc(100% - 110px);
    overflow-y: auto
}

.wallet-add-title[data-v-916439b8] {
    margin-bottom: 20px
}

.wallet-add-item label[data-v-916439b8] {
    color: #464f6e;
    font-size: 12px;
    line-height: 14.88px
}

.wallet-add-input[data-v-916439b8] {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    padding: 0 15px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 10px;
    background: #212a47;
    font-weight: 300
}

.wallet-add-input[data-v-916439b8]:focus {
    outline: 0;
    border: 0
}

.wallet-add-btn[data-v-916439b8] {
    width: 100%;
    height: 48px;
    background: none;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 40px;
    line-height: 48px;
    border: 1px solid rgba(11, 195, 253, .57)
}

.wallet-add-center[data-v-916439b8] {
    text-align: center;
    margin: 5px 0 15px
}

.wallet-add-centertext[data-v-916439b8] {
    font-size: 10px;
    background: #121726;
    padding: 5px 20px;
    display: inline-block;
    color: #fff;
    border-radius: 10px
}

.important[data-v-916439b8] {
    font-size: 14px;
    color: #f9485d
}

@font-face {
    font-family: Oswald;
    font-display: swap;
    src: local("Oswald"), url(/fonts/Oswaldregular.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: OswaldBold;
    font-display: swap;
    src: local("OswaldBold"), url(/fonts/Oswaldbold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: OswaldMedium;
    font-display: swap;
    src: local("OswaldMedium"), url(/fonts/Oswaldmedium.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: Geist;
    font-display: swap;
    src: local("Geist"), url(/fonts/Geist-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Geist;
    font-display: swap;
    src: local("Geist"), url(/fonts/Geist-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Geist;
    font-display: swap;
    src: local("Geist"), url(/fonts/Geist-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Geist;
    font-display: swap;
    src: local("Geist"), url(/fonts/Geist-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GeistMono;
    font-display: swap;
    src: local("GeistMono"), url(/fonts/GeistMono-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: GeistMono;
    font-display: swap;
    src: local("GeistMono"), url(/fonts/GeistMono-Light.woff2) format("woff2");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GeistMono;
    font-display: swap;
    src: local("GeistMono"), url(/fonts/GeistMono-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GeistMono;
    font-display: swap;
    src: local("GeistMono"), url(/fonts/GeistMono-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: GeistMono;
    font-display: swap;
    src: local("GeistMono"), url(/fonts/GeistMono-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Pixeboy;
    font-display: swap;
    src: local("Pixeboy"), url(data:font/woff2;base64,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) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PatsySans;
    font-display: swap;
    src: local("PatsySans"), url(/fonts/PatsySans.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SFProText;
    font-display: swap;
    src: local("SFProText"), url(/fonts/SFProText-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: SFProText;
    font-display: swap;
    src: local("SFProText"), url(/fonts/SFProText-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SFProText;
    font-display: swap;
    src: local("SFProText"), url(/fonts/SFProText-Semibold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal
}

:root {
    --main-transition: 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    --main-gradient: linear-gradient(180deg, #070b18, #03050a);
    --blue-gradient: linear-gradient(90deg, #0bc5ff1c, #0bc5ff1c);
    --main-slate-gradient: linear-gradient(180deg, #131d39, #101a37);
    --secondary-slate-gradient: linear-gradient(90deg, #0f6e8e 1.5%, #041f28 17.5%, #041f28 79%, #0f6e8e);
    --main-gold-gradient: linear-gradient(90deg, #c79402, gold 25%, #fffacd 50%, gold 75%, #c79402);
    --main-silver-gradient: linear-gradient(90deg, silver, #d6d6d6 20%, #fff 40%, #d6d6d6 60%, silver 80%, #9f9f9f);
    --main-bronze-gradient: linear-gradient(90deg, #9a785f, #cd7f32 25%, #daa520 50%, #cd7f32 75%, #94623e);
    --main-aside-lights: 0 0 2rem 0 #7ce1f0, 0 0 4rem 0 #7ce1f0, 0 0 6rem 0 #7ce1f0;
    --main-red-gradient: linear-gradient(180deg, rgba(255, 128, 11, 0), #ff540b), linear-gradient(180deg, #fba195, #cf671c 21.5%, #f5af27 62.5%, #f6ee37);
    --main-rose-gradient: linear-gradient(180deg, rgba(255, 11, 70, 0), #ff0b29), linear-gradient(180deg, #ff9ba7, #c5041b);
    --main-border: linear-gradient(180deg, #c759d2, #c759d200 15.23%);
    --main-text-color: #c8c8c8
}

* {
    margin: 0;
    padding: 0;
    border: 0
}

body, html {
    height: 100%
}

input, textarea {
    font: inherit
}

button, select {
    font: inherit;
    cursor: pointer;
    color: inherit;
    background-color: inherit
}

a {
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    max-width: 100%;
    vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
    font: inherit
}

.border-radiant {
    --_space: 1px;
    --_border-radius: 25px 25px 0 0;
    margin-top: 1px;
    position: relative;
    border-radius: var(--_border-radius);
    z-index: 0
}

.border-radiant:before {
    z-index: -2;
    background: var(--main-border);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.border-radiant:after, .border-radiant:before {
    content: "";
    position: absolute;
    border-radius: var(--_border-radius)
}

.border-radiant:after {
    z-index: -1;
    width: calc(100% - var(--_space) * 2);
    height: calc(100% - var(--_space) * 2);
    left: var(--_space);
    top: var(--_space)
}

.border-radiant:after, .main-gradient {
    background: var(--main-gradient)
}

.modal {
    padding: 20px;
    max-height: 90vh;
    height: fit-content;
    overflow-y: auto;
    z-index: 20;
    background: var(--main-gradient)
}

.modal, .overlay {
    width: 100%;
    transition: var(--main-transition);
    position: fixed;
    bottom: 0;
    left: 0
}

.overlay {
    height: 100%;
    z-index: 19;
    background: rgba(0, 0, 0, .6)
}











.home-bg-main {
    top: -10px;
    height: 550px;
    z-index: -1
}

.home-bg-main, .home-bg-main:before {
    position: absolute;
    left: 0;
    width: 100%
}

.home-bg-main:before {
    content: "";
    height: 100%;
    background: linear-gradient(180deg, #070b17 -.1%, rgba(7, 11, 23, 0) 50%, #03050a)
}

.position-center {
    position: absolute;
    left: 50%;
    top: 50%;
    /*translate: -50% -50%*/
}

.position-center-x {
    position: absolute;
    left: 50%;
    top: 0;
    /*translate: -50% 0*/
}

.position-center-y {
    position: absolute;
    left: 0;
    top: 50%;
    /*translate: 0 -50%*/
}

.spin-items img {
    width: 100px;
    /*rotate: var(--deg);*/
    position: absolute;
    /*translate: -50% -50%;*/
    left: 50%;
    top: 50%
}

.disable, button:disabled {
    pointer-events: none;
    opacity: .4
}

.slate-stander {
    width: 100%;
    height: 1rem;
    background: var(--secondary-slate-gradient);
    position: absolute;
    bottom: 0;
    left: 0
}

.slate-stander:before {
    content: "";
    width: 100%;
    height: 5rem;
    transform: perspective(20rem) rotateX(80deg);
    transform-origin: bottom;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: #063241
}

.inline-aside-lights {
    position: relative;
    z-index: 10
}

.inline-aside-lights:after, .inline-aside-lights:before {
    content: "";
    position: absolute;
    border-radius: 1rem;
    top: 0;
    width: 4px;
    height: 100%;
    z-index: 8;
    box-shadow: var(--main-aside-lights);
    background: #7ce1f0
}

.inline-aside-lights:before {
    left: 0
}

.inline-aside-lights:after {
    right: 0
}

[class*=" figure-shape"], [class^=figure-shape] {
    width: 100%;
    margin: 1px;
    position: relative;
    height: 120px;

}

[class*=" figure-shape"] .figure-shape--bg, [class^=figure-shape] .figure-shape--bg {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.main-circle-gradient {
    box-shadow: inset 0 -3px 9px 0 rgba(11, 197, 255, .8)
}

.gold-circle-gradient, .main-circle-gradient {
    border-radius: 100%;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px)
}

.gold-circle-gradient {
    background: var(--main-gold-gradient);
}
.gold-circle-gradient img{
    border: 1px solid #070b17
}
.silver-circle-gradient {
    border-radius: 100%;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: var(--main-silver-gradient);
}
.silver-circle-gradient img{
    border: 1px solid #070b17
}
.bronze-circle-gradient {
    border-radius: 100%;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: var(--main-bronze-gradient);
}
.bronze-circle-gradient img{
    border: 1px solid #070b17
}
.main-blue-gradient {
    height: 2px;
    width: 100%;
    background: var(--blue-gradient)
}

.main-tab-button {
    padding: 5px 0;
    border-bottom-width: 1.5px;
    border-bottom-color: rgba(199, 89, 210, .4);
    border-bottom-style: dashed
}

.main-tab-button.active {
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #c759d2
}

.menu-item {
    width: 100%;
    display: block;
    border-radius: 8px;
    border: 1px solid rgba(11, 195, 253, .57)
}

.main-input {
    padding: 10px;
    border-radius: 8px;
    background: #121726;
    border: 1px solid #212a47;
    font-size: 14px;
    font-weight: 300;
    outline: 0
}

.main-input::-moz-placeholder {
    opacity: .6
}

.main-input::placeholder {
    opacity: .6
}

.main-radio {
    display: flex;
    align-items: center;
    padding: 5px
}

.main-radio > input[type=radio] {
    display: none
}

.main-radio > input:checked + span:before {
    border: 2px solid #57c3f9
}

.main-radio > input:checked + span:after {
    background: #57c3f9
}

.main-radio > span {
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 300;
    flex: 1
}

.main-radio > span:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    right: 0;
    border: 2px solid #7d7d7d
}

.main-radio > span:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    right: 4px
}

[class*=" linear-border"]::before, [class^=linear-border]::before {
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: calc(var(--_radius) + var(--_space));
}
[class*=" linear-border"]::after, [class^=linear-border]::after {
    content: "";
    z-index: -1;
    /*height: 100%;*/
    /*width: 100%;*/
    position: absolute;
    /*left: 0;*/
    /*top: 0;*/
    border-radius: var(--_radius);
    width: calc(100% - var(--_space) * 2);
    height: calc(100% - var(--_space) * 2);
    left: var(--_space);
    top: var(--_space)
}
[class*=" linear-border"], [class^=linear-border] {
    --_space: 1px;
    --_radius: 12px;
    z-index: 3;
    min-width: 25px;
    text-align: center;
    padding: 1px 8px;
    margin: 1px 0;
    line-height: normal;
    border-radius: var(--_radius);

}
.linear-border--main:before {
    background: #57c3f9
}
.linear-border--main1:before {
    background: #81A8BE
}
.linear-border--main2:before {
    background: #078BD6
}

.linear-border--main3:before {
    background: #0B9208
}

.linear-border--main4:before {
    background: #920195
}
.linear-border--main5:before {
    background: #929501
}

.linear-border--main:after {
    background: #161f38
}

.linear-border--main1:after {
    background: #161f38
}

.linear-border--main2:after {
    background: #161f38
}

.linear-border--main3:after {
    background: #161f38
}

.linear-border--main4:after {
    background: #161f38
}

.linear-border--main5:after {
    background: #161f38
}

.linear-border--red:before {
    background: var(--main-red-gradient)
}

.linear-border--red:after {
    background: #1a1729
}

.linear-border--slate:before {
    background: var(--main-slate-gradient)
}

.linear-border--slate:after {
    background: #080d1b
}

.linear-border--gold:after, .linear-border--gold:before {
    background: var(--main-gold-gradient)
}

.linear-border--silver:after, .linear-border--silver:before {
    background: var(--main-silver-gradient)
}

.linear-border--bronze:after, .linear-border--bronze:before {
    background: var(--main-bronze-gradient)
}

.linear-border--cyan:before {
    background: #0bc5ff
}

.linear-border--cyan:after {
    background: #09445f
}

.linear-border--rose:before {
    background: var(--main-rose-gradient)
}

.linear-border--rose:after {
    background: #1a1729
}

[class*=" main-action"]::after, [class^=main-action]::after{
    content: "";
    position: absolute;
    border-radius: var(--_radius);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -4px;
    z-index: -2
}
[class*=" main-action"]::before, [class^=main-action]::before{
    bottom: 0;
    background: #070b17;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    z-index: -1;

    content: "";
    position: absolute;
    border-radius: var(--_radius);
    width: 100%;
    height: 100%;
    left: 0
}
[class*=" main-action"], [class^=main-action] {
    --_radius: 12px;
    display: flex;
    align-items: center;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    min-height: 40px;
    border-radius: var(--_radius);
    padding: 10px;
    position: relative;
    line-height: normal;
    z-index: 3;

}
.main-action--cyan:before {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .21), inset 0 -3px 9px 0 rgba(11, 197, 255, .55)
}

.main-action--cyan:after {
    background: linear-gradient(180deg, rgba(11, 197, 255, 0), #0bc5ff)
}

.main-action--green:before {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .21), inset 0 -3px 9px 0 #3cff0b8c
}

.main-action--green:after {
    background: linear-gradient(180deg, #222738, #0bff15)
}

.main-action--fuchsia:before {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .21), inset 0 -3px 9px 0 rgba(199, 89, 121, .55)
}

.main-action--fuchsia:after {
    background: linear-gradient(180deg, rgba(199, 89, 121, 0), #c75979)
}

.main-action--amber:before {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .21), inset 0 -3px 9px 0 rgba(11, 197, 255, .55)
}

.main-action--amber:after {
    background: linear-gradient(180deg, rgba(11, 197, 255, 0), #0bc5ff)
}

.main-action--amber.not:before {
    box-shadow: 0 4px 10px 0 #00000036, inset 0 -3px 9px 0 #ffac0b8c
}

.main-action--amber.not:after {
    background: linear-gradient(180deg, rgba(255, 157, 11, 0), rgba(255, 187, 11, .7))
}

.store-remont {
    justify-content: center;
    color: #fff
}

[class*=" bg-shape"], [class^=bg-shape] {
    width: 60%;
    height: 80%;
    border-radius: 100%;
    filter: blur(15px);
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 50%;
    /*translate: -50% -50%*/
}

.bg-shape--cyan {
    background: rgba(12, 195, 253, .3)
}

.bg-shape--fuchsia {
    background: rgba(199, 89, 210, .5)
}

.bg-shape-radial--fuchsia {
    background: radial-gradient(50% 50% at 50% 50%, #853ba8 0, #3c1c4b 100%)
}

.circle-progress {
    /*rotate: -90deg*/
}

.circle-progress circle {
    --_radius: 10;
    --_dasharray: calc(var(--_radius) * 6.28);
    /*--_dashoffset: calc(var(--_dasharray) - (var(--_dasharray) * var(--percentage)) / 100);*/
    /*r: var(--_radius);*/
    /*cx: 13;*/
    /*cy: 13;*/
    fill: none;
    stroke-linecap: round;
    stroke-width: 5;
    stroke-dasharray: var(--_dasharray);
    /*stroke-dashoffset: var(--_dashoffset);*/
    transition: stroke-dashoffset .6s ease
}

.line-progress {
    width: 100%;
    height: 4px;
    border-radius: 3rem;
    background: #1b2845;
    position: relative
}

.line-progress:before {
    /*width: var(--width);*/
    border-radius: 3rem;
    background: linear-gradient(270deg, #6eff3a, #f6377c);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.w-100 {
    width: 100%
}

header.header {
    z-index: 10;
    top: 0;
    transition: all .3s;
    left: 0;
    display: grid;
    align-items: center
}

.tabs, header.header {
    position: sticky;
    width: 100%;
    background: var(--main-gradient)
}

.tabs {
    bottom: 0;
    padding: 8px 0 26px;
    --_border-radius: 1rem 1rem 0 0
}

.tabs__list {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around
}

.tabs__item {
    text-align: center;
    margin: 0 1px;
    flex: 1
}

.tabs__link {
    padding: 3px;
    /*display: block;*/
    filter: grayscale(50%);
    display: flex;
    flex-direction: column;
    align-items: center
}

.tabs__link > img {
    width: 100%;
    /*height: 100%;*/
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 3px;
    height: 30px
}

.tabs__link > span {
    text-align: center;
    padding: 1px 2px 0;
    display: block;
    position: relative;
    font-size: 11px;
    color: #677dc7
}

.tabs__link.router-link-active {
    filter: grayscale(0)
}

.tabs__link.router-link-active > span {
    font-weight: 700;
    color: #3676ff
}

.tabs__link.router-link-active > span:after {
    content: "";
    height: 2px;
    position: absolute;
    width: 90%;
    top: 95%;
    left: 50%;
    /*translate: -50% 0;*/
    background: #3676ff;
    border-radius: 5px
}



/*
! tailwindcss v3.4.12 | MIT License | https://tailwindcss.com
*/
*, :after, :before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:after, :before {
    --tw-content: ""
}

:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    /*-o-tab-size: 4;*/
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji,Oswald;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}



hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

/*abbr:where([title]) {*/
/*    -webkit-text-decoration: underline dotted;*/
/*    text-decoration: underline dotted*/
/*}*/

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b, strong {
    font-weight: bolder
}

code, kbd, pre, samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button, select {
    text-transform: none
}

/*button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {*/
/*    -webkit-appearance: button;*/
/*    background-color: transparent;*/
/*    background-image: none*/
/*}*/

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset, legend {
    padding: 0
}

menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

[role=button], button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle
}

img, video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-bottom-1 {
    bottom: -.25rem
}

.-right-1 {
    right: -.25rem
}

.-top-2 {
    top: -.5rem
}

.bottom-2 {
    bottom: .5rem
}

.left-4 {
    left: 1rem
}

.right-4 {
    right: 1rem
}

.right-5 {
    right: 1.25rem
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

.top-5 {
    top: 1.25rem
}

.top-auto {
    top: auto
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-auto {
    margin: auto
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 2rem
}
.mb-7 {
    margin-bottom: 2.75rem
}

.mb-8 {
    margin-bottom: 3.5rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-auto {
    margin-left: auto
}

.mr-1 {
    margin-right: .25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-3 {
    margin-right: .75rem
}

.mr-auto {
    margin-right: auto
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .8rem
}

.mt-20 {
    margin-top: 5rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}
.mt-6 {
    margin-top: 2rem
}
.mt-7 {
    margin-top: 2.75rem
}
.mt-8 {
    margin-top: 3.5rem
}
.mt-1 {
    margin-top: 0.25rem
}
.m-8{
    margin: 8px
}
.m-10{
    margin: 10px
}

.block {
    display: block
}

.flex {
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-square {
    aspect-ratio: 1/1
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-24 {
    height: 6rem
}

.h-28 {
    height: 7rem
}

.h-3\/4 {
    height: 75%
}

.h-32 {
    height: 8rem
}

.h-4 {
    height: 1rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[1px\] {
    height: 1px
}

.h-full {
    height: 100%
}

.min-h-80 {
    min-height: 20rem
}

.w-1\/3 {
    width: 33.333333%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-2 {
    width: .5rem
}

.w-28 {
    width: 7rem
}

.w-3\/4 {
    width: 75%
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-9 {
    width: 2.25rem
}

.w-full {
    width: 100%
}

.min-w-32 {
    min-width: 8rem
}

.max-w-32 {
    max-width: 8rem
}

.max-w-36 {
    max-width: 9rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink-0 {
    flex-shrink: 0
}

.scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-110, .transform {
    /*transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))*/
}

.grid-cols-2 {
    grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns:repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns:repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns:repeat(5, minmax(0, 1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.content-center {
    align-content: center
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.gap-05 {
    gap: .12rem
}

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.break-words {
    overflow-wrap: break-word
}

.rounded-\[50\%\] {
    border-radius: 50%
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-xl {
    border-radius: .75rem
}

.border {
    border-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-dashed {
    border-style: dashed
}

.border-cyan-400\/50 {
    border-color: rgba(34, 211, 238, .5)
}

.border-cyan-400\/65 {
    border-color: rgba(34, 211, 238, .65)
}

.border-slate-800 {
    --tw-border-opacity: 1;
    border-color: rgb(30 41 59/var(--tw-border-opacity))
}

.bg-cyan-400\/20 {
    background-color: rgba(34, 211, 238, .2)
}

.bg-gray-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(3 7 18/var(--tw-bg-opacity))
}

.bg-slate-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 41 59/var(--tw-bg-opacity))
}

.bg-slate-950\/50 {
    background-color: rgba(2, 6, 23, .5)
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.\!p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-\[2px\] {
    padding: 2px
}

.\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-\[1px\] {
    padding-top: 1px;
    padding-bottom: 1px
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}
.pb-5 {
    padding-bottom: 1.25rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-1 {
    padding-left: .25rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-5 {
    padding-left: 1.25rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-1 {
    padding-right: .25rem
}

.pr-2 {
    padding-right: .5rem
}
.pr-3 {
    padding-right: .75rem
}

.pr-20 {
    padding-right: 5rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.text-left {
    text-align: left
}
.text-right {
    text-align: right;
}

.text-center {
    text-align: center
}

.font-geist-mono {
    font-family: GeistMono, sans-serif
}

.font-patsy {
    font-family: PatsySans, sans-serif
}

.font-sf {
    font-family: SFProText, sans-serif
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-\[10px\] {
    font-size: 10px
}

.text-10 {
    font-size: 10px
}

.text-12 {
    font-size: 12px
}

.text-14 {
    font-size: 14px
}

.text-16 {
    font-size: 16px
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}
.text-xsl {
    font-size: .65rem;
    line-height: 1rem
}

.font-bold {
    font-family: OswaldBold;
    font-weight: 700
}

.font-light {
    font-weight: 300
}

.font-medium {
    font-family: OswaldMedium;
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-thin {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.text-amber-400 {
    --tw-text-opacity: 1;
    color: rgb(251 191 36/var(--tw-text-opacity))
}

.text-blue-400 {
    --tw-text-opacity: 1;
    color: rgb(96 165 250/var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(59 130 246/var(--tw-text-opacity))
}

.text-cyan-200 {
    --tw-text-opacity: 1;
    color: rgb(165 243 252/var(--tw-text-opacity))
}

.text-cyan-400 {
    --tw-text-opacity: 1;
    color: rgb(34 211 238/var(--tw-text-opacity))
}

.text-green-300 {
    --tw-text-opacity: 1;
    color: rgb(134 239 172/var(--tw-text-opacity))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(74 222 128/var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(34 197 94/var(--tw-text-opacity))
}

.text-red-500\/90 {
    color: rgba(239, 68, 68, .9)
}

.text-red-500 {
    color: rgba(239, 68, 68, .9)
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.text-rose-400 {
    --tw-text-opacity: 1;
    color: rgb(251 113 133/var(--tw-text-opacity))
}

.text-rose-500 {
    --tw-text-opacity: 1;
    color: rgb(244 63 94/var(--tw-text-opacity))
}

.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105/var(--tw-text-opacity))
}

.text-slate-950 {
    --tw-text-opacity: 1;
    color: rgb(2 6 23/var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-white\/40 {
    color: hsla(0, 0%, 100%, .4)
}

.text-white\/75 {
    color: hsla(0, 0%, 100%, .75)
}

.text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(253 224 71/var(--tw-text-opacity))
}

.text-zinc-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 216/var(--tw-text-opacity))
}

.outline {
    outline-style: solid
}

.blur {
    --tw-blur: blur(8px)
}

.blur, .blur-3xl {
    /*filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)*/
}

.blur-3xl {
    --tw-blur: blur(64px)
}

.blur-sm {
    --tw-blur: blur(4px)
}

.blur-sm, .grayscale {
    /*filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)*/
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.filter {
    /*filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)*/
}

.backdrop-filter {
    /*-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);*/
    /*backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)*/
}

.transition {
    /*transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;*/
    /*transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;*/
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

* {
    -webkit-touch-callout: none
}

:root {
    overscroll-behavior: none
}





/*.wrapper, body {*/
/*    !*background: url("/img/bg.png") no-repeat;*!*/
/*    !*background-size: 100% 100%;*!*/
/*}*/

.wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.share-btn {
    height: 40px
}

.main-action--green {
    width: 100%
}

.main-action--green:disabled {
    background: #575757
}

.Vue-Toastification__container {
    padding: 10px !important;
    align-items: flex-end
}

.no-bottombar {
    display: none
}

.Vue-Toastification__toast {
    margin: 0 !important;
    width: auto !important;
    min-width: auto !important;
    height: auto !important;
    min-height: auto !important;
    padding: 10px 25px !important;
    border-radius: 4px !important
}

.Vue-Toastification__toast-body {
    line-height: 16px !important;
    font-size: 13px !important
}

.wallet-address {
    overflow: hidden
}

.cgrade-image {
    max-width: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    padding: 0 8px
}

.mr-6 {
    margin-right: 1.5rem
}

.poly-item {
    width: 120px;
    height: 120px
}

.main-anim, .poly-item {
    position: relative
}

.profile-anime {
    position: absolute;
    left: 34.5%;
    top: 15px
}

.profile-anime > img {
    height: 32px
}

::-webkit-scrollbar {
    display: none
}

.Vue-Toastification__container {
    z-index: 9999;
    position: fixed;
    padding: 4px;
    width: 600px;
    box-sizing: border-box;
    display: flex;
    min-height: 100%;
    color: #fff;
    flex-direction: column;
    pointer-events: none
}

@media only screen and (min-width: 600px) {
    .Vue-Toastification__container.top-center, .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right {
        top: 1em
    }

    .Vue-Toastification__container.bottom-center, .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right {
        bottom: 1em;
        flex-direction: column-reverse
    }

    .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.top-left {
        left: 1em
    }

    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast, .Vue-Toastification__container.top-left .Vue-Toastification__toast {
        margin-right: auto
    }

    @supports not (-moz-appearance:none) {
        .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl, .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl {
            margin-right: unset;
            margin-left: auto
        }
    }.Vue-Toastification__container.bottom-right, .Vue-Toastification__container.top-right {
         right: 1em
     }

    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast, .Vue-Toastification__container.top-right .Vue-Toastification__toast {
        margin-left: auto
    }

    @supports not (-moz-appearance:none) {
        .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl, .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl {
            margin-left: unset;
            margin-right: auto
        }
    }.Vue-Toastification__container.bottom-center, .Vue-Toastification__container.top-center {
         left: 50%;
         margin-left: -300px
     }

    .Vue-Toastification__container.bottom-center .Vue-Toastification__toast, .Vue-Toastification__container.top-center .Vue-Toastification__toast {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 600px) {
    .Vue-Toastification__container {
        width: 100vw;
        padding: 0;
        left: 0;
        margin: 0
    }

    .Vue-Toastification__container .Vue-Toastification__toast {
        width: 100%
    }

    .Vue-Toastification__container.top-center, .Vue-Toastification__container.top-left, .Vue-Toastification__container.top-right {
        top: 0
    }

    .Vue-Toastification__container.bottom-center, .Vue-Toastification__container.bottom-left, .Vue-Toastification__container.bottom-right {
        bottom: 0;
        flex-direction: column-reverse
    }
}

.Vue-Toastification__toast {
    display: inline-flex;
    position: relative;
    max-height: 800px;
    min-height: 64px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    padding: 22px 24px;
    border-radius: 8px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
    justify-content: space-between;
    font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
    max-width: 600px;
    min-width: 326px;
    pointer-events: auto;
    overflow: hidden;
    transform: translateZ(0);
    direction: ltr
}

.Vue-Toastification__toast--rtl {
    direction: rtl
}

.Vue-Toastification__toast--default {
    background-color: #1976d2;
    color: #fff
}

.Vue-Toastification__toast--info {
    background-color: #2196f3;
    color: #fff
}

.Vue-Toastification__toast--success {
    background-color: #4caf50;
    color: #fff
}

.Vue-Toastification__toast--error {
    background-color: #ff5252;
    color: #fff
}

.Vue-Toastification__toast--warning {
    background-color: #ffc107;
    color: #fff
}

@media only screen and (max-width: 600px) {
    .Vue-Toastification__toast {
        border-radius: 0;
        margin-bottom: .5rem
    }
}

.Vue-Toastification__toast-body {
    flex: 1;
    line-height: 24px;
    font-size: 16px;
    word-break: break-word;
    white-space: pre-wrap
}

.Vue-Toastification__toast-component-body {
    flex: 1
}

.Vue-Toastification__toast.disable-transition {
    animation: none !important
}

.Vue-Toastification__close-button {
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    padding-left: 10px;
    cursor: pointer;
    transition: .3s ease;
    align-items: center;
    color: #fff;
    opacity: .3;
    transition: visibility 0s, opacity .2s linear
}

.Vue-Toastification__close-button:focus, .Vue-Toastification__close-button:hover {
    opacity: 1
}

.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
    opacity: 0
}

.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
    padding-left: unset;
    padding-right: 10px
}

@keyframes scale-x-frames {
    0% {
        transform: scaleX(1)
    }
    to {
        transform: scaleX(0)
    }
}

.Vue-Toastification__progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 10000;
    background-color: hsla(0, 0%, 100%, .7);
    transform-origin: left;
    animation: scale-x-frames linear 1 forwards
}

.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
    right: 0;
    left: unset;
    transform-origin: right
}

.Vue-Toastification__icon {
    margin: auto 18px auto 0;
    background: transparent;
    outline: none;
    border: none;
    padding: 0;
    transition: .3s ease;
    align-items: center;
    width: 20px;
    height: 100%
}

.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
    margin: auto 0 auto 18px
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        transform: translate3d(10px, 0, 0)
    }
    90% {
        transform: translate3d(-5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceOutRight {
    40% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(1000px, 0, 0)
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0)
    }
    75% {
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        transform: translate3d(5px, 0, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    75% {
        transform: translate3d(0, 10px, 0)
    }
    90% {
        transform: translate3d(0, -5px, 0)
    }
    to {
        transform: translateZ(0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0)
    }
    75% {
        transform: translate3d(0, -10px, 0)
    }
    90% {
        transform: translate3d(0, 5px, 0)
    }
    to {
        transform: none
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0)
    }
}

.Vue-Toastification__bounce-enter-active.bottom-left, .Vue-Toastification__bounce-enter-active.top-left {
    animation-name: bounceInLeft
}

.Vue-Toastification__bounce-enter-active.bottom-right, .Vue-Toastification__bounce-enter-active.top-right {
    animation-name: bounceInRight
}

.Vue-Toastification__bounce-enter-active.top-center {
    animation-name: bounceInDown
}

.Vue-Toastification__bounce-enter-active.bottom-center {
    animation-name: bounceInUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left, .Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left {
    animation-name: bounceOutLeft
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right, .Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right {
    animation-name: bounceOutRight
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
    animation-name: bounceOutUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
    animation-name: bounceOutDown
}

.Vue-Toastification__bounce-enter-active, .Vue-Toastification__bounce-leave-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__bounce-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .4s
}

@keyframes fadeOutTop {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(-50px);
        opacity: 0
    }
}

@keyframes fadeOutLeft {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(-50px);
        opacity: 0
    }
}

@keyframes fadeOutBottom {
    0% {
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform: translateY(50px);
        opacity: 0
    }
}

@keyframes fadeOutRight {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform: translateX(50px);
        opacity: 0
    }
}

@keyframes fadeInLeft {
    0% {
        transform: translateX(-50px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeInRight {
    0% {
        transform: translateX(50px);
        opacity: 0
    }
    to {
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes fadeInTop {
    0% {
        transform: translateY(-50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes fadeInBottom {
    0% {
        transform: translateY(50px);
        opacity: 0
    }
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.Vue-Toastification__fade-enter-active.bottom-left, .Vue-Toastification__fade-enter-active.top-left {
    animation-name: fadeInLeft
}

.Vue-Toastification__fade-enter-active.bottom-right, .Vue-Toastification__fade-enter-active.top-right {
    animation-name: fadeInRight
}

.Vue-Toastification__fade-enter-active.top-center {
    animation-name: fadeInTop
}

.Vue-Toastification__fade-enter-active.bottom-center {
    animation-name: fadeInBottom
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left, .Vue-Toastification__fade-leave-active:not(.disable-transition).top-left {
    animation-name: fadeOutLeft
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right, .Vue-Toastification__fade-leave-active:not(.disable-transition).top-right {
    animation-name: fadeOutRight
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
    animation-name: fadeOutTop
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
    animation-name: fadeOutBottom
}

.Vue-Toastification__fade-enter-active, .Vue-Toastification__fade-leave-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__fade-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .4s
}

@keyframes slideInBlurredLeft {
    0% {
        transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }
    to {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredTop {
    0% {
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 0;
        filter: blur(240px);
        opacity: 0
    }
    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredRight {
    0% {
        transform: translateX(1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 0 50%;
        filter: blur(40px);
        opacity: 0
    }
    to {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideInBlurredBottom {
    0% {
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }
    to {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
}

@keyframes slideOutBlurredTop {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateY(-1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 0;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredBottom {
    0% {
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateY(1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 100%;
        filter: blur(240px);
        opacity: 0
    }
}

@keyframes slideOutBlurredLeft {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateX(-1000px) scaleX(2) scaleY(.2);
        transform-origin: 100% 50%;
        filter: blur(40px);
        opacity: 0
    }
}

@keyframes slideOutBlurredRight {
    0% {
        transform: translateX(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%;
        filter: blur(0);
        opacity: 1
    }
    to {
        transform: translateX(1000px) scaleX(2) scaleY(.2);
        transform-origin: 0 50%;
        filter: blur(40px);
        opacity: 0
    }
}

.Vue-Toastification__slideBlurred-enter-active.bottom-left, .Vue-Toastification__slideBlurred-enter-active.top-left {
    animation-name: slideInBlurredLeft
}

.Vue-Toastification__slideBlurred-enter-active.bottom-right, .Vue-Toastification__slideBlurred-enter-active.top-right {
    animation-name: slideInBlurredRight
}

.Vue-Toastification__slideBlurred-enter-active.top-center {
    animation-name: slideInBlurredTop
}

.Vue-Toastification__slideBlurred-enter-active.bottom-center {
    animation-name: slideInBlurredBottom
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left, .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left {
    animation-name: slideOutBlurredLeft
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right, .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right {
    animation-name: slideOutBlurredRight
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
    animation-name: slideOutBlurredTop
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
    animation-name: slideOutBlurredBottom
}

.Vue-Toastification__slideBlurred-enter-active, .Vue-Toastification__slideBlurred-leave-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__slideBlurred-move {
    transition-timing-function: ease-in-out;
    transition-property: all;
    transition-duration: .4s
}

@keyframes bang {
    from {
        transform: translate3d(0,0,0);
        opacity: 1;
    }
}

.confetti {
    width: 1px;
    height: 1px;
}
.confetti i {
    animation: bang 750ms ease-out forwards;
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    width: 3px;
    height: 8px;
    opacity: 0;
}
.buy_button,.buy_modal_button, button{
    cursor: pointer;
}

#ton-connect{
    position: fixed;
    top: -300px;
}
.connected_block{
    display: none;
}
.connect_button{
    display: none;
}
.translation{

}
.profile-card .font-geist-mono.text-blue-400{
    color: rgb(167 201 243);
    font-size: 14px;
    width: 110px;
}
.profile-card .font-geist-mono.text-blue-400.first p{
    float: right;
    margin-right: -8px;
}
.profile-card .font-geist-mono.text-blue-400.sec p .one{
    margin-left: 2px;
}
.profile-card .font-geist-mono.text-blue-400.sec p .midd{
    color: #3f7587;
}
.profile-card .font-geist-mono.text-blue-400.sec p{
    margin-left: 7px;
}
.profile-card .font-geist-mono.text-blue-400 .text-xs{
    font-size: 10px;
    margin-top: 3px;
}
.profile-card .ton{
    margin-left: -5px;
}
.profile-card .ml-12{
    margin-left: -7px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none !important;
    margin: 0 !important; /* <-- Apparently some margin are still there even though it's hidden */
    -moz-appearance: textfield;
}
input {outline:none;}
.profile-card .contentFirstName{
    position: absolute;
    margin-top: -18px;
}
.profile-card .contentLevel{
    position: absolute;
    /*margin-top: -11px;*/
}
.profile-card div:nth-of-type(2){
    position: relative;
    width: 100px;
}


/* ======================= */
.swiper {
    position: absolute;
    width: 100%;
    height: 106%;
    z-index: 1;
}
.swiper img{
    /*width: 75%;*/
    z-index: 2;
    margin: auto;

    width: calc(75vw - 1.5rem);
    height: calc(75vw - 1.5rem);
    /*margin: auto;*/
}

.swiper-slide {
    text-align: center;
    display: block;
    justify-content: center;
    align-items: center;
    height: 520px;
    border-radius: 8px;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 2.2px);
}

.swiper-pagination{
    position: absolute;
    top: inherit !important;
    margin-bottom: 0px !important;
    bottom: var(--swiper-pagination-bottom, 170px) !important;
    left: 0;
    width: 100%;
    z-index: 0 !important;
}
.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color, #afaeae);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .7);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 6px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 6px));
}
.swiper-pagination-bullet-active{
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
    margin-bottom: -2.6px !important;
    background: white;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 12px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 12px));
}

/* ======================= */


/* ======================= */


/* ======================= */

body {
    margin: 0;
    line-height: inherit;
    font-family: "Oswald";
    color:  #303030;
    width: 100vw;
    height: 100vh;
    position: fixed;
}

#app{
    /*background: linear-gradient(#A87163), linear-gradient(90deg, #D9D9D9 0%, #737373 1000%), linear-gradient(#D9D9D9), linear-gradient(90deg, #FA6B49 0%, #FEB749 100%), linear-gradient(90deg, #FF9500 0%, #FEB749 100%);*/
    background: url(/img/backgrounds/0.png?v=11) 100% no-repeat;
    background-size: cover;
    /*padding-bottom: 22vw;*/
    -webkit-overflow-scrolling: -webkit-overflow-scrolling;
    overflow-y: auto;

    /*max-width: 360px;*/
    /*margin: auto;*/
}
#app {

    /*width: 100vw;*/
    /*height: 100vh;*/
}

.wrapper main{
    z-index: 4;
    /*padding: 5px;*/
    flex: 1 1 auto;
    overflow: auto;
    padding-bottom: 17vw;
}

main {
    /*width: 100vw;*/
    /*margin-left: calc((100vw - 500px) / 2);*/
    /*margin: auto;*/
    /*margin-bottom: calc(19vw + 1.5rem);*/
    /*height: calc(100vh + (19vw + 1.5rem));*/
    /*height: fit-content;*/
    /*min-height: calc(100vh + (19vw + 1.5rem));*/
    /*max-height: 1000vh;*/
    /*overflow-y: auto;*/
}
@media screen and (min-width: 500px){
    main {
        max-width: 500px;
        margin: auto;
    }
}

.profile-card1 {
    position: relative;
    /*display: flex;*/
    /*align-items: center;*/
    /*-webkit-backdrop-filter: blur(7px);*/
    /*backdrop-filter: blur(7px);*/
    /*box-shadow: inset -2px -1px 9px 0 rgba(11, 197, 255, .55);*/
    background: linear-gradient(180deg, #d9d9d9 0%, #f2f2f2 66%, #867b76 100%);
    border-radius: 12px;
    padding: 8px
}
.profile-card2 {
    position: relative;
    /*display: flex;*/
    /*align-items: center;*/
    /*-webkit-backdrop-filter: blur(7px);*/
    /*backdrop-filter: blur(7px);*/
    /*box-shadow: inset -2px -1px 9px 0 rgba(11, 197, 255, .55);*/
    /*background: linear-gradient(180deg, #d9d9d9 0%, #f2f2f2 66%, #867b76 100%);*/
    /*border-radius: 12px;*/
    /*padding: 8px*/
}

.top-pc{
    background-size: 100% 13vw;
    width: 100%;
    height: 13vw;
    background-image: url(/img/topbar.png?v=1);
    background-repeat: no-repeat;
    border-radius: 8px;
}



.profile-card2 .top-pc{
    background-size: 100% 100%;
    width: 98%;
    margin-left: 2%;
    height: 54px;
    background-image: url(/img/topbar.png?v=1);
    background-repeat: no-repeat;
    border-radius: 8px;
}
.profile-card2 .avatar_block{
    top: 0;
    left: 0;
    position: absolute;
    width: 54px;
    height: 54px;
    padding: 0;
    margin: 0;
    /*margin: 2.2vw 2.2vw 2.2vw 2.3vw;*/
    /*border-radius: 50%;*/
}

.profile-card2 .avatar_block_inner{
    position: relative;
    width: 100%;
    height: 100%;
}

/*.top-pc img {*/
/*    position: absolute;*/
/*    width: 10.5vw;*/
/*    height: 10.5vw;*/
/*    margin:  1.25vw;*/
/*    border-radius: 50%;*/
/*}*/
.profile-card2 img.user_photo_url.min{
    position: absolute;
    width: 36px;
    height: 36px;
    margin-left: 9px;
    margin-top: -45px;
    border-radius: 50%;
    z-index: 31;
}

.profile-card2  img.user_photo_url.max {
    position: absolute;
    width: 94%;
    /* height: 9.8vw; */
    margin: auto;
    margin-top: 2%;
    border: 2px solid #ffffff;
    border-radius: 50%;
    z-index: 31;
}
.profile-card2 . img.user_photo_skin{
    left: 0;
    top: 0;
    position: absolute;
    width: 99%;
    /*height: 99%;*/
    margin: 0;
    border-radius: 50%;
    z-index: 30;
}


.top-pc-name {
    position: absolute;
    margin-left: 18vw;
    color: #000000;
    margin-top: 1vw;
    font-size: 12px;
}
.profile-card2 .top-pc-name {
    position: absolute;
    margin-left: 18vw;
    color: #000000;
    margin-top: 1.8vw;
    font-size: 12px;
}

.top-pc-rate {
    position: absolute;
    margin-left: 18vw;
    color: #000000;
    margin-top: 6vw;
    font-size: 12px;
    font-weight: 600;
}
.profile-card2 .top-pc-rate {
    position: absolute;
    margin-left: 18vw;
    color: #000000;
    margin-top: 7vw;
    font-size: 12px;
    font-weight: 600;
}

.top-pc-balance {
    position: absolute;
    right: 0;
    margin-right: 16%;
    color: #000000;
    margin-top: 4vw;
    font-size: 14px;
    font-weight: 600;
}

.profile-card2 .top-pc-balance {
    position: absolute;
    right: 0;
    margin-right: 16%;
    color: #000000;
    margin-top: 4.5vw;
    font-size: 14px;
    font-weight: 600;
}


.menu-pc.home{
    background-image: url(/img/bgtopmenu_home.png);
    background-repeat: no-repeat;
    height: 38px;
    background-color: white;
    background-size: 100% 39px;
    border-radius: 8px;

    -webkit-box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
    -moz-box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
    box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
}
.menu-pc.tasks{
    background-image: url(/img/bgtopmenu_tasks.png);
    background-repeat: no-repeat;
    height: 38px;
    background-color: white;
    background-size: 100% 39px;
    border-radius: 8px;

    -webkit-box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
    -moz-box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
    box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
}
.menu-pc.refs{
    background-image: url(/img/bgtopmenu_refs.png);
    background-repeat: no-repeat;
    height: 38px;
    background-color: white;
    background-size: 100% 39px;
    border-radius: 8px;

    -webkit-box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
    -moz-box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
    box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
}
.menu-pc.leaders{
    background-image: url(/img/bgtopmenu_leaders.png);
    background-repeat: no-repeat;
    height: 38px;
    background-color: white;
    background-size: 100% 39px;
    border-radius: 8px;

    -webkit-box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
    -moz-box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
    box-shadow: 0 8px 14px 2px rgba(34, 60, 80, 0.11);
}




.top-pc-menu{
    font-size: 13px;
    text-align: center;
    margin-top: 10px;
    color: #000;
    cursor: pointer;
}

.top-pc .wallet_button{
    position: absolute;
    right: 0;
    margin-right: 1%;
    background: none;
    cursor: pointer;
    height: 13vw;
    width: 13vw;


}


.pool-pc{
    background-image: url(/img/bgtoppool.png);
    background-repeat: no-repeat;
    height: 32px;
    background-color: white;
    background-size: 100% 33px;
    border-radius: 8px;

    -webkit-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    -moz-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);

}
.ch_pull_button{

    background-image: url(/img/bgtoppoolbutton.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    padding-top: 6px;
}

.top-pc-pool1{
    float: left;
    width: 70%;
    text-align: center;
    font-size: 14px;
    margin-top: 6px;
    color: #fff;
}
.top-pc-pool2{
    float: right;
    width: 30%;
    text-align: center;
    color: #000;
    font-size: 14px;
    cursor: pointer;
}

.bottom_tabs{
    /*display: none;*/
    position: fixed;
    width: calc(100% - 1.5rem);
    height: 19vw;
    background-image: url(/img/bgbottom.png?v=2);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 0.75rem;
    z-index: 10;
    bottom: 0;
    margin-bottom: 0.75rem;
}

.bottom_tabs .buttons{
    font-size: 13px;
    text-align: center;
    color: #000;
    cursor: pointer;
}
.bottom_tabs .buttons .icon_wrap{

}
.bottom_tabs .buttons .menu_name{
    color: #303030;
}
.bottom_tabs .buttons img{
    margin: auto;
    width: 7vw;
    height: 7vw;
    margin-top: 4.5vw;
}

.active_dot{
    position: absolute;
    background: url(/img/icons/dot.png);
    background-size: cover;
    margin-left: -3px;
    margin-top: 6px;
    width: 6px;
    height: 6px;
}


.asic_content table{
    width: 100%;
}

.asic_content{
    /*height: auto;*/
    /*min-height: 165px;*/
    min-height: 119vw;
    /*padding-top: 10px;*/
    /*padding-bottom: 10px;*/
    border-radius: 8px;
}
.asic_content .left_arr{

    position: absolute;
    height: 265px;
    z-index: 3;
    left: 0;
    margin-top: 10px;
    margin-left: -0.75rem;
}
.asic_content .left_arr img{
    /*height: 100%;*/
    height: 265px;
    /*width: 60px;*/
    float: left;


}
.asic_content .right_arr{
    position: absolute;
    height: 265px;
    z-index: 3;
    right: 0;
    margin-top: 10px;
    margin-right: -0.75rem;
}
.asic_content .right_arr img{
    height: 265px;
    /*height: 100%;*/
    /*width: 60px;*/
    float: right;
    z-index: 3;
}

.asics{
    /*float: inline-start;*/
    width: 80%;

}
.asics img{

}

.asics_slides{
    /*vertical-align: center;*/
    /*margin: auto;*/
    /*width: auto;*/
}
.asics_left_arr{
    width: 40px;
    z-index: 3;
}
.asics_right_arr{
    width: 40px;
    z-index: 3;
}

.asic_info{
    position: absolute;
    background-image: url(/img/bgasicinfo.png?v=2);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 45vw;
    padding-top: 6px;
    z-index: 2;
    border-radius: 8px;
}
.asic_info_button1{
    position: absolute;
    background-image: url(/img/asic_info_button1.png?v=1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 42%;
    height: 10vw;
    right: 0;
    margin-top: 11.2vw;
    z-index: 1;
    text-align: center;
    padding-top: 3vw;
}
.asic_info_button1.active{
    position: absolute;
    background-image: url(/img/asic_info_button11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 42%;
    height: 10vw;
    right: 0;
    margin-top: 11.2vw;
    z-index: 1;
    text-align: center;
    padding-top: 3vw;
}
.button_text1{
    position: absolute;
    text-align: center;
    right: 0;
    width: 38%;
    height: 10vw;
    z-index: 4;
    color: #303030;
    cursor: pointer;
    margin-top: 12.5vw;
    font-size: 12px;
    padding: 6px;
}
.button_text1.active{
    opacity: 0.4;
}
.button_text2{
    position: absolute;
    text-align: center;
    right: 0;
    width: 39%;
    height: 10vw;
    z-index: 4;
    color: #303030;
    cursor: pointer;
    margin-top: 23.5vw;
    font-size: 12px;
    padding: 6px;
}
.button_text2.active{
    opacity: 0.4;
}

.asic_info_name{
    position: absolute;
    left: 4vw;
    width: 50%;
    height: 10vw;
    z-index: 4;
    color: #303030;
    margin-top: 12.5vw;
    font-size: 16px;
    padding: 6px;
    text-align: left;
}
.asic_info_ton{
    position: absolute;
    left: 3vw;
    width: 50%;
    height: 10vw;
    z-index: 4;
    color: #303030;
    margin-top: 20.5vw;
    font-size: 24px;
    padding: 6px;
    text-align: left;
}

.button_text1 .shildik{
    background: linear-gradient(315deg, #FAE849 0%, #FFF2B4 27%, #FEB749 100%);
    color: #303030;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(34, 60, 80, 0.33);
    -moz-box-shadow: 0px 5px 4px 0px rgba(34, 60, 80, 0.33);
    box-shadow: 0px 5px 4px 0px rgba(34, 60, 80, 0.33);
    padding: 3px;
    border-radius: 4px;
    margin-left: 4px;
}


.button_text2 .shildik{
    background: linear-gradient(315deg, #FAE849 0%, #FFF2B4 27%, #FEB749 100%);
    color: #303030;
    -webkit-box-shadow: 0px 5px 4px 0px rgba(34, 60, 80, 0.33);
    -moz-box-shadow: 0px 5px 4px 0px rgba(34, 60, 80, 0.33);
    box-shadow: 0px 5px 4px 0px rgba(34, 60, 80, 0.33);
    padding: 3px;
    border-radius: 4px;
    margin-left: 4px;
}


.asic_info_button1.active{
    cursor: none;
}
.asic_info_button2{
    position: absolute;
    background-image: url(/img/asic_info_button2.png?v=1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 42%;
    height: 10vw;
    right: 0;
    margin-top: 23vw;
    z-index: 1;
    color: white;
    text-align: center;
    padding-top: 2vw;
    font-size: 12px;
}
.asic_info_button2.active{
    position: absolute;
    background-image: url(/img/asic_info_button21.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 42%;
    height: 10vw;
    right: 0;
    margin-top: 23vw;
    z-index: 1;
    color: white;
    text-align: center;
    padding-top: 2vw;
    font-size: 12px;
}
.asic_info_button2.active{
    cursor: none;
}

.asic_info_active_text{
    text-align: center;
    color: #444343;
    font-size: 12px;
    margin-top: 4px;
}
/*.asic_info_inactive_text{*/
/*    text-align: center;*/
/*    color: #444343;*/
/*    font-size: 12px;*/
/*    margin-top: 4px;*/
/*}*/
.asic_info_active{
    position: absolute;
    background-image: url(/img/asic_info_active.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 80%;
    height: 7vw;
    margin-top: 38vw;
    margin-left: 10%;
}
.asic_info_active.inactive{
    position: absolute;
    background-image: url(/img/asic_info_inactive.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 80%;
    height: 7vw;
    margin-top: 38vw;
    margin-left: 10%;
}

.asic_info_item{
    /*display: none;*/
}

.asic_info_block{
    width: 100%;
}

.menu-shop.shop-asics{
    background-image: url(/img/bg_shop_menu_1.png);
    background-repeat: no-repeat;
    height: 38px;
    /*background-color: white;*/
    background-size: 100% 39px;
    border-radius: 8px;

    /*-webkit-box-shadow: 20px 18px 39px 2px rgba(8, 11, 13, 0.11);*/
    /*-moz-box-shadow: 20px 18px 39px 2px rgba(8, 11, 13, 0.11);*/
    /*box-shadow: 20px 18px 39px 2px rgba(8, 11, 13, 0.11);*/
    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
}
.menu-shop.shop-bgs{
    background-image: url(/img/bg_shop_menu_2.png);
    background-repeat: no-repeat;
    height: 38px;
    background-color: white;
    background-size: 100% 39px;
    border-radius: 8px;

    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
}
.shop_items{
    display: none;
}

.shop_card{
    /*background-image: url(/img/shop_card_item.png?v=1);*/
    /*background-repeat: no-repeat;*/
    height: 60vw;
    /*width: calc(100vw - 1.5rem);*/
    background-size: 100% 100%;
    border-radius: 8px;
    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
    z-index: 5;
}
.shop_card .card_bg{
    position: absolute;
    background-image: url(/img/shop_card_item.png?v=6);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    /*width: calc(100vw - 1.5rem);*/
    background-size: 100% 100%;
    border-radius: 8px;
    /*box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);*/
    z-index: 5;
}
.shop_card.limited .card_bg{
    position: absolute;
    background-image: url(/img/shop_card_item_limited.png?v=6);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    /*width: calc(100vw - 1.5rem);*/
    background-size: 100% 100%;
    border-radius: 8px;
    /*box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);*/
    z-index: 5;
}
.shop_card.limited .counter{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -73px;
    margin-bottom: -25px;
    font-size: 14px;
}
.shop_card.limited .counter_count{
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: -38vw;
    margin-bottom: 0;
    font-size: 16px;
}
.shop_card.bg .card_bg{
    position: absolute;
    background-image: url(/img/shop_card_bg.png?v=1);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    /*width: calc(100vw - 1.5rem);*/
    background-size: 100% 100%;
    border-radius: 8px;
    /*box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);*/
    z-index: 5;
}

/*.shop_card.free{*/
/*    background-image: url(/img/shop_card_free.png);*/
/*    background-repeat: no-repeat;*/
/*    height: 60vw;*/
/*    !*width: calc(100vw - 1.5rem);*!*/
/*    background-size: 100% 100%;*/
/*    border-radius: 8px;*/
/*    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);*/
/*}*/
/*.shop_card.eco{*/
/*    background-image: url(/img/shop_card_eco.png);*/
/*    background-repeat: no-repeat;*/
/*    height: 60vw;*/
/*    background-size: 100% 100%;*/
/*    border-radius: 8px;*/
/*    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);*/
/*}*/
/*.shop_card.hard{*/
/*    background-image: url(/img/shop_card_hard.png);*/
/*    background-repeat: no-repeat;*/
/*    height: 60vw;*/
/*    background-size: 100% 100%;*/
/*    border-radius: 8px;*/
/*    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);*/
/*}*/
.shop_card.FREE .asic_type{
    background-image: url(/img/shop_card_free.png?v=1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 27px;
    color: #303030;
    font-size: 14px;
    top: 0;
    border-radius: 10px;
}


.shop_card.ECO .asic_type{
    background-image: url(/img/shop_card_eco.png?v=1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 27px;
    color: #303030;
    font-size: 14px;
    top: 0;
    border-radius: 10px;
}

.shop_card.HARD .asic_type{
    background-image: url(/img/shop_card_hard.png?v=1);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 27px;
    color: #303030;
    font-size: 14px;
    top: 0;
    border-radius: 10px;
}

.shop_card .folder {
    position: absolute;
    width: 185px;
    height: 184px;
    background-image: url(/img/transparent.png);
    background-size: cover;
    background-position: center;
    clip-path: polygon(40% 4%, 57% 16%, 100% 16%, 100% 100%, 4% 100%, 4% 4%);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.05) inset;
    z-index: 1;
}

.shop_card.bg .folder {
    position: absolute;
    width: 181px;
    height: 149px;
    background-image: url(/img/transparent.png);
    background-size: cover;
    background-position: center;
    clip-path: polygon(39% 4%, 57% 18%, 100% 18%, 100% 100%, 4% 100%, 4% 4%);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.05) inset;
    z-index: 1;
}

.buy_item_info_modal .folder {
    position: absolute;
    width: 172px;
    height: 123px;
    background-image: url(/img/transparent.png);
    background-size: cover;
    background-position: center;
    clip-path: polygon(40% 4%, 57% 16%, 100% 16%, 100% 100%, 4% 100%, 4% 4%);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.05) inset;
    z-index: 1;
    text-align: center;
    /* margin: auto; */
    margin-top: 112px;
    margin-left: calc((100% - 172px) / 2);
    font-size: 14px;
}



/*.shop_card.eco .asic_type{*/
/*    position: absolute;*/
/*    text-align: center;*/
/*    width: 100%;*/
/*    height: 20px;*/
/*    color: #303030;*/
/*    font-size: 14px;*/
/*}*/
/*.shop_card.hard .asic_type{*/
/*    position: absolute;*/
/*    text-align: center;*/
/*    width: 100%;*/
/*    height: 20px;*/
/*    color: #ffffff;*/
/*    font-size: 14px;*/
/*    z-index: 6;*/
/*}*/
.shop_card .asic_image{
    position: absolute;
    text-align: center;
    width: 40vw;
    z-index: 6;
}
.shop_card img{
    margin-top: 8vw;
    margin-left: 7vw;
    width: 80%;
}
.shop_card .asic_inf{
    position: absolute;
    right: 0;
    top: 10vw;
    text-align: center;
    width: 50vw;
    height: 40vw;
    color: #303030;
    padding-left: 2%;
    z-index: 6;
}
.shop_card .asic_inf .name{
    font-family: OswaldBold;
    margin-top: 10%;
    font-size: 14px;
}
.shop_card .asic_inf .title{
    font-family: Oswald;
    margin-top: 10%;
    font-size: 12px;
}
.shop_card .asic_inf .speed{
    font-family: OswaldBold;
    margin-top: 4%;
    font-size: 14px;
}
.shop_card .asic_inf .buy{
    font-family: Oswald;
    margin-top: 14%;
    font-size: 14px;
}
.shop_card .asic_cost{
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    width: 50vw;
    height: 8vw;
    color: #303030;
    padding-left: 4%;
    z-index: 6;
}
.shop_card .asic_cost .shildik{
    cursor: pointer;
    margin: auto;
    /*position: absolute;*/
    text-align: center;
    width: fit-content;
    height: 23px;
    font-size: 12px;
    background: linear-gradient(315deg, #FAE849 0%, #FFF2B4 27%, #FEB749 100%);
    color: black;
    -webkit-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    -moz-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    padding: 4px;
    border-radius: 4px;
}

.shop_card.bg{
    /*background-image: url(/img/shop_card_bg.png);*/
    /*background-repeat: no-repeat;*/
    height: 40vw;
    background-size: 100% 100%;
    border-radius: 8px;
    box-shadow: -7px 6px 8px -2px rgba(0, 0, 0, 0.3);

}
.shop_card.bg .bg_color{
    top: 0;
    position: absolute;
    margin-top: 12vw;
    margin-left: 7vw;
    text-align: center;
    width: 30%;
    height: 30%;

}
.shop_card.bg .asic_inf .name{
    font-family: OswaldBold;
    margin-top: 0;
    font-size: 18px;
}
.shop_card.bg .asic_inf .title{
    font-family: Oswald;
    margin-top: 4%;
    font-size: 14px;
}
.shop_card.bg .asic_inf .buy{
    font-family: Oswald;
    margin-top: 2%;
    font-size: 14px;
}
.shop_card.bg img{
    margin-top: 3vw;
    margin-left: 3vw;
    width: 86%;
}
/*.shop_card.bg .bg_image{*/
/*    position: absolute;*/
/*    text-align: center;*/
/*    width: 50vw;*/
/*}*/
.task_card{
    background-image: url(/img/bgtask.png);
    background-repeat: no-repeat;
    height: 25vw;
    background-size: 100% 100%;
    border-radius: 8px;
    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
}
.task_card .task_image{
    top: 0;
    position: absolute;
    margin-top: 6vw;
    margin-left: 6vw;
    text-align: center;
    width: 16%;
    height: 16%;
    cursor: pointer;
}
.task_card .task_lang{
    top: 0;
    position: absolute;
    margin-top: 3vw;
    margin-left: 3vw;
    text-align: center;
    width: 23%;
    height: 23%;

}
.task_card .task_lang img{
    width: 30%;
}
.task_card .task_cost{
    top: 0;
    right: 0;
    position: absolute;
    margin-top: 1.5vw;
    margin-right: 4vw;
    text-align: right;
    color: #ffffff;
}
.task_card .task_check{
    top: 0;
    right: 0;
    position: absolute;
    margin-top: 18vw;
    margin-right: 5vw;
    text-align: center;
    width: 56%;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;

}
.task_card .task_inf{
    top: 0;
    position: absolute;
    margin-top: 1.5vw;
    margin-left: 29vw;
    text-align: left;
    width: 70%;
    height: 22%;
    color: #303030;
    cursor: pointer;
}
.task_card .task_inf .name{
    margin-top: 1vw;
}

.menu-leaderboard.by_ton{
    background-image: url(/img/leaderboard_menu_bg1.png);
    background-repeat: no-repeat;
    height: 38px;
    background-color: white;
    background-size: 100% 39px;
    border-radius: 8px;
    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
}
.menu-leaderboard.by_hs{
    background-image: url(/img/leaderboard_menu_bg2.png);
    background-repeat: no-repeat;
    height: 38px;
    background-color: white;
    background-size: 100% 39px;
    border-radius: 8px;
    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
}

.leaderboard_card{
    background-color: white;
    height: 13vw;
    border-radius: 8px;
    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
}
.leaderboard_card .leaderboard_image{
    background-image: url(/img/avatar_decor.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    text-align: center;
    height: 10vw;
    width: 10vw;
    margin-top: 1.5vw;
    margin-left: 3vw;
}
.leaderboard_card img{
    margin-top: 1vw;
    margin-left: 0.9vw;
    width: 80%;
    border-radius: 50%;
}
.leaderboard_card .leaderboard_inf{
    position: absolute;
    left: 0;
    margin-left: 15vw;
    top: 1vw;
    text-align: left;
    width: 50vw;
    height: 40vw;
    color: #303030;
    padding-left: 3%;
}
.leaderboard_card .leaderboard_cost{
    position: absolute;
    right: 0;
    margin-right: 3vw;
    top: 4vw;
    text-align: right;
    width: 50vw;
    height: 40vw;
    color: #303030;
}
.leaderboard_card .leaderboard_inf .name{
    font-family: Oswald;
    margin-top: 0;
    font-size: 14px;
}
.leaderboard_card .leaderboard_inf .number{
    font-family: OswaldBold;
    margin-top: 0;
    font-size: 14px;
}


.ref_info{
    width: 100%;
    background: #fff;
    border-radius: 8px;
    min-height: 150px;
    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
    color: #303030;
    font-size: 0.85rem;
}
.ref_link_block{
    width: 100%;
    background: #fff;
    border-radius: 8px;
    min-height: 50px;
    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
    font-size: 0.85rem;
    color: #303030;
    padding: 7px;
}
.ref_link_block .copy_button{
    position: absolute;
    right: 0;
    margin-right: 1%;
    background: none;
    cursor: pointer;
    height: 12vw;
    width: 12vw;
}
.ref_link_block .copy_button img{
    width: 66%;
    margin: auto;
    margin-top: 3px;
}
.ref_info_title, .ref_info_content{
    padding: 7px;
}
.ref_info .shildik1{
    background: linear-gradient(90deg, #CF3021 0%, #FEB749 100%);
    -webkit-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    -moz-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    padding: 4px 10px;
    border-radius: 12px;
    color: #ffffff;
    text-align: center;
    margin-right: 5px;
}
.ref_info .shildik2{
    background: linear-gradient(90deg, #21CF46 0%, #98EFAB 100%);
    -webkit-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    -moz-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    padding: 4px 10px;
    border-radius: 12px;
    color: #303030;
    text-align: center;
    margin-right: 5px;
}
.ref_info .shildik3{
    background: linear-gradient(90deg, #D9D9D9 0%, #D9D9D9 100%);
    -webkit-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    -moz-box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    box-shadow: 0px 8px 14px 2px rgba(34, 60, 80, 0.11);
    padding: 4px 10px;
    border-radius: 12px;
    color: #303030;
    text-align: center;
    margin-right: 5px;
}
.ref_card{
    background-color: white;
    height: 13vw;
    border-radius: 8px;
    box-shadow: 1px 5px 9px 0px rgba(0, 0, 0, 0.3);
    font-size: 12px;
}
.ref_card .ref_image{
    background-image: url(/img/avatar_decor.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    text-align: center;
    height: 10vw;
    width: 10vw;
    margin-top: 1.5vw;
    margin-left: 3vw;
}
.ref_card .ref_image img{

    margin-top: 1vw;
    margin-left: 0.9vw;
    width: 80%;
    border-radius: 50%;

}
.ref_card .ref_inf{

    color: #303030;

}
.ref_card .ref_inf .name{
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 17vw;
    margin-top: 1vw;
}
.ref_card .ref_inf .level{
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 17vw;
    margin-top: 6vw;
}
.ref_card .ref_inf .dep{
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 40vw;
    margin-top: 1vw;
}
.ref_card .ref_inf .dep_sum{
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 40vw;
    margin-top: 6vw;
}
.ref_card .ref_inf .income{
    position: absolute;
    text-align: right;
    left: 0;
    top: 0;
    margin-left: 70vw;
    margin-top: 1vw;
    padding-right: 3vw;
    width: calc(30vw - 1.45rem);
}
.ref_card .ref_inf .income_info{
    position: absolute;
    text-align: right;
    left: 0;
    top: 0;
    margin-left: 50vw;
    margin-top: 6vw;
    padding-right: 3vw;
    width: calc(50vw - 1.45rem);
}
.hr_title{
    color: white;
}

/*  app_modal */
.app_modal{
    /*background-image: url(/img/bg_shop_confirm_modal.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 100%;*/
    position: absolute;
    text-align: center;
    top: 10vh;
    /*bottom: 10vh;*/
    height: auto;
    width: 85vw;
    /*background-color: #0bff15;*/
    margin-left: 7.5vw;
    z-index: 20;
    /*cursor: pointer;*/
    color: #303030;
}
.close_modal{
    position: absolute;
    right: 0;
    margin-right: calc(10vw - 35px);
    width: 28px;
    height: 29px;
    cursor: pointer;
    z-index: 21;
    /*background-color: #0bff15;*/
}

.buy_item_info_modal{

}
.buy_item_info_modal .item_name{
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 60px;
    font-size: 14px;

}
.buy_item_info_modal .item_image{
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 80px;
    font-size: 14px;
}
.buy_item_info_modal .item_medium_name{
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 140px;
    font-size: 14px;
}
.take_pull_modal .item_medium_name{
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 140px;
    font-size: 18px;
}
.buy_chances_modal .item_medium_name{
    position: absolute;
    /*margin: auto;*/
    width: 75%;
    height: auto;
    text-align: center;
    margin-top: 140px;
    font-size: 14px;
    padding-left: 20vw;
}
.take_pull_modal .item_medium_name .buy_takes{
    text-decoration: underline;
    color: #217ACD;
}
.buy_item_info_modal .item_image img{
    width: 50vw;
    height: auto;
    margin: auto;
}
.buy_item_info_modal .item_cost_title input{

}
.buy_item_info_modal .item_cost_title{
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: calc(50vw + 80px);
    font-size: 14px;
}
.buy_item_info_modal .item_cost{
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: calc(50vw + 120px);
    font-size: 24px;
}
.buy_item_info_modal .buy_button{
    bottom: 0;
    position: absolute;
    width: 100%;
    margin-bottom: 7px;
    /*height: auto;*/
    text-align: center;
    /*margin-top: calc(50vw + 120px);*/
    font-size: 14px;
    color: #fff;
}

.take_pull_modal .confirm_bg{

}

/* pin 6 digits */

:root {
    --primary-color: #4361ee;
    --secondary-color: #3f37c9;
    --success-color-bg: #CDFFD5;
    --success-color: #21CF46;
    --error-color-bg: #FFCDCD;
    --error-color: #FF6060;
    --light-color: #f8f9fa;
    --dark-color: #212529;
    --border-radius: 8px;
    --box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}
.pin-container {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin: auto;
    width: 60vw;
}

.pin-input {
    width: 60px;
    height: 70px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #828282;
    border-radius: var(--border-radius);
    outline: none;
    transition: var(--transition);
    caret-color: transparent;
}

.pin-input:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(67, 97, 238, 0.2);
}

.pin-input.filled {
    border-color: #828282;
    background-color: #fff;
}
.pin-input.filled.success {
    border-color: var(--success-color);
    background-color: var(--success-color-bg)
}

.pin-input.error {
    border-color: var(--error-color);
    animation: shake 0.5s;
    background-color: var(--error-color-bg);
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}

/*.actions {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    gap: 15px;*/
/*    margin-top: 30px;*/
/*}*/

/*.btn {*/
/*    padding: 12px 24px;*/
/*    border: none;*/
/*    border-radius: var(--border-radius);*/
/*    font-size: 16px;*/
/*    font-weight: 500;*/
/*    cursor: pointer;*/
/*    transition: var(--transition);*/
/*    display: flex;*/
/*    align-items: center;*/
/*    gap: 8px;*/
/*}*/

/*.btn-primary {*/
/*    background: var(--primary-color);*/
/*    color: white;*/
/*}*/

/*.btn-primary:hover {*/
/*    background: var(--secondary-color);*/
/*    transform: translateY(-2px);*/
/*}*/

/*.btn-secondary {*/
/*    background: #e9ecef;*/
/*    color: var(--dark-color);*/
/*}*/

/*.btn-secondary:hover {*/
/*    background: #dee2e6;*/
/*}*/

.toggle-visibility {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #6c757d;
    font-size: 14px;
    cursor: pointer;
    user-select: none;
}

.toggle-visibility i {
    font-size: 16px;
}

.success-message {
    background: rgba(76, 201, 240, 0.1);
    border: 1px solid var(--success-color);
    color: var(--success-color);
    padding: 15px;
    border-radius: var(--border-radius);
    margin-top: 20px;
    display: none;
}

.error-message {
    background: rgba(247, 37, 133, 0.1);
    border: 1px solid var(--error-color);
    color: var(--error-color);
    padding: 15px;
    border-radius: var(--border-radius);
    margin-top: 20px;
    display: none;
}

.biometric-option {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e9ecef;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.biometric-btn {
    background: none;
    border: 2px solid #e9ecef;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
}

.biometric-btn:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.biometric-btn i {
    font-size: 20px;
}

.fas {
    line-height: 1.6;
}

@media (max-width: 480px) {
    .container {
        padding: 30px 20px;
    }

    .pin-input {
        width: 30px;
        height: 34px;
        font-size: 14px;
        font-family: OswaldBold;
    }

    h1 {
        /*font-size: 24px;*/
    }
}
/* end pin 6 digits */

.lottie-animation{
    width: calc(75vw - 1.5rem);
    height: calc(75vw - 1.5rem);
    margin: auto;
}
.accountBalanceTFT_hide,.accountBalanceTON_hide{
    display: none;
}