.rcep-timeline{display:flex;align-items:center;grid-template-columns:none;background:#fff;border:1px solid #e7ebf0;border-radius:14px;padding:16px 18px;box-shadow:0 7px 24px rgba(30,42,60,.06);gap:12px}.rcep-time-step{display:flex;align-items:center;gap:10px;min-width:0}.rcep-time-step>span:last-child{display:flex;flex-direction:column;min-width:0}.rcep-time-step small{font-size:10px;font-weight:800;letter-spacing:.8px;color:#98a1ae;line-height:1.2}.rcep-time-step strong{font-size:14px;color:#263142;white-space:nowrap;margin-top:3px}.rcep-time-icon{display:grid;place-items:center;width:34px;height:34px;min-width:34px;border-radius:50%;background:#eff4fa;color:#47647f;font-size:17px;font-weight:800;border:1px solid #dce5ee}.rcep-time-step.is-done .rcep-time-icon{background:#ecfbf2;color:#13a34d;border-color:#bde8cd}.rcep-time-line{height:1px;min-width:22px;flex:1;background:linear-gradient(90deg,#cdd7e1 50%,transparent 50%);background-size:7px 1px}.rcep-bundle:nth-child(2).is-selected{border-color:#14a44d;background:linear-gradient(90deg,#fff 70%,#f3fff7)}@media(max-width:650px){.rcep-timeline{display:grid;grid-template-columns:1fr;padding:14px 16px;gap:8px}.rcep-time-step{justify-content:flex-start}.rcep-time-line{width:1px;height:12px;min-width:1px;margin-left:17px;background:linear-gradient(#cdd7e1 50%,transparent 50%);background-size:1px 6px}.rcep-time-step strong{font-size:13px}}
.rcep-shipping.is-earned{border-color:#a9e2bd;background:#f4fff8}.rcep-shipping.is-earned .rcep-shipping-message{color:#12833d}.rcep-shipping.is-earned .rcep-progress span{background:linear-gradient(90deg,#14a44d,#55d687)}