:root {
    --RisingX-color1: #00ffef;
    --RisingX-color2: #007fff;
    --bold: 700;
    --semibold: 600;
    --regular: 400;
    --light: 300;
    --gray-000: #e6e6e6;
    --gray-100: #7a7a7a;
    --gray-200: #545454;
    --gray-300: #9a9a9a;
    --gray-400: #454951;
    --black-100: #010416;
    --base-dark: #010416;
    --base-font: #e6e6e6;
    --main: #00ffef;
    --main1: #007fff;
    --white: #fff;
    --red-100: #ff4643;
    --red-200: #ff929c;
    --orange-100: #ffbc53;
    --yellow-100: #ffec40;
    --green-100: #88e6a5;
    --green-300: #91c981;
    --blue-100: #4cbbfb;
    --input-border-color: #7a7a7a;
    --subtitle-color: #9a9a9a;
    --chart-pink-line: #ee6aa9;
    --chart-green-box: #11b745;
    --chart-candle-up: #00ffef;
    --chart-candle-down: #ff4643;
    --chart-candle-up-opa: #00ffef1a;
    --chart-candle-down-opa: #ff46431a;
    --chart-sr-upper: #ff4643;
    --chart-sr-lower: #26a69a;
    --chart-upper: #007fff;
    --chart-lower: #ff4643;
    --chart-x-font-color: #7a7a7a;
    --chart-xy-font-color: #e6e6e6;
    --chart-ma1: #e6e6e6;
    --chart-ma2: #ffbc53;
    --chart-ma3: #ff4643;
    --error-color: #ff4643;
    --signal-buy: #00ffef;
    --signal-sell: #ff4643;
    --signal-font-color: #010416;
    --meta-S: #f69;
    --meta-L: #00b050;
    --signal-long: #00ffef;
    --signal-short: #ff4643;
    --chart-tooltip-bg: #010518cc;
    --trend-upper-line: #88e6a5;
    --trend-middle-line: #4cbbfb;
    --trend-lower-line: #88e6a5
}

body {
    font-family: 'Pretendard,sans-serif' !important;
}

.swiper-pagination-bullet {
    background: var(--swiper-pagination-bullet-inactive-color,#545454);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    display: inline-block;
    opacity: var(--swiper-pagination-bullet-inactive-opacity,1);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,9px))
}

.swiper-pagination-bullet,.swiper-pagination-bullet-active {
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,9px))
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-bullet-inactive-color,#00ffef);
    border-radius: var(--swiper-pagination-bullet-border-radius,20px);
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,30px))
}

.swiper-vertical .swiper-pagination-bullet-active {
    height: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,30px));
    width: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,9px))
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom,0)
}

/* a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
} */

h1,h2,h3,h4,h5,h6,p,span {
    /* line-height: normal */
}

body {
    /* line-height: 1; */
    /* -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text */
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

html {
    color: #e6e6e6;
    font-family: Pretendard,sans-serif;
    font-size: 10px
}

html:has(.overlay) {
}

html:has(.overlay-bg) {
}

.v-popper--theme-tooltip .v-popper__inner {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0,255,239,.15);
    border: 1px solid #00ffef;
    border-radius: 10px 10px 10px 0;
    color: #00ffef
}

.v-popper__arrow-container,.v-popper__arrow-container .v-popper__arrow-inner,.v-popper__arrow-container .v-popper__arrow-outer {
    display: none;
    height: 0;
    width: 0
}

.ProseMirror {
    font-family: Pretendard;
    font-size: 2.2rem;
    font-style: normal;
    font-weight: 300;
    height: 100%;
    line-height: normal;
    outline: none
}

/* ::-webkit-scrollbar {
    height: 5px;
    width: 5px
}

::-webkit-progress-bar {
    width: 5px
}

::-webkit-scrollbar-track {
    background-color: #010416;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #ED9644;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #ED9644;
} */

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

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

@media (max-width: 1024px) {
    html {
        font-size:9px
    }
}

@media (max-width: 768px) {
    html {
        font-size:8px
    }
}

button {
    background-color: transparent;
    border: none;
    color: #010416;
    cursor: pointer;
    font-family: Pretendard;
    font-weight: 600;
    outline: none;
    text-align: center
}

.btn-toggle:after,.btn.favorite_btn:before,.extend-btn-shadow {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%;
    content: "";
    display: inline-block;
    height: 16px;
    margin: 0 7px 0 auto;
    width: 16px
}

.btn {
    border: 1px solid #00ffef;
    border-radius: 3px;
    color: #00ffef;
    cursor: pointer;
    font-family: Pretendard;
    font-size: 1.2rem;
    height: 21px;
    transition: .3s
}

.btn:hover {
    transition: .3s
}

.btn.active,.btn:hover {
    background-color: #00ffef;
    color: #010416
}

.btn.favorite_btn:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFEC40' d='M7.099.876a1 1 0 0 1 1.802 0l1.59 3.308a1 1 0 0 0 .771.558l3.648.478a1 1 0 0 1 .556 1.72l-2.659 2.506a1 1 0 0 0-.297.91l.669 3.588a1 1 0 0 1-1.457 1.064l-3.248-1.75a1 1 0 0 0-.948 0l-3.247 1.75a1 1 0 0 1-1.458-1.064l.669-3.587a1 1 0 0 0-.297-.911L.533 6.939a1 1 0 0 1 .557-1.72l3.647-.477a1 1 0 0 0 .772-.558z'/%3E%3C/svg%3E")
}

.btn-toggle {
    align-items: center;
    background-color: #00ffef;
    border: 1px solid #00ffef;
    border-radius: 3px;
    color: #010416;
    cursor: pointer;
    display: flex;
    font-size: 1.2rem;
    height: 25px;
    padding: 10px
}

.btn-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' fill='none' viewBox='0 0 13 9'%3E%3Cpath fill='%23010416' d='M5.677.38c.38-.507 1.266-.507 1.646 0l5.528 7.38c.404.54-.06 1.24-.823 1.24H.972C.21 9-.255 8.3.15 7.76z'/%3E%3C/svg%3E");
    background-position-y: center;
    margin-left: 7px;
    margin-right: 0;
    position: relative;
    top: 1px;
    transform: rotate(180deg);
    width: 9px
}

.btn-toggle.close {
    background-color: transparent;
    color: #00ffef
}

.btn-toggle.close:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' fill='none' viewBox='0 0 13 9'%3E%3Cpath fill='%2300FFEF' d='M7.323 8.62c-.38.507-1.266.507-1.646 0L.149 1.24C-.255.7.21 0 .972 0h11.056c.762 0 1.227.7.823 1.24z'/%3E%3C/svg%3E")
}

.btn-linear {
    background-color: var(--Primary-Main100);
    border-radius: 3px;
    color: var(--Grayscale-Gray10);
    cursor: pointer
}

.btn-linear:hover {
    /* background: linear-gradient(90deg,#00ffef,#007fff) */
}

.btn-linear:disabled {
    background-color: #ccc;
    pointer-events: none
}

.theme.dark .btn-linear:disabled {
    background-color: #545454
}

.btn-linear-border {
    background-color: #00ffef;
    border-radius: 0 0 50px 50px;
    color: #010416;
    cursor: pointer
}

.btn-linear-border:hover {
    background: linear-gradient(90deg,#00ffef,#007fff)
}

@media (max-width: 768px) {
    .btn.favorite_btn:before {
        background-size:90%;
        margin-right: 0
    }
}

.base-card {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    background-color: rgba(1,4,22,.8);
    border-radius: 10px;
    box-sizing: border-box
}

.base-card.center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.base-card.none-border {
    border-radius: 0
}

.main-card {
    border-radius: 4px;
    border: 1px solid rgb(252 252 252 / 16%);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: -8px 8px 8px 0 rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(15px);
    padding: 32px 48px;
    height: 404px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.main-card.none-border {
    border-radius: 0
}

@media (max-width: 768px) {
    .main-card {
        padding:24px 20px;
        height: auto;
    }
    .btn-flex .btn-linear {
        margin-top: 25px;
    }
}

.gradient-border-container {
    display: block;
    position: relative
}

.gradient-border-container .gradient-border-line {
    background-clip: content-box,border-box;
    background-image: linear-gradient(90deg,#010416,#010416),linear-gradient(0deg,#00ffef,#007fff);
    background-origin: border-box;
    border: 2px solid transparent;
    border-radius: 10px;
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.gradient-border-container .gradient-border-content {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2
}

.base-section {
    background-blend-mode: overlay;
    background-color: rgba(1,4,22,.1)
}

.base-section,.main-section {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px)
}

.main-section {
    background-color: rgba(0,255,239,.1)
}

.content-container {
    margin: 80px auto 150px;
    max-width: 1440px
}

.content-container-grow {
    margin: 80px 90px 150px
}

.max-width {
    margin: 0 auto;
    max-width: 1400px
}

@media (max-width: 1919px) {
    .content-container {
        margin:80px 90px 150px
    }
}

@media (max-width: 1024px) {
    .content-container,.content-container-grow {
        margin:50px 45px 100px
    }
}

@media (max-width: 768px) {
    .content-container,.content-container-grow {
        margin:50px 0 100px
    }
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 1000px transparent!important;
    -webkit-transition: background-color 9999s ease-out;
    -webkit-text-fill-color: #fff!important
}

.input-style,input[type=number],input[type=password],input[type=searchFilter],input[type=text] {
    background-color: rgba(1,4,22,.5);
    border: 1px solid #7a7a7a;
    border-radius: 3px;
    font-size: 1.7rem;
    height: 38px;
    line-height: 30px;
    padding: 12px 9px
}

.input-style::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=searchFilter]::-moz-placeholder,input[type=text]::-moz-placeholder {
    color: var(--Grayscale-Gray10);
}

.input-style::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=searchFilter]::placeholder,input[type=text]::placeholder {
    color: var(--Grayscale-Gray10);
}

input {
    box-sizing: border-box;
    color: #fff;
    font-size: 1.7rem;
    outline: none
}

input[type=searchFilter] {
    background-color: #010416
}

textarea {
    background-color: rgba(1,4,22,.5);
    border: 1px solid #7a7a7a;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    font-family: Pretendard;
    font-size: 1.7rem;
    outline: none;
    padding: 12px;
    resize: none
}

textarea::-moz-placeholder {
    color: #545454
}

textarea::placeholder {
    color: #545454
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    transition-delay: 9999s
}

input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    height: 18px;
    margin: 0;
    outline: 0;
    width: 18px
}

input[type=checkbox]:after {
    border: solid #010416
}

input:disabled {
    color: #ccc;
    opacity: .5
}

.theme.dark input:disabled {
    color: #7a7a7a
}

input[type=checkbox]:checked {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none' viewBox='0 0 18 19'%3E%3Crect width='17' height='17' x='.5' y='1' fill='%2300FFEF' stroke='%2300FFEF' rx='3.5'/%3E%3Cpath stroke='%23010416' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m13 6.7-5.5 5.5L5 9.7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    height: 18px;
    width: 18px
}

input[type=checkbox].emphasis:checked {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Crect width='19' height='19' x='.5' y='.5' fill='%23FF929C' stroke='%23FF929C' rx='3.5'/%3E%3Cpath stroke='%23010416' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15.5 6.25-6.875 6.875L5.5 10'/%3E%3C/svg%3E");
    background-size: contain
}

input[type=checkbox]:checked:after {
    display: block
}

.circle-radio-btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #7a7a7a;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    margin: 0 auto;
    outline: none;
    width: 20px
}

.circle-radio-btn:checked {
    background-color: #e6e6e6;
    border: 5px solid #010416;
    box-shadow: 0 0 0 1px #7a7a7a
}

.check-box {
    align-items: center;
    cursor: pointer;
    display: flex
}

.check-box input {
    aspect-ratio: 1/1;
    border: 1px solid #00ffef
}

.check-box input.red {
    border: 1px solid #ff929c;
    height: 20px;
    width: 20px
}

@media (max-width: 768px) {
    .check-box input.red {
        height:16px;
        width: 16px
    }
}

.check-box input.red:checked {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Crect width='19' height='19' x='.5' y='.5' fill='%23FF929C' stroke='%23FF929C' rx='3.5'/%3E%3Cpath stroke='%23010416' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15.5 6.25-6.875 6.875L5.5 10'/%3E%3C/svg%3E");
    height: 20px;
    width: 20px
}

@media (max-width: 768px) {
    .check-box input.red:checked {
        background-size:contain;
        height: 16px;
        width: 16px
    }
}

.check-box input.gray {
    border: 1px solid #7a7a7a;
    height: 18px;
    width: 18px
}

@media (max-width: 768px) {
    .check-box input.gray {
        height:16px;
        width: 16px
    }
}

.check-box input:checked {
    border: none
}

@media (max-width: 768px) {
    .check-box input:checked {
        background-size:contain;
        height: 16px;
        width: 16px
    }
}

.check-box .check-pharase {
    font-weight: 400;
    margin-left: 10px
}

.check-box .check-pharase.red {
    color: #ff929c;
    font-weight: 400;
    margin-left: 15px
}

input.otp-input {
    width: 40px
}

/* @font-face {
    font-display: swap;
    font-family: TangoSans;
    font-style: normal;
    font-weight: 400;
    src: url(../font/TangoSans/TangoSans.ttf) format("ttf");
    src: url(../font/TangoSans/TangoSans.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: TangoSans;
    font-style: italic;
    font-weight: 400;
    src: url(../font/TangoSans/TangoSans_Italic.ttf) format("ttf");
    src: url(../font/TangoSans/TangoSans_Italic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: TangoSans;
    font-style: normal;
    font-weight: 700;
    src: url(../font/TangoSans/TangoSans_Bold.ttf) format("ttf");
    src: url(../font/TangoSans/TangoSans_Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: TangoSans;
    font-style: italic;
    font-weight: 700;
    src: url(../font/TangoSans/TangoSans_BoldItalic.ttf) format("ttf");
    src: url(../font/TangoSans/TangoSans_BoldItalic.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 900;
    src: local("Pretendard Black"),url(../font/Pretendard/Pretendard-Black.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 800;
    src: local("Pretendard ExtraBold"),url(../font/Pretendard/Pretendard-ExtraBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 700;
    src: local("Pretendard Bold"),url(../font/Pretendard/Pretendard-Bold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 600;
    src: local("Pretendard SemiBold"),url(../font/Pretendard/Pretendard-SemiBold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 500;
    src: local("Pretendard Medium"),url(../font/Pretendard/Pretendard-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 400;
    src: local("Pretendard Regular"),url(../font/Pretendard/Pretendard-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 300;
    src: local("Pretendard Light"),url(../font/Pretendard/Pretendard-Light.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 200;
    src: local("Pretendard ExtraLight"),url(../font/Pretendard/Pretendard-ExtraLight.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Pretendard;
    font-weight: 100;
    src: local("Pretendard Thin"),url(../font/Pretendard/Pretendard-Thin.woff) format("woff")
} */

.color-circle__item:before,.content-title,.font__highlight,.number30__highlight,.number45__highlight,.number60__highlight,.page-title>h2,.percen80,.percent40,.percent45,.percent60,.sub-content-title,.title18__highlight,.title20__highlight,.title22__highlight,.title24__highlight,.title25__highlight,.title30__highlight,.title32__highlight {
    font-family: TangoSans,sans-serif;
    font-weight: 200
}

.check-box .check-pharase,.check-box .check-pharase.red,.font__normal,.radius-btn:after,.sentence12,.sentence13,.sentence14,.sentence15,.sentence17,.sentence17__bold,.sentence20,.sentence20__light,.sentence20__normal,.sentence22,.title17__normal,.title18__normal,.title20__normal,.tooltip-notice {
    font-family: Pretendard,sans-serif
}

.before-extends,.bubble-ico:before,.cue-ico:before,.flash-ico:before,.flash-normal-ico:before,.meta-ico:before,.r-coin-ico-highlight:before,.r-coin-ico-main:before,.r-coin-ico-normal:before,.score-ico:before,.title22-ico-before:before,.tooltip-ico-before:before,.tooltip-notice:before,.trading-ico:before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    margin-right: 15px
}

@media (max-width: 768px) {
    .before-extends,.bubble-ico:before,.cue-ico:before,.flash-ico:before,.flash-normal-ico:before,.meta-ico:before,.r-coin-ico-highlight:before,.r-coin-ico-main:before,.r-coin-ico-normal:before,.score-ico:before,.title22-ico-before:before,.tooltip-ico-before:before,.tooltip-notice:before,.trading-ico:before {
        margin-right:7px
    }
}

.bubble-ico,.center-ico,.cue-ico,.flash-ico,.flash-normal-ico,.meta-ico,.r-coin-ico-highlight,.r-coin-ico-main,.r-coin-ico-normal,.score-ico,.title22-ico-before,.tooltip-ico-before,.tooltip-notice,.trading-ico {
    align-items: center;
    display: flex
}

.cue-ico:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='82' height='82' fill='none' viewBox='0 0 82 82'%3E%3Cpath fill='%23E6E6E6' fill-rule='evenodd' d='M32.416 79c16.246 0 29.417-13.17 29.417-29.418s-13.17-29.418-29.417-29.418C16.17 20.164 3 33.334 3 49.582S16.17 79 32.416 79m32.417-29.418C64.833 67.486 50.319 82 32.416 82S0 67.486 0 49.582s14.513-32.418 32.416-32.418 32.417 14.514 32.417 32.418' clip-rule='evenodd'/%3E%3Cpath fill='%23E6E6E6' d='M32.417 71.809c-12.265 0-22.227-9.963-22.227-22.228s9.962-22.227 22.227-22.227c3.738 0 7.408.934 10.668 2.735.82.456 1.14 1.505.684 2.326a1.72 1.72 0 0 1-2.325.684 18.9 18.9 0 0 0-9.027-2.303c-10.373 0-18.807 8.435-18.807 18.808s8.434 18.808 18.807 18.808 18.807-8.435 18.807-18.808c0-2.94-.662-5.745-1.961-8.367a1.74 1.74 0 0 1 .775-2.302c.866-.433 1.87-.069 2.303.775 1.527 3.078 2.302 6.406 2.302 9.894 0 12.265-9.962 22.228-22.226 22.228z'/%3E%3Cpath fill='%23E6E6E6' d='M32.416 60.41c-5.973 0-10.828-4.855-10.828-10.828s4.855-10.83 10.828-10.83c.912 0 1.824.115 2.713.343a1.71 1.71 0 0 1 1.23 2.074 1.71 1.71 0 0 1-2.074 1.231 7.3 7.3 0 0 0-1.846-.228c-4.08 0-7.409 3.329-7.409 7.41s3.328 7.409 7.409 7.409 7.409-3.329 7.409-7.41c0-.501-.046-1.003-.16-1.504a1.696 1.696 0 0 1 1.345-2.006 1.71 1.71 0 0 1 2.006 1.345c.137.707.228 1.459.228 2.188 0 5.973-4.856 10.83-10.828 10.83z'/%3E%3Cpath fill='%23FFBC53' d='M32.416 51.291a1.7 1.7 0 0 1-1.208-.502 1.72 1.72 0 0 1 0-2.416l27.355-27.357a1.72 1.72 0 0 1 2.417 0 1.72 1.72 0 0 1 0 2.416L33.624 50.79a1.7 1.7 0 0 1-1.208.502'/%3E%3Cpath fill='%23FFBC53' d='M80.289 9.116c.683 0 1.322.41 1.573 1.048.273.639.136 1.391-.365 1.87L70.099 23.433c-.32.319-.753.501-1.209.501h-9.118c-.935 0-1.71-.775-1.71-1.71v-9.119c0-.456.183-.889.502-1.208L69.962.498a1.72 1.72 0 0 1 1.87-.365c.637.251 1.048.89 1.048 1.573v7.41z'/%3E%3C/svg%3E");
    height: 2.3rem;
    width: 2.3rem
}

.score-ico:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='59' fill='none' viewBox='0 0 83 59'%3E%3Cpath fill='%234CBBFB' d='M41.095 45.65c-.399 0-.798-.158-1.113-.497l-18.785-20.1-18.513 19.83a1.51 1.51 0 0 1-2.227 0c-.61-.656-.61-1.74 0-2.395l19.626-21.026a1.51 1.51 0 0 1 2.227 0l18.785 20.123L80.326.48c.61-.655 1.618-.632 2.227.023.61.677.589 1.739-.02 2.394L42.208 45.153c-.315.316-.693.474-1.093.474z'/%3E%3Cpath fill='%23FF929C' stroke='%23FF929C' stroke-width='.2' d='M6.669 58.532c-.35 0-.7-.13-.987-.392a1.697 1.697 0 0 1-.185-2.309l2.713-3.42c.555-.697 1.521-.784 2.18-.196.657.588.74 1.612.184 2.31l-2.713 3.42c-.309.391-.74.587-1.172.587zm6.763-8.54c-.35 0-.7-.13-.987-.391a1.697 1.697 0 0 1-.185-2.31l2.713-3.42c.555-.697 1.521-.784 2.18-.196.657.589.74 1.613.184 2.31l-2.713 3.42c-.309.392-.74.588-1.172.588zm6.763-8.538c-.35 0-.7-.131-.987-.393a1.697 1.697 0 0 1-.185-2.309l2.713-3.42c.555-.697 1.521-.784 2.18-.196.657.588.74 1.612.184 2.31l-2.713 3.42c-.309.391-.74.587-1.172.587zm6.762-8.54c-.349 0-.698-.13-.986-.392a1.697 1.697 0 0 1-.185-2.31l2.713-3.42c.555-.696 1.521-.784 2.18-.195.657.588.74 1.612.184 2.309l-2.713 3.42c-.308.392-.74.588-1.172.588zm6.764-8.54c-.35 0-.7-.13-.987-.391a1.697 1.697 0 0 1-.185-2.31l2.713-3.42c.555-.697 1.521-.784 2.18-.196.657.588.74 1.612.184 2.31l-2.713 3.42c-.308.392-.74.588-1.172.588zM40.524 15.879c-.35 0-.7-.131-.987-.392a1.697 1.697 0 0 1-.185-2.31l1.316-1.677a1.46 1.46 0 0 1 1.994-.327l1.747 1.155c.72.48.946 1.481.493 2.244-.452.762-1.398 1.002-2.117.523l-.617-.414-.452.588c-.308.392-.74.588-1.172.588zM71.976 34.135c-.288 0-.555-.087-.823-.24l-3.782-2.505c-.72-.48-.946-1.481-.493-2.244.452-.762 1.397-1.002 2.117-.523l3.782 2.505c.72.48.946 1.482.494 2.244a1.51 1.51 0 0 1-1.316.763zm-9.456-6.252c-.288 0-.555-.087-.823-.24l-3.782-2.505c-.72-.48-.946-1.482-.493-2.244s1.398-1.002 2.117-.523l3.782 2.505c.72.48.946 1.482.494 2.244a1.51 1.51 0 0 1-1.316.763zm-9.456-6.252c-.288 0-.555-.088-.822-.24l-3.783-2.505c-.72-.48-.945-1.482-.493-2.244s1.398-1.002 2.117-.523l3.782 2.505c.72.48.946 1.482.494 2.244a1.51 1.51 0 0 1-1.316.763zM79.396 39.057c-.287 0-.555-.087-.822-.24l-1.747-1.154c-.72-.48-.946-1.482-.493-2.244s1.397-1.002 2.117-.523l1.747 1.155c.72.479.946 1.481.493 2.243a1.51 1.51 0 0 1-1.315.763z'/%3E%3C/svg%3E");
    height: 23px;
    width: 23px
}

.meta-ico:before {
    background-image: url(./meta_chart_ico.CAup7ew1.svg);
    height: 23px;
    width: 23px
}

.trading-ico:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='62' fill='none' viewBox='0 0 75 62'%3E%3Cpath fill='%23FF929C' d='M11.447 9.612h-9.64C.82 9.612 0 10.43 0 11.414v24.032c0 .985.82 1.802 1.807 1.802h9.64c.988 0 1.807-.817 1.807-1.802V11.414c0-.985-.82-1.802-1.807-1.802'/%3E%3Cpath fill='%23FF929C' d='M6.626 46.862a1.82 1.82 0 0 1-1.807-1.803v-9.612c0-.985.82-1.803 1.807-1.803.988 0 1.808.818 1.808 1.803v9.612c0 .986-.82 1.803-1.808 1.803M6.626 13.217a1.82 1.82 0 0 1-1.807-1.802V1.802C4.819.817 5.639 0 6.626 0c.988 0 1.808.817 1.808 1.802v9.613c0 .985-.82 1.802-1.808 1.802'/%3E%3Cpath fill='%2388E6A5' d='M30.725 14.42h-9.639c-.988 0-1.807.817-1.807 1.802v24.031c0 .986.819 1.803 1.807 1.803h9.64c.987 0 1.807-.817 1.807-1.803V16.222c0-.985-.82-1.802-1.808-1.802'/%3E%3Cpath fill='%2388E6A5' d='M25.906 51.667a1.82 1.82 0 0 1-1.807-1.802v-9.613c0-.985.819-1.802 1.807-1.802s1.807.817 1.807 1.802v9.613c0 .985-.82 1.802-1.807 1.802M25.906 18.024a1.82 1.82 0 0 1-1.807-1.803V6.61c0-.985.819-1.802 1.807-1.802s1.807.817 1.807 1.802v9.612c0 .986-.82 1.803-1.807 1.803M73.193 9.612h-9.64c-.988 0-1.807.817-1.807 1.802v24.032c0 .985.82 1.802 1.807 1.802h9.64c.988 0 1.807-.817 1.807-1.802V11.414c0-.985-.82-1.802-1.807-1.802'/%3E%3Cpath fill='%2388E6A5' d='M68.372 46.862a1.82 1.82 0 0 1-1.807-1.803v-9.612c0-.985.82-1.803 1.807-1.803.988 0 1.808.818 1.808 1.803v9.612c0 .986-.82 1.803-1.808 1.803M68.372 13.217a1.82 1.82 0 0 1-1.807-1.802V1.802c0-.985.82-1.802 1.807-1.802.988 0 1.808.817 1.808 1.802v9.613c0 .985-.82 1.802-1.808 1.802'/%3E%3Cpath fill='%23FF929C' d='M50.004 24.033h-9.64c-.988 0-1.807.817-1.807 1.802v24.031c0 .986.82 1.803 1.807 1.803h9.64c.988 0 1.807-.817 1.807-1.803v-24.03c0-.986-.82-1.803-1.807-1.803'/%3E%3Cpath fill='%23FF929C' d='M45.185 61.28a1.82 1.82 0 0 1-1.808-1.802v-9.612c0-.986.82-1.803 1.808-1.803s1.807.817 1.807 1.803v9.612c0 .985-.82 1.803-1.807 1.803M45.185 27.637a1.82 1.82 0 0 1-1.808-1.802v-9.613c0-.985.82-1.802 1.808-1.802s1.807.817 1.807 1.802v9.613c0 .985-.82 1.802-1.807 1.802'/%3E%3C/svg%3E");
    height: 23px;
    width: 23px
}

.bubble-ico:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='63' fill='none' viewBox='0 0 80 63'%3E%3Cpath fill='%2388E6A5' d='M9.395 61.895a9.395 9.395 0 1 0 0-18.79 9.395 9.395 0 0 0 0 18.79'/%3E%3Cpath fill='%23FF929C' d='M35.368 27.632c6.715 0 12.158-5.444 12.158-12.158 0-6.715-5.443-12.158-12.158-12.158S23.21 8.759 23.21 15.474s5.444 12.158 12.158 12.158M69.079 49.737c5.799 0 10.5-4.701 10.5-10.5s-4.701-10.5-10.5-10.5-10.5 4.7-10.5 10.5 4.701 10.5 10.5 10.5'/%3E%3Cpath fill='%2388E6A5' d='M14.921 37.579a9.395 9.395 0 1 0 0-18.79 9.395 9.395 0 0 0 0 18.79M64.105 19.895c5.494 0 9.948-4.454 9.948-9.948C74.053 4.454 69.599 0 64.105 0s-9.947 4.454-9.947 9.947c0 5.494 4.453 9.948 9.947 9.948M40.79 63c8.836 0 16-7.163 16-16s-7.164-16-16-16-16 7.163-16 16 7.163 16 16 16'/%3E%3C/svg%3E");
    height: 23px;
    width: 23px
}

.flash-ico:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300FFEF' d='M0 0c9.101 11.191 9.101 12.876 0 24 11.191-9.101 12.876-9.101 24 0-9.101-11.191-9.101-12.876 0-24C12.809 9.101 11.124 9.101 0 0'/%3E%3C/svg%3E");
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

@media (max-width: 768px) {
    .flash-ico:before {
        height:15px;
        min-height: 15px;
        min-width: 15px;
        width: 15px
    }
}

.flash-normal-ico:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23E6E6E6' d='M0 0c9.101 11.191 9.101 12.876 0 24 11.191-9.101 12.876-9.101 24 0-9.101-11.191-9.101-12.876 0-24C12.809 9.101 11.124 9.101 0 0'/%3E%3C/svg%3E");
    height: 24px;
    width: 24px
}

.tooltip-ico-before:before,.tooltip-notice:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23545454' d='M12 5.921A6.003 6.003 0 0 0 5.92.001a6 6 0 1 0 6.077 5.918zM5.682 2.262a.98.98 0 0 1 .693-.267q.405 0 .688.267a.85.85 0 0 1 .286.647.84.84 0 0 1-.286.645.97.97 0 0 1-.688.268q-.402 0-.693-.268a.85.85 0 0 1-.288-.645q0-.376.288-.647m1.715 7.085q-.493.194-.786.297a2 2 0 0 1-.682.103q-.595-.001-.928-.29a.95.95 0 0 1-.331-.74c0-.116.009-.232.025-.356q.024-.181.08-.412l.409-1.452q.057-.209.091-.395.038-.186.037-.341 0-.278-.114-.389t-.44-.11q-.157 0-.326.05a4 4 0 0 0-.288.095l.11-.449q.403-.165.772-.28.37-.118.698-.118.593 0 .914.286.321.287.32.743 0 .096-.023.334-.02.239-.082.44l-.41 1.447q-.05.176-.088.398a2 2 0 0 0-.04.338q0 .288.129.394.13.104.446.105.15 0 .338-.053.189-.05.274-.091l-.11.448z'/%3E%3C/svg%3E");
    height: 10px;
    margin-right: 6px;
    width: 10px
}

.r-coin-ico-normal:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' fill='none' viewBox='0 0 21 21'%3E%3Cpath fill='%23E6E6E6' d='M10.237 9.106h1.515l.405-2.536h-1.514z'/%3E%3Cpath fill='%23E6E6E6' d='M10.5 0C4.7 0 0 4.7 0 10.5S4.7 21 10.5 21 21 16.3 21 10.5 16.3 0 10.5 0m6.502 6.782-.218 1.405q-.094.585-.582 1.006-.487.422-1.073.422h-.522l1.888 4.042-4.573 1.053-1.466-4.361h-.413l-.789 4.978-5.063 1.17L5.954 5.355h9.847q.585 0 .94.418.355.417.261 1.01'/%3E%3C/svg%3E");
    height: 10px;
    margin-right: 6px;
    width: 10px
}

.r-coin-ico-main:before {
    height: 20px;
    margin-right: 6px;
    width: 20px
}

.r-coin-ico-highlight:before,.r-coin-ico-main:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 30 30'%3E%3Cpath fill='%2300FFEF' d='M14.625 13.01h2.163l.58-3.623h-2.164z'/%3E%3Cpath fill='%2300FFEF' d='M15 0C6.715 0 0 6.715 0 15s6.715 15 15 15 15-6.715 15-15S23.285 0 15 0m9.29 9.689-.313 2.006q-.134.836-.83 1.438-.697.603-1.534.603h-.747l2.698 5.774-6.532 1.505-2.095-6.231h-.59l-1.126 7.111-7.234 1.673L8.506 7.65h14.067q.835 0 1.343.596.508.597.373 1.443z'/%3E%3C/svg%3E")
}

.r-coin-ico-highlight:before {
    height: 30px;
    margin-right: 9px;
    width: 30px
}

.title22-ico-before:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%234CBBFB' d='M15.688 8.63h3.724V5.293a1.18 1.18 0 0 0-1.177-1.176H3.824a.881.881 0 1 1 0-1.765h13.823V1.176A1.18 1.18 0 0 0 16.471 0H2.353A2.35 2.35 0 0 0 0 2.353v15.294C0 18.947 1.053 20 2.353 20h15.882a1.18 1.18 0 0 0 1.177-1.177v-2.935h-3.724c-2 0-3.63-1.63-3.63-3.63s1.63-3.629 3.63-3.629'/%3E%3Cpath fill='%234CBBFB' d='M19.706 10.1h-4.018a2.16 2.16 0 0 0-2.159 2.159c0 1.194.965 2.159 2.16 2.159h4.017c.165 0 .294-.13.294-.294V10.4a.29.29 0 0 0-.294-.294zm-3.53 3.041a.881.881 0 1 1 0-1.764.881.881 0 1 1 0 1.764'/%3E%3C/svg%3E");
    height: 20px;
    margin-right: 10px;
    width: 20px
}

.after-extends {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    margin-left: 9px
}

.tooltip-ico-after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23545454' d='M12 5.921A6.003 6.003 0 0 0 5.92.001a6 6 0 1 0 6.077 5.918zM5.682 2.262a.98.98 0 0 1 .693-.267q.405 0 .688.267a.85.85 0 0 1 .286.647.84.84 0 0 1-.286.645.97.97 0 0 1-.688.268q-.402 0-.693-.268a.85.85 0 0 1-.288-.645q0-.376.288-.647m1.715 7.085q-.493.194-.786.297a2 2 0 0 1-.682.103q-.595-.001-.928-.29a.95.95 0 0 1-.331-.74c0-.116.009-.232.025-.356q.024-.181.08-.412l.409-1.452q.057-.209.091-.395.038-.186.037-.341 0-.278-.114-.389t-.44-.11q-.157 0-.326.05a4 4 0 0 0-.288.095l.11-.449q.403-.165.772-.28.37-.118.698-.118.593 0 .914.286.321.287.32.743 0 .096-.023.334-.02.239-.082.44l-.41 1.447q-.05.176-.088.398a2 2 0 0 0-.04.338q0 .288.129.394.13.104.446.105.15 0 .338-.053.189-.05.274-.091l-.11.448z'/%3E%3C/svg%3E");
    height: 12px;
    margin-top: 10px;
    width: 12px
}

.radius-btn:after {
    background-color: #007fff;
    border-radius: 50px;
    color: #000001;
    content: "";
    font-size: .8rem;
    font-weight: 500;
    margin-left: 15px;
    padding: 2px 8px
}

.theme.dark .radius-btn:after {
    background-color: #00ffef;
    color: #010416
}

.text__gradient {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text
}

.text__gradient,.text__gradient-reverse {
    color: transparent;
    width: -moz-fit-content;
    width: fit-content
}

.text__gradient-reverse {
    background: linear-gradient(90deg,#007fff,#00ffef);
    -webkit-background-clip: text
}

.text__default {
    color: #747474
}

.theme.dark .text__default {
    color: #e6e6e6
}

.text__main {
    color: #007fff
}

.theme.dark .text__main {
    color: #00ffef
}

.text__main_sub {
    color: #000001
}

.text__long,.theme.dark .text__main_sub {
    color: #007fff
}

.theme.dark .text__long {
    color: #00ffef
}

.text__short,.theme.dark .text__short {
    color: #ff4643
}

.text__base {
    color: #000001
}

.theme.dark .text__base {
    color: #010416
}

.text__chart-red,.theme.dark .text__chart-red {
    color: #ff929c
}

.text__chart-orange,.theme.dark .text__chart-orange {
    color: #ffbc53
}

.text__chart-green,.theme.dark .text__chart-green {
    color: #88e6a5
}

.text__chart-blue,.theme.dark .text__chart-blue {
    color: #4cbbfb
}

.text__gray-9a {
    color: #007fff
}

.theme.dark .text__gray-9a {
    color: #9a9a9a
}

.text__gray-7a,.tooltip-notice {
    color: #ccc
}

.theme.dark .text__gray-7a,.theme.dark .tooltip-notice {
    color: #7a7a7a
}

.text__gray-54 {
    color: #ccc
}

.theme.dark .text__gray-54 {
    color: #545454
}

.text__error,.theme.dark .text__error {
    color: #ff4643
}

.text__alert-error {
    color: #00ffef
}

.theme.dark .text__alert-error {
    color: #ff4643
}

.text__alert-complete {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent;
    width: -moz-fit-content;
    width: fit-content
}

.number30__highlight {
    font-weight: 400
}

.number30__highlight:before {
    content: "$"
}

.number45__highlight {
    font-weight: 400
}

.number45__highlight:before {
    content: "$"
}

.number60__highlight {
    font-weight: 700;
    letter-spacing: 1.8px
}

.number60__highlight:before {
    content: "$";
    letter-spacing: 1.2px
}

.percen80 {
    font-weight: 700;
    letter-spacing: 2.4px
}

.percen80:after {
    content: "%";
    letter-spacing: 1.5px
}

.percent60 {
    font-weight: 700;
    letter-spacing: 2.4px
}

.percent60:after {
    content: "%";
    letter-spacing: 1.5px
}

.percent45 {
    font-weight: 400
}

.percent45:after {
    content: "%"
}

.percent40 {
    font-weight: 400;
    letter-spacing: .8px
}

.percent40:after {
    content: "%";
    font-weight: 400;
    letter-spacing: .6px
}

.tooltip-notice {
    font-weight: 500;
    line-height: 15px
}

h1 {
    font-size: 6.4rem
}

h1.scale-up-font {
    font-size: 7.68rem
}

h1.scale-down-font {
    font-size: 5.76rem
}

h2 {
    font-size: 4.8rem
}

h2.scale-up-font {
    font-size: 5.76rem
}

h2.scale-down-font {
    font-size: 4.32rem
}

h3 {
    /* font-size: 4rem */
}

h3.scale-up-font {
    font-size: 4.8rem
}

h3.scale-down-font {
    font-size: 3.6rem
}

h4 {
    font-size: 3.4rem
}

h4.star:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300FFEF' d='M0 0c9.101 11.191 9.101 12.876 0 24 11.191-9.101 12.876-9.101 24 0-9.101-11.191-9.101-12.876 0-24C12.809 9.101 11.124 9.101 0 0'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 17px;
    width: 30px
}

h4.scale-up-font {
    font-size: 4.08rem
}

h4.scale-down-font {
    font-size: 3.06rem
}

h5 {
    font-size: 2.2rem
}

h5.scale-up-font {
    font-size: 2.64rem
}

h5.scale-down-font {
    font-size: 1.98rem
}

h6 {
    font-size: 2rem
}

h6.scale-up-font {
    font-size: 2.4rem
}

h6.scale-down-font {
    font-size: 1.8rem
}

label {
    font-size: 1.4rem
}

label.scale-up-font {
    font-size: 1.68rem
}

li {
    line-height: 2rem
}

.list-group>li {
    list-style: inside;
    list-style-position: outside;
    word-wrap: break-word;
    font-weight: 300;
    line-height: 35px;
    padding: 0
}

.list-group>li::marker {
    color: #007fff
}

.theme.dark .list-group>li::marker {
    color: #00ffef
}

.list-group>li.white::marker {
    color: #747474
}

.theme.dark .list-group>li.white::marker {
    color: #e6e6e6
}

.list-group>li.check {
    font-size: .9em;
    text-align: left
}

.list-group>li.check__active {
    list-style-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' fill='none' viewBox='0 0 14 10'%3E%3Cpath stroke='%2300FFEF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 1 4.75 9 1 5.364'/%3E%3C/svg%3E");
    padding-left: 20px
}

.list-group>li.check__inactive {
    list-style-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' fill='none' viewBox='0 0 14 10'%3E%3Cpath stroke='%23545454' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 1 4.75 9 1 5.364'/%3E%3C/svg%3E");
    padding-left: 20px
}

.color-circle {
    counter-reset: colorcircle 0
}

.color-circle__item {
    list-style: none;
    padding-left: 5rem;
    position: relative
}

.color-circle__item:before {
    align-items: center;
    color: #010416;
    content: counter(colorcircle);
    counter-increment: colorcircle 1;
    display: flex;
    justify-content: center;
    z-index: 1
}

.color-circle__item:after,.color-circle__item:before {
    height: 18px;
    left: 0;
    margin-right: 30px;
    position: absolute;
    top: 10px;
    transform: translateY(-50%);
    width: 18px
}

.color-circle__item:after {
    background-color: #00ffef;
    border-radius: 50%;
    content: "";
    display: inline-block;
    z-index: 0
}

@media (max-width: 768) {
    li {
        line-height:1.65rem
    }
}

p {
    font-size: 1.6rem
}

p.scale-up-font {
    font-size: 1.92rem
}

.title32__highlight {
    font-weight: 400
}

.title32__highlight.gradient {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent
}

.title30__highlight {
    font-weight: 400
}

.title30__highlight.gradient {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent
}

.title25__highlight {
    font-weight: 400
}

.title25__highlight.gradient {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent
}

.title24__highlight {
    font-weight: 400
}

.title24__highlight.gradient {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent
}

.title22__highlight {
    font-weight: 400
}

.title22__highlight.gradient {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent
}

.title20__highlight {
    font-weight: 400
}

.title20__highlight.gradient {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent
}

.title18__highlight {
    font-weight: 400;
    letter-spacing: .36px
}

.title18__highlight.gradient {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent
}

.title17__normal,.title18__normal,.title20__normal {
    font-weight: 600
}

.sentence22 {
    font-weight: 300
}

.sentence20 {
    font-weight: 600
}

.sentence20__normal {
    font-weight: 400
}

.sentence17,.sentence20__light {
    font-weight: 300
}

.sentence17 {
    text-align: center
}

.sentence17__bold {
    font-weight: 600
}

.sentence12,.sentence13,.sentence14,.sentence15 {
    font-weight: 300;
    text-align: center
}

span.scale-up-font {
    font-size: 1.92rem
}

.theme.dark span .error,span .error {
    color: #ff4643
}

span.overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.text100 {
    font-size: 10rem
}

.percen80,.text80 {
    font-size: 8rem
}

.text70 {
    font-size: 7rem
}

.number60__highlight,.percent60,.text60 {
    font-size: 6rem
}

.percen80:after,.percent60:after,.text50 {
    font-size: 5rem
}

.number45__highlight,.percent45,.text45 {
    font-size: 4.5rem
}

.number60__highlight:before,.percent40,.text40 {
    font-size: 4rem
}

.number45__highlight:before,.text35 {
    font-size: 3.5rem
}

.text32,.title32__highlight {
    font-size: 3.2rem
}

.content-title,.number30__highlight,.percent40:after,.percent45:after,.text30,.title30__highlight {
    font-size: 3rem
}

.text25,.title25__highlight {
    font-size: 2.5rem
}

.text24,.title24__highlight {
    font-size: 2.4rem
}

.list-group>li,.number30__highlight:before,.sentence22,.sub-content-title,.text22,.title22__highlight {
    font-size: 2.2rem
}

.text21 {
    font-size: 2.1rem
}

.check-box .check-pharase.red,.page-title>h3,.page-title>p,.sentence20,.sentence20__light,.sentence20__normal,.text20,.title20__highlight,.title20__normal {
    font-size: 2rem
}

.text19 {
    font-size: 1.9rem
}

.text18,.title18__highlight,.title18__normal {
    font-size: 1.8rem
}

.check-box .check-pharase,.sentence17,.sentence17__bold,.text17,.title17__normal {
    font-size: 1.7rem
}

.text17__highlight {
    font-weight: 600
}

.text16 {
    font-size: 1.6rem
}

.sentence15,.text15 {
    font-size: 1.5rem
}

.color-circle__item:before,.sentence14,.text14 {
    font-size: 1.4rem
}

.sentence13,.text13 {
    font-size: 1.3rem
}

.sentence12,.text12,.tooltip-notice {
    font-size: 1.2rem
}

.text10 {
    font-size: 1rem
}

.text8 {
    font-size: .8rem
}

.highlight {
    font-family: TangoSans,sans-serif
}

.highlight__400 {
    font-weight: 400
}

.highlight__500 {
    font-weight: 500
}

.highlight__600 {
    font-weight: 600
}

.highlight__700 {
    font-weight: 700
}

.highlight.color {
    /* color: #00ffef */
    color:#ED9644;
}

.highlight.gradient {
    /* background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text */
}

.highlight.gradient,.highlight.gradient-reverse {
    width: fit-content;
    color: var(--Primary-Main100);
    font: var(--lp7);
}

.highlight.gradient-reverse {
    /* background: linear-gradient(90deg,#007fff,#00ffef);
    -webkit-background-clip: text */
    color:#ED9644;
}

.highlight.large {
    font-size: 2.4rem
}

.highlight.medium {
    font-size: 1.7rem
}

.highlight.small {
    font-size: 1.5rem
}

.underline {
    text-decoration: underline
}

.sentence {
    font-family: pretendard,sans-serif;
    font-weight: 300
}

.sentence.color {
    color: #00ffef
}

.sentence.large {
    font-size: 2.4rem
}

.sentence.medium {
    font-size: 1.7rem
}

.sentence.small {
    font-size: 1.5rem
}

.sentence.tiny {
    font-size: 1.3rem
}

.sentence__300 {
    font-weight: 300
}

.sentence__400 {
    font-weight: 400
}

.sentence__500 {
    font-weight: 500
}

.sentence__600 {
    font-weight: 600
}

.sentence__700 {
    font-weight: 700
}

.sentence__800 {
    font-weight: 800
}

.sentence.gradient {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent;
    width: -moz-fit-content;
    width: fit-content
}

.text-description {
    list-style: none
}

.page-title {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 80px
}

.page-title.flash-title {
    margin-bottom: 0
}

.page-title.flash-title>span {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300FFEF' d='M0 0c9.101 11.191 9.101 12.876 0 24 11.191-9.101 12.876-9.101 24 0-9.101-11.191-9.101-12.876 0-24C12.809 9.101 11.124 9.101 0 0'/%3E%3C/svg%3E");
    height: 24px;
    margin: 30px 0;
    width: 24px
}

.page-title>h2 {
    align-items: center;
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent;
    display: flex;
    font-weight: 700;
    margin: 0 auto;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content
}

.page-title>h2>.img-before {
    height: 30px;
    margin-right: 16px;
    width: 30px
}

.page-title>h2____mgbt-80 {
    margin-bottom: 80px
}

.page-title>h3 {
    color: #007fff;
    font-weight: 300;
    margin: 0 auto 10px;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content
}

.theme.dark .page-title>h3 {
    color: #9a9a9a
}

.page-title>p {
    color: #000001;
    font-weight: 300;
    margin: 10px auto 0;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content
}

.theme.dark .page-title>p {
    color: #e6e6e6
}

.content-title {
    align-items: center;
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: #00ffef;
    color: transparent;
    display: flex;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content
}

.content-title>.img-after-margin {
    margin-left: 15px
}

.content-title__mgbt-40 {
    margin-bottom: 40px
}

.main-title {
    align-items: center;
    color: #00ffef;
    display: flex;
    font-family: TangoSans;
    font-size: 3rem;
    font-weight: 700;
    width: -moz-fit-content;
    width: fit-content
}

.main-title.gradient,.sub-content-title {
    background: linear-gradient(90deg,#00ffef,#007fff);
    -webkit-background-clip: text;
    color: transparent
}

.sub-content-title {
    font-weight: 400;
    width: -moz-fit-content;
    width: fit-content
}

.sub-content-title.flash-ico:before {
    height: 18px;
    width: 18px
}

.sub-title-1 {
    align-items: center;
    color: #e6e6e6;
    display: flex;
    font-size: 2.2rem;
    font-weight: 700
}

.sub-title-1.main-color {
    color: #00ffef
}

.sub-title-1>.tooltip-ico {
    margin-left: 10px;
    margin-top: 2px
}

.sub-title-1.flash-ico:before {
    height: 25px;
    width: 25px
}

.sub-title-1.flash-normal-ico:before {
    height: 20px;
    width: 20px
}

@media (max-width: 768px) {
    .page-title {
        margin-bottom:50px
    }

    .page-title>h2 {
        font-size: 24px
    }

    .page-title>h3 {
        font-size: 14px
    }

    .content-title {
        font-size: 15px
    }
}

.gradient-line {
    background: linear-gradient(90deg,transparent,#00ffef,transparent);
    height: 1px;
    width: 100%
}

.gradient-line.white {
    background: linear-gradient(90deg,transparent,#fff,transparent)
}

.gradient-line.gray {
    background: linear-gradient(90deg,transparent,#7a7a7a,transparent)
}

.gradient-line.left {
    background: linear-gradient(270deg,transparent,#00ffef)
}

.gradient-line.right {
    background: linear-gradient(90deg,transparent,#00ffef)
}

.gradient-line-vertical {
    background: linear-gradient(0deg,transparent,#00ffef,transparent);
    height: unset;
    width: 1px
}

.tooltip-wrap {
    color: var(--white);
    font-family: Pretendard,sans-serif;
    font-size: 1.2rem;
    margin: 10px
}

.tooltip-wrap .gradient-line {
    height: 1px
}

.tooltip-wrap .formatter-wrapper>p {
    font-size: 1.3rem;
    line-height: 23px
}

.tooltip-wrap .formatter-wrapper .kibot-line {
    color: #ee6aa9
}

.tooltip-wrap .formatter-wrapper .buyType.Buy {
    color: #4cbbfb
}

.tooltip-wrap .formatter-wrapper .buyType.Sell {
    color: #ff929c
}

.tooltip-wrap .formatter-wrapper .meta-entry {
    animation: blink-f35914a2 1.5s ease-in-out infinite
}

.tooltip-wrap .formatter-wrapper .meta-take {
    color: #11b745
}

.theme.dark .tooltip-wrap .formatter-wrapper .meta-take {
    color: #00ffef
}

.theme.dark .tooltip-wrap .formatter-wrapper .meta-stop,.tooltip-wrap .formatter-wrapper .meta-stop {
    color: #ff4643
}

.tooltip-wrap .time-wrap {
    font-size: 1.3rem;
    margin-bottom: 5px;
    padding-bottom: 10px;
    text-align: center
}

@keyframes blink-f35914a2 {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.header-option-container {
    display: flex;
    margin-bottom: 20px
}

.header-option-container>div {
    width: 100%
}

.header-option-container .advance-wrapper {
    text-align: right
}

.header-option-container .advance-wrapper .period-list>button {
    margin-right: 5px
}

.header-option-container .advance-wrapper .period-list>button:last-of-type {
    margin-right: 0
}

.header-option-container .radio-wrapper,.header-option-container .radio-wrapper .radio-list {
    display: flex;
    flex-wrap: wrap
}

.header-option-container .radio-wrapper .radio-list .radiobtn-item {
    margin-right: 35px
}

.chart-wrapper {
    padding: 50px
}

.header-option-container .btn-list {
    display: flex;
    gap: 5px
}

@media (max-width: 1280px) {
    .header-option-container .radio-wrapper {
        margin:0 auto 10px
    }

    .header-option-container .radio-wrapper .radio-list {
        gap: 35px
    }

    .header-option-container .radio-wrapper .radio-list .radiobtn-item {
        margin-bottom: 0;
        margin-right: 0
    }

    .header-option-container .btn-list {
        flex-direction: row;
        margin-left: auto
    }
}

@media (max-width: 768px) {
    .header-option-container {
        flex-direction:column
    }

    .header-option-container>div {
        width: 100%
    }

    .chart-wrapper {
        padding: 0
    }

    .dashboard-chart-container .kibot-chart__list-wrapper .sub-title-1 {
        width: -moz-fit-content;
        width: fit-content
    }

    .dashboard-chart-container .kibot-chart__list-wrapper .header-option-container {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        padding: 0 2rem
    }
}

@media (max-width: 420px) {
    .dashboard-chart-container .kibot-chart__list-wrapper button {
        padding:.2rem .4rem
    }
}

.page-container {
    width: 95%;
    margin: 8rem auto 3rem;
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.rounded-box {
    background-color: rgba(0,255,239,.1);
    border-radius: 500px;
    margin-bottom: 8rem;
    padding: 5rem 0
}

.rounded-box .label {
    margin-bottom: 2rem
}

.rounded-box .value {
    font-size: 4.5rem;
    font-weight: 400;
    line-height: 6rem;
    text-align: center
}

.rounded-box .value small {
    font-size: .8em
}

.info-message {
    align-items: baseline;
    color: #ccc;
    display: flex;
    font-family: Pretendard,sans-serif;
    font-size: 12px;
    font-weight: 500;
    gap: 5px;
    line-height: 15px
}

.theme.dark .info-message {
    color: #7a7a7a
}

.info-message:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath fill='%23747474' d='M12 5.921A6.003 6.003 0 0 0 5.92.001a6 6 0 1 0 6.077 5.918zM5.682 2.262a.98.98 0 0 1 .693-.267q.405 0 .688.267a.85.85 0 0 1 .286.647.84.84 0 0 1-.286.645.97.97 0 0 1-.688.268q-.402 0-.693-.268a.85.85 0 0 1-.288-.645q0-.376.288-.647m1.715 7.085q-.493.194-.786.297a2 2 0 0 1-.682.103q-.595-.001-.928-.29a.95.95 0 0 1-.331-.74c0-.116.009-.232.025-.356q.024-.181.08-.412l.409-1.452q.057-.209.091-.395.038-.186.037-.341 0-.278-.114-.389t-.44-.11q-.157 0-.326.05a4 4 0 0 0-.288.095l.11-.449q.403-.165.772-.28.37-.118.698-.118.593 0 .914.286.321.287.32.743 0 .096-.023.334-.02.239-.082.44l-.41 1.447q-.05.176-.088.398a2 2 0 0 0-.04.338q0 .288.129.394.13.104.446.105.15 0 .338-.053.189-.05.274-.091l-.11.448z'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    content: "";
    height: 10px;
    width: 10px
}

.info-message.center {
    justify-content: center
}

.styled-title {
    align-items: center;
    display: flex;
    margin-bottom: 24px
}

.styled-title.align-center {
    justify-content: center
}

.styled-title img {
    /* height: 24px;
    width: 24px */
}

.styled-title div {
    font: var(--lp9);
    color: var(--Grayscale-Gray10);
}
.styled-title div.title {
    font: var(--lp7);
}
.thin-font {
    font-family: Pretendard,sans-serif
}

.page-breadcrumb {
    margin-bottom: 24px;
}

.page-breadcrumb .parents-page {
    margin-bottom: 4px;
    font-family: 'Lexend';
    font-size: 16px;
    color: var(--Primary-Main100);
    font-weight: 500;
}

.theme.dark .page-breadcrumb .parents-page {
    color: #9a9a9a
}

.page-breadcrumb .cur-page-name {
    /* display: flex;
    font-size: 4rem;
    font-weight: 700;
    justify-content: center;
    line-height: 5.5rem */
}

.gift-grid {
    display: grid;
    grid-template-areas: "gift-title gift-content";
    grid-template-columns: 16rem calc(100% - 18rem);
    grid-template-rows: 24rem;
    grid-column-gap: 2rem;
    margin-bottom: 2rem
}

.gift-grid.gift-expired-grid {
    grid-template-rows: 27rem
}

.gift-grid .main-card {
    height: 100%;
    width: 100%
}

.gift-grid .gift-title {
    grid-template-areas: gift-title
}

.gift-grid .gift-content {
    grid-template-areas: gift-content
}

.gift-grid .gift-content .main-card {
    padding: 0 3rem
}

.gift-grid .title-wrapper {
    align-items: center;
    display: flex;
    font-size: 2.2rem;
    height: 100%;
    justify-content: center;
    line-height: 3rem;
    text-align: center
}

.gift-grid .title-wrapper .sub-title {
    color: #007fff;
    font-family: Pretendard,sans-serif;
    font-size: 1.7rem;
    line-height: 2rem;
    margin-top: 1.5rem
}

.theme.dark .gift-grid .title-wrapper .sub-title {
    color: #00ffef
}

.btn-flex,.btn-flex .btn-linear {
    display: flex;
    justify-content: center
}

.btn-flex .btn-linear {
    align-items: center;
    min-width: fit-content;
    width: 220px;
    padding: 14px 0;
    height: 52px;
    font: var(--ps7);
}

.gift-swiper {
    height: 22rem
}

.gift-items {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.gift-items .gift-items-grid {
    -moz-column-gap: 30px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: repeat(3,auto);
    justify-content: center
}

.checkbox-item:has(input[type=checkbox]:checked) .mark:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none' viewBox='0 0 12 10'%3E%3Cpath stroke='%23E6E6E6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 1.75 4.125 8.625 1 5.5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 10px 10px;
    top: 0
}

.payment-table-wrapper {
    padding: 0 40px 80px
}

.payment-table-wrapper table {
    margin-left: auto
}

.payment-table-wrapper table .label {
    color: #007fff;
    font-family: Pretendard,sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    padding-right: 33px;
    text-align: right
}

.theme.dark .payment-table-wrapper table .label {
    color: #00ffef
}

.payment-table-wrapper table .amount {
    color: #ff929c;
    font-size: 45px;
    font-weight: 400;
    line-height: 61px
}

.theme.dark .payment-table-wrapper table .amount {
    color: #ff929c
}

.payment-table-wrapper table .amount small {
    font-size: .8em
}

.payment-table-wrapper table .point {
    align-items: center;
    display: flex;
    font-size: 20px;
    line-height: 27px;
    margin-left: 15px
}

.payment-table-wrapper table .point.justify-end {
    justify-content: flex-end
}

.payment-table-wrapper table .point img {
    height: 18px;
    margin-right: 3px;
    width: 18px
}

.payment-table-wrapper table .point small {
    font-size: .8em
}

.payment-table-wrapper table .point .value {
    margin-left: 5px
}

@media screen and (max-width: 1600px) {
    .gift-grid {
        grid-template-areas:"gift-title" "gift-content";
        grid-template-columns: 100%;
        grid-template-rows: auto;
        grid-column-gap: 0;
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px);
        background-color: rgba(0,255,239,.1)
    }

    .gift-grid .main-card {
        -webkit-backdrop-filter: unset;
        backdrop-filter: unset;
        background-color: transparent;
        border-radius: 0
    }

    .gift-grid .title-wrapper {
        padding: 2rem 0
    }

    .gift-grid .title-wrapper .trans-inline {
        display: inline-block
    }

    .gift-grid .title-wrapper .sub-title {
        margin-top: 1rem
    }

    .gift-grid .gift-content {
        padding: 3rem 0
    }
}

@media screen and (max-width: 1440px) {
    .page-container {
        flex-direction: column;
        align-items: center;
    }
    .main-card {
        width: 100%;
    }
    .gift-swiper {
        height:auto
    }

    .gift-items {
        height: auto;
        margin-bottom: 20px
    }

    .gift-items .gift-items-grid {
        display: grid;
        grid-template-columns: 320px;
        grid-template-rows: repeat(3,auto)
    }
}

@media screen and (max-width: 768px) {
    /* .styled-title {
        margin-bottom:4rem;
        padding-left: 20px
    }

    .styled-title img {
        height: 15px;
        width: 15px
    }

    .styled-title div {
        font-size: 22px
    }

    .btn-flex {
        padding: 0 2rem
    }

    .btn-flex .btn-linear {
        flex: 1;
        font-size: 17px;
        height: 52px
    }

    .btn-more {
        align-items: center;
        display: flex;
        font-size: 1.7rem;
        height: 5rem;
        justify-content: center;
        margin: 3rem auto 0;
        position: relative;
        width: 17rem
    }

    .btn-more img {
        height: .9rem;
        margin-left: .5rem
    }

    .btn-more .arrow {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #00ffef;
        height: 0;
        margin-left: 5px;
        margin-top: 3px;
        width: 0
    }

    .btn-more:hover .arrow {
        border-top: 7px solid #010416
    } */
}

/* @media screen and (max-width: 480px) {
    .page-breadcrumb {
        margin-bottom:50px
    }

    .page-breadcrumb .parents-page {
        font-size: 14px;
        line-height: 16.71px
    }

    .page-breadcrumb .cur-page-name {
        font-size: 24px;
        line-height: 32.95px
    }

    .styled-title div {
        font-size: 20px;
        line-height: 27.46px;
        margin-left: 12px
    }

    .payment-table-wrapper {
        padding: 20px 20px 25px
    }

    .payment-table-wrapper table {
        width: 100%
    }

    .payment-table-wrapper table td {
        padding-bottom: 15px;
        vertical-align: middle
    }

    .payment-table-wrapper table .label {
        font-size: 17px;
        line-height: 20.29px;
        padding-right: 0;
        text-align: left
    }

    .payment-table-wrapper table .amount {
        font-size: 24px;
        font-weight: 400;
        line-height: 32.59px;
        text-align: right
    }

    .payment-table-wrapper table .point-td {
        width: 1%
    }

    .payment-table-wrapper table .point {
        font-size: 20px;
        justify-content: flex-end;
        line-height: 27.16px;
        margin-left: 10px
    }

    .gift-grid {
        margin-bottom: 0
    }

    .gift-grid .gift-content .main-card {
        padding: 0
    }

    .gift-items .gift-items-grid {
        grid-template-columns: auto
    }
} */

.content-video-container {
    cursor: pointer;
    margin-bottom: 8rem;
    position: relative;
    text-align: center;
    width: 100%
}

.content-video-container .telegram-video {
    width: 55%
}

.content-video-container .toggle-button {
    height: 130px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: opacity .3s ease;
    width: 130px
}

.content-video-container:hover .toggle-button {
    opacity: 1
}

.info-list {
    margin: 0;
    flex-grow:0.6;
    padding-bottom: 0;
}

.info-list ul {
    counter-reset: list-number;
    list-style: none;
    padding-left: 8px;
}

.info-list li {
    counter-increment: list-number;
    padding-left: 16px;
    position: relative;
    font: var(--ps8);
    line-height: 30px;
    letter-spacing: -0.14px;
}
.info-list li:last-of-type {
    padding-bottom: 48px;
}
.info-list li:before {
    align-items: center;
    content: counter(list-number);
    display: flex;
    font: var(--ps9);
    height: 19px;
    justify-content: center;
    left: -21px;
    line-height: 19.01px;
    margin-right: 15px;
    position: absolute;
    top: 8px;
    left:-8px;
    width: 16px;
    border-radius: 4px;
    background: var(--Primary-Main100);
    color: var(--Grayscale-Gray10);
}

.theme.dark .info-list li:before {
    background-color: #00ffef;
    color: #010416
}

.info-list li a {
    color: #007fff;
    text-decoration: underline
}

.theme.dark .info-list li a {
    color: #00ffef
}

.faq {
    color: #ccc;
    font-family: Pretendard,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-left: 39px
}

.theme.dark .faq {
    color: #7a7a7a
}

.faq img {
    height: 10px;
    margin-right: 7px;
    width: 10px
}

.connect-card {
    margin-bottom: 80px;
    flex-grow:0.4;
}

.connect-card .card-wrapper {
    /* margin: 0 auto;
    width: 738px */
}

.connect-card .form-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.connect-card .form-box .label,.connect-card .form-box .value {
}

.connect-card .form-box .label {
    color: var(--Grayscale-Gray10);
    font: var(--pb6);
    margin: 0;
}

.connect-card .form-box .value {
    font-size: 20px;
    line-height: 24px;
    text-align: right
}

.connect-card .form-box .value .msg {
    color: #ccc;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-top: 4px
}
.connect-card .form-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.theme.dark .connect-card .form-box .value .msg {
    color: #7a7a7a
}

.connect-card .form-box .alarm-types {
    margin-bottom: 21px
}

.connect-card .form-box .flex-row {
    display: flex;
    font-size: 20px;
    font-weight: 600;
    gap: 40px;
    justify-content: space-between;
    line-height: 23.87px;
    margin-bottom: 17px
}

.connect-card .form-box .flex-row div:first-child,.connect-card .form-box .flex-row div:nth-child(4) {
    font-size: 20px;
    line-height: 24px
}

.connect-card .form-box .flex-row div:nth-child(2) {
    color: #007fff
}

.theme.dark .connect-card .form-box .flex-row div:nth-child(2) {
    color: #00ffef
}

.connect-card .form-box .flex-row div:nth-child(3),.theme.dark .connect-card .form-box .flex-row div:nth-child(3) {
    color: #ff4643
}

.connect-card .form-box .input-group {
    gap:8px;
}
.connect-card .form-box .input-group.alert {
    flex-wrap: nowrap;
}
.connect-card .form-box .input-group input {
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    text-align: left;
    color: var(--Grayscale-Gray10);
    height: 40px;
    padding: 8px 16px;
    border: 1px solid var(--Grayscale-Gray70);
    border-radius: 4px !important;
    background: transparent;
    font: var(--pb6);
}
.connect-card .form-box .input-group button {
    height: 40px;
    margin-left: 5px;
    min-width: fit-content;
    width: 105px;
    border-radius: 4px !important;
    background: var(--Grayscale-Gray70);
}

.connect-card .form-box .coin-types .label,.connect-card .form-box .coin-types .value {
    margin-bottom: 50px
}

.connect-card .form-box .help-msg {
    color: #ccc;
    font-family: Pretendard,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    text-align: right
}

.theme.dark .connect-card .form-box .help-msg {
    color: #7a7a7a
}

.connect-card .form-box .help-msg img {
    height: 10px;
    margin-right: 5px;
    width: 10px
}

.btn-flex {
    gap: 10px
}

/* @media screen and (max-width: 768px) {
    .content-video-container {
        padding:0 20px;
        text-align: left;
        width: calc(100% - 40px)
    }

    .content-video-container .telegram-video {
        width: 100%
    }

    .info-list {
        margin-bottom: 40px;
        padding: 0 20px
    }

    .info-list li {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 30px;
        padding-left: 15px
    }

    .info-list li:before {
        font-size: 12px;
        height: 18px;
        left: -15px;
        line-height: 16.3px;
        margin-right: 15px;
        top: 0;
        width: 18px
    }

    .faq {
        margin-left: 35px
    }

    .connect-card {
        margin-bottom: 40px;
        padding: 30px 0
    }

    .connect-card .card-wrapper {
        width: 100%
    }

    .connect-card .form-box {
        padding: 0 20px
    }

    .connect-card .form-box .label,.connect-card .form-box .value {
        font-size: 14px;
        line-height: 16.71px;
        text-align: center
    }

    .connect-card .form-box .label {
        margin-bottom: 15px
    }

    .connect-card .form-box .value {
        margin-bottom: 30px
    }

    .connect-card .form-box .flex-row {
        gap: unset
    }

    .connect-card .form-box .flex-row div {
        font-size: 14px!important;
        line-height: 16.71px!important;
        width: 42px
    }

    .connect-card .form-box .flex-row div:nth-child(4) {
        width: 134px
    }

    .connect-card .form-box .coin-types .label {
        margin-bottom: 15px
    }

    .connect-card .form-box .coin-types .value {
        margin-bottom: 30px
    }

    .connect-card .form-box .input-group {
        margin-bottom: 25px;
        width: 100%
    }

    .connect-card .form-box .input-group input {
        padding-left: 9px;
        text-align: left
    }

    .connect-card .form-box .input-group button {
        margin-left: 10px
    }

    .connect-card .form-box .help-msg {
        margin-top: -20px;
        padding: 0;
        text-align: center
    }
} */