.popup-content a {
    display: contents;
    text-decoration: none;
}
.loading-container {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.2);
}

.loading-container .lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px
}

.loading-container .lds-roller div {
    -webkit-animation: lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;
    animation: lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;
    -webkit-transform-origin: 32px 32px;
    transform-origin: 32px 32px
}

.loading-container .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff0;
    margin: -3px 0 0 -3px
}

.loading-container .lds-roller div:first-child {
    -webkit-animation-delay: -36ms;
    animation-delay: -36ms
}

.loading-container .lds-roller div:first-child:after {
    top: 50px;
    left: 50px
}

.loading-container .lds-roller div:nth-child(2) {
    -webkit-animation-delay: -72ms;
    animation-delay: -72ms
}

.loading-container .lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px
}

.loading-container .lds-roller div:nth-child(3) {
    -webkit-animation-delay: -.108s;
    animation-delay: -.108s
}

.loading-container .lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px
}

.loading-container .lds-roller div:nth-child(4) {
    -webkit-animation-delay: -.144s;
    animation-delay: -.144s
}

.loading-container .lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px
}

.loading-container .lds-roller div:nth-child(5) {
    -webkit-animation-delay: -.18s;
    animation-delay: -.18s
}

.loading-container .lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px
}

.loading-container .lds-roller div:nth-child(6) {
    -webkit-animation-delay: -.216s;
    animation-delay: -.216s
}

.loading-container .lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px
}

.loading-container .lds-roller div:nth-child(7) {
    -webkit-animation-delay: -.252s;
    animation-delay: -.252s
}

.loading-container .lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px
}

.loading-container .lds-roller div:nth-child(8) {
    -webkit-animation-delay: -.288s;
    animation-delay: -.288s
}

.loading-container .lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px
}

@-webkit-keyframes lds-roller {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-roller {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/*lightweight chart*/
:root {
    --backgroundColor: rgb(255, 255, 255);
    --textColor: #000;
    --white: white;
    --black: black;
    --headercl: linear-gradient(180deg, #fff, #ddd);
    --selected: #106ba3;
    --boxshadow: rgba(16, 22, 26, .15);
    --bgcolor: #a7b6c2;
    --bp3tab: #182026;
    --bp3button: #f5f8fa;
    --tabcl:#fff;
    --cpocl: rgb(255, 255, 255);
    --cpot: rgb(92, 112, 128);
    --chov: #f5f5f5;
    --cbdcl: #eeeff2;
    --legend: #f5f8fa;
    --bgcltab: #bfccd6;
    --bgcltabselected: #f5f8fa;
}

[data-theme="dark"] {
    --backgroundColor: rgb(24, 28, 39);
    --textColor: rgb(178, 181, 190);
    --white: black;
    --black: white;
    --headercl: #153959;
    --selected: #ffffff90;
    --boxshadow: rgba(16,22,26,.4);
    --bgcolor: #202b33;
    --bp3tab: #fff;
    --bp3button: #639abf;
    --tabcl: #30404d;
    --cpocl: #30404d;
    --cpot: white;
    --chov: rgba(130, 150, 160, .15);
    --cbdcl: black;
    --legend: black;
    --bgcltab: #1b2329;
    --bgcltabselected: #293742;
}
.customLegend {
color: var(--bp3tab);
font-weight: 400;
}

        ::-webkit-scrollbar-track {
            box-shadow: inset 0 0 0 grey;
            border-radius: 1px;
        }

        ::-webkit-scrollbar-thumb {
            border-radius: 0px;
            background: #ccc;
        }

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