.nuefelt-shipment{margin:40px 0}
.nuefelt-shipment__eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#777;margin:0 0 8px}
.nuefelt-shipment h2{font-size:32px;margin:0 0 24px;color:#111}
.nuefelt-shipment__card{border:1px solid #e5e5e5;background:#fff;padding:28px}
.nuefelt-shipment__status{font-size:24px;color:#111}
.nuefelt-shipment__date{color:#777;margin-top:6px}

.nuefelt-shipment__timeline{display:flex;justify-content:space-between;position:relative;margin:38px 0 42px}
.nuefelt-shipment__timeline-line{position:absolute;top:9px;left:15px;right:15px;height:1px;background:#ddd}
.nuefelt-shipment__timeline-step{position:relative;text-align:center;z-index:1;flex:1}
.nuefelt-shipment__timeline-step span{display:block;width:18px;height:18px;border-radius:50%;border:1px solid #111;background:#fff;margin:auto}
.nuefelt-shipment__timeline-step.is-complete span,
.nuefelt-shipment__timeline-step.is-current span{background:#111}
.nuefelt-shipment__timeline-step small{display:block;margin-top:12px;color:#777;font-size:12px}

.nuefelt-shipment__details{border-top:1px solid #eee;padding-top:20px;display:flex;align-items:center;justify-content:space-between}
.nuefelt-shipment__meta{display:grid;grid-template-columns:160px auto;gap:10px}
.nuefelt-shipment__label{color:#777}
.nuefelt-shipment__track{background:#111!important;color:#fff!important;border-radius:0!important;padding:14px 24px!important}

@media(max-width:768px){
.nuefelt-shipment__card{padding:20px}
.nuefelt-shipment__details{display:block}
.nuefelt-shipment__timeline-step small{font-size:10px}
.nuefelt-shipment__meta{grid-template-columns:120px auto}
}