.hc-order-progress,.hc-public-tracking{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.hc-order-progress{border:1px solid #e7eaf0;border-radius:18px;background:#fff;padding:24px;margin:24px 0}.hc-order-progress__top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.hc-order-progress h2{margin:3px 0 0;font-size:24px}.hc-order-status-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hc-status-pill{font-size:12px;font-weight:800;border-radius:999px;padding:7px 10px;background:#eef4ff;color:#1459d9}.hc-status-pill--paid{background:#ecfdf3;color:#147a3f}.hc-status-pill--failed,.hc-status-pill--cancelled{background:#fff1f0;color:#b42318}.hc-order-timeline{list-style:none;padding:22px 0 8px;margin:18px 0 4px;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.hc-order-timeline:before{content:"";position:absolute;top:34px;left:8%;right:8%;height:2px;background:#e7eaf0}.hc-order-timeline li{position:relative;text-align:center;font-size:11px;font-weight:750;color:#98a2b3;z-index:1}.hc-order-timeline__dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#fff;border:2px solid #d7dce5;color:#fff}.hc-order-timeline li.is-done{color:#344054}.hc-order-timeline li.is-done .hc-order-timeline__dot{background:#1459d9;border-color:#1459d9}.hc-order-timeline li.is-active{color:#172033}.hc-order-timeline li.is-active .hc-order-timeline__dot{border:6px solid #ff7a1a}.hc-order-timeline li.is-problem .hc-order-timeline__dot{background:#b42318;border-color:#b42318}.hc-order-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.hc-order-info-card{display:flex;gap:11px;padding:14px;border-radius:12px;background:#f7f9fc}.hc-order-info-card__icon{width:35px;height:35px;border-radius:9px;background:#fff;display:grid;place-items:center;flex:0 0 auto}.hc-order-info-card small,.hc-order-info-card strong,.hc-order-info-card p{display:block;margin:0}.hc-order-info-card small{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#7a8495;font-weight:850}.hc-order-info-card strong{font-size:12px;margin:2px 0}.hc-order-info-card p{font-size:10px;color:#667085}.hc-tracking-box{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#0b1220;color:#fff;border-radius:13px;padding:16px;margin-top:14px}.hc-tracking-box>div{display:flex;gap:12px;align-items:center}.hc-tracking-box small,.hc-tracking-box strong,.hc-tracking-box code{display:block}.hc-tracking-box small{color:#aebcd0;font-size:9px}.hc-tracking-box strong{font-size:13px}.hc-tracking-box code{margin-top:4px;color:#fff}.hc-order-pay{margin-top:14px}.hc-public-tracking{width:min(820px,calc(100% - 28px));margin:45px auto 70px}.hc-public-tracking__head{text-align:center;margin-bottom:24px}.hc-public-tracking__head h1{font-size:38px;margin:4px 0}.hc-public-tracking__head p{color:#667085}.hc-tracking-form{max-width:590px;margin:auto;border:1px solid #e7eaf0;border-radius:18px;padding:24px;display:grid;gap:14px}.hc-tracking-form label span{display:block;font-size:11px;font-weight:800;margin-bottom:5px}.hc-tracking-form input{width:100%;height:48px;border:1px solid #d7dce5;border-radius:10px;padding:0 12px;font:inherit}.hc-tracking-order-mini{display:flex;justify-content:space-between;border-top:1px solid #e7eaf0;padding-top:16px;margin-top:16px;font-size:12px}
@media(max-width:700px){.hc-order-progress{padding:16px;border-radius:14px}.hc-order-progress__top{display:block}.hc-order-status-pills{justify-content:flex-start;margin-top:10px}.hc-order-timeline{overflow-x:auto;grid-template-columns:repeat(5,minmax(88px,1fr))}.hc-order-info-grid{grid-template-columns:1fr}.hc-tracking-box{align-items:flex-start;flex-direction:column}.hc-public-tracking__head h1{font-size:30px}}