.vapor-shipping-progress {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #cbd3ea;
    border-left: 4px solid #000060;
    border-radius: .5rem;
    background: #f0f4ff;
    color: #000060;
}
.vapor-shipping-progress p { margin: 0 0 .6rem; }
.vapor-shipping-progress__heading { font-weight: 700; font-size: 1rem; }
.vapor-shipping-progress__heading i { margin-right: .35rem; }
.vapor-shipping-progress__scale {
    display: flex;
    justify-content: space-between;
    margin: .15rem 0 -.55rem;
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
}
.vapor-shipping-progress__bar {
    display: block;
    width: 100%;
    height: .4rem;
    margin: .85rem 0 .55rem;
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    background: #dce3f2;
    accent-color: #000060;
}
.vapor-shipping-progress__bar::-webkit-progress-bar { background: #dce3f2; }
.vapor-shipping-progress__bar::-webkit-progress-value { background: #f06a12; border-radius: 1rem; }
.vapor-shipping-progress__bar::-moz-progress-bar { background: #f06a12; border-radius: 1rem; }
.vapor-shipping-progress__destination { font-size: .875rem; }
.vapor-shipping-progress__link { color: #000060; text-decoration: underline; font-weight: 600; }
.vapor-shipping-progress__link:hover { color: #000060; text-decoration-thickness: 2px; }
.vapor-shipping-progress__link:focus-visible { outline: 2px solid #000060; outline-offset: 4px; }
#basket-shipping-estimate-form[aria-busy="true"] [type="submit"] { cursor: progress; opacity: .7; }

/* Compact cart drawer: shipping progress directly below the cart actions. */
.cart-dropdown .vapor-cart-shipping-progress {
    margin-top:1rem;
    padding-top:1rem;
    border-top:1px solid #d9d9d9;
    color:#202020;
}
.vapor-cart-shipping-progress__heading {
    margin:0 0 .7rem;
    text-align:center;
    font-size:1rem;
    line-height:1.3;
}
.vapor-cart-shipping-progress__heading strong { color:#f06a12; }
.vapor-cart-shipping-progress__meter {
    display:flex;
    align-items:center;
    gap:.55rem;
    margin:0 0 .7rem;
    font-size:.8rem;
    font-variant-numeric:tabular-nums;
}
.vapor-cart-shipping-progress__meter > span { flex:0 0 auto; }
.vapor-cart-shipping-progress__bar {
    display:block;
    flex:1 1 auto;
    width:auto;
    height:.65rem;
    margin:0;
    border:0;
    border-radius:99px;
    overflow:hidden;
    background:#d7d7d7;
    accent-color:#f06a12;
}
.vapor-cart-shipping-progress__bar::-webkit-progress-bar { background:#d7d7d7; border-radius:99px; }
.vapor-cart-shipping-progress__bar::-webkit-progress-value { background:#f06a12; border-radius:99px; }
.vapor-cart-shipping-progress__bar::-moz-progress-bar { background:#f06a12; border-radius:99px; }
.vapor-cart-shipping-progress__note {
    margin:0;
    text-align:center;
    font-size:.84rem;
    line-height:1.35;
}
