.tpr-side-shipping-slot { flex: 0 0 auto; border-bottom: 1px solid #e5e8e5; }
.tpr-side-shipping-slot[hidden], .tpr-cart-shipping-slot[hidden] { display: none !important; }
.tpr-ship-progress { padding: 16px 26px 12px; color: #2f3b2f; text-align: center; }
.tpr-ship-progress .tpr-ship-message { margin: 0 0 22px; font-size: 17px; line-height: 1.45; font-weight: 750; }
.tpr-ship-message .amount, .tpr-ship-message bdi { font: inherit; color: inherit; }
.tpr-ship-track { position: relative; height: 9px; margin: 0 12px 12px 0; border-radius: 20px; background: #dfe3df; }
.tpr-ship-fill { display: block; height: 100%; border-radius: inherit; background: repeating-linear-gradient(135deg, #2f3b2f 0 6px, #879287 6px 12px); transition: width .2s ease; }
.tpr-ship-truck { position: absolute; right: -12px; top: 50%; transform: translateY(-50%); display: grid; place-items: center; width: 32px; height: 32px; border: 2px solid #2f3b2f; border-radius: 50%; background: white; }
.tpr-ship-truck svg { width: 23px; height: 23px; }
.tpr-ship-caption { text-align: right; font-size: 14px; letter-spacing: .7px; }
.tpr-ship-note { display: block; margin-top: 4px; font-size: 11px; line-height: 1.4; opacity: .8; }
.tpr-ship-progress.is-unlocked .tpr-ship-fill { background: #2f3b2f; }
.tpr-cart-shipping-slot .tpr-ship-progress { margin-bottom: 20px; border: 1px solid #e5e8e5; border-radius: 8px; }
@media (max-width: 400px) { .tpr-ship-progress { padding: 12px 20px 10px; } .tpr-ship-progress .tpr-ship-message { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .tpr-ship-fill { transition: none; } }