@charset "UTF-8";.root.lx-pacman-loader-new[data-v-bc4b7219] {
    display: flex;
    align-items: center;
    max-width: 259px;
    direction: ltr
}

.root.lx-pacman-loader-new .face[data-v-bc4b7219] {
    background-repeat: no-repeat;
    background-size: contain;
    width: 48px;
    height: 48px;
    position: relative;
    z-index: 1
}

.root.lx-pacman-loader-new .papers[data-v-bc4b7219] {
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
    margin-left: -20px;
    overflow: hidden
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219] {
    background-repeat: no-repeat;
    background-size: contain;
    width: 11px;
    height: 13px;
    position: absolute;
    top: calc(50% - 6px);
    right: -48px;
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveDot-bc4b7219 6.66s infinite linear
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(12) {
    animation-delay: 0s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(13) {
    animation-delay: .6666666667s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(14) {
    animation-delay: 1.3333333333s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(15) {
    animation-delay: 2s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(16) {
    animation-delay: 2.6666666667s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(17) {
    animation-delay: 3.3333333333s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(18) {
    animation-delay: 4s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(19) {
    animation-delay: 4.6666666667s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(20) {
    animation-delay: 5.3333333333s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(21) {
    animation-delay: 6s
}

.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219]:nth-child(22) {
    animation-delay: 6.6666666667s
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219] {
    opacity: 0;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    top: calc(50% - 6px);
    width: 11px;
    height: 13px;
    margin-left: 27px
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(1) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary1-bc4b7219 .5405405405s linear
}

@keyframes moveTemporary1-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    70.3703703704% {
        opacity: 1
    }

    88.8888888889% {
        opacity: 0
    }

    to {
        left: -27px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(2) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary2-bc4b7219 1.0810810811s linear
}

@keyframes moveTemporary2-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    87.6923076923% {
        opacity: 1
    }

    95.3846153846% {
        opacity: 0
    }

    to {
        left: -65px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(3) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary3-bc4b7219 1.6216216216s linear
}

@keyframes moveTemporary3-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    92.2330097087% {
        opacity: 1
    }

    97.0873786408% {
        opacity: 0
    }

    to {
        left: -103px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(4) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary4-bc4b7219 2.1621621622s linear
}

@keyframes moveTemporary4-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    94.3262411348% {
        opacity: 1
    }

    97.8723404255% {
        opacity: 0
    }

    to {
        left: -141px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(5) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary5-bc4b7219 2.7027027027s linear
}

@keyframes moveTemporary5-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    95.530726257% {
        opacity: 1
    }

    98.3240223464% {
        opacity: 0
    }

    to {
        left: -179px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(6) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary6-bc4b7219 3.2432432432s linear
}

@keyframes moveTemporary6-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    96.3133640553% {
        opacity: 1
    }

    98.6175115207% {
        opacity: 0
    }

    to {
        left: -217px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(7) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary7-bc4b7219 3.7837837838s linear
}

@keyframes moveTemporary7-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    96.862745098% {
        opacity: 1
    }

    98.8235294118% {
        opacity: 0
    }

    to {
        left: -255px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(8) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary8-bc4b7219 4.3243243243s linear
}

@keyframes moveTemporary8-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    97.2696245734% {
        opacity: 1
    }

    98.976109215% {
        opacity: 0
    }

    to {
        left: -293px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(9) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary9-bc4b7219 4.8648648649s linear
}

@keyframes moveTemporary9-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    97.583081571% {
        opacity: 1
    }

    99.0936555891% {
        opacity: 0
    }

    to {
        left: -331px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(10) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary10-bc4b7219 5.4054054054s linear
}

@keyframes moveTemporary10-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    97.8319783198% {
        opacity: 1
    }

    99.1869918699% {
        opacity: 0
    }

    to {
        left: -369px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219]:nth-child(11) {
    animation: rotatePaper-bc4b7219 1.5s infinite linear,moveTemporary11-bc4b7219 5.9459459459s linear
}

@keyframes moveTemporary11-bc4b7219 {
    0% {
        left: 0;
        opacity: 1
    }

    98.0343980344% {
        opacity: 1
    }

    99.2628992629% {
        opacity: 0
    }

    to {
        left: -407px;
        opacity: 0
    }
}

.root.lx-pacman-loader-new .face[data-v-bc4b7219] {
    background-image: url(https://wolfs-app.eighred.com/images/pacman/pacman.png);
    animation: eatPacman-bc4b7219 .66s infinite linear
}

@media (-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
    .root.lx-pacman-loader-new .face[data-v-bc4b7219] {
        background-image:url(https://wolfs-app.eighred.com/images/pacman/pacman-2x.png);
        animation: eatPacman2x-bc4b7219 .66s infinite linear
    }
}

@keyframes eatPacman-bc4b7219 {
    80% {
        background-image: url(https://wolfs-app.eighred.com/images/pacman/pacman.png)
    }

    to {
        background-image: url(https://wolfs-app.eighred.com/images/pacman/pacman-2.png)
    }
}

@keyframes eatPacman2x-bc4b7219 {
    80% {
        background-image: url(https://wolfs-app.eighred.com/images/pacman/pacman-2x.png)
    }

    to {
        background-image: url(https://wolfs-app.eighred.com/images/pacman/pacman-2-2x.png)
    }
}

.root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219],.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219] {
    background-image: url(https://wolfs-app.eighred.com/images/pacman/paper.png)
}

@media (-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 120dpi) {
    .root.lx-pacman-loader-new .papers .temporary[data-v-bc4b7219],.root.lx-pacman-loader-new .papers .dot[data-v-bc4b7219] {
        background-image:url(https://wolfs-app.eighred.com/images/pacman/paper-2x.png)
    }
}

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

    to {
        transform: rotate(-360deg)
    }
}

@keyframes moveDot-bc4b7219 {
    0% {
        right: -48px;
        opacity: 0;
        transform: scale(.1)
    }

    10% {
        opacity: 0
    }

    18% {
        transform: scale(1)
    }

    20% {
        opacity: 1
    }

    95% {
        opacity: 1
    }

    98% {
        opacity: 0
    }

    to {
        right: 100%;
        opacity: 0
    }
}

.small[data-v-5a89ba7b] {
    width: 16px!important;
    height: 16px!important
}

.lx-loader[data-v-5a89ba7b] {
    display: flex;
    position: relative;
    color: #fff;
    max-width: 22px;
    max-height: 22px;
    width: 22px;
    height: 22px
}

.lx-loader svg[data-v-5a89ba7b] {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    animation: progress-circular-rotate-5a89ba7b 1.4s linear infinite;
    transition: all .2s ease-in-out
}

@keyframes progress-circular-rotate-5a89ba7b {
    to {
        transform: rotate(1turn)
    }
}

.lx-loader svg circle[data-v-5a89ba7b] {
    animation: progress-circular-dash-5a89ba7b 1.4s ease-in-out infinite;
    stroke: currentColor
}

@keyframes progress-circular-dash-5a89ba7b {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 100,200;
        stroke-dashoffset: -15px
    }

    to {
        stroke-dasharray: 100,200;
        stroke-dashoffset: -125px
    }
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.button-component[data-v-2b263891] {
    max-height: 64px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background: #a882ff;
    border-radius: 12px;
    justify-content: center!important;
    align-items: center
}

.button-component[data-v-2b263891]:hover {
    opacity: .85;
    cursor: pointer
}

.button-component .btn-icon[data-v-2b263891] {
    width: 24px;
    height: 24px;
    margin-bottom: 7px
}

.button-component .btn-icon img[data-v-2b263891] {
    display: block
}

.button-component .btn-text[data-v-2b263891] {
    width: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #fff;
    line-height: 22px;
    letter-spacing: 0
}

.download[data-v-2b263891] {
    max-height: 36px;
    height: 36px;
    background: #a882ff;
    color: #fff;
    width: 100%;
    border-radius: 20px
}

.subscribe[data-v-2b263891] {
    max-height: 50px!important;
    height: 50px!important;
    background: #edebff!important;
    width: 100%!important;
    flex-direction: row;
    align-items: center
}

.subscribe[data-v-2b263891]:hover {
    opacity: .8
}

.subscribe .btn-text[data-v-2b263891] {
    font-size: 17px;
    line-height: 22px;
    color: #a882ff;
    margin-left: 9px
}

.subscribe .btn-icon[data-v-2b263891] {
    margin-bottom: 0
}

.disabled[data-v-2b263891],.disabled[data-v-2b263891]:hover {
    opacity: .80!important
}

.common[data-v-2b263891] {
    width: 100%;
    height: 50px!important
}

.adaptive[data-v-2b263891] {
    padding: 7px 10px!important;
    max-height: unset!important;
    height: unset!important;
    max-width: unset!important;
    border-radius: 20px
}

.small[data-v-2b263891] {
    max-width: 65px;
    max-height: 36px;
    padding: 0!important;
    height: 36px;
    width: 65px;
    border-radius: 20px
}

.row-format[data-v-2b263891] {
    flex-direction: row!important;
    justify-content: flex-start;
    padding: 20px;
    max-width: 100%;
    max-height: 68px;
    height: 68px;
    margin-bottom: 7px;
    color: #fff
}

.row-format .btn-icon[data-v-2b263891] {
    margin-right: 17px
}

.gray[data-v-2b263891] {
    background: #efeff4!important;
    color: #000!important
}

.gray[data-v-2b263891]:hover {
    opacity: 80%
}

.gray .btn-text[data-v-2b263891] {
    color: #000
}

.white[data-v-2b263891] {
    background: #fff!important;
    border: 1.5px solid #a882ff
}

.white[data-v-2b263891]:hover {
    opacity: 80%
}

.white .btn-text[data-v-2b263891],.white .loader[data-v-2b263891] {
    color: #a882ff
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.connect-btn[data-v-f72c434f] {
    position: relative;
    margin-top: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    border: 1.5px solid #fff;
    border-radius: 12px;
    padding: 15px 11px 15px 15px;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: .33px;
    outline: none;
    overflow: hidden
}

.connect-btn .ton-icon[data-v-f72c434f] {
    flex-shrink: 0;
    margin-right: 8px
}

.connect-btn .arrow-icon[data-v-f72c434f] {
    flex-shrink: 0;
    margin-left: auto
}

.connect-btn .text[data-v-f72c434f] {
    margin-right: 8px
}

.avatar-component[data-v-5066c627] {
    flex-shrink: 0
}

.avatar-component img[data-v-5066c627] {
    width: 100%
}

.router-bar-component[data-v-84cf6f89] {
    width: 100%;
    position: fixed;
    bottom: 0;
    min-height: 80px;
    max-height: 80px;
    display: flex;
    align-items: flex-start;
    border-top: 1px solid rgb(188,188,193);
    background: #000;
    z-index: 2
}

.router-bar-component .tab-wrapper[data-v-84cf6f89] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 7px 30px 0 33px
}

.router-bar-component .tab-wrapper .active img[data-v-84cf6f89] {
    filter: none !important;   
}

.router-bar-component .tab-wrapper .active .tab-title[data-v-84cf6f89] {
    color: #fff
}

.router-bar-component .tab-wrapper .tab[data-v-84cf6f89]:hover {
    cursor: pointer
}

.router-bar-component .tab-wrapper .tab:hover img[data-v-84cf6f89] {
    filter: none !important;
}

.router-bar-component .tab-wrapper .tab:hover .tab-title[data-v-84cf6f89] {
    color: #fff
}

.router-bar-component .tab-wrapper .tab img[data-v-84cf6f89] {
    filter: brightness(0%) contrast(0%)
}

.router-bar-component .tab-wrapper .tab-title[data-v-84cf6f89] {
    font-size: 10px;
    line-height: 13px;
    letter-spacing: .4px;
    color: #bcbcc1
}

.router-bar-component .tab-wrapper .tab-icon[data-v-84cf6f89] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 34px
}

.router-bar-component .tab-wrapper .tab-icon .red-dot[data-v-84cf6f89] {
    width: 6px;
    height: 6px;
    background: red;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 3px
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-minimal,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;*display: inline;
    position: relative
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;*display: inline;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
    transition-duration: .8s!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.lx-stepper[data-v-ff61eb49] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 24px
}

.root.lx-stepper .step-label[data-v-ff61eb49] {
    margin: 0 0 3px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: #a3a3a3
}

.root.lx-stepper .step-bar[data-v-ff61eb49] {
    position: relative;
    display: flex;
    justify-content: stretch;
    width: 100%
}

.root.lx-stepper .step-bar .step[data-v-ff61eb49] {
    height: 4px;
    border-radius: 4px;
    width: 100%;
    background-color: #e9e9ea
}

.root.lx-stepper .step-bar .separator[data-v-ff61eb49] {
    z-index: 1;
    margin: 0 -2px
}

.root.lx-stepper .step-bar .fill[data-v-ff61eb49] {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    border-radius: 4px;
    background-color: #c8c3ff;
    width: 0;
    transition: width .3s ease-out
}

.root.step-wizard[data-v-d6dccfee] {
    height: 100%
}

.root.step-wizard .steps-container[data-v-d6dccfee] {
    box-sizing: border-box;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: stretch;
    align-items: stretch
}

.root.step-wizard .steps-container .step[data-v-d6dccfee] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    flex-shrink: 0;
    transition: transform .3s ease-out
}

.root.step-wizard .steps-container .step.active-step[data-v-d6dccfee] {
    position: relative
}

.root-snack[data-v-607caaee] {
    width: auto;
    max-width: 500px;
    border-radius: 8px;
    background-color: #fff;
    overflow: hidden;
    width: 100%
}

@media (max-width: 599px) {
    .root-snack[data-v-607caaee] {
        max-width:unset
    }
}

.root-snack .snack-wrapper[data-v-607caaee] {
    min-height: 48px;
    padding: 0 16px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.root-snack .snack-wrapper .loader[data-v-607caaee],.root-snack .snack-wrapper .icon[data-v-607caaee] {
    position: absolute;
    top: 14px;
    left: 18px
}

.tick {
    background-color: #a882ff
}

.root-snack .snack-wrapper .text[data-v-607caaee] {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #202030;
    margin: 0
}

.root-snack.success .snack-wrapper[data-v-607caaee] {
    background: #49cb6d33
}

.root-snack.success .snack-wrapper .icon[data-v-607caaee] {
    background: #008e7d
}

.root-snack.loading-with-close[data-v-607caaee],.root-snack.loading[data-v-607caaee] {
    background: #edebff
}

.root-snack.failure[data-v-607caaee] {
    background: #fff7f2
}

.root-snack.failure .snack-wrapper .icon[data-v-607caaee] {
    background: #a882ff
}

.snackbar-stack[data-v-0412a4ef] {
    position: fixed;
    z-index: 600;
    top: 0;
    padding-top: 8px;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width: 880px) {
    .snackbar-stack[data-v-0412a4ef] {
        top:0
    }
}

@media (max-width: 599px) {
    .snackbar-stack[data-v-0412a4ef] {
        width:100%;
        max-width: calc(100% - clamp(20px,10.56vw,60px))
    }
}

.snackbar-stack>div[data-v-0412a4ef] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.snackbar-stack .snack[data-v-0412a4ef] {
    transition-duration: .5s;
    transition-property: opacity,transform
}

.snackbar-stack .snack[data-v-0412a4ef]:not(:last-child) {
    margin-bottom: 12px
}

.snackbar-stack .snacks-enter[data-v-0412a4ef],.snackbar-stack .snacks-leave-to[data-v-0412a4ef] {
    opacity: 0;
    transform: translateY(-30px)
}

.snackbar-stack .snacks-enter-active[data-v-0412a4ef],.snackbar-stack .snacks-leave-active[data-v-0412a4ef] {
    transition: all .5s ease
}

.snackbar-stack .snacks-enter-from[data-v-0412a4ef],.snackbar-stack .snacks-leave-to[data-v-0412a4ef] {
    opacity: 0;
    transform: translate(30px)
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.animated-timer[data-v-771d4112] {
    width: 43px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 10px;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: .33px;
    text-align: center
}

table {
    border-spacing: 0
}

td {
    padding: 0
}

.scroller-span {
    line-height: 23px
}

.root.user-info[data-v-1aa6e4d3] {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.root.user-info .avatar[data-v-1aa6e4d3] {
    width: 80px;
    height: 80px;
    margin-bottom: 12px
}

.root.user-info .name[data-v-1aa6e4d3] {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .33px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

.root.modal-stack.showed[data-v-372acfac] {
    position: fixed;
    background: #0000003d;
    z-index: 9;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.root.modal-stack .pop-enter-active[data-v-372acfac],.root.modal-stack .pop-leave-active[data-v-372acfac] {
    transition: all .5s ease
}

.root.modal-stack .pop-enter[data-v-372acfac] {
    opacity: 0;
    transform: translateY(-50px)
}

.root.modal-stack .pop-enter-from[data-v-372acfac],.root.modal-stack .pop-leave-to[data-v-372acfac] {
    opacity: 0;
    transform: translateY(50%)
}

.root.modal-stack .modal[data-v-372acfac] {
    position: fixed;
    background: #000;
    z-index: 600;
    bottom: 0;
    top: auto;
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.home-select-component[data-v-8e7a07dc] {
    cursor: pointer
}

.home-select-component .hidden[data-v-8e7a07dc] {
    display: none!important;
    height: 0px;
    background: red
}

.home-select-component .planet[data-v-8e7a07dc] {
    background: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.home-select-component select[data-v-8e7a07dc] {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    background-position: center;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    background-repeat: no-repeat;
    background-image: url(https://wolfs-app.eighred.com/svg/more-vertical.svg);
    color: transparent
}

.home-select-component select[data-v-8e7a07dc]:focus-visible {
    outline: none
}

.home-select-component select select option[data-v-8e7a07dc]:nth-child(odd) {
    display: none
}

.home-select-component option[data-v-8e7a07dc] {
    padding-right: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    color: #000;
    line-height: 20px;
    letter-spacing: .33px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.tabs-component[data-v-0eb1eee5] {
    max-width: calc(100% - clamp(20px,10.56vw,60px));
    width: 100%;
    height: 44px;
    min-height: 44px;
    background-color: #f8f8f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px
}

.tabs-component .tab[data-v-0eb1eee5] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: .2px;
    color: #000;
}

.tabs-component .active-tab[data-v-0eb1eee5] {
    background: #edebff!important;
    border-radius: 8px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.balance-error .input-block input[data-v-462f1b21] {
    border: 1px solid #F27C83!important
}

.balance-error .availableBalance[data-v-462f1b21] {
    color: #f27c83!important
}

.input-error input[data-v-462f1b21] {
    border: 2px solid #F27C83!important
}

.input-error .availableBalance[data-v-462f1b21] {
    color: #f27c83!important
}

.input-component[data-v-462f1b21] {
    text-align: left
}

.input-component .label[data-v-462f1b21] {
    width: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #fff;
    line-height: 16px;
    margin-bottom: 12px;
    margin-left: 5px
}

.input-component .label span[data-v-462f1b21] {
    color: #e11900
}

.input-component .input-block[data-v-462f1b21] {
    width: 100%;
    position: relative;
    max-height: 40px
}

.input-component .input-block img[data-v-462f1b21] {
    position: absolute;
    top: 11px;
    left: 11px
}

.input-component .input-block input[data-v-462f1b21] {
    box-sizing: border-box;
    width: 100%;
    border: 2px solid #fff;
    height: 38px;
    max-height: 40px;
    padding: 0 5px 0 37px;
    border-radius: 8px;
    outline: none;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background: #fff;
    font-size: 15px;
    color: #a3a3a3;
    line-height: 20px
}

.input-component .availableBalance[data-v-462f1b21] {
    width: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    color: #bcbcc1;
    line-height: 16px;
    margin-top: 8px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.staking-item-component[data-v-b78f67d0] {
    background: #fff;
    border-radius: 12px;
    padding: 11px 13px;
    margin-bottom: 18px
}

.staking-item-component .top[data-v-b78f67d0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 14px
}

.staking-item-component .top .total[data-v-b78f67d0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px
}

.staking-item-component .top .total img[data-v-b78f67d0] {
    padding-right: 5px
}

.staking-item-component .top .period[data-v-b78f67d0] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #bcbcc1;
    font-size: 12px;
    line-height: 16px
}

.staking-item-component .bottom[data-v-b78f67d0] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.staking-item-component .bottom .percent[data-v-b78f67d0] {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #a882ff;
    font-size: 15px;
    line-height: 20px
}

.staking-item-component .bottom .percent span[data-v-b78f67d0] {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    line-height: 16px
}

.staking-item-component .bottom .percent span img[data-v-b78f67d0] {
    margin-right: 3px
}

.staking-item-component .bottom .btn[data-v-b78f67d0] {
    background-color: #a882ff;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    width: 65px;
    height: 24px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    outline: none
}

.staking-item-component .bottom .btn[data-v-b78f67d0]:hover {
    opacity: .75
}

.staking-item-component .bottom .disabled[data-v-b78f67d0] {
    opacity: .80!important;
    cursor: default
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.datepicker-component[data-v-b3e62417] {
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    position: relative;
    height: 66px
}

.datepicker-component .label[data-v-b3e62417] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    min-height: 26px;
    height: 26px;
    line-height: 16px;
    font-weight: 500;
    color: #fff
}

.datepicker-component img[data-v-b3e62417] {
    width: 24px;
    height: 24px;
    position: absolute;
    bottom: 8px;
    right: 10px
}

.datepicker-component input[data-v-b3e62417] {
    box-sizing: border-box;
    min-width: calc(100% - 20px)!important;
    width: 100%!important;
    text-align: left!important;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important;
    font-size: 15px;
    line-height: 20px;
    min-height: 40px;
    height: 40px;
    outline: #C8C3FF;
    border: none;
    max-height: 40px;
    color: #a3a3a3;
    padding: 0 12px!important;
    border-radius: 8px;
    background: #fff
}

.datepicker-component input[data-v-b3e62417]:focus {
    outline: 2px solid #C8C3FF
}

.datepicker-component input[data-v-b3e62417]::-webkit-date-and-time-value {
    text-align: left
}

.datepicker-component input[type=date][data-v-b3e62417]::-webkit-inner-spin-button,.datepicker-component input[type=date][data-v-b3e62417]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none
}

.root.hex-address[data-v-50404ff1] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: text;
    overflow: hidden
}

.root.hex-address .ellipsis-part[data-v-50404ff1] {
    overflow: hidden;
    text-overflow: ellipsis
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.input-error-text[data-v-a626fdc0] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #ee505a;
    font-size: 13px;
    margin-top: 2px
}

.input-error input[data-v-a626fdc0],.input-error textarea[data-v-a626fdc0] {
    border: 2px solid #F27C83!important
}

.large-input textarea[data-v-a626fdc0] {
    min-height: 136px
}

.input-component[data-v-a626fdc0] {
    text-align: left;
    width: 100%
}

.input-component .label[data-v-a626fdc0] {
    width: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #000;
    line-height: 16px;
    margin-bottom: 10px;
    letter-spacing: .2px;
    padding-left: 4px
}

.input-component .label span[data-v-a626fdc0] {
    color: #e11900
}

.input-component .input-block[data-v-a626fdc0] {
    width: 100%;
    position: relative
}

.input-component .input-block img[data-v-a626fdc0] {
    position: absolute;
    top: 8px;
    left: 6px
}

.input-component .input-block textarea[data-v-a626fdc0] {
    padding: 7px 12px!important
}

.input-component .input-block input[data-v-a626fdc0],.input-component .input-block textarea[data-v-a626fdc0] {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #F8F8F9;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    outline: none;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background: #f8f8f9;
    font-size: 15px;
    color: #a3a3a3;
    line-height: 20px;
    letter-spacing: .2px
}

.input-component .input-block input[data-v-a626fdc0]::placeholder,.input-component .input-block textarea[data-v-a626fdc0]::placeholder {
    color: #a3a3a3
}

.input-component .max-length[data-v-a626fdc0] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #bcbcc1;
    font-size: 13px;
    text-align: right;
    width: 100%;
    margin-top: 7px
}

.input-component .lengthError[data-v-a626fdc0] {
    color: #ee505a
}

.input-component .description[data-v-a626fdc0] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #bcbcc1;
    font-size: 13px;
    margin-top: 10px;
    line-height: 16px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.select-component[data-v-9aec2240] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    cursor: pointer;
    outline: none
}

.select-component .hidden[data-v-9aec2240] {
    visibility: none
}

.select-component .label[data-v-9aec2240] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #000;
    line-height: 16px;
    margin-bottom: 10px;
    letter-spacing: .2px;
    padding-left: 4px
}

.select-component .description[data-v-9aec2240] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    color: #bcbcc1;
    line-height: 16px;
    margin-top: 10px;
    text-align: left
}

.select-component .select-wrapper[data-v-9aec2240] {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    background-color: #f8f8f9
}

.select-component .select-wrapper .clear[data-v-9aec2240] {
    position: absolute;
    right: 41px;
    top: 8px;
    width: 30px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(188,188,193,.3098039216)
}

.select-component .select-wrapper .clear img[data-v-9aec2240] {
    width: 15px;
    height: 15px
}

.select-component select[data-v-9aec2240] {
    width: 100%;
    height: 40px;
    background-color: #f8f8f9;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-position: center;
    margin: 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #a3a3a3;
    line-height: 20px;
    letter-spacing: .25px;
    border-radius: 8px;
    background: url(https://wolfs-app.eighred.com/svg/chevron-down.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position-y: 8px;
    background-position-x: 100%
}

.select-component select[data-v-9aec2240]:focus-visible {
    outline: none
}

.select-component option[data-v-9aec2240] {
    padding-right: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    color: #000;
    line-height: 20px;
    letter-spacing: .33px
}

.root.circle-icon[data-v-81ac6ab8] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    height: 40px;
    width: 40px;
    background: #e9e9ef;
    border-radius: 50%;
    overflow: hidden
}

.root.circle-icon img[data-v-81ac6ab8] {
    max-width: 100%;
    max-height: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.custom-select-component[data-v-f1e32f36] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    cursor: pointer;
    outline: none
}

.custom-select-component .hidden[data-v-f1e32f36] {
    visibility: none
}

.custom-select-component .label[data-v-f1e32f36] {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #fff;
    line-height: 16px;
    margin-bottom: 13px;
    letter-spacing: .2px;
    padding-left: 4px
}

.custom-select-component .label span[data-v-f1e32f36] {
    color: #e11900;
    margin: 0 3px
}

.custom-select-component .description[data-v-f1e32f36] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    color: #bcbcc1;
    line-height: 16px;
    margin-top: 10px;
    text-align: left
}

.custom-select-component .select-wrapper[data-v-f1e32f36] {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    background-color: #f8f8f9
}

.custom-select-component .select-wrapper .clear[data-v-f1e32f36] {
    position: absolute;
    right: 41px;
    top: 8px;
    width: 30px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(188,188,193,.3098039216)
}

.custom-select-component .select-wrapper .clear img[data-v-f1e32f36] {
    width: 15px;
    height: 15px
}

.custom-select-component .select-block[data-v-f1e32f36] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%
}

.custom-select-component .selected-value[data-v-f1e32f36] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.custom-select-component .select[data-v-f1e32f36] {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-position: center;
    padding: 0 12px;
    box-sizing: border-box;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #a3a3a3;
    line-height: 20px;
    letter-spacing: .25px;
    border-radius: 8px;
    margin-bottom: 6px
}

.custom-select-component .select[data-v-f1e32f36]:focus-visible {
    outline: none
}

.custom-select-component .options[data-v-f1e32f36] {
    background: #fff;
    width: 100%;
    border-radius: 8px
}

.custom-select-component .option[data-v-f1e32f36] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #000;
    line-height: 20px;
    letter-spacing: .25px;
    max-height: 48px;
    height: 48px
}

.custom-select-component .option-icon[data-v-f1e32f36] {
    margin-right: 10px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.link[data-v-fb9add78],.root.welcome-step .top-part .link[data-v-fb9add78] {
    color: #a882ff;
    text-decoration: none;
    transition: color .2s ease;
    cursor: pointer
}

.link[data-v-fb9add78]:hover,.root.welcome-step .top-part .link[data-v-fb9add78]:hover,.link[data-v-fb9add78]:focus,.root.welcome-step .top-part .link[data-v-fb9add78]:focus {
    color: #a882ff
}

.root.welcome-step.small .welcome-img[data-v-fb9add78] {
    max-height: 45%!important
}

.root.welcome-step[data-v-fb9add78] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding-bottom: 16px;
    padding-top: 32px
}

.root.welcome-step .top-part[data-v-fb9add78] {
    width: 100%;
    max-width: 100%;
    padding: 0;
    overflow: auto
}

.root.welcome-step .top-part .title[data-v-fb9add78] {
    margin: 0 0 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .33px;
    text-align: left;
    padding: 0 20px
}

.root.welcome-step .top-part .text[data-v-fb9add78] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    margin: 8px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: .33px;
    text-align: left;
    padding: 0 20px
}

.root.welcome-step .top-part .text-title[data-v-fb9add78] {
    margin: 8px 0;
    padding: 0 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    letter-spacing: .33px
}

.root.welcome-step .top-part .text-title img[data-v-fb9add78] {
    height: 21px;
    width: 21px
}

.root.welcome-step .top-part .link[data-v-fb9add78] {
    color: #a882ff;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .33px;
    text-align: left;
    text-decoration: none
}

.root.welcome-step .top-part .token[data-v-fb9add78] {
    display: flex;
    align-items: center
}

.root.welcome-step .welcome-img[data-v-fb9add78] {
    max-height: 53%;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.root.welcome-step .welcome-img .img[data-v-fb9add78] {
    width: auto;
    height: 100%;
    max-height: 100%;
    margin: 0
}

.root.welcome-step .btn-container[data-v-fb9add78] {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 20px
}

.root.welcome-step .btn-container .btn[data-v-fb9add78] {
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.small .middle-part[data-v-1a6a509c] {
    margin-top: 5px!important
}

.root.claim-info-step[data-v-1a6a509c] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    width: 100%;
    margin-top: 32px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    height: 100%
}

.root.claim-info-step .scroll-container[data-v-1a6a509c] {
    overflow: auto;
    max-width: 100%
}

.root.claim-info-step .top-part[data-v-1a6a509c] {
    padding: 0 20px;
    flex-shrink: 0
}

.root.claim-info-step .top-part .title[data-v-1a6a509c] {
    margin: 0 0 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    text-align: left
}

.root.claim-info-step .top-part .text[data-v-1a6a509c] {
    margin: 8px 0;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left
}

.root.claim-info-step .middle-part[data-v-1a6a509c] {
    margin-top: 32px;
    padding: 0 16px
}

.root.claim-info-step .middle-part .row[data-v-1a6a509c] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: .2px
}

.root.claim-info-step .middle-part .row.last-row[data-v-1a6a509c]:after {
    content: "";
    background: linear-gradient(177deg,#00000 7.98%,#0003d 25.76%,#0007a 38.63%,#000a3 72.42%,#000 123.27%);
    position: absolute;
    top: 0;
    width: 100%;
    height: 52px
}

.root.claim-info-step .middle-part .img[data-v-1a6a509c] {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-right: 10px
}

.root.claim-info-step .middle-part .separator[data-v-1a6a509c] {
    width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.root.claim-info-step .middle-part .separator .dots[data-v-1a6a509c] {
    margin: 4px 0
}

.root.claim-info-step .middle-part .separator .time[data-v-1a6a509c] {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-align: left
}

.root.claim-info-step .middle-part .separator .hours[data-v-1a6a509c] {
    color: #a3a3a3
}

.root.claim-info-step .btn-container[data-v-1a6a509c] {
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
    padding: 8px 20px 50px
}

.root.claim-info-step .btn-container .btn[data-v-1a6a509c] {
    width: 100%
}

.root.intro[data-v-d87aee12] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    width: 100%;
    max-width: 600px
}

.root.intro .steps[data-v-d87aee12] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1
}

.lx-stepper {
    padding: 0 20px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.medium .gift-img[data-v-0dbc2a2e] {
    margin-bottom: 6px!important
}

.medium .reward-block p[data-v-0dbc2a2e] {
    line-height: 0!important
}

.medium .page-subtitle[data-v-0dbc2a2e] {
    margin-top: 7px!important
}

.medium .page-list[data-v-0dbc2a2e],.medium .page-bottom-title[data-v-0dbc2a2e] {
    margin-top: 25px!important
}

.medium .streak-stopped-title[data-v-0dbc2a2e] {
    margin-top: 30px!important;
    margin-bottom: 15px!important
}

.small .gift-img[data-v-0dbc2a2e] {
    margin-bottom: 0!important
}

.small .reward-block p[data-v-0dbc2a2e] {
    line-height: 0!important;
    margin: 30px 0!important
}

.small .page-subtitle[data-v-0dbc2a2e] {
    margin-top: 5px!important
}

.small .page-list[data-v-0dbc2a2e],.small .page-bottom-title[data-v-0dbc2a2e] {
    margin-top: 0!important
}

.small .streak-stopped-title[data-v-0dbc2a2e] {
    margin-top: 20px!important;
    margin-bottom: 10px!important
}

.daily-reward-page[data-v-0dbc2a2e] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

.daily-reward-page .gift-img[data-v-0dbc2a2e] {
    max-height: 100px;
    max-width: 100px;
    margin-bottom: 14px
}

.daily-reward-page .red-title[data-v-0dbc2a2e] {
    color: #ee505a!important;
    margin-top: 24px
}

.daily-reward-page .streak-stopped-title[data-v-0dbc2a2e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    line-height: 34px;
    font-weight: 900;
    letter-spacing: .2px;
    margin-top: 43px;
    margin-bottom: 19px
}

.daily-reward-page .page-title[data-v-0dbc2a2e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 19px;
    line-height: 24px;
    font-weight: 900;
    padding: 0 20px;
    color: #fff;
}

.daily-reward-page .page-subtitle[data-v-0dbc2a2e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 7px;
    padding: 0 20px;
    color: #fff;
}

.daily-reward-page .page-bottom-title[data-v-0dbc2a2e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    max-width: 335px;
    margin-top: 31px;
    padding: 0 20px;
    color: #fff;
}

.daily-reward-page .reward-block[data-v-0dbc2a2e] {
    display: flex;
    align-items: center;
    flex-direction: row
}

.daily-reward-page .reward-block img[data-v-0dbc2a2e] {
    margin-right: 10px
}

.daily-reward-page .reward-block p[data-v-0dbc2a2e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 40px;
    font-weight: 500;
    line-height: 6px;
    color: #fff;
}

.daily-reward-page .page-list[data-v-0dbc2a2e] {
    width: 100%;
    margin-top: 36px
}

.daily-reward-page .page-list .list-item[data-v-0dbc2a2e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 40px
}

.daily-reward-page .page-list .list-item .item-left[data-v-0dbc2a2e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #fff;
}

.daily-reward-page .page-list .list-item .item-left p[data-v-0dbc2a2e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    color: #a882ff;
    display: flex;
    margin-right: 3px
}

.daily-reward-page .page-list .list-item .item-left p span[data-v-0dbc2a2e] {
    font-size: 10px;
    margin-top: -3px;
    font-weight: 500
}

.daily-reward-page .page-list .list-item .item-right[data-v-0dbc2a2e] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.daily-reward-page .page-list .list-item .item-right p[data-v-0dbc2a2e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 0 5px;
    color: #fff;  
}

.daily-reward-page .btn-container[data-v-0dbc2a2e] {
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
    padding: 8px 20px 24px
}

.daily-reward-page .btn-container .btn[data-v-0dbc2a2e] {
    width: 100%
}

.daily-reward-page .btn-container .btn img[data-v-0dbc2a2e] {
    margin-left: 3px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.wolfs-farm-page {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    align-items: center;
    position: relative;
    padding: 26px 20px 81px;
    font-family: font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    z-index: 2;
    background: #000
}

.wolfs-farm-page .page-title {
    margin: 0;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 34px;
    letter-spacing: 0px
}

.wolfs-farm-page .page-subtitle {
    font-size: 18px;
    color: #a3a3a3;
    line-height: 22px;
    letter-spacing: -.43px
}

.wolfs-farm-page .page-body {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    align-items: center
}

html {
    overflow: hidden;
    overflow-x: hidden;
    min-height: 100%;
    height: 100%
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent
}

body {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    background: #000;
    place-items: flex-start!important;
    min-height: 100%!important;
    height: 100%!important
}

b {
    font-weight: 700
}

.application {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
    position: relative;
    z-index: 1;
    display: flex!important;
    height: 100%;
    align-items: flex-start;
    flex: 1!important;
    width: 100%!important;
    max-width: unset!important;
    padding: unset!important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: scroll
}

.application::-webkit-scrollbar {
    width: 0;
    display: none
}

.app-container::-webkit-scrollbar {
    width: 0;
    display: none
}

.fa {
    direction: rtl
}

.fa ul {
    padding: 0 40px
}

.fa .user-info {
    margin-right: 0!important;
    margin-left: 16px
}

.fa .user-info .avatar {
    margin-right: 0!important;
    margin-left: 12px!important
}

.fa .home-page .farming-button .text-right {
    right: unset;
    left: 60px
}

.fa .home-page .upgrade-btn {
    margin: 0 auto 0 16px!important
}

.fa .wallet-page .disconnect-btn {
    margin-right: 0!important;
    margin-left: 8px
}

.fa .store-page .btn-container,.fa .store-page .btns,.fa .staking-page .btn-container,.fa .staking-page .btns,.fa .referrals-page-container .btn-container,.fa .referrals-page-container .btns {
    margin-left: 0!important;
    margin-right: 20px
}

.app-container {
    box-sizing: border-box;
    align-items: flex-start;
    flex-grow: 1;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100%;
    background: #000;
    display: flex;
    height: 100%;
    justify-content: flex-start;
    flex-direction: column;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    line-height: 20px
}

.app-container .loader {
    margin: auto
}

.app-container .create-task-page .steps-container {
    padding-bottom: 0!important
}

.app-container .create-task-page .root.lx-stepper {
    position: fixed;
    top: 0;
    z-index: 9;
    background: #000;
    padding-bottom: 10px
}

.app-container .assistant-item .inline-block div:not([class]),.app-container .boost-item .inline-block div:not([class]) {
    max-width: 16px;
    max-height: 16px;
    margin: 0;
    padding: 0
}

.root.tap-hours .loader[data-v-ce6fd32b] {
    color: #000
}

.root.tap-hours[data-v-ce6fd32b] :not(.loader)>svg {
    min-width: min(100vw - 20px,100vh - 400px)!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.farming-button[data-v-daf5de16] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #a882ff;
    margin-bottom: 22px;
    min-height: 50px
}

.root.farming-button .btn-text[data-v-daf5de16] {
    width: 100%
}

.root.farming-button .btn-text .farming-button-block[data-v-daf5de16] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.root.farming-button .btn-text .farming-button-block span[data-v-daf5de16] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #fff;
    line-height: 22px;
    letter-spacing: .33px
}

.root.farming-button .btn-text .farming-button-block .farmed[data-v-daf5de16] {
    display: flex;
    align-items: center
}

.root.farming-button .btn-text .farming-button-block .farmed img[data-v-daf5de16] {
    margin-left: 5px;
    margin-right: -2px
}

.root.farming-button .btn-text .farming-button-block .timer[data-v-daf5de16] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 10px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .33px
}

.root.farming-button.claim[data-v-daf5de16] {
    background: #a882ff!important;
    padding-right: 0!important
}

.root.farming-button.claim .farming-button-block[data-v-daf5de16] {
    justify-content: center
}

.root.farming-button.farming[data-v-daf5de16] {
    opacity: 1!important;
    background-color: #c8c3ff;
    min-height: 50px!important
}

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

.root.farming-button.farming .text[data-v-daf5de16] {
    justify-content: space-between!important
}

.root.farming-button .row[data-v-daf5de16] {
    display: flex;
    align-items: center;
    justify-content: center
}

.root.farming-button .text[data-v-daf5de16] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    font-weight: 500;
    text-align: center;
    z-index: 1;
    padding: 0 16px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #fff;
    line-height: 22px;
    letter-spacing: .33px
}

.root.farming-button .text-left[data-v-daf5de16] {
    display: flex;
    align-items: center
}

.root.farming-button .text-right[data-v-daf5de16] {
    position: absolute;
    right: 20px
}

.root.farming-button .text-right .boost[data-v-daf5de16] {
    margin-left: 16px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.root.farming-button .text-right .boost img[data-v-daf5de16] {
    margin-right: 5px
}

.root.farming-button .text-right .boost span[data-v-daf5de16] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #fff;
    line-height: 22px;
    letter-spacing: .33px
}

.root.farming-button .text img[data-v-daf5de16] {
    margin-left: 4px
}

.root.farming-button .numbers[data-v-daf5de16] {
    margin: 0 4px
}

.root.farming-button .timer[data-v-daf5de16] {
    position: absolute;
    right: 100%
}

.root.farming-button .progress[data-v-daf5de16] {
    background: #9187ff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    transition: width .3s ease-in
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.user-info[data-v-64c73621] {
    margin-right: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.root.user-info .avatar[data-v-64c73621] {
    width: 40px;
    height: 40px;
    margin-right: 12px
}

.root.user-info .name[data-v-64c73621] {
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    letter-spacing: .33px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.small .balance {
    margin-bottom: 15px;
    overflow: hidden
}

.small .balance .odometer-theme-minimal {
    max-height: 50px;
    margin: 0
}

.small .wolf {
    max-height: 200px!important
}

.small .wolf .tap-hours {
    margin-bottom: 10px
}

.small .wolf div {
    max-height: 158px
}

.small .wolf div svg {
    max-height: 170px!important
}

.medium .wolf {
    margin: unset!important;
    margin-top: -18px!important;
    max-height: 265px
}

.medium .wolf svg {
    max-height: 265px
}

.medium .balance {
    max-height: 85px
}

.large .wolf {
    margin: unset!important;
    margin-top: -18px!important
}

.large .balance {
    max-height: unset!important
}

.root.home-page {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    padding: 25px 20px 20px;
    padding-bottom: 80px!important;
    font-family: font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000
}

.root.home-page .top {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    overflow: hidden
}

.root.home-page .balance {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    font-weight: 700;
    line-height: 41px;
    letter-spacing: .63px;
    text-align: center;
    color: #fff;
}

.root.home-page .balance .icon {
    margin-right: 6px
}

.root.home-page .balance .odometer {
    direction: ltr
}

.root.home-page .wolf {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: -18px 0 24px;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    max-height: 305px
}

.root.home-page .info-container {
    width: 100%
}

.root.home-page .autofarm-info {
    background: #dbf5e2;
    border-radius: 8px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    line-height: 21px;
    padding: 12px;
    text-align: left;
    margin-bottom: 21px;
    box-sizing: border-box;
    width: 100%
}

.root.home-page .upgrade-btn {
    margin: 0 16px 0 auto;
    height: 40px;
    width: 100%;
    max-width: 140px;
    border-radius: 24px;
    flex-shrink: 0
}

.root.home-page .upgrade-btn .btn-content {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px
}

.root.home-page .upgrade-btn .upgrade-icon {
    margin: 0 6px;
    width: 24px;
    flex-shrink: 0
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.custom-task-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    color: #a882ff;
    margin: 14px 0
}

.root.custom-task-text span {
    margin-right: 6px
}

.root.custom-task-text .lx-loader {
    color: #a882ff!important;
    width: 20px;
    height: 20px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.task-button-component[data-v-9bdecd8b] {
    background: #a882ff;
    width: 75px;
    height: 36px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.task-button-component[data-v-9bdecd8b]:hover {
    opacity: .8;
    cursor: pointer
}

.task-button-component .btn-text[data-v-9bdecd8b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 11px 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .9px
}

.task-button-component .btn-text span[data-v-9bdecd8b] {
    width: 100%
}

.done[data-v-9bdecd8b] {
    background: #c8c3ff!important
}

.done[data-v-9bdecd8b]:hover {
    opacity: 1
}

.done .btn-text[data-v-9bdecd8b] {
    text-align: end
}

.orange[data-v-9bdecd8b] {
    background: #a882ff!important
}

.orange[data-v-9bdecd8b]:hover {
    opacity: .8
}

.bitget[data-v-9bdecd8b] {
    background: #00f0ff!important
}

.bitget .btn-text[data-v-9bdecd8b] {
    color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.task-button-component[data-v-48bf1967] {
    background: #a882ff;
    width: 75px;
    height: 36px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.task-button-component[data-v-48bf1967]:hover {
    opacity: .8;
    cursor: pointer
}

.task-button-component .btn-text[data-v-48bf1967] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 11px 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .9px
}

.task-button-component .btn-text span[data-v-48bf1967] {
    width: 100%
}

.done[data-v-48bf1967] {
    background: #c8c3ff!important
}

.done[data-v-48bf1967]:hover {
    opacity: 1
}

.done .btn-text[data-v-48bf1967] {
    text-align: end
}

.orange[data-v-48bf1967] {
    background: #a882ff!important
}

.orange[data-v-48bf1967]:hover {
    opacity: .8
}

.bitget[data-v-48bf1967] {
    background: #00f0ff!important
}

.bitget .btn-text[data-v-48bf1967] {
    color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.task-button-component[data-v-319a93a8] {
    background: #a882ff;
    width: 75px;
    height: 36px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.task-button-component[data-v-319a93a8]:hover {
    opacity: .8;
    cursor: pointer
}

.task-button-component .btn-text[data-v-319a93a8] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 11px 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .9px
}

.task-button-component .btn-text span[data-v-319a93a8] {
    width: 100%
}

.done[data-v-319a93a8] {
    background: #c8c3ff!important
}

.done[data-v-319a93a8]:hover {
    opacity: 1
}

.done .btn-text[data-v-319a93a8] {
    text-align: end
}

.orange[data-v-319a93a8] {
    background: #a882ff!important
}

.orange[data-v-319a93a8]:hover {
    opacity: .8
}

.bitget[data-v-319a93a8] {
    background: #00f0ff!important
}

.bitget .btn-text[data-v-319a93a8] {
    color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.task-button-component[data-v-a2b2bd5d] {
    background: #a882ff;
    width: 75px;
    height: 36px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.task-button-component[data-v-a2b2bd5d]:hover {
    opacity: .8;
    cursor: pointer
}

.task-button-component .btn-text[data-v-a2b2bd5d] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 11px 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .9px
}

.task-button-component .btn-text span[data-v-a2b2bd5d] {
    width: 100%
}

.done[data-v-a2b2bd5d] {
    background: #c8c3ff!important
}

.done[data-v-a2b2bd5d]:hover {
    opacity: 1
}

.done .btn-text[data-v-a2b2bd5d] {
    text-align: end
}

.orange[data-v-a2b2bd5d] {
    background: #a882ff!important
}

.orange[data-v-a2b2bd5d]:hover {
    opacity: .8
}

.bitget[data-v-a2b2bd5d] {
    background: #00f0ff!important
}

.bitget .btn-text[data-v-a2b2bd5d] {
    color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.task-button-component[data-v-3e80fe71] {
    background: #a882ff;
    width: 75px;
    height: 36px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.task-button-component[data-v-3e80fe71]:hover {
    opacity: .8;
    cursor: pointer
}

.task-button-component .btn-text[data-v-3e80fe71] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 11px 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .9px
}

.task-button-component .btn-text span[data-v-3e80fe71] {
    width: 100%
}

.done[data-v-3e80fe71] {
    background: #c8c3ff!important
}

.done[data-v-3e80fe71]:hover {
    opacity: 1
}

.done .btn-text[data-v-3e80fe71] {
    text-align: end
}

.orange[data-v-3e80fe71] {
    background: #a882ff!important
}

.orange[data-v-3e80fe71]:hover {
    opacity: .8
}

.bitget[data-v-3e80fe71] {
    background: #00f0ff!important
}

.bitget .btn-text[data-v-3e80fe71] {
    color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.story-modal-component[data-v-15d80093] {
    position: fixed;
    background: #fff;
    z-index: 600;
    bottom: 0;
    top: auto;
    width: 100%;
    max-height: 230px;
    height: 230px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

@media (max-width: 599px) {
    .story-modal-component[data-v-15d80093] {
        width:100%
    }
}

.story-modal-component>div[data-v-15d80093] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%
}

.story-modal-component .modal-content[data-v-15d80093] {
    position: fixed;
    height: 100%;
    width: 100%;
    transform: none
}

.story-modal-component .invite[data-v-15d80093] {
    transition-duration: .5s;
    transition-property: opacity,transform
}

.story-modal-component .invite[data-v-15d80093]:not(:last-child) {
    margin-bottom: 12px
}

.story-modal-component .header[data-v-15d80093] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px;
    min-height: 80px;
    height: 80px
}

.story-modal-component .header img[data-v-15d80093]:hover {
    cursor: pointer
}

.story-modal-component .header .title[data-v-15d80093] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 24px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0
}

.story-modal-component .modal-body[data-v-15d80093] {
    padding: 0 21px
}

.story-modal-component .modal-body .button-component[data-v-15d80093] {
    margin-bottom: 14px
}

.story-modal-component .modal-body .check[data-v-15d80093] {
    background-color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.task-button-component[data-v-baaedfa3] {
    background: #a882ff;
    width: 75px;
    height: 36px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.task-button-component[data-v-baaedfa3]:hover {
    opacity: .8;
    cursor: pointer
}

.task-button-component .btn-text[data-v-baaedfa3] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 11px 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .9px
}

.task-button-component .btn-text span[data-v-baaedfa3] {
    width: 100%
}

.done[data-v-baaedfa3] {
    background: #c8c3ff!important
}

.done[data-v-baaedfa3]:hover {
    opacity: 1
}

.done .btn-text[data-v-baaedfa3] {
    text-align: end
}

.orange[data-v-baaedfa3] {
    background: #a882ff!important
}

.orange[data-v-baaedfa3]:hover {
    opacity: .8
}

.bitget[data-v-baaedfa3] {
    background: #00f0ff!important
}

.bitget .btn-text[data-v-baaedfa3] {
    color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.task-button-component[data-v-34c348d5] {
    background: #a882ff;
    width: 75px;
    height: 36px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.task-button-component[data-v-34c348d5]:hover {
    opacity: .8;
    cursor: pointer
}

.task-button-component .btn-text[data-v-34c348d5] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 11px 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .9px
}

.task-button-component .btn-text span[data-v-34c348d5] {
    width: 100%
}

.done[data-v-34c348d5] {
    background: #c8c3ff!important
}

.done[data-v-34c348d5]:hover {
    opacity: 1
}

.done .btn-text[data-v-34c348d5] {
    text-align: end
}

.orange[data-v-34c348d5] {
    background: #a882ff!important
}

.orange[data-v-34c348d5]:hover {
    opacity: .8
}

.bitget[data-v-34c348d5] {
    background: #00f0ff!important
}

.bitget .btn-text[data-v-34c348d5] {
    color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.task-button-component[data-v-7dedf855] {
    background: #a882ff;
    width: 75px;
    height: 36px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.task-button-component[data-v-7dedf855]:hover {
    opacity: .8;
    cursor: pointer
}

.task-button-component .btn-text[data-v-7dedf855] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 11px 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .9px
}

.task-button-component .btn-text span[data-v-7dedf855] {
    width: 100%
}

.done[data-v-7dedf855] {
    background: #c8c3ff!important
}

.done[data-v-7dedf855]:hover {
    opacity: 1
}

.done .btn-text[data-v-7dedf855] {
    text-align: end
}

.orange[data-v-7dedf855] {
    background: #a882ff!important
}

.orange[data-v-7dedf855]:hover {
    opacity: .8
}

.bitget[data-v-7dedf855] {
    background: #00f0ff!important
}

.bitget .btn-text[data-v-7dedf855] {
    color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.tap-task {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0,0,0,.0509803922);
    padding: 0 20px;
    min-height: 67px
}

.root.tap-task .task-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.root.tap-task .task-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    height: 40px;
    width: 40px;
    background: #000;
    border-radius: 50%;
    overflow: hidden
}

.root.tap-task .task-icon img {
    max-width: 100%;
    max-height: 100%
}

.root.tap-task .task-description {
    margin: 0 16px;
    max-width: 79%
}

.root.tap-task .task-description .title {
    font-weight: 700;
    text-align: start;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    letter-spacing: .5px
}

.root.tap-task .task-description .info {
    text-align: start;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    letter-spacing: .6px
}

.root.tap-task .task-description .info span {
    display: flex;
    align-items: center
}

.root.tap-task .task-description .info span img {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-right: 2px
}

.root.no-tasks {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px
}

.root.no-tasks .empty-text {
    flex-shrink: 0;
    margin-top: 4px;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.ads-task {
    position: relative;
    height: 0;
    overflow: hidden
}

.root.ads-task.visible {
    border-bottom: 1px solid rgba(0,0,0,.0509803922);
    padding: 0 20px;
    min-height: 67px;
    height: auto;
    overflow: visible
}

.root.ads-task .clickable-part {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.root.ads-task .ads-container {
    height: 100%;
    width: 100%;
    z-index: 1
}

.root.ads-task .ads-container:hover~.claim-btn {
    opacity: .8;
    cursor: pointer
}

.root.ads-task .ads-container .tads {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.root.ads-task .ads-container img {
    position: absolute;
    left: 0;
    min-width: 40px;
    min-height: 40px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #e9e9ef
}

.root.ads-task .ads-container .tads-text-wrapper {
    margin: 0 16px;
    padding: 0 91px 0 40px;
    max-width: 79%
}

.root.ads-task .ads-container .tads-text-wrapper .tads-title {
    font-weight: 700;
    text-align: start;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    letter-spacing: .5px
}

.root.ads-task .info {
    margin-top: 4px;
    padding-left: 56px;
    text-align: start;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    letter-spacing: .6px
}

.root.ads-task .info span {
    display: flex;
    align-items: center
}

.root.ads-task .info span img {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-right: 2px
}

.root.ads-task .claim-btn {
    position: absolute;
    right: 0;
    width: 75px;
    height: 36px;
    background: #a882ff;
    border: none;
    outline: none;
    border-radius: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0
}

.root.ads-task .claim-btn .btn-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 11px 0 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #fff;
    line-height: 13px;
    letter-spacing: .9px
}

.root.ads-task .claim-btn .btn-text span {
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.tasks-page-container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    background: #000;
    padding-top: 26px;
    padding-bottom: 81px;
    width: 100%;
    overflow: auto
}

.tasks-page-container .custom-task-banner {
    margin-bottom: 30px
}

.tasks-page-container .tasks-page-top {
    margin-bottom: 20px;
    padding: 0 20px
}

.tasks-page-container .tasks-page-top .title {
    margin-bottom: 10px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 34px;
    letter-spacing: 0px
}

.tasks-page-container .tasks-page-top .subtitle {
    padding: 0 8px;
    max-width: 335px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 18px;
    font-weight: 500;
    color: #a3a3a3;
    line-height: 22px;
    letter-spacing: -.43px
}

.tasks-page-container .tabs-component {
    margin-bottom: 20px!important
}

.tasks-page-container .loader {
    color: #a882ff
}

.tasks-page-container .tasks-page-body {
    width: 100%
}

.tasks-page-container .tasks-page-body .lx-loader {
    margin: 0 auto
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.invite-modal-component[data-v-c6267847] {
    position: fixed;
    background: #fff;
    z-index: 600;
    bottom: 0;
    top: auto;
    width: 100%;
    max-height: 230px;
    height: 230px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

@media (max-width: 599px) {
    .invite-modal-component[data-v-c6267847] {
        width:100%
    }
}

.invite-modal-component>div[data-v-c6267847] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%
}

.invite-modal-component .modal-content[data-v-c6267847] {
    position: fixed;
    height: 100%;
    width: 100%;
    transform: none
}

.invite-modal-component .invite[data-v-c6267847] {
    transition-duration: .5s;
    transition-property: opacity,transform
}

.invite-modal-component .invite[data-v-c6267847]:not(:last-child) {
    margin-bottom: 12px
}

.invite-modal-component .header[data-v-c6267847] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px;
    min-height: 80px;
    height: 80px
}

.invite-modal-component .header img[data-v-c6267847]:hover {
    cursor: pointer
}

.invite-modal-component .header .title[data-v-c6267847] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 24px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0
}

.invite-modal-component .modal-body[data-v-c6267847] {
    padding: 0 21px
}

.invite-modal-component .modal-body .button-component[data-v-c6267847] {
    margin-bottom: 14px
}

.invite-modal-component .modal-body .btn[data-v-c6267847] {
    background-color: #000!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.large .header-image[data-v-3c3c1d16] {
    min-height: 292px
}

.large .header-image img[data-v-3c3c1d16] {
    max-height: 222px
}

.medium[data-v-3c3c1d16] {
    padding-bottom: 80px!important
}

.medium .header-image[data-v-3c3c1d16] {
    min-height: unset!important;
    height: 55%!important
}

.medium .top-wrapper[data-v-3c3c1d16] {
    height: 82%
}

.medium .description[data-v-3c3c1d16],.medium .description .description-text[data-v-3c3c1d16] {
    margin-bottom: 15px!important
}

.medium .description .description-text .question[data-v-3c3c1d16] {
    margin-bottom: 0!important
}

.small[data-v-3c3c1d16] {
    padding-bottom: 90px!important
}

.small .header-image[data-v-3c3c1d16] {
    min-height: unset!important;
    height: 65%!important
}

.small .top-wrapper[data-v-3c3c1d16] {
    height: 85%
}

.small .description[data-v-3c3c1d16] {
    margin-bottom: 10px!important
}

.small .description .description-text .question[data-v-3c3c1d16] {
    margin-bottom: 0!important
}

.small .description .description-text span[data-v-3c3c1d16] {
    margin-bottom: 10px!important
}

.friends-page-container[data-v-3c3c1d16] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    background: #000;
    padding-top: 26px;
    height: 100%;
    padding-bottom: 80px;
    overflow: hidden;
    width: 100%
}

.friends-page-container .friends-page-top[data-v-3c3c1d16] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
    width: 100%
}

.friends-page-container .friends-page-bottom[data-v-3c3c1d16] {
    width: 100%;
    display: flex
}

.friends-page-container .header-image[data-v-3c3c1d16] {
    max-width: 100%;
    width: 100%;
    max-height: 222px;
    height: 67%;
    direction: ltr
}

.friends-page-container .header-image img[data-v-3c3c1d16] {
    height: 100%
}

.friends-page-container .description[data-v-3c3c1d16] {
    display: flex;
    justify-content: center;
    margin-bottom: 48px
}

.friends-page-container .description-title[data-v-3c3c1d16] {
    display: flex;
    flex-direction: column;
    max-width: 346px
}

.friends-page-container .description-title span[data-v-3c3c1d16] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 34px;
    letter-spacing: 0
}

.friends-page-container .description-title .subtitle[data-v-3c3c1d16] {
    margin-top: 10px;
    padding: 0 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #a3a3a3;
    line-height: 22px;
    letter-spacing: -.43px
}

.friends-page-container .btns[data-v-3c3c1d16] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px
}

.friends-page-container .btns .small[data-v-3c3c1d16] {
    width: calc(50% - 5px)!important;
    max-width: unset!important
}

.friends-page-container .spacer[data-v-3c3c1d16] {
    min-height: 20px;
    height: 20px;
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.referrals-page-container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    background: #000;
    padding-top: 26px;
    width: 100%;
    height: 100%;
    padding-bottom: 80px;
    overflow: auto
}

.referrals-page-container .loader {
    color: #a882ff
}

.referrals-page-container .referrals-page-top {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    overflow: auto
}

.referrals-page-container .referrals-page-top .top-wrapper {
    margin-bottom: -54px
}

.referrals-page-container .referrals-page-top .balance {
    display: flex;
    flex-direction: column;
    align-items: center
}

.referrals-page-container .referrals-page-top .balance .animation {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px
}

.referrals-page-container .referrals-page-top .balance .animation img {
    width: 34px;
    height: 34px;
    margin-bottom: 5px
}

.referrals-page-container .referrals-page-top .balance .animation .odometer-inside {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 34px;
    font-weight: 500;
    color: #fff;
    line-height: 41px;
    letter-spacing: 0px
}

.referrals-page-container .referrals-page-bottom {
    width: 100%;
    display: flex
}

.referrals-page-container .header-image {
    max-width: 100%;
    width: 100%;
    max-height: 222px;
    height: 67%;
    text-align: end
}

.referrals-page-container .header-image img {
    height: 100%
}

.referrals-page-container .description {
    display: flex;
    justify-content: center;
    margin-bottom: 17px
}

.referrals-page-container .description-title {
    display: flex;
    flex-direction: column;
    max-width: 335px
}

.referrals-page-container .description-title span {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 34px;
    letter-spacing: 0px
}

.referrals-page-container .description-title .subtitle {
    margin-top: 10px;
    padding: 0 10px;
    position: relative;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    font-weight: 500;
    color: #a3a3a3;
    line-height: 22px;
    letter-spacing: 0px
}

.referrals-page-container .frens {
    text-align: left;
    width: 100%;
    margin-top: 80px;
    padding-bottom: 35px
}

.referrals-page-container .frens .fren-title {
    padding: 0 21px;
    margin-bottom: 23px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    line-height: 22px;
    letter-spacing: 0px
}

.referrals-page-container .frens .frens-block {
    overflow: auto;
    height: 100%;
    display: flex;
    flex-direction: column
}

.referrals-page-container .frens .fren {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px 11px;
    border-bottom: 1px solid rgba(0,0,0,.0509803922);
    margin-bottom: 16px
}

.referrals-page-container .frens .fren .info {
    display: flex;
    flex-direction: row;
    align-items: center
}

.referrals-page-container .frens .fren .info .avatar-component {
    width: 40px;
    height: 40px;
    margin-right: 14px
}

.referrals-page-container .frens .fren .info .avatar-component img {
    width: 40px;
    height: 40px
}

.referrals-page-container .frens .fren .info .userinfo .ref-count {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.referrals-page-container .frens .fren .info .userinfo .ref-count img {
    width: 15px;
    height: 15px;
    margin-right: 3px
}

.referrals-page-container .frens .fren .info .userinfo .username,.referrals-page-container .frens .fren .reward {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    letter-spacing: .2px
}

.referrals-page-container .referrals-page-bottom {
    margin-bottom: 20px
}

.referrals-page-container .btns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    width: calc(100% - 40px);
    margin-left: 20px;
    position: absolute;
    height: 72px;
    align-items: flex-start;
    background: #000;
    bottom: 80px
}

.referrals-page-container .btns .small {
    width: calc(50% - 5px)!important;
    max-width: unset!important
}

.referrals-page-container .spacer {
    min-height: 20px;
    height: 20px;
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.disconnect-ton-wallet-modal[data-v-790d47bf] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding-bottom: 14px;
    padding-top: 28px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.root.disconnect-ton-wallet-modal .header[data-v-790d47bf] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 21px 26px
}

.root.disconnect-ton-wallet-modal .header img[data-v-790d47bf]:hover {
    cursor: pointer
}

.root.disconnect-ton-wallet-modal .header .title[data-v-790d47bf] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0;
    text-align: left
}

.root.disconnect-ton-wallet-modal .modal-body[data-v-790d47bf] {
    padding: 0 21px
}

.root.disconnect-ton-wallet-modal .modal-body .yes[data-v-790d47bf] {
    margin-bottom: 16px
}

.root.disconnect-ton-wallet-modal .modal-body .no[data-v-790d47bf] {
    background-color: #000!important
}

.root.connected-wallet {
    max-width: 335px;
    width: 100%
}

.root.connected-wallet .label {
    margin-bottom: 8px;
    padding: 2px 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: left
}

.root.connected-wallet .btns-container {
    width: 100%;
    display: flex;
    align-items: center
}

.root.connected-wallet .btn {
    border: none;
    height: 48px;
    max-height: 48px
}

.root.connected-wallet .disconnect-btn {
    margin-right: 8px;
    width: 48px;
    flex-shrink: 0;
    border-radius: 14px
}

.root.connected-wallet .address-btn {
    flex-grow: 1;
    max-width: 279px;
    padding: 12px!important;
    border-radius: 16px
}

.root.connected-wallet .address-btn .btn-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.root.connected-wallet .address-btn .ton-icon {
    flex-shrink: 0;
    margin-right: 12px
}

.root.connected-wallet .address-btn .copy-icon {
    flex-shrink: 0;
    margin-left: 12px
}

.root.connected-wallet .address-btn .address {
    color: #202030;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -.09px;
    white-space: nowrap
}

.root.wallet-page .page-body {
    padding-bottom: 22px
}

.root.wallet-page .page-body .transaction-history-banner {
    margin-top: 20px
}

.root.wallet-page .eighred-img {
    width: 200px;
    height: auto;
    margin-bottom: -7px;
    padding: inherit;
}

.root.wallet-page .page-title {
    margin-bottom: 12px
}

.root.wallet-page .subtitle {
    margin-bottom: 40px;
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.root.wallet-page .connect-btn {
    position: relative;
    margin-top: 8px;
    max-width: 335px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #fff;
    border: 1.5px solid #fff;
    border-radius: 12px;
    padding: 15px 11px 15px 15px;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: .33px;
    outline: none;
    overflow: hidden
}

.root.wallet-page .connect-btn .ton-icon {
    flex-shrink: 0;
    margin-right: 8px
}

.root.wallet-page .connect-btn .arrow-icon {
    flex-shrink: 0;
    margin-left: auto
}

.root.wallet-page .connect-btn .text {
    margin-right: 8px
}

.root.wallet-page .btn-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000
}

.root.wallet-page .loader {
    color: #a882ff
}

.link,.root.daily-results .link {
    color: #a882ff;
    text-decoration: none;
    transition: color .2s ease;
    cursor: pointer
}

.link:hover,.root.daily-results .link:hover,.link:focus,.root.daily-results .link:focus {
    color: #a882ff
}

.root.daily-results {
    background: #f8f8f9;
    max-width: calc(100% - clamp(20px,10.56vw,60px));
    box-sizing: border-box;
    width: 100%;
    border-radius: 16px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 20px #00000014
}

.root.daily-results:hover .link {
    color: #a882ff
}

.root.daily-results .img {
    margin-left: 14px;
    display: flex;
    flex-shrink: 0;
}

.root.daily-results .text {
    flex-grow: 1;
    text-align: left
}

.root.daily-results .text .date {
    color: #202030;
    margin-bottom: 11px;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px
}

.root.daily-results .text .profit {
    box-sizing: border-box;
    flex-grow: 1;
    margin-bottom: 8px;
    padding-left: 2px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .63px;
    color: #000
}

.root.daily-results .text .profit .amount {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.root.daily-results .text .profit .amount .row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap
}

.root.daily-results .text .profit .plus {
    margin-top: -3px;
    line-height: 24px
}

.root.daily-results .link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #a882ff;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px;
    text-align: left;
    text-decoration: none
}

.root.daily-results .link .arrow {
    margin-left: 4px
}

.root.leaderboard-page {
    padding: 26px 0 81px
}

.root.leaderboard-page .title {
    margin-bottom: 24px;
}

.root.leaderboard-page .loader {
    color: #a882ff
}

.root.leaderboard-page .empty {
    opacity: .80
}

.root.leaderboard-page .tabs-component {
    margin-bottom: 20px!important
}

.root.leaderboard-page .leader-list {
    width: 100%;
    margin: 16px 0 0;
    padding: 0;
    list-style-type: none
}

.root.leaderboard-page .leader-list .user {
    width: 100%;
    box-sizing: border-box;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .2px;
    text-align: left;
    overflow: hidden;
    color: #fff
}

.root.leaderboard-page .leader-list .user:not(:last-child) {
    border-bottom: 1px solid rgba(0,0,0,.05)
}

.root.leaderboard-page .leader-list .user:nth-child(1) .position {
    color: #f0d020
}

.root.leaderboard-page .leader-list .user:nth-child(2) .position {
    color: #02ff63
}

.root.leaderboard-page .leader-list .user:nth-child(3) .position {
    color: #00f2ff
}

.root.leaderboard-page .leader-list .user.me {
    background-color: #edebff
}

.root.leaderboard-page .leader-list .user.me .position,.root.leaderboard-page .leader-list .user.me .name {
    color: #a882ff
}

.root.leaderboard-page .leader-list .user .name {
    width: 100%;
    margin: 0 20px 0 10px;
    overflow: hidden;
    text-overflow: ellipsis
}

.root.leaderboard-page .leader-list .user .position {
    flex-shrink: 0;
    width: 18px
}

.root.leaderboard-page .leader-list .user .refs {
    flex-shrink: 0;
    color: #fff;
    margin-left: auto;
    white-space: nowrap
}

.link,.root.referral-contest-page .arrow {
    color: #a882ff;
    text-decoration: none;
    transition: color .2s ease;
    cursor: pointer
}

.link:hover,.root.referral-contest-page .arrow:hover,.link:focus,.root.referral-contest-page .arrow:focus {
    color: #a882ff
}

.root.referral-contest-page {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: left
}

.root.referral-contest-page .title {
    width: 100%;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.root.referral-contest-page .content {
    padding-bottom: 18px
}

.root.referral-contest-page .arrow {
    margin-right: 14px;
    color: #000;
    transform: rotate(180deg)
}

.root.referral-contest-page p {
    margin: 8px 0;
    width: 100%
}

.root.referral-contest-page .bold {
    font-weight: 500
}

.root.referral-contest-page img {
    height: 21px;
    width: 21px
}

.root.referral-contest-page .row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap
}

.root.referral-contest-page ul {
    margin: 0 0 1em;
    width: 100%
}

.link,.root.referral-contest-weekly-page .arrow {
    color: #a882ff;
    text-decoration: none;
    transition: color .2s ease;
    cursor: pointer
}

.link:hover,.root.referral-contest-weekly-page .arrow:hover,.link:focus,.root.referral-contest-weekly-page .arrow:focus {
    color: #a882ff
}

.root.referral-contest-weekly-page {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: left
}

.root.referral-contest-weekly-page .title {
    width: 100%;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.root.referral-contest-weekly-page .content {
    padding-bottom: 18px
}

.root.referral-contest-weekly-page .arrow {
    margin-right: 14px;
    color: #000;
    transform: rotate(180deg)
}

.root.referral-contest-weekly-page p {
    margin: 8px 0;
    width: 100%
}

.root.referral-contest-weekly-page .bold {
    font-weight: 500
}

.root.referral-contest-weekly-page img {
    height: 21px;
    width: 21px
}

.root.referral-contest-weekly-page .row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap
}

.root.referral-contest-weekly-page ul {
    margin: 0 0 1em;
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.upgrade-wolf-modal[data-v-9dcde4fe] {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding-bottom: 14px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.root.upgrade-wolf-modal .header[data-v-9dcde4fe] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px;
    min-height: 80px;
    height: 80px
}

.root.upgrade-wolf-modal .header img[data-v-9dcde4fe]:hover {
    cursor: pointer
}

.root.upgrade-wolf-modal .header .title[data-v-9dcde4fe] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0
}

.root.upgrade-wolf-modal .modal-body[data-v-9dcde4fe] {
    padding: 0 21px
}

.root.upgrade-wolf-modal .modal-body .description[data-v-9dcde4fe] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #fff;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0;
    text-align: left
}

.root.upgrade-wolf-modal .modal-body .multiplicator[data-v-9dcde4fe] {
    margin-top: 13.5px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
    text-align: left
}

.root.upgrade-wolf-modal .modal-body .multiplicator .upgrade-icon[data-v-9dcde4fe] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 2px
}

.root.upgrade-wolf-modal .modal-body .multiplicator .orange[data-v-9dcde4fe] {
    color: #a882ff
}

.root.upgrade-wolf-modal .modal-body .multiplicator .blue[data-v-9dcde4fe] {
    color: #a882ff
}

.root.upgrade-wolf-modal .modal-body .button-component[data-v-9dcde4fe] {
    margin-top: 20px
}

.root.upgrade-wolf-modal .modal-body .button-component .row[data-v-9dcde4fe] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: .33px
}

.root.upgrade-wolf-modal .modal-body .button-component .upgrade-icon[data-v-9dcde4fe] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 10px
}

.root.upgrade-wolf-modal .modal-body .button-component .dollar-icon[data-v-9dcde4fe] {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin: 0 4px
}

.root.wolf-item {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    max-width: 158px;
    height: 100%;
    color: #fff;
    text-align: left
}

.root.wolf-item.unavailable .wolf-img {
    filter: grayscale(100%)
}

.root.wolf-item .space-wolf {
    margin-bottom: 8px;
    min-height: 190px;
    flex-grow: 1;
    background-color: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

.root.wolf-item .space-wolf .wolf-img {
    margin: 0;
    width: 70%;
    flex-grow: 0
}

.root.wolf-item .wolf-img {
    margin-bottom: 8px;
    width: 100%;
    height: auto;
    flex-grow: 1;
    border-radius: 8px;
    overflow: hidden
}

.root.wolf-item .title {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 700;
    line-height: 20.76px
}

.root.wolf-item .description {
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px
}

.root.wolf-item .cost {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px
}

.root.wolf-item .cost .icon {
    margin-right: 2px
}

.root.wolf-item .btn {
    flex-shrink: 0;
    align-self: flex-end;
    margin-top: 12px;
    height: 40px;
    border-radius: 24px;
    width: 100%
}

.root.wolf-item .btn .btn-content {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px
}

.root.wolf-item .btn .upgrade {
    display: flex;
    align-items: center;
    justify-content: center
}

.root.wolf-item .btn .upgrade .upgrade-icon {
    margin-right: 6px;
    width: 24px;
    flex-shrink: 0
}

.root.wolf-item .btn .upgrade .dollar-icon {
    width: 16px;
    margin-left: 6px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.assistant-modal-component[data-v-c49da0c3] {
    position: fixed;
    background: #fff;
    z-index: 600;
    bottom: 0;
    top: auto;
    width: 100%;
    min-height: 305px;
    height: 90%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media (max-width: 599px) {
    .assistant-modal-component[data-v-c49da0c3] {
        width:100%
    }
}

.assistant-modal-component>div[data-v-c49da0c3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%
}

.assistant-modal-component .btn-stars img[data-v-c49da0c3] {
    margin: 0 5px
}

.assistant-modal-component .loader[data-v-c49da0c3] {
    color: #a882ff
}

.assistant-modal-component .modal-content[data-v-c49da0c3] {
    position: fixed;
    height: 100%;
    width: 100%;
    transform: none
}

.assistant-modal-component .invite[data-v-c49da0c3] {
    transition-duration: .5s;
    transition-property: opacity,transform
}

.assistant-modal-component .invite[data-v-c49da0c3]:not(:last-child) {
    margin-bottom: 12px
}

.assistant-modal-component .header[data-v-c49da0c3] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 21px;
    min-height: 80px;
    height: 80px
}

.assistant-modal-component .header img[data-v-c49da0c3]:hover {
    cursor: pointer
}

.assistant-modal-component .header .title[data-v-c49da0c3] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 25px;
    color: #fff;
    line-height: 28px;
    letter-spacing: 0;
    text-align: left;
    padding-top: 28px
}

.assistant-modal-component .modal-body[data-v-c49da0c3] {
    padding: 0 21px 35px;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
    height: 100%
}

.assistant-modal-component .modal-body .body-top[data-v-c49da0c3] {
    width: 100%
}

.assistant-modal-component .modal-body .body-top .text[data-v-c49da0c3] {
    text-align: left;
    max-width: 326px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #fff;
    line-height: 22px;
    padding-right: 40px
}

.assistant-modal-component .modal-body .body-top .text-description[data-v-c49da0c3] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    margin: 17px 0;
    padding-right: 40px
}

.assistant-modal-component .modal-body .body-bottom[data-v-c49da0c3] {
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.hidden[data-v-18565466] {
    display: none!important
}

.root.assistant-item[data-v-18565466] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 158px;
    height: 100%;
    color: #fff;
    text-align: left
}

.root.assistant-item.unavailable .assistant-img[data-v-18565466] {
    filter: grayscale(100%)
}

.root.assistant-item .image-container[data-v-18565466] {
    display: flex;
    width: 158px;
    height: 190px;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden
}

.root.assistant-item .assistant-img[data-v-18565466] {
    margin-bottom: 8px;
    max-width: 158px;
    width: 100%;
    height: auto;
    flex-grow: 1;
    border-radius: 8px;
    overflow: hidden
}

.root.assistant-item .title[data-v-18565466] {
    margin: 0 0 7px;
    font-size: 17px;
    font-weight: 700;
    line-height: 20.76px;
    width: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: .33px
}

.root.assistant-item .description[data-v-18565466] {
    margin-bottom: 6px;
    margin-top: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.3px
}

.root.assistant-item .cost-block span[data-v-18565466],.root.assistant-item .currencies-block[data-v-18565466] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.root.assistant-item .currencies-block span[data-v-18565466] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important
}

.root.assistant-item .currencies-block .info-block:hover .info[data-v-18565466] {
    visibility: visible
}

.root.assistant-item .currencies-block .info-block[data-v-18565466] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    max-height: 16px;
    height: 16px
}

.root.assistant-item .currencies-block .info-block button[data-v-18565466] {
    max-width: 16px;
    max-height: 16px;
    padding: 0!important;
    margin: 0!important;
    border: none;
    background: transparent;
    outline: none
}

.root.assistant-item .currencies-block .info-block .inline-block[data-v-18565466] {
    max-width: 16px;
    max-height: 16px;
    margin: 0!important;
    padding: 0!important;
    border: none!important
}

.root.assistant-item .currencies-block .info-block .info[data-v-18565466] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #fff;
    min-width: 154px;
    height: auto;
    border-radius: 8px
}

.root.assistant-item .currencies-block .info-block .info .info-item[data-v-18565466] {
    padding: 9px 14px;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
}

.root.assistant-item .currencies-block .info-block .info .info-item img[data-v-18565466] {
    margin-right: 4px
}

.root.assistant-item .cost[data-v-18565466] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .2px
}

.root.assistant-item .cost .icon[data-v-18565466] {
    margin-right: 2px
}

.root.assistant-item .cost span[data-v-18565466] {
    margin-right: 3px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.root.assistant-item .cost p[data-v-18565466] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.root.assistant-item .cost .or[data-v-18565466] {
    margin-right: 5px
}

.root.assistant-item .cost div[data-v-18565466] {
    height: 22px;
    display: flex;
    align-items: center
}

.root.assistant-item .btn[data-v-18565466] {
    align-self: flex-end;
    margin-top: 10px;
    height: 40px;
    border-radius: 24px;
    width: 100%
}

.root.assistant-item .btn .btn-content[data-v-18565466] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px
}

.root.assistant-item .btn .upgrade[data-v-18565466] {
    display: flex;
    align-items: center;
    justify-content: center
}

.root.assistant-item .btn .upgrade .upgrade-icon[data-v-18565466] {
    margin-right: 6px;
    width: 24px;
    flex-shrink: 0
}

.root.assistant-item .btn .upgrade .dollar-icon[data-v-18565466] {
    width: 16px;
    margin-left: 6px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.hidden {
    display: none!important
}

.root.boost-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 158px;
    height: 100%;
    color: #fff;
    text-align: left
}

.root.boost-item.unavailable .assistant-img {
    filter: grayscale(100%)
}

.root.boost-item .image-container {
    display: flex;
    width: 158px;
    height: 190px;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden
}

.root.boost-item .assistant-img {
    margin-bottom: 8px;
    margin-right: -13px;
    max-width: 158px;
    width: 100%;
    height: auto;
    flex-grow: 1;
    border-radius: 8px;
    overflow: hidden
}

.root.boost-item .title {
    margin: 0 0 7px;
    font-size: 17px;
    font-weight: 700;
    line-height: 20.76px;
    width: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: .33px
}

.root.boost-item .description {
    margin-bottom: 6px;
    margin-top: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.3px
}

.root.boost-item .cost-block span,.root.boost-item .currencies-block {
    display: flex;
    flex-direction: row;
    align-items: center
}

.root.boost-item .currencies-block span {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"!important
}

.root.boost-item .currencies-block .info-block:hover .info {
    visibility: visible
}

.root.boost-item .currencies-block .info-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    max-height: 16px;
    height: 16px
}

.root.boost-item .currencies-block .info-block button {
    max-width: 16px;
    max-height: 16px;
    padding: 0!important;
    margin: 0!important;
    border: none;
    background: transparent;
    outline: none
}

.root.boost-item .currencies-block .info-block .inline-block {
    max-width: 16px;
    max-height: 16px;
    margin: 0!important;
    padding: 0!important;
    border: none!important
}

.root.boost-item .currencies-block .info-block .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #fff;
    min-width: 154px;
    height: auto;
    border-radius: 8px
}

.root.boost-item .currencies-block .info-block .info .info-item {
    padding: 9px 14px;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
}

.root.boost-item .currencies-block .info-block .info .info-item img {
    margin-right: 4px
}

.root.boost-item .cost {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .2px
}

.root.boost-item .cost .icon {
    margin-right: 2px
}

.root.boost-item .cost span {
    margin-right: 3px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.root.boost-item .cost p {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.root.boost-item .cost .or {
    margin-right: 5px
}

.root.boost-item .cost div {
    height: 22px;
    display: flex;
    align-items: center
}

.root.boost-item .btn {
    align-self: flex-end;
    margin-top: 10px;
    height: 40px;
    border-radius: 24px;
    width: 100%
}

.root.boost-item .btn .btn-content {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px
}

.root.boost-item .btn .upgrade {
    display: flex;
    align-items: center;
    justify-content: center
}

.root.boost-item .btn .upgrade .upgrade-icon {
    margin-right: 6px;
    width: 24px;
    flex-shrink: 0
}

.root.boost-item .btn .upgrade .dollar-icon {
    width: 16px;
    margin-left: 6px
}

.root.wolf-marketplace-page {
    flex-grow: 0
}

.root.wolf-marketplace-page .tabs-component {
    max-width: none
}

.root.wolf-marketplace-page .content {
    padding: 23px 0;
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(auto-fill,minmax(158px,1fr));
    grid-gap: 28px 19px;
    width: 100%;
    height: 100%!important
}

.root.wolf-marketplace-page .loader {
    color: #a882ff;
    margin: auto
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.medium .welcome-img[data-v-284000cc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.medium .welcome-img img[data-v-284000cc] {
    max-width: 310px
}

.medium .btn-container .help[data-v-284000cc] {
    margin-top: 18px!important
}

.small .welcome-img[data-v-284000cc] {
    display: flex;
    align-items: center;
    justify-content: center
}

.small .welcome-img img[data-v-284000cc] {
    max-width: 250px!important
}

.small .btn-container .help[data-v-284000cc] {
    margin-top: 10px!important
}

.staking-page[data-v-284000cc] {
    height: 100%;
    width: 100%
}

.staking-page .top-part[data-v-284000cc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    height: 100%
}

.staking-page .stakes[data-v-284000cc] {
    width: 100%;
    overflow: auto;
    height: 100%;
    padding-bottom: 151px
}

.staking-page .img[data-v-284000cc] {
    display: block;
    width: 100%;
    height: auto;
    max-width: 164px;
    max-height: 100%;
    object-fit: contain
}

.staking-page .title[data-v-284000cc] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0 20px;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: .6px;
    margin-bottom: 0;
    color: #fff
}

.staking-page .text-title[data-v-284000cc] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #a3a3a3;
    max-width: 335px;
    margin-top: 11px;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 31px
}

.staking-page .text[data-v-284000cc] {
    flex-shrink: 0;
    margin-top: 4px;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.staking-page .btn-container.common[data-v-284000cc] {
    bottom: 0!important
}

.staking-page .btn-container[data-v-284000cc] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    width: calc(100% - 40px);
    margin-left: 20px;
    position: absolute;
    height: 72px;
    background: #000;
    bottom: 0
}

.staking-page .btn-container .button-component[data-v-284000cc] {
    min-height: 50px
}

.staking-page .btn-container .help[data-v-284000cc] {
    margin-top: 27px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    line-height: 22px;
    color: #a882ff
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.link[data-v-3e887880],.root.duration-step .top-part .link[data-v-3e887880] {
    color: #a882ff;
    text-decoration: none;
    transition: color .2s ease;
    cursor: pointer
}

.link[data-v-3e887880]:hover,.root.duration-step .top-part .link[data-v-3e887880]:hover,.link[data-v-3e887880]:focus,.root.duration-step .top-part .link[data-v-3e887880]:focus {
    color: #a882ff
}

.root.duration-step.small .welcome-img[data-v-3e887880] {
    max-height: 45%!important
}

.root.duration-step[data-v-3e887880] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    justify-content: space-between;
    height: 100%;
    padding: 35px 20px 16px
}

.root.duration-step .top-part[data-v-3e887880] {
    padding: 0;
    overflow: hidden
}

.root.duration-step .top-part .title[data-v-3e887880] {
    margin: 0 0 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .33px;
    text-align: left
}

.root.duration-step .top-part .text[data-v-3e887880] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1e1e1e;
    margin: 8px 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 21px;
    text-align: left
}

.root.duration-step .top-part .text-title[data-v-3e887880] {
    margin: 8px 0;
    display: flex;
    align-items: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    letter-spacing: .5px
}

.root.duration-step .top-part .text-title img[data-v-3e887880] {
    height: 21px;
    width: 21px
}

.root.duration-step .top-part .link[data-v-3e887880] {
    color: #a882ff;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .33px;
    text-align: left;
    text-decoration: none
}

.root.duration-step .cards-part[data-v-3e887880] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 22px
}

.root.duration-step .cards-part .card-item.active[data-v-3e887880] {
    background: #edebff
}

.root.duration-step .cards-part .card-item[data-v-3e887880] {
    width: 104px;
    height: 166px;
    border: 1px solid #C8C3FF;
    background: #fff;
    border-radius: 16px;
    padding-top: 3px;
    cursor: pointer
}

.root.duration-step .cards-part .card-item .img[data-v-3e887880] {
    min-width: 96px;
    min-height: 96px
}

.root.duration-step .cards-part .card-item .title[data-v-3e887880] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 17px;
    margin-top: -3px;
    margin-bottom: 6px;
    text-align: center
}

.root.duration-step .cards-part .card-item .reward[data-v-3e887880] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    color: #a882ff;
    text-align: center;
    direction: ltr
}

.root.duration-step .welcome-img[data-v-3e887880] {
    max-height: 53%;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.root.duration-step .welcome-img .img[data-v-3e887880] {
    width: auto;
    height: 100%;
    max-height: 100%;
    margin: 0
}

.root.duration-step .btn-container[data-v-3e887880] {
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0
}

.root.duration-step .btn-container .btn[data-v-3e887880] {
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.link[data-v-bb91458f],.root.amount-step .top-part .link[data-v-bb91458f] {
    color: #a882ff;
    text-decoration: none;
    transition: color .2s ease;
    cursor: pointer
}

.link[data-v-bb91458f]:hover,.root.amount-step .top-part .link[data-v-bb91458f]:hover,.link[data-v-bb91458f]:focus,.root.amount-step .top-part .link[data-v-bb91458f]:focus {
    color: #a882ff
}

.root.amount-step.small .welcome-img[data-v-bb91458f] {
    max-height: 45%!important
}

.root.amount-step[data-v-bb91458f] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    justify-content: space-between;
    height: 100%;
    padding: 35px 20px 16px
}

.root.amount-step .top-part[data-v-bb91458f] {
    padding: 0;
    overflow: hidden
}

.root.amount-step .top-part .title[data-v-bb91458f] {
    margin: 0 0 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .33px;
    text-align: left
}

.root.amount-step .top-part .text[data-v-bb91458f] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1e1e1e;
    margin: 8px 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 21px;
    text-align: left
}

.root.amount-step .top-part .text-title[data-v-bb91458f] {
    margin: 8px 0 38px;
    display: flex;
    align-items: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    letter-spacing: .5px
}

.root.amount-step .top-part .text-title img[data-v-bb91458f] {
    height: 21px;
    width: 21px
}

.root.amount-step .top-part .percents[data-v-bb91458f] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 24px
}

.root.amount-step .top-part .percents .percent[data-v-bb91458f] {
    width: 54px;
    height: 32px;
    background-color: #a882ff;
    border-radius: 16px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    cursor: pointer
}

.root.amount-step .top-part .percents .percent[data-v-bb91458f]:hover {
    opacity: .75
}

.root.amount-step .top-part .percents .percent.active[data-v-bb91458f] {
    background: #c8c3ff
}

.root.amount-step .top-part .link[data-v-bb91458f] {
    color: #a882ff;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: .33px;
    text-align: left;
    text-decoration: none
}

.root.amount-step .btn-container[data-v-bb91458f] {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 0
}

.root.amount-step .btn-container .btn[data-v-bb91458f] {
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.link[data-v-f89e3d35] {
    color: #a882ff;
    text-decoration: none;
    transition: color .2s ease;
    cursor: pointer
}

.link[data-v-f89e3d35]:hover,.link[data-v-f89e3d35]:focus {
    color: #a882ff
}

.root.confirm-step[data-v-f89e3d35] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    justify-content: space-between;
    height: 100%;
    padding: 35px 20px 16px
}

.root.confirm-step .top-part[data-v-f89e3d35] {
    padding: 0;
    overflow: hidden;
    width: 100%
}

.root.confirm-step .top-part .title[data-v-f89e3d35] {
    margin: 0 0 31px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 26px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .33px;
    text-align: left
}

.root.confirm-step .top-part .total-block[data-v-f89e3d35] {
    background-color: #fff;
    border-radius: 16px;
    padding: 15px 20px 6px
}

.root.confirm-step .top-part .total-block .title[data-v-f89e3d35] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 20px;
    color: #000;
    line-height: 24px;
    margin-bottom: 20px
}

.root.confirm-step .top-part .total-block .total-row[data-v-f89e3d35] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.root.confirm-step .top-part .total-block .total-row .row-title[data-v-f89e3d35] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #a3a3a3;
    line-height: 22px
}

.root.confirm-step .top-part .total-block .total-row .row-result[data-v-f89e3d35] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #202030;
    line-height: 22px
}

.root.confirm-step .top-part .total-block .total-row .row-result span[data-v-f89e3d35] {
    color: #a3a3a3!important
}

.root.confirm-step .top-part .total-block .total-row .row-result img[data-v-f89e3d35] {
    padding: 0 5px
}

.root.confirm-step .top-part .total-block .separator[data-v-f89e3d35] {
    height: 1px;
    width: 100%;
    background: #e9e9ea;
    margin-bottom: 20px
}

.root.confirm-step .btn-container[data-v-f89e3d35] {
    box-sizing: border-box;
    width: 100%;
    padding: 8px 0
}

.root.confirm-step .btn-container .btn[data-v-f89e3d35] {
    width: 100%
}

.steps {
    width: 100%;
    z-index: 99;
    position: fixed;
    background: #000
}

.steps .steps-container {
    padding: 0!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.earn-page[data-v-2ebbc49d] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

.root.earn-page .loader[data-v-2ebbc49d] {
    color: #a882ff
}

.root.earn-page .page-title[data-v-2ebbc49d] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
    color: #fff;
    letter-spacing: .33px;
    margin: 28px 0
}

.root.earn-page .page-body[data-v-2ebbc49d] {
    padding: 0 20px
}

.root.earn-page .page-body .earn-card.disabled[data-v-2ebbc49d] {
    opacity: .80
}

.root.earn-page .page-body .earn-card.disabled[data-v-2ebbc49d]:hover {
    background: #fff;
    cursor: default
}

.root.earn-page .page-body .earn-card[data-v-2ebbc49d] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px;
    background-color: #fff;
    border-radius: 12px;
    padding: 16px 12px;
    min-height: 55px
}

.root.earn-page .page-body .earn-card[data-v-2ebbc49d]:hover {
    background: #edebff;
    cursor: pointer
}

.root.earn-page .page-body .earn-card img[data-v-2ebbc49d] {
    min-width: 36px;
    min-height: 36px;
    width: 36px;
    height: 36px;
    margin-right: 16px
}

.root.earn-page .page-body .earn-card .info[data-v-2ebbc49d] {
    text-align: left
}

.root.earn-page .page-body .earn-card .info .title[data-v-2ebbc49d] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    line-height: 22px;
    font-weight: 500;
    color: #000;
    letter-spacing: .33px
}

.root.earn-page .page-body .earn-card .info .text[data-v-2ebbc49d] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    color: #4d4d59;
    line-height: 16px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.medium .top-part .text-title[data-v-6bcb618e] {
    margin-bottom: 20px!important
}

.medium .top-part .welcome-img[data-v-6bcb618e] {
    margin-bottom: 17px!important
}

.medium .top-part .welcome-img img[data-v-6bcb618e] {
    max-height: 150px!important
}

.medium .top-part .question-text[data-v-6bcb618e] {
    margin-bottom: 25px!important
}

.small .top-part .text-title[data-v-6bcb618e] {
    margin-bottom: 0!important
}

.small .top-part .welcome-img[data-v-6bcb618e] {
    margin-bottom: 4px!important;
    height: 100px!important;
    width: 100px!important
}

.small .top-part .welcome-img img[data-v-6bcb618e] {
    max-height: 100px!important
}

.small .top-part .question-text[data-v-6bcb618e],.small .top-part .question-title[data-v-6bcb618e] {
    margin-bottom: 5px!important
}

.oracle-page[data-v-6bcb618e] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    padding-bottom: 80px
}

.oracle-page .section[data-v-6bcb618e] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.oracle-page .datepicker-wrapper[data-v-6bcb618e] {
    box-sizing: border-box;
    width: 100%;
    padding: 0 20px
}

.oracle-page .top-part[data-v-6bcb618e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    width: 100%
}

.oracle-page .top-part .welcome-img[data-v-6bcb618e] {
    margin-bottom: 57px
}

.oracle-page .img[data-v-6bcb618e] {
    display: block;
    width: 100%;
    height: auto;
    max-width: 164px;
    max-height: 100%;
    object-fit: contain
}

.oracle-page .title[data-v-6bcb618e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0 20px;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: .6px;
    margin-bottom: 0;
    max-width: 335px;
    color: #fff
}

.oracle-page .text-title[data-v-6bcb618e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #a3a3a3;
    margin-top: 11px;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 40px;
    max-width: 335px
}

.oracle-page .question-title[data-v-6bcb618e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 19px;
    line-height: 24px;
    padding: 0 20px;
    max-width: 335px;
    margin-bottom: 12px
}

.oracle-page .question-text[data-v-6bcb618e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 19px;
    line-height: 24px;
    padding: 0 20px;
    max-width: 335px;
    margin-bottom: 45px
}

.oracle-page .text[data-v-6bcb618e] {
    flex-shrink: 0;
    margin-top: 4px;
    font-size: 19px;
    font-weight: 500;
    line-height: 24px;
    text-align: center
}

.oracle-page .btn-container[data-v-6bcb618e] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 40px);
    position: absolute;
    height: 72px;
    background: #000;
    bottom: 0
}

.oracle-page .btn-container .button-component[data-v-6bcb618e] {
    min-height: 50px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.oracle-success-page[data-v-af4889ad] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 52px
}

.oracle-success-page .info[data-v-af4889ad] {
    margin: 11px 0;
    max-width: 375px;
    width: 100%
}

.oracle-success-page .info .title[data-v-af4889ad] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0 20px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 19px;
    color: #fff
}

.oracle-success-page .info .text[data-v-af4889ad] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0 30px;
    font-size: 15px;
    line-height: 20px;
    color: #fff
}

.oracle-success-page .btn-container[data-v-af4889ad] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    width: calc(100% - 40px);
    position: absolute;
    height: 72px;
    background: #000;
    bottom: 0
}

.oracle-success-page .btn-container .button-component[data-v-af4889ad] {
    min-height: 50px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.oracle-failure-page[data-v-6c37ae23] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 52px
}

.oracle-failure-page .info[data-v-6c37ae23] {
    margin: 11px 0;
    max-width: 375px;
    width: 100%
}

.oracle-failure-page .info .title[data-v-6c37ae23] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0 20px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 19px;
    color: #fff
}

.oracle-failure-page .info .text[data-v-6c37ae23] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0 30px;
    font-size: 15px;
    line-height: 20px;
    color: #fff
}

.oracle-failure-page .btn-container[data-v-6c37ae23] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    width: calc(100% - 40px);
    position: absolute;
    height: 72px;
    background: #000;
    bottom: 0
}

.oracle-failure-page .btn-container .button-component[data-v-6c37ae23] {
    min-height: 50px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.oracle-answered-page[data-v-8bbb28cd] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 144px
}

.oracle-answered-page .info[data-v-8bbb28cd] {
    margin-top: 75px;
    max-width: 375px;
    width: 100%
}

.oracle-answered-page .info .title[data-v-8bbb28cd] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0 20px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 19px;
    color: #fff
}

.oracle-answered-page .info .text[data-v-8bbb28cd] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0 30px;
    font-size: 15px;
    line-height: 20px;
    color: #fff
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.hidden[data-v-3e37aeaf] {
    display: none!important
}

.root.assistant-item[data-v-3e37aeaf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 158px;
    height: 100%;
    color: #fff;
    text-align: left
}

.root.assistant-item.unavailable .assistant-img[data-v-3e37aeaf] {
    filter: grayscale(100%)
}

.root.assistant-item .image-container[data-v-3e37aeaf] {
    display: flex;
    width: 158px;
    height: 190px;
    background: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden
}

.root.assistant-item .assistant-img[data-v-3e37aeaf] {
    margin-bottom: 8px;
    max-width: 158px;
    width: 100%;
    height: auto;
    flex-grow: 1;
    border-radius: 8px;
    overflow: hidden
}

.root.assistant-item .title[data-v-3e37aeaf] {
    margin: 0 0 7px;
    font-size: 17px;
    font-weight: 700;
    line-height: 20.76px;
    width: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: .33px
}

.root.assistant-item .description[data-v-3e37aeaf] {
    margin-bottom: 6px;
    margin-top: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -.3px
}

.root.assistant-item .cost-block span[data-v-3e37aeaf],.root.assistant-item .currencies-block[data-v-3e37aeaf] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.root.assistant-item .currencies-block .info-block:hover .info[data-v-3e37aeaf] {
    visibility: visible
}

.root.assistant-item .currencies-block .info-block[data-v-3e37aeaf] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 16px
}

.root.assistant-item .currencies-block .info-block button[data-v-3e37aeaf] {
    max-width: 16px;
    max-height: 16px;
    padding: 0!important;
    margin: 0!important;
    border: none;
    background: transparent;
    outline: none
}

.root.assistant-item .currencies-block .info-block .inline-block[data-v-3e37aeaf] {
    max-width: 16px;
    max-height: 16px;
    margin: 0!important;
    padding: 0!important;
    border: none!important
}

.root.assistant-item .currencies-block .info-block .info[data-v-3e37aeaf] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: #fff;
    min-width: 154px;
    height: auto;
    border-radius: 8px
}

.root.assistant-item .currencies-block .info-block .info .info-item[data-v-3e37aeaf] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 9px 14px;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
    color: #000;
}

.root.assistant-item .currencies-block .info-block .info .info-item img[data-v-3e37aeaf] {
    margin-right: 4px
}

.root.assistant-item .cost[data-v-3e37aeaf] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .2px
}

.root.assistant-item .cost .icon[data-v-3e37aeaf] {
    margin-right: 2px
}

.root.assistant-item .cost span[data-v-3e37aeaf] {
    margin-right: 3px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.root.assistant-item .cost p[data-v-3e37aeaf] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.root.assistant-item .cost .or[data-v-3e37aeaf] {
    margin-right: 5px
}

.root.assistant-item .cost div[data-v-3e37aeaf] {
    height: 22px;
    display: flex;
    align-items: center
}

.root.assistant-item .btn[data-v-3e37aeaf] {
    align-self: flex-end;
    margin-top: 10px;
    height: 40px;
    border-radius: 24px;
    width: 100%
}

.root.assistant-item .btn .btn-content[data-v-3e37aeaf] {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px
}

.root.assistant-item .btn .upgrade[data-v-3e37aeaf] {
    display: flex;
    align-items: center;
    justify-content: center
}

.root.assistant-item .btn .upgrade .upgrade-icon[data-v-3e37aeaf] {
    margin-right: 6px;
    width: 24px;
    flex-shrink: 0
}

.root.assistant-item .btn .upgrade .dollar-icon[data-v-3e37aeaf] {
    width: 16px;
    margin-left: 6px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.medium .image-block[data-v-dc5ce20e] {
    width: 170px!important;
    height: 120px!important;
    padding: 30px
}

.medium .image-block img[data-v-dc5ce20e] {
    height: auto!important
}

.small .image-block[data-v-dc5ce20e] {
    width: 100px!important;
    height: 60px!important;
    padding: 20px
}

.small .image-block img[data-v-dc5ce20e] {
    height: auto!important
}

.store-page[data-v-dc5ce20e] {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.steps-container {
    height: calc(100% - 47px);
    padding-bottom: 81px
}

.store-page .content[data-v-dc5ce20e] {
    padding: 23px 0;
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(auto-fill,minmax(158px,1fr));
    grid-gap: 28px 19px;
    width: 100%
}

.store-page .loader[data-v-dc5ce20e] {
    color: #a882ff
}

.store-page .top-part[data-v-dc5ce20e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    height: 100%;
    width: 100%
}

.store-page .top-part .part-block[data-v-dc5ce20e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 80px;
    width: 100%
}

.store-page .title[data-v-dc5ce20e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    padding: 0 20px;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: .6px;
    margin-bottom: 0
}

.store-page .text-title[data-v-dc5ce20e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #a3a3a3;
    max-width: 335px;
    margin-top: 11px;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 8px;
    max-width: 325px
}

.store-page .bought[data-v-dc5ce20e] {
    filter: grayscale(1)
}

.store-page .image-block[data-v-dc5ce20e] {
    width: 335px;
    height: 235px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 17px
}

.store-page .image-block img[data-v-dc5ce20e] {
    width: 100%;
    height: 100%;
    max-width: 260px;
    max-height: 197px
}

.store-page .description[data-v-dc5ce20e] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 17px 0
}

.store-page .description-title[data-v-dc5ce20e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    line-height: 22px
}

.store-page .description-subtitle[data-v-dc5ce20e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    text-align: start;
    margin: 10px 0
}

.store-page .description-price[data-v-dc5ce20e] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    line-height: 22px;
    font-weight: 500
}

.store-page .description-price span[data-v-dc5ce20e] {
    margin: 5px
}

.store-page .btn-container[data-v-dc5ce20e] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    width: calc(100% - 40px);
    position: fixed;
    height: 72px;
    background: #000;
    bottom: 0
}

.store-page .btn-container .button-component[data-v-dc5ce20e] {
    height: 40px!important;
    border-radius: 24px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.custom-task-blank {
    background: #f8f8f9;
    max-width: calc(100% - clamp(20px,10.56vw,60px));
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: justify-content;
    box-shadow: 0 4px 20px #00000014
}

.root.custom-task-blank .text {
    flex-grow: 1;
    text-align: left
}

.root.custom-task-blank .text .title {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #000;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.custom-task-page {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    background: #000;
    padding: 26px 20px 21px;
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box
}

.custom-task-page .top-block {
    display: flex;
    align-items: center;
    flex-direction: column
}

.custom-task-page .custom-task-banner {
    margin-bottom: 30px
}

.custom-task-page .custom-task-page-top {
    margin-bottom: 20px
}

.custom-task-page .custom-task-page-top .title {
    margin-bottom: 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    letter-spacing: 0px
}

.custom-task-page .custom-task-page-top .subtitle {
    max-width: 335px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    letter-spacing: .2px
}

.custom-task-page .loader {
    color: #a882ff
}

.custom-task-page .custom-task-page-body {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 0
}

.custom-task-page .custom-task-page-body .lx-loader {
    margin: 0 auto
}

.custom-task-page .custom-task-page-body .rules-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.custom-task-page .custom-task-page-body .rules-list .rule {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .2px
}

.custom-task-page .custom-task-page-body .rules-list .rule:before {
    content: "•";
    color: #a882ff;
    margin-right: 5px;
    width: 6px;
    height: 6px
}

.custom-task-page .custom-task-page-body .rules-list .rule span {
    color: #a882ff
}

.custom-task-page .custom-task-page-body .link {
    display: flex;
    flex-direction: row
}

.custom-task-page .custom-task-page-body .link .arrow {
    margin: 0 5px
}

.custom-task-page .custom-task-page-bottom {
    width: 100%;
    display: flex
}

.custom-task-page .custom-task-page-bottom .btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.custom-task-page .custom-task-page-bottom .btns .small {
    width: calc(50% - 5px)!important;
    max-width: unset!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.task-publishing-rules-page {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    padding: 26px 20px
}

.root.task-publishing-rules-page .title {
    width: 100%;
    margin-bottom: 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 24px
}

.root.task-publishing-rules-page p {
    margin: 8px 0;
    width: 100%
}

.root.task-publishing-rules-page .bold {
    font-weight: 500
}

.root.task-publishing-rules-page ul {
    margin: 0 0 1em
}

.root.task-publishing-rules-page li {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.custom-task-blank {
    background: #f8f8f9;
    max-width: 100%;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 20px #00000014
}

.root.custom-task-blank .text .title {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.customize-step[data-v-a545ce18] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    width: 100%;
    padding-top: 71px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    height: 100%
}

.root.customize-step .scroll-container[data-v-a545ce18] {
    overflow: auto;
    max-width: 100%;
    width: 100%
}

.root.customize-step .top-part[data-v-a545ce18] {
    padding: 0 20px;
    flex-shrink: 0
}

.root.customize-step .top-part .title[data-v-a545ce18] {
    margin: 0 0 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    text-align: left
}

.root.customize-step .top-part .text[data-v-a545ce18] {
    margin: 8px 0;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left
}

.root.customize-step .middle-part[data-v-a545ce18] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px
}

.root.customize-step .middle-part .demo-title[data-v-a545ce18] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 15px;
    width: 100%;
    text-align: left;
    margin-bottom: 15px
}

.root.customize-step .middle-part .custom-task-blank[data-v-a545ce18] {
    margin-bottom: 37px
}

.root.customize-step .middle-part .input-component[data-v-a545ce18] {
    margin-bottom: 35px
}

.root.customize-step .middle-part .select-component[data-v-a545ce18] {
    margin-bottom: 37px
}

.root.customize-step .btn-container[data-v-a545ce18] {
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
    padding: 8px 20px 20px
}

.root.customize-step .btn-container .btn[data-v-a545ce18] {
    width: 100%
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.amount-step[data-v-aeb2c406] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    width: 100%;
    padding-top: 71px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    height: 100%
}

.root.amount-step .scroll-container[data-v-aeb2c406] {
    overflow: auto;
    max-width: 100%;
    width: 100%
}

.root.amount-step .top-part[data-v-aeb2c406] {
    padding: 0 20px;
    flex-shrink: 0
}

.root.amount-step .top-part .title[data-v-aeb2c406] {
    margin: 0 0 36px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    text-align: left
}

.root.amount-step .top-part .text[data-v-aeb2c406] {
    margin: 8px 0;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left
}

.root.amount-step .middle-part[data-v-aeb2c406] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px
}

.root.amount-step .middle-part .demo-title[data-v-aeb2c406] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 15px;
    width: 100%;
    text-align: left;
    margin-bottom: 15px
}

.root.amount-step .middle-part .custom-task-blank[data-v-aeb2c406] {
    margin-bottom: 37px
}

.root.amount-step .middle-part .input-component[data-v-aeb2c406] {
    margin-bottom: 0
}

.root.amount-step .middle-part .percents[data-v-aeb2c406] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-top: 16px;
    width: 100%
}

.root.amount-step .middle-part .percents .percent[data-v-aeb2c406] {
    width: 54px;
    height: 32px;
    background-color: #edebff;
    border-radius: 16px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    cursor: pointer
}

.root.amount-step .middle-part .percents .percent[data-v-aeb2c406]:hover {
    opacity: .75
}

.root.amount-step .middle-part .percents .percent.active[data-v-aeb2c406] {
    background: #c8c3ff
}

.root.amount-step .middle-part .payment-method[data-v-aeb2c406] {
    width: 100%;
    text-align: left;
    margin-top: 33px
}

.root.amount-step .middle-part .payment-method .title[data-v-aeb2c406] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 15px;
    margin-bottom: 7px
}

.root.amount-step .middle-part .payment-method .tabs-component[data-v-aeb2c406] {
    max-width: 100%
}

.root.amount-step .middle-part .payment-method .details[data-v-aeb2c406] {
    background-color: #fff;
    border-radius: 16px;
    padding: 18px 21px;
    margin-top: 24px
}

.root.amount-step .middle-part .payment-method .details .title[data-v-aeb2c406] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 20px;
    margin-bottom: 27px
}

.root.amount-step .middle-part .payment-method .details .title-single[data-v-aeb2c406] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 20px
}

.root.amount-step .middle-part .payment-method .details .title-single div[data-v-aeb2c406] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.root.amount-step .middle-part .payment-method .details .title-single img[data-v-aeb2c406] {
    width: 22px;
    height: 22px
}

.root.amount-step .middle-part .payment-method .details .columns[data-v-aeb2c406] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #a3a3a3;
    width: 100%;
    margin-bottom: 22px
}

.root.amount-step .middle-part .payment-method .details .costs[data-v-aeb2c406] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #202030
}

.root.amount-step .middle-part .payment-method .details .costs .cost-row[data-v-aeb2c406] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 41px;
    margin-bottom: 9px
}

.root.amount-step .middle-part .payment-method .details .costs .cost-row[data-v-aeb2c406]:first-child {
    border-bottom: 1px solid rgba(121,121,131,.1882352941)
}

.root.amount-step .middle-part .payment-method .details .costs .cost-row p[data-v-aeb2c406] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.root.amount-step .middle-part .payment-method .details .costs .cost-row p[data-v-aeb2c406],.root.amount-step .middle-part .payment-method .details .costs .cost-row span[data-v-aeb2c406] {
    display: flex;
    flex-direction: row;
    align-items: center
}

.root.amount-step .middle-part .payment-method .details .costs .cost-row img[data-v-aeb2c406] {
    width: 22px;
    height: 22px
}

.root.amount-step .middle-part .payment-method .details .currency-pay .title[data-v-aeb2c406] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 6px!important
}

.root.amount-step .middle-part .payment-method .details .currency-pay .text[data-v-aeb2c406] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px
}

.root.amount-step .middle-part .payment-method .total[data-v-aeb2c406] {
    background-color: #fff;
    border-radius: 16px;
    padding: 17px 23px;
    margin-top: 24px;
    margin-bottom: 20px
}

.root.amount-step .middle-part .payment-method .total .top[data-v-aeb2c406] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 11px
}

.root.amount-step .middle-part .payment-method .total .top .title[data-v-aeb2c406],.root.amount-step .middle-part .payment-method .total .top .price[data-v-aeb2c406] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0
}

.root.amount-step .middle-part .payment-method .total .top .title img[data-v-aeb2c406],.root.amount-step .middle-part .payment-method .total .top .price img[data-v-aeb2c406] {
    width: 22px;
    height: 22px
}

.root.amount-step .middle-part .payment-method .total .top .price[data-v-aeb2c406] {
    text-align: right
}

.root.amount-step .middle-part .payment-method .total .bottom[data-v-aeb2c406] {
    width: 100%;
    text-align: right;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    color: #bcbcc1
}

.root.amount-step .btn-container[data-v-aeb2c406] {
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
    padding: 8px 20px 20px
}

.root.amount-step .btn-container .btn[data-v-aeb2c406] {
    width: 100%
}

.root.amount-step .btn-container .minBalanceWarning[data-v-aeb2c406] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    padding-bottom: 10px
}

.root.amount-step .btn-container .minBalanceWarning img[data-v-aeb2c406] {
    width: 13px;
    height: 13px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.custom-task-blank {
    background: #fff;
    max-width: 100%;
    width: 100%;
    height: 90px;
    box-sizing: border-box;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: justify-content;
    box-shadow: 0 4px 20px #00000014
}

.root.custom-task-blank:hover .link {
    color: #a882ff
}

.root.custom-task-blank .img {
    width: 40px;
    height: 40px;
    margin-right: 16px
}

.root.custom-task-blank .text {
    flex-grow: 1;
    text-align: left;
    max-width: 58%
}

.root.custom-task-blank .text .title {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.root.custom-task-blank .text .subtitle {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    line-height: 20px;
    color: #000;
}

.root.custom-task-blank .text .subtitle img {
    width: 15px;
    height: 15px
}

.root.custom-task-blank .fake-btn {
    background: #a882ff;
    color: #fff;
    min-width: 65px;
    min-height: 36px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.confirm-step[data-v-4ba3500d] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    width: 100%;
    padding-top: 71px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    height: 100%
}

.root.confirm-step .scroll-container[data-v-4ba3500d] {
    overflow: auto;
    max-width: 100%;
    width: 100%
}

.root.confirm-step .top-part[data-v-4ba3500d] {
    padding: 0 20px;
    flex-shrink: 0
}

.root.confirm-step .top-part .title[data-v-4ba3500d] {
    margin: 0 0 20px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    text-align: left
}

.root.confirm-step .middle-part[data-v-4ba3500d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px
}

.root.confirm-step .middle-part .custom-task-blank[data-v-4ba3500d] {
    margin-bottom: 20px
}

.root.confirm-step .middle-part .details[data-v-4ba3500d] {
    background-color: #fff;
    border-radius: 16px;
    padding: 16px 25px 16px 16px;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box
}

.root.confirm-step .middle-part .details .title[data-v-4ba3500d] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #000;
    font-size: 15px;
    border-bottom: 1px solid #E9E9EA;
    text-align: left;
    height: 35px
}

.root.confirm-step .middle-part .details .rows[data-v-4ba3500d] {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 8px
}

.root.confirm-step .middle-part .details .rows .detail-row[data-v-4ba3500d] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 36px
}

.root.confirm-step .middle-part .details .rows .detail-row .row-title[data-v-4ba3500d] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #a3a3a3;
    font-size: 15px;
    text-align: left
}

.root.confirm-step .middle-part .details .rows .detail-row .value[data-v-4ba3500d] {
    text-align: right;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #202030;
    font-size: 15px
}

.root.confirm-step .btn-container[data-v-4ba3500d] {
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
    padding: 8px 20px 20px
}

.root.confirm-step .btn-container .btn[data-v-4ba3500d] {
    width: 100%
}

.root.create-task-page[data-v-464968fa] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1;
    width: 100%;
    max-width: 600px;
    background: red;
    overflow: hidden
}

.root.create-task-page .steps[data-v-464968fa] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 1
}

.root.create-task-page .steps .root.lx-stepper[data-v-464968fa] {
    background: red;
    padding: 0 20px 10px;
    position: absolute;
    z-index: 9;
    background: #000
}

.root.create-task-page .scroll-container[data-v-464968fa] {
    width: 100%
}

.root.create-task-page input[data-v-464968fa],.root.create-task-page textarea[data-v-464968fa] {
    color: #202030!important
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.task-moderation-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    flex-grow: 1;
    box-sizing: border-box;
    justify-content: center
}

.root.task-moderation-page .top-block {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.root.task-moderation-page .empty-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    flex-shrink: 0;
    margin-top: 4px;
    line-height: 20px;
    text-align: center
}

.root.task-moderation-page .btn-container {
    width: 100%;
    box-sizing: border-box;
    margin-top: auto;
    padding: 8px 0 50px
}

.root.task-moderation-page .btn-container .follow-btn {
    margin-bottom: 20px
}

.root.task-moderation-page .btn-container .btn {
    width: 100%
}

.link {
    color: #a882ff;
    text-decoration: none;
    transition: color .2s ease;
    cursor: pointer
}

.link:hover,.link:focus {
    color: #a882ff
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.set-language-page {
    color: #1e1e1e;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    padding: 26px 20px;
    width: 100%;
    box-sizing: border-box
}

.root.set-language-page .page-body {
    width: 100%
}

.root.set-language-page .title {
    width: 100%;
    margin-bottom: 12px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    color: #fff;
}

.root.set-language-page p {
    margin: 8px 0;
    width: 100%
}

.root.set-language-page .bold {
    font-weight: 500
}

.root.set-language-page ul {
    padding: 0;
    width: 100%
}

.root.set-language-page li {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    list-style: none;
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.root.info-block[data-v-cd343ba7] {
    margin-bottom: 26px
}

.root.info-block .info-title[data-v-cd343ba7] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 20px;
    color: #000;
    line-height: 20px
}

.root.info-block .info-text[data-v-cd343ba7] {
    display: flex;
    align-items: center;
    flex-direction: row;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #1a1a26;
    line-height: 20px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.activity-modal-component[data-v-c8b39ce7] {
    position: fixed;
    background: #000;
    z-index: 600;
    bottom: 0;
    top: auto;
    width: 100%;
    max-height: 90%;
    height: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

@media (max-width: 599px) {
    .activity-modal-component[data-v-c8b39ce7] {
        width:100%
    }
}

.activity-modal-component>div[data-v-c8b39ce7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100%
}

.activity-modal-component .modal-content[data-v-c8b39ce7] {
    position: fixed;
    height: 100%;
    width: 100%;
    transform: none
}

.activity-modal-component .header[data-v-c8b39ce7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 17px;
    min-height: 80px;
    height: 80px
}

.activity-modal-component .header img[data-v-c8b39ce7] {
    opacity: .4
}

.activity-modal-component .header img[data-v-c8b39ce7]:hover {
    cursor: pointer
}

.activity-modal-component .header .title[data-v-c8b39ce7] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    color: #fff;
    line-height: 20px;
    letter-spacing: .2px;
    width: 100%;
    text-align: center;
    padding-left: 17px
}

.activity-modal-component .modal-body[data-v-c8b39ce7] {
    padding: 6px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box
}

.activity-modal-component .modal-body .top[data-v-c8b39ce7] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 21px;
    margin-bottom: 28px;
    box-sizing: border-box
}

.activity-modal-component .modal-body .top .modal-icon[data-v-c8b39ce7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    min-height: 80px;
    max-width: 8px;
    max-height: 80px;
    height: 80px;
    width: 80px;
    background: #000;
    border-radius: 50%;
    overflow: hidden
}

.activity-modal-component .modal-body .top .modal-icon img[data-v-c8b39ce7] {
    max-width: 100%;
    max-height: 100%
}

.activity-modal-component .modal-body .top .body-title[data-v-c8b39ce7] {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 17px;
    color: #fff;
    line-height: 22px;
    margin: 40px 0 14px
}

.activity-modal-component .modal-body .top .reward[data-v-c8b39ce7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 40px;
    color: #fff;
    line-height: 41px;
    letter-spacing: 1.9px;
    max-width: 100%;
    padding: 0 20px;
    overflow: hidden;
    box-sizing: border-box
}

.activity-modal-component .modal-body .top .reward img[data-v-c8b39ce7] {
    margin: 0 7px
}

.activity-modal-component .modal-body .top .reward span[data-v-c8b39ce7] {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.activity-modal-component .modal-body .bottom[data-v-c8b39ce7] {
    width: 100%;
    height: 100%;
    padding: 40px 21px 0;
    box-sizing: border-box;
    background: #fff
}

.activity-modal-component .modal-body .bottom .stake-claimed[data-v-c8b39ce7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.transactions-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 19px
}

.transactions-block .lx-loader {
    color: #a882ff!important;
    width: 20px;
    height: 20px
}

.transactions-block .transactions-title {
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    margin-bottom: 18px
}

.transactions-block .tap-transaction {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 67px;
    width: 100%
}

.transactions-block .tap-transaction .minus {
    color: #ee505a
}

.transactions-block .tap-transaction .minus img {
    filter: brightness(0) saturate(100%) invert(44%) sepia(39%) saturate(4148%) hue-rotate(328deg) brightness(98%) contrast(91%)
}

.transactions-block .tap-transaction .plus {
    color: #19b28d
}

.transactions-block .tap-transaction .plus img {
    filter: brightness(0) saturate(100%) invert(56%) sepia(73%) saturate(2145%) hue-rotate(125deg) brightness(92%) contrast(80%)
}

.transactions-block .tap-transaction .transaction-block {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

.transactions-block .tap-transaction .transaction-reward {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    white-space: nowrap;
    max-width: 50%;
    text-overflow: ellipsis;
    overflow: hidden
}

.transactions-block .tap-transaction .transaction-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    height: 40px;
    width: 40px;
    background: #000;
    border-radius: 50%;
    overflow: hidden
}

.transactions-block .tap-transaction .transaction-icon img {
    max-width: 100%;
    max-height: 100%
}

.transactions-block .tap-transaction .transaction-description {
    margin: 0 16px;
    max-width: 79%;
    display: grid;
    text-align: left
}

.transactions-block .tap-transaction .transaction-description .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-align: left;
    overflow: hidden;
    font-weight: 700;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    letter-spacing: .5px
}

.transactions-block .tap-transaction .transaction-description .info {
    text-align: start;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 13px;
    font-weight: 500;
    color: #707579;
    line-height: 16px;
    letter-spacing: .6px
}

.transactions-block .tap-transaction .transaction-description .info span {
    display: flex;
    align-items: center
}

.transactions-block .tap-transaction .transaction-description .info span img {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-right: 2px
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Regular.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 400;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-Italic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 500;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Medium.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-SemiBold.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 600;
	font-style: italic;
	font-display: auto;
	src: url('fonts/Inter-SemiBoldItalic.woff2');
	unicode-range: U+00-FF;
}

@font-face {
	font-family: 'Inter';
	font-weight: 700;
	font-style: normal;
	font-display: auto;
	src: url('fonts/Inter-Bold.woff2');
	unicode-range: U+00-FF;
}

.balance-history-page-container {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;url(font-family:)
    justify-content: flex-start;
    background: #000;
    width: 100%;
    overflow: hidden;
    padding: 26px 20px 0;
    box-sizing: border-box
}

.balance-history-page-container .balance-history-page-top {
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box
}

.balance-history-page-container .balance-history-page-top .title {
    margin-bottom: 10px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Roboto, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: left
}

.balance-history-page-container .tabs-component {
    margin-bottom: 42px!important;
    max-width: 100%
}

.balance-history-page-container .lx-loader {
    color: #a882ff
}

.balance-history-page-container .busy-loader {
    position: fixed;
    bottom: 25px;
    margin: 0 auto;
    width: 100%
}

.balance-history-page-container .balance-history-page-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.balance-history-page-container .balance-history-page-body::-webkit-scrollbar {
    display: none
}

.balance-history-page-container .balance-history-page-body .no-activities {
    color: #a3a3a3
}

.balance-history-page-container .balance-history-page-body .lx-loader {
    margin: 0 auto
}

:root {
    font-family: Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color-scheme: light dark;
    color: #ffffffde;
    background-color: #242424;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    font-weight: 500;
    color: #646cff;
    text-decoration: inherit
}

a:hover {
    color: #535bf2
}

body {
    margin: 0;
    display: flex;
    place-items: center;
    min-height: 100vh
}

h1 {
    font-size: 3.2em;
    line-height: 1.1
}

button {
    border-radius: 8px;
    border: 1px solid transparent;
    padding: .6em 1.2em;
    font-size: 1em;
    font-weight: 500;
    font-family: inherit;
    background-color: #1a1a1a;
    cursor: pointer;
    transition: border-color .25s
}

button:hover {
    border-color: #646cff
}

button:focus,button:focus-visible {
    outline: 4px auto -webkit-focus-ring-color
}

.card {
    padding: 2em
}

#app {
    max-width: 1280px;
    margin: 0 auto;
    padding: 2rem;
    text-align: center
}

@media (prefers-color-scheme: light) {
    :root {
        color:#213547;
        background-color: #fff
    }

    a:hover {
        color: #747bff
    }

    button {
        background-color: #f9f9f9
    }
}