.track-order{--track-card-bg: #ffffff;--track-text-soft: var(--COLOR-TEXT-A80);--track-text-faint: rgba(33, 33, 33, .62);--track-line: var(--COLOR-BORDER-LIGHT);--track-gold: var(--BTN-SECONDARY-BG);--track-gold-deep: color-mix(in srgb, var(--BTN-SECONDARY-BG) 72%, #000000);--track-gold-soft: color-mix(in srgb, var(--BTN-SECONDARY-BG) 18%, #ffffff);--track-success: var(--COLOR-SUCCESS);--track-success-soft: color-mix(in srgb, var(--COLOR-SUCCESS) 14%, #ffffff);--track-error: var(--COLOR-ERROR);--track-error-soft: color-mix(in srgb, var(--COLOR-ERROR) 10%, #ffffff);--track-skel: color-mix(in srgb, var(--COLOR-TEXT) 9%, #ffffff);--track-radius: 6px;font-family:var(--FONT-STACK-BODY);color:var(--COLOR-TEXT);background:var(--COLOR-BG)}@supports not (color: color-mix(in srgb,#000 50%,#fff)){.track-order{--track-gold-deep: #7a6234;--track-gold-soft: #f2ecdf;--track-success-soft: #e8f1e8;--track-error-soft: #f6e9e9;--track-skel: #ececec}}.track-order *{box-sizing:border-box}.track-order__inner{display:grid;gap:20px}.track-order__head{display:grid;gap:8px;text-align:center}.track-order__title{margin:0;font-size:clamp(22px,4vw,28px);font-weight:500;line-height:1.2;letter-spacing:.2px}.track-order__intro{margin:0;color:var(--track-text-soft);font-size:16px;line-height:1.5;max-width:52ch;justify-self:center}.track-order__search{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.track-order__search input{flex:1 1 260px;min-width:0;min-height:44px;padding:0 16px;border:1px solid var(--COLOR-BORDER-DARK);border-radius:300px;background:var(--track-card-bg);color:var(--COLOR-TEXT);font:inherit;font-size:16px}.track-order__search input:focus-visible{outline:2px solid var(--track-gold-deep);outline-offset:2px}.track-order__search .btn{min-height:44px;min-width:120px;margin:0}.track-order__empty{display:grid;gap:16px;text-align:center}.track-order__hint{margin:0;color:var(--track-text-soft);font-size:15px;line-height:1.55}.track-order__hint a{color:var(--COLOR-TEXT);text-decoration:underline;text-underline-offset:3px}.track-order__promise{margin:0;padding:14px 18px;background:var(--track-gold-soft);border-radius:var(--track-radius);font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:500;color:var(--COLOR-TEXT)}.track-order__promise span+span:before{content:"\b7";margin:0 10px;color:var(--track-text-soft)}.track-order__other summary{cursor:pointer;list-style:none;display:flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:14px;color:var(--track-text-soft);text-decoration:underline;text-underline-offset:3px}.track-order__other summary::-webkit-details-marker{display:none}.track-order__other summary:hover{color:var(--COLOR-TEXT)}.track-order__other[open] summary{text-decoration:none}.track-order__other .track-order__search{padding-top:8px}.track-order__card{background:var(--track-card-bg);border-radius:var(--track-radius);padding:32px 28px;gap:28px;min-height:120px}@media(max-width:500px){.track-order__card{padding:24px 18px}}.track-order__eyebrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--track-text-soft)}.track-order__eyebrow strong{color:var(--COLOR-TEXT);font-weight:500}.track-order__hero{display:grid;gap:8px}.track-order__label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;color:var(--track-text-soft)}.track-order__eta{font-size:clamp(30px,7vw,44px);font-weight:500;line-height:1.12;letter-spacing:.2px;text-wrap:balance;font-variant-numeric:tabular-nums;margin:0;color:var(--COLOR-TEXT)}.track-order__eta:focus{outline:none}.track-order__eta:focus-visible{outline:2px solid var(--track-gold-deep);outline-offset:6px;border-radius:2px}.track-order__eta.is-done{color:var(--COLOR-ACCENT)}.track-order__eta--state{font-size:clamp(24px,5.5vw,32px)}.track-order__sub{margin:0;color:var(--track-text-soft);font-size:16px;max-width:48ch;line-height:1.55}.track-order__note{margin:0;color:var(--track-text-soft);font-size:14px;max-width:48ch;line-height:1.5}.track-order__pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:300px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;font-weight:500;background:var(--track-gold-soft);color:var(--COLOR-TEXT);width:max-content;max-width:100%;margin-top:6px}.track-order__pill:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--track-gold-deep)}.track-order__pill.is-done{background:var(--track-success-soft)}.track-order__pill.is-done:before{background:var(--track-success)}.track-order__pill.is-alert{background:var(--track-error-soft)}.track-order__pill.is-alert:before{background:var(--track-error)}.track-order__pill.is-late{background:var(--track-error-soft)}.track-order__pill.is-late:before{background:var(--track-error)}.track-order__cta{margin-top:10px}.track-order__cta .btn{margin:0;min-height:44px}.track-order__h2{margin:0 0 16px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}.track-order__journey{list-style:none;margin:0;padding:0;display:grid}.track-order__step{display:grid;grid-template-columns:22px 1fr auto;gap:0 14px;align-items:start;position:relative;padding-bottom:22px}.track-order__step:last-child{padding-bottom:0}.track-order__dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--track-card-bg);border:1.5px solid var(--COLOR-BORDER-DARK);position:relative;z-index:1;margin-top:2px}.track-order__dot:after{content:"";width:8px;height:8px;border-radius:50%;background:transparent}.track-order__step:before{content:"";position:absolute;left:10.25px;top:24px;bottom:0;width:1.5px;background:var(--track-line)}.track-order__step:last-child:before{display:none}.track-order__step.is-done .track-order__dot{background:var(--COLOR-ACCENT);border-color:var(--COLOR-ACCENT)}.track-order__step.is-done .track-order__dot:after{background:#fff;width:6px;height:6px}.track-order__step.is-done:before{background:var(--COLOR-ACCENT)}.track-order__step.is-now .track-order__dot{border-color:var(--track-gold-deep);border-width:2px;box-shadow:0 0 0 4px var(--track-gold-soft)}.track-order__step.is-now .track-order__dot:after{background:var(--track-gold-deep)}.track-order__step.is-now.is-alert .track-order__dot{border-color:var(--track-error);box-shadow:0 0 0 4px var(--track-error-soft)}.track-order__step.is-now.is-alert .track-order__dot:after{background:var(--track-error)}.track-order__name{font-weight:500;line-height:1.4;font-size:16px}.track-order__now{display:inline-block;vertical-align:2px;margin-left:8px;padding:1px 8px;border-radius:300px;background:var(--track-gold-deep);color:#fff;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:500;line-height:1.6}.track-order__step.is-alert .track-order__now{background:var(--track-error)}.track-order__desc{color:var(--track-text-soft);font-size:15px;line-height:1.5}.track-order__step.is-todo .track-order__name{color:var(--track-text-faint);font-weight:400}.track-order__step.is-todo .track-order__desc{display:none}.track-order__when{font-size:13px;color:var(--track-text-soft);text-align:right;white-space:nowrap;line-height:1.4;padding-top:3px;font-variant-numeric:tabular-nums}@media(max-width:420px){.track-order__step{grid-template-columns:22px 1fr}.track-order__when{grid-column:2;text-align:left;padding-top:0}}.track-order__fresh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 0;font-size:13px;color:var(--track-text-soft)}.track-order__refresh{border:0;background:none;padding:0;margin:0;min-height:32px;font:inherit;font-size:13px;color:var(--COLOR-TEXT);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.track-order__refresh:focus-visible{outline:2px solid var(--track-gold-deep);outline-offset:3px;border-radius:2px}.track-order__details{border-top:1px solid var(--track-line)}.track-order__details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:14px 0;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}.track-order__details summary::-webkit-details-marker{display:none}.track-order__details summary:after{content:"+";font-size:18px;font-weight:400;color:var(--track-text-soft)}.track-order__details[open] summary:after{content:"\2013"}.track-order__details summary:focus-visible{outline:2px solid var(--track-gold-deep);outline-offset:2px}.track-order__kv{display:grid;grid-template-columns:max-content 1fr;gap:12px 18px;font-size:15px;margin:0;padding-bottom:18px;align-items:center}.track-order__kv dt{color:var(--track-text-soft)}.track-order__kv dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.track-order__kv a{color:var(--COLOR-ACCENT);text-underline-offset:3px}@media(max-width:420px){.track-order__kv{grid-template-columns:1fr;gap:4px}.track-order__kv dt{margin-top:10px}.track-order__kv dt:first-child{margin-top:0}.track-order__kv dt:empty{display:none}}.track-order__copy{border:1px solid var(--COLOR-BORDER-DARK);background:var(--track-card-bg);border-radius:300px;font:inherit;font-size:12px;letter-spacing:.5px;text-transform:uppercase;padding:0 14px;min-height:36px;cursor:pointer;color:var(--COLOR-TEXT)}.track-order__copy:hover{border-color:var(--COLOR-TEXT)}.track-order__copy:focus-visible{outline:2px solid var(--track-gold-deep);outline-offset:2px}.track-order__updates{list-style:none;margin:0;padding:0 0 12px;display:grid;gap:10px;font-size:15px}.track-order__updates li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline}.track-order__updates li.is-alert>span:first-child{color:var(--track-error);font-weight:500}.track-order__updates .t{color:var(--track-text-soft);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.track-order__muted{color:var(--track-text-soft);font-size:13px}.track-order__tz{margin:0;padding-bottom:18px}.track-order__help{display:grid;gap:14px;background:var(--COLOR-BG);border-radius:var(--track-radius);padding:22px 24px}.track-order__help p{margin:0;line-height:1.5}.track-order__help a{color:var(--COLOR-TEXT);text-underline-offset:3px}.track-order__help .track-order__name{font-weight:500}.track-order__actions{display:flex;flex-wrap:wrap;gap:10px}.track-order__actions .btn{margin:0;min-height:44px}.track-order__state{display:grid;gap:10px}.track-order__skel{background:var(--track-skel);border-radius:4px;display:block}.track-order__skel--kicker{width:120px;height:12px}.track-order__skel--eta{width:min(320px,70%);height:40px;margin:4px 0}.track-order__skel--sub{width:min(420px,90%);height:15px}.track-order__skel--sub2{width:min(300px,65%);height:15px}.track-order__skel--pill{width:150px;height:26px;border-radius:300px;margin-top:6px}.track-order__skel--h2{width:160px;height:12px;margin-bottom:16px}.track-order__skel--name{width:min(220px,60%);height:14px;margin-top:4px}.track-order__skel--when{width:48px;height:12px;margin-top:5px}.track-order__skel--block{height:48px;border-radius:var(--track-radius)}.track-order__skel-row{display:grid;grid-template-columns:22px 1fr auto;gap:0 14px;align-items:start;position:relative;padding-bottom:22px}.track-order__skel-row:last-child{padding-bottom:0}.track-order__skel-row:before{content:"";position:absolute;left:10.25px;top:24px;bottom:0;width:1.5px;background:var(--track-line)}.track-order__skel-row:last-child:before{display:none}.track-order__skel-dot{width:22px;height:22px;border-radius:50%;background:var(--track-skel);position:relative;z-index:1;margin-top:2px}.track-order__loading{margin:0;font-size:14px;color:var(--track-text-soft)}.track-order__loading[hidden]{display:none}@media(prefers-reduced-motion:no-preference){.track-order__step.is-now .track-order__dot{animation:track-order-pulse 2.4s ease-in-out infinite}@keyframes track-order-pulse{0%,to{box-shadow:0 0 0 4px var(--track-gold-soft)}50%{box-shadow:0 0 0 7px var(--track-gold-soft)}}.track-order__card[aria-busy=true] .track-order__skel,.track-order__card[aria-busy=true] .track-order__skel-dot{animation:track-order-shimmer 1.6s ease-in-out infinite}@keyframes track-order-shimmer{0%,to{opacity:.55}50%{opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/track-order.css.map */
