.order-status-display-section{position:relative;background:rgba(var(--background-color));background-image:var(--background-gradient);color:rgb(var(--text-color));padding-block-start:var(--padding-block-start);padding-block-end:var(--padding-block-end);border-radius:var(--border-radius);overflow:var(--overflow)}.order-status-display-section>*:not(.is-background){position:relative;z-index:1}order-status-display{display:block;max-width:100%;margin:0 auto}@media (min-width: 769px){order-status-display.custom-width{width:var(--width)}}@media (max-width: 768px){order-status-display.custom-width-mobile{width:var(--width-mobile)}}.loading-state{text-align:center;padding:var(--spacing-12) var(--spacing-6)}.loading-state .spinner{width:40px;height:40px;margin:0 auto var(--spacing-4);border:3px solid rgb(var(--border-color));border-top-color:rgb(var(--text-primary));border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;padding:var(--spacing-8);background:rgb(var(--error-background, 254 242 242));border:1px solid rgb(var(--error-border, 239 68 68));border-radius:var(--rounded-sm)}.error-state h3{color:rgb(var(--error-text, 185 28 28));margin-bottom:var(--spacing-2)}.order-details{margin-bottom:var(--spacing-4)}.order-details-columns{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media screen and (min-width: 700px){.order-details-columns{grid-template-columns:1fr 1fr}}.last-updated{font-size:var(--text-xs);color:rgb(var(--text-secondary));margin-top:var(--spacing-4);text-align:left}.order-details-column{border:2px solid rgb(var(--text-color));padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1-5)}.order-details-grid{display:grid;gap:var(--spacing-4)}.detail-row{display:flex;justify-content:space-between;font-size:var(--text-sm)}.detail-row__label{font-weight:600;color:rgb(var(--text-secondary))}.detail-row__value{color:rgb(var(--text-primary));text-align:right}.shipping-address{font-size:var(--text-sm)}.shipping-address p{margin-bottom:var(--spacing-0-5)}.shipping-address .address-name{font-weight:600;margin-bottom:var(--spacing-0-5)}.status-steps{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-6)}.status-step-box{position:relative;display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-3);background:var(--status-pending-background);border-radius:var(--rounded-sm);border:2px solid var(--status-pending-border)}.status-step-box.completed{border-color:var(--status-completed-border);background:var(--status-completed-background)}.status-step-box.active{border-color:var(--status-active-border);background:var(--status-active-background)}.status-step-box__icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:var(--status-pending-icon);position:relative}.status-step-box.completed .status-step-box__icon{background:transparent;color:var(--status-completed-icon)}.status-step-box.active .status-step-box__icon{background:transparent;color:var(--status-active-icon)}.status-step-box__icon svg{width:40px;height:40px}.status-step-box__check-badge{position:absolute;bottom:0;right:0;width:18px;height:18px;background:#333d29;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-step-box__check-badge svg{width:12px;height:12px;color:#fff}.status-step-box__live-badge{position:absolute;top:var(--spacing-2);right:var(--spacing-2);display:flex;align-items:center;gap:var(--spacing-1);padding:4px 8px;font-size:10px;font-weight:600;letter-spacing:.05em}.status-step-box__live-badge .live-dot{width:6px;height:6px;border-radius:50%;background:var(--status-active-icon);animation:pulse 2s ease-in-out infinite}.status-step-box__live-badge .live-text{color:var(--status-active-icon)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-step-box__content{flex:1}.status-step-box__content h3{color:var(--status-pending-text)}.status-step-box.completed .status-step-box__content h3{color:var(--status-completed-text)}.status-step-box.active .status-step-box__content h3{color:var(--status-active-text)}.status-step-box__description{font-size:var(--text-sm);color:var(--status-pending-text);line-height:1.5}.status-step-box.completed .status-step-box__description{color:var(--status-completed-text)}.status-step-box.active .status-step-box__description{color:var(--status-active-text)}.status-step-box__description p{margin:0}.status-step-box__description strong,.status-step-box__description b{font-weight:600;color:inherit}@media (max-width: 768px){.order-status-display-section{padding-block-start:var(--padding-block-start_mobile);padding-block-end:var(--padding-block-end_mobile);border-radius:var(--border-radius-mobile);overflow:var(--overflow-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/order-status-display.css.map */