.jws-outside-bar {
    width: 100%;
    height: 6px;
    /* background-color: white; */
    background-color: var(--bg-color);
    border-radius: 3px;
    border: 1px solid var(--border-color);
    /* margin-top: 6px; */
    display: block;
}

.jws-inside-bar {
    width: 0;
    height: 100%;
    border-radius: 3px;
    /* background-color: deepskyblue; */
    background-color: var(--border-color);
}

.jws-handle {
    height: 20px;
    width: 24px;
    margin-top: -13px;
    /*margin-left: calc(30% - 12.5px);*/
    margin-left: -12px;
    display: block;
}

.jws-text {
    /* height: 30px; */
    width: 80px;
    padding: 2px;
    /* color: #00ee00; */
    color: var(--font-color);
    margin-top: 0px;
    margin-left: -40px;
    font-size: 12px;
    text-align: center;
}