.order-stage-bar{display:block;width:100%;margin-top:15px;color:#24211e;font-weight:400;text-align:left;white-space:normal}.order-stage-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.order-stage-node{position:relative;min-width:0}.order-stage-node:before{content:"";position:absolute;top:14px;right:calc(50% + 15px);width:max(0px,calc(100% - 26px));height:2px;background:#d7cec4;pointer-events:none}.order-stage-node:first-child:before{display:none}.order-stage-node.complete:before{background:#cf7b2d}.order-stage-button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:0 3px 4px;background:transparent;color:inherit;border:0;border-radius:5px;font:inherit;cursor:pointer;white-space:normal}.order-stage-dot{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:2px solid #a99e93;border-radius:50%;background:#fff8ef;color:#75695c;font-size:18px;line-height:1}.complete .order-stage-dot{background:#c36916;border-color:#c36916;color:#fff}.progress .order-stage-dot{border-color:#27211d;color:#27211d;background:#ffe1ba}.na .order-stage-dot{border-style:dashed;border-color:#b9b3ad;background:#f2efeb;color:#756f69}.order-stage-label{font-size:12px;font-weight:700;overflow-wrap:anywhere}.order-stage-state{font-size:11px;color:#655b51;overflow-wrap:anywhere}.order-stage-button:hover .order-stage-label,.order-stage-button[aria-expanded=true] .order-stage-label{text-decoration:underline}.order-stage-button:focus-visible{outline:2px solid #b45e17;outline-offset:2px}.order-stage-detail{display:block;margin-top:8px;padding:8px 10px;border-radius:5px;background:#fff;color:#51463c;border:1px solid #dfd1c0;font-size:12px;font-weight:400}.order-stage-detail[hidden]{display:none}.order-stage-notice{display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:#8b421b}.order-stage-table-cell{min-width:330px}.order-stage-table-cell .order-stage-bar{margin-top:9px}@media(max-width:600px){.order-stage-track{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:12px}.order-stage-node:nth-child(5):before{display:none}.order-stage-label{font-size:11px}.order-stage-state{font-size:11px}.order-stage-button{min-height:64px}.order-stage-bar{margin-top:12px}}@media print{.order-stage-detail{display:none}.order-stage-button{color:#222}.order-stage-bar{break-inside:avoid}}
