/*--------------------------------------------------------------------------*\
    Chart zoom
\*--------------------------------------------------------------------------*/

.chart__zoom{
    /*box*/
    position:absolute;
    top:0px;
    left:0px;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width:100%;
    height:100%;
    overflow-y: auto;
    z-index:1;
    padding:10px;

    /*background*/
    background-color: var(--c-tertiary-4);
}

/*--------------------------------------------------------------------------*\
        Scrollbar
\*--------------------------------------------------------------------------*/

.chart__zoom::-webkit-scrollbar {
    /*box*/
    width: 8.5px;

    /*background*/
    background-size: 8.5px;
    background: var(--c-tertiary-4);
}

.chart__zoom::-webkit-scrollbar-thumb {
    /*background*/
    background-color: var(--c-primary-4);

    /*border*/
    border-radius: 2px
}

.chart__zoom::-webkit-scrollbar-thumb:hover {
    /*background*/
    background-color: var(--c-primary-3);
}