.sot{--sot-bg:#0F1626;--sot-panel:#141C2E;--sot-line:rgba(255,255,255,.09);--sot-line-2:rgba(255,255,255,.16);--sot-ink:#FFFFFF;--sot-mut:#B8C2D6;--sot-mut-2:#B8C2D6;--sot-blue:#2E86E3;--sot-blue-hi:#8FC2F5;--sot-ok:#3DD68C;--sot-warn:#FDB515;--sot-bad:#FF7A7A;--sot-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--sot-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;position:relative;display:block;box-sizing:border-box;width:100%;background:linear-gradient(180deg,#121A2C 0,var(--sot-bg) 100%);color:var(--sot-ink);border:1px solid var(--sot-line);border-radius:20px;padding:20px 20px 16px;font-family:var(--sot-font);-webkit-font-smoothing:antialiased;box-shadow:0 1px #ffffff0d inset,0 24px 48px -30px #030814bf;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.sot *{box-sizing:border-box}.sot+.sot{margin-top:14px}@media(hover:hover){.sot:hover{border-color:var(--sot-line-2);transform:translateY(-1px)}}.sot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sot-no{font:700 16px/1.25 var(--sot-mono);letter-spacing:.01em;color:var(--sot-ink)}.sot-sub{margin-top:3px;font-size:13px;color:var(--sot-mut)}.sot-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font:700 11.5px/1.2 var(--sot-mono);letter-spacing:.06em;text-transform:uppercase;background:#2e86e329;color:var(--sot-blue-hi);border:1px solid rgba(46,134,227,.34)}.sot-done .sot-pill{background:#3dd68c1f;color:var(--sot-ok);border-color:#3dd68c52}.sot-muted .sot-pill{background:#ffffff0f;color:var(--sot-mut);border-color:var(--sot-line-2)}.sot-alert .sot-pill{background:#ff7a7a1f;color:var(--sot-bad);border-color:#ff7a7a57}.sot-meter{position:relative;height:4px;margin:16px 0 14px;border-radius:99px;background:#ffffff14;overflow:hidden}.sot-meter span{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,var(--sot-blue),var(--sot-blue-hi));box-shadow:0 0 12px #2e86e38c;transform-origin:left center;animation:sotFill .9s cubic-bezier(.2,.7,.2,1) backwards}.sot-done .sot-meter span{background:linear-gradient(90deg,#1FA971,var(--sot-ok));box-shadow:0 0 12px #3dd68c73}@keyframes sotFill{0%{transform:scaleX(0)}}.sot-steps{list-style:none;margin:0;padding:0;display:flex;gap:6px}.sot-step{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.3;color:var(--sot-mut-2)}.sot-dot{position:relative;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--sot-line-2);background:var(--sot-panel)}.sot-dot svg{width:12px;height:12px;fill:none;stroke:#04121f;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.sot-step.is-done{color:var(--sot-ink)}.sot-step.is-done .sot-dot{background:var(--sot-blue);border-color:var(--sot-blue);box-shadow:0 0 0 3px #2e86e329}.sot-done .sot-step.is-done .sot-dot{background:var(--sot-ok);border-color:var(--sot-ok);box-shadow:0 0 0 3px #3dd68c24}.sot-step.is-current{color:var(--sot-blue-hi);font-weight:700}.sot-step.is-current .sot-dot{border-color:var(--sot-blue-hi)}.sot-step.is-current .sot-dot:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--sot-blue-hi)}.sot-step.is-current .sot-dot:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(143,194,245,.5);animation:sotPulse 1.8s ease-out infinite}@keyframes sotPulse{0%{transform:scale(.7);opacity:1}to{transform:scale(1.35);opacity:0}}.sot-l{display:block;overflow-wrap:anywhere}.sot-t{display:block;font:500 11.5px/1.2 var(--sot-mono);color:var(--sot-mut)}.sot-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sot-msg{margin:14px 0 0;font-size:14px;line-height:1.55;color:var(--sot-mut)}.sot-note{margin:6px 0 0;font-size:12.5px;line-height:1.5;color:var(--sot-mut-2)}.sot-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:14px 8px 0 0;padding:10px 16px;border-radius:12px;border:1px solid var(--sot-line-2);background:#ffffff0a;color:var(--sot-ink);font:700 14px/1.2 var(--sot-font);text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease}.sot-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sot-btn:hover{background:#ffffff14;border-color:#ffffff42}.sot-btn:active{transform:translateY(1px) scale(.99)}.sot-btn-primary{background:var(--sot-blue);border-color:var(--sot-blue);color:#fff;box-shadow:0 8px 22px -10px #2e86e3cc}.sot-btn-primary:hover{background:#2477cd;border-color:#2477cd}.sot-btn-sm{margin:0;padding:7px 12px;font-size:13px;border-radius:10px}.sot-btn:focus-visible,.sot-more:focus-visible,.sot-copy:focus-visible{outline:2px solid var(--sot-blue-hi);outline-offset:2px}.sot-more{display:flex;align-items:center;gap:6px;margin:14px 0 0;padding:6px 0;border:0;background:none;cursor:pointer;font:700 13px/1.2 var(--sot-font);color:var(--sot-blue-hi)}.sot-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.sot.is-open .sot-more svg{transform:rotate(180deg)}.sot-body{margin-top:10px;padding-top:12px;border-top:1px solid var(--sot-line);animation:sotOpen .22s ease-out}.sot-body[hidden]{display:none}@keyframes sotOpen{0%{opacity:0;transform:translateY(-4px)}}.sot.is-open .sot-step.is-done .sot-dot svg{animation:sotPop .38s cubic-bezier(.3,1.6,.5,1) backwards}.sot.is-open .sot-step.is-done:nth-child(2) .sot-dot svg{animation-delay:.06s}.sot.is-open .sot-step.is-done:nth-child(3) .sot-dot svg{animation-delay:.12s}.sot.is-open .sot-step.is-done:nth-child(4) .sot-dot svg{animation-delay:.18s}.sot.is-open .sot-step.is-done:nth-child(5) .sot-dot svg{animation-delay:.24s}.sot.is-open .sot-step.is-done:nth-child(6) .sot-dot svg{animation-delay:.3s}@keyframes sotPop{0%{transform:scale(0)}}.sot-items{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sot-item{display:flex;align-items:center;gap:12px}.sot-thumb{flex:0 0 52px;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid var(--sot-line)}.sot-thumb img{width:100%;height:100%;object-fit:contain}.sot-thumb svg{width:22px;height:22px;fill:none;stroke:#7c8aa0;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sot-im{flex:1 1 auto;min-width:0}.sot-in{display:block;font-size:14px;font-weight:700;color:var(--sot-ink);overflow-wrap:anywhere}.sot-is{display:block;margin-top:2px;font-size:12.5px;color:var(--sot-mut)}.sot-ship{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--sot-panel);border:1px solid var(--sot-line)}.sot-ship-h{font-size:13.5px;font-weight:700;color:var(--sot-ink)}.sot-ship-no{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;font:600 13.5px/1.3 var(--sot-mono);color:var(--sot-blue-hi);overflow-wrap:anywhere}.sot-copy{padding:4px 9px;border-radius:8px;border:1px solid var(--sot-line-2);background:none;color:var(--sot-mut);font:700 11.5px/1.2 var(--sot-font);cursor:pointer}.sot-copy.is-done{color:var(--sot-ok);border-color:#3dd68c66}.sot-ship-s{margin-top:4px;font-size:12.5px;line-height:1.5;color:var(--sot-mut)}@media(max-width:560px){.sot{padding:16px 16px 14px;border-radius:18px}.sot-steps{flex-direction:column;gap:0}.sot-step{flex-direction:row;align-items:center;gap:10px;padding:5px 0}.sot-step+.sot-step:before{content:"";position:absolute;left:10px;top:-7px;width:2px;height:12px;background:var(--sot-line-2)}.sot-step.is-done+.sot-step:before{background:var(--sot-blue)}.sot-done .sot-step.is-done+.sot-step:before{background:var(--sot-ok)}.sot-t{margin-left:auto}}@media(prefers-reduced-motion:reduce){.sot,.sot-btn,.sot-more svg{transition:none}.sot-meter span,.sot-body,.sot.is-open .sot-step.is-done .sot-dot svg{animation:none}.sot-step.is-current .sot-dot:before{animation:none;opacity:.6;transform:scale(1.15)}.sot:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/sl-order-track.css.map */