.cart-container {

    &:has(.cart-empty) {
        .wc-freeshipping-progress {
            display: none;
        }
    }

    .wc-freeshipping-progress {
        margin: 8px 0 12px;
        clear: both;
        float: left;
        background: #F6F6F6;
        padding: 10px 10px 12px;
        border-radius: 5px;
        width: 71%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column-reverse;
    }

    .wc-freeshipping-bar {
        height: 5px;
        background: #D9D9D9;
        border-radius: 70px;
        overflow: hidden;
    }

    .wc-freeshipping-text {
        margin-bottom: 8px;
        font-size: 14px;
        color: #3F3F3F;
    }
}

.block-minicart {

    &:has(.empty) {
        .wc-freeshipping-progress {
            display: none;
        }
    }

    .wc-freeshipping-progress {
        display: none;
        order: 2;
        background: #F6F6F6;
        padding: 10px 10px 12px;
        border-radius: 5px;
        display: flex;
        flex-direction: column-reverse;
    }

    .wc-freeshipping-bar {
        height: 3px;
        background: #D9D9D9;
        border-radius: 70px;
        overflow: hidden;
    }

    .wc-freeshipping-text {
        margin-bottom: 8px;
        font-size: 12px;
        color: #3F3F3F;
    }
}

.wc-freeshipping-bar__fill {
    height: 100%;
    width: 0;
    background: #ED3237;
    transition: width .3s ease;
}

.wc-freeshipping--achieved .wc-freeshipping-bar__fill {
    background: #ED3237;
}