.s9os{--s9os-line: rgb(var(--text-color) / .14);--s9os-muted: rgb(var(--text-color) / .62);--s9os-soft: rgb(var(--text-color) / .04);--s9os-done: #0a8552;--s9os-go: #2b94ee;--s9os-make: #b26a00;--s9os-stop: #c0392b;max-width:780px;margin:0 auto;padding:0 var(--container-pad-x, 20px)}.s9os .page-header{text-align:center}.s9os-intro{text-align:center;margin-bottom:2rem}.s9os-h2{font-size:1.15rem;margin:0 0 1rem}.s9os-form,.s9os-mine{margin:0 0 2rem;padding:24px;border:1px solid var(--s9os-line);border-radius:var(--btn-border-radius, 4px)}.s9os-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.s9os-field label{font-size:.9rem}.s9os input[type=text]{width:100%;font-family:var(--base-font-family)!important;font-size:16px!important;letter-spacing:normal}.s9os-go{width:100%}.s9os-msg{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--s9os-stop);background:var(--s9os-soft)}.s9os-login{text-align:center;margin:-1rem 0 2rem;color:var(--s9os-muted)}.s9os-wait{color:var(--s9os-muted)}.s9os-help{text-align:center;color:var(--s9os-muted);margin-top:2rem}.s9os-order{margin:0 0 1rem;border:1px solid var(--s9os-line);border-radius:var(--btn-border-radius, 4px);background:rgb(var(--bg-color, 255 255 255))}.s9os-mine .s9os-order{border-radius:2px}.s9os-order-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:16px 20px;cursor:pointer;list-style:none}.s9os-order-head::-webkit-details-marker{display:none}.s9os-order-head:after{content:"";width:8px;height:8px;margin-left:4px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .15s}.s9os-order[open]>.s9os-order-head:after{transform:rotate(-135deg)}.s9os-order-name{font-weight:700;font-size:1.1rem}.s9os-placed{color:var(--s9os-muted);font-size:.9rem}.s9os-badge{margin-left:auto;padding:4px 10px;border-radius:99px;font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap}.s9os-badge--done{background:var(--s9os-done)}.s9os-badge--go{background:var(--s9os-go)}.s9os-badge--make{background:var(--s9os-make)}.s9os-badge--wait{background:rgb(var(--text-color) / .55)}.s9os-badge--stop{background:var(--s9os-stop)}.s9os-note{margin:0 20px 12px;padding:10px 14px;border-left:3px solid var(--s9os-go);background:var(--s9os-soft)}.s9os-note--stop{border-left-color:var(--s9os-stop)}.s9os-items{list-style:none;margin:0;padding:0}.s9os-item{display:flex;gap:16px;padding:16px 20px;border-top:1px solid var(--s9os-line)}.s9os-img{flex:0 0 72px;width:72px;height:72px;object-fit:contain;background:#fff;border:1px solid var(--s9os-line);border-radius:2px}.s9os-item-body{flex:1;min-width:0}.s9os-item-title{margin:0 0 6px;font-weight:600;line-height:1.35}.s9os-qty{font-weight:400;color:var(--s9os-muted)}.s9os-variant{display:block;font-weight:400;font-size:.9rem;color:var(--s9os-muted)}.s9os-stage{margin:0 0 10px}.s9os-stage strong{display:block}.s9os-stage span{display:block;font-size:.9rem;color:var(--s9os-muted)}.s9os-stage--shipped strong{color:var(--s9os-done)}.s9os-stage--manufacturing strong,.s9os-stage--production strong,.s9os-stage--scheduled strong,.s9os-stage--finishing strong,.s9os-stage--assembly strong{color:var(--s9os-make)}.s9os-stage--ready strong,.s9os-stage--packed strong{color:var(--s9os-go)}.s9os-track{margin:-4px 0 10px;font-size:.9rem}.s9os-steps{display:flex;list-style:none;margin:0;padding:0;counter-reset:s9os}.s9os-steps li{flex:1;position:relative;padding-top:14px;font-size:.75rem;color:var(--s9os-muted);text-align:center}.s9os-steps li:before{content:"";position:absolute;top:4px;left:0;right:0;height:3px;background:var(--s9os-line)}.s9os-steps li:after{content:"";position:absolute;top:0;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:rgb(var(--bg-color, 255 255 255));border:2px solid var(--s9os-line);box-sizing:border-box}.s9os-steps li.is-done:before,.s9os-steps li.is-now:before{background:rgb(var(--text-color))}.s9os-steps li.is-done:after{background:rgb(var(--text-color));border-color:rgb(var(--text-color))}.s9os-steps li.is-now{color:rgb(var(--text-color));font-weight:600}.s9os-steps li.is-now:after{border-color:rgb(var(--text-color));box-shadow:0 0 0 3px rgb(var(--text-color) / .15)}.s9os-steps li:first-child:before{left:50%}.s9os-steps li:last-child:before{right:50%}.s9os-updated{margin:0;padding:10px 20px 14px;border-top:1px solid var(--s9os-line);font-size:.8rem;color:var(--s9os-muted)}@media(max-width:600px){.s9os-form,.s9os-mine{padding:18px 16px}.s9os-fields{grid-template-columns:1fr}.s9os-order{position:relative}.s9os-order-head{display:grid;grid-template-columns:auto 1fr;padding:14px 44px 14px 16px}.s9os-badge{grid-column:1 / -1;justify-self:start;margin-left:0}.s9os-order-head:after{position:absolute;top:22px;right:18px;margin:0}.s9os-item{padding:14px 16px;gap:12px}.s9os-img{flex-basis:56px;width:56px;height:56px}.s9os-note{margin:0 16px 12px}.s9os-steps li span{display:none}.s9os-steps li.is-now span{display:block;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/s9-order-status.css.map */