/*range-slider
    ---------------------*/

.tf-progessbar {
    .tf-progressbar-content {
        width: 100%;
        height: 4px;
        background-color: var(--Outline);
        position: relative;
        z-index: 1;
        border-radius: 1000px;
        margin-bottom: 16px;
    }
    .tf-amount {
        position: absolute;
        left: 0;
        z-index: 10;
        height: 100%;
        background-color: var(--Secondary);
        border-radius: 1000px;
        width: 53%;
        &::after {
            content: "";
            width: 16px;
            height: 16px;
            background: var(--Secondary);
            border-radius: 50%;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translate(0%, -50%);
        }
    }
}
