.delivery-timeline{--dtl-accent: #722f37;--dtl-text: #251a1d;--dtl-muted: #6e5a61;--dtl-icon: 2.6rem;--dtl-cycle: 7.5s;margin-block-start:var(--spacing-5);padding:var(--spacing-5) var(--spacing-4) var(--spacing-4);border:1px solid rgb(37 26 29 / .12);border-radius:min(8px,var(--rounded-block, 8px));background:#fff;animation:dtl-appear .5s ease-out both}@keyframes dtl-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.delivery-timeline__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--spacing-2);margin-block-end:var(--spacing-5)}.delivery-timeline__title{font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--dtl-text)}.delivery-timeline__meta{font-size:var(--text-xs);color:var(--dtl-muted)}.delivery-timeline__track{position:relative}.delivery-timeline__rail,.delivery-timeline__fill{position:absolute;top:calc(var(--dtl-icon) / 2);left:16.667%;right:16.667%;height:2px;border-radius:2px}.delivery-timeline__rail{background:#251a1d24}.delivery-timeline__fill{background:var(--dtl-accent);transform-origin:left center;transform:scaleX(0);animation:dtl-fill var(--dtl-cycle) linear infinite}.delivery-timeline__parcel{position:absolute;top:calc(var(--dtl-icon) / 2);left:16.667%;width:1.5rem;height:1.5rem;margin-left:-.75rem;margin-top:-.75rem;display:grid;place-items:center;color:var(--dtl-accent);background:#fff;border-radius:50%;opacity:0;animation:dtl-parcel var(--dtl-cycle) linear infinite}.delivery-timeline__parcel svg{width:1rem;height:1rem}.delivery-timeline__steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-2);margin:0;padding:0;list-style:none}.delivery-timeline__step{display:grid;justify-items:center;text-align:center;gap:.3rem;margin:0}.delivery-timeline__icon{display:grid;place-items:center;width:var(--dtl-icon);height:var(--dtl-icon);border-radius:50%;border:1px solid rgb(37 26 29 / .16);background:#fff;color:#251a1d73;margin-block-end:.35rem}.delivery-timeline__icon svg{width:1.25rem;height:1.25rem}.delivery-timeline__label{font-size:var(--text-xs);font-weight:500;line-height:1.3;color:var(--dtl-text)}.delivery-timeline__sub{font-size:var(--text-xxs, .6875rem);line-height:1.35;color:var(--dtl-muted)}.delivery-timeline__step--1 .delivery-timeline__icon{animation:dtl-step-1 var(--dtl-cycle) linear infinite}.delivery-timeline__step--2 .delivery-timeline__icon{animation:dtl-step-2 var(--dtl-cycle) linear infinite}.delivery-timeline__step--3 .delivery-timeline__icon{animation:dtl-step-3 var(--dtl-cycle) linear infinite}@keyframes dtl-fill{0%,10%{transform:scaleX(0);opacity:1}68%{transform:scaleX(1);opacity:1}92%{transform:scaleX(1);opacity:1}to{transform:scaleX(1);opacity:0}}@keyframes dtl-parcel{0%,8%{left:16.667%;opacity:0}13%{left:16.667%;opacity:1}68%{left:83.333%;opacity:1}88%{left:83.333%;opacity:1}to{left:83.333%;opacity:0}}@keyframes dtl-step-1{0%,8%{border-color:#251a1d29;background:#fff;color:#251a1d73;transform:scale(1)}13%{transform:scale(1.07)}17%,92%{border-color:var(--dtl-accent);background:var(--dtl-accent);color:#fff;transform:scale(1)}to{border-color:#251a1d29;background:#fff;color:#251a1d73}}@keyframes dtl-step-2{0%,38%{border-color:#251a1d29;background:#fff;color:#251a1d73;transform:scale(1)}43%{transform:scale(1.07)}47%,92%{border-color:var(--dtl-accent);background:var(--dtl-accent);color:#fff;transform:scale(1)}to{border-color:#251a1d29;background:#fff;color:#251a1d73}}@keyframes dtl-step-3{0%,64%{border-color:#251a1d29;background:#fff;color:#251a1d73;transform:scale(1)}69%{transform:scale(1.07)}73%,92%{border-color:var(--dtl-accent);background:var(--dtl-accent);color:#fff;transform:scale(1)}to{border-color:#251a1d29;background:#fff;color:#251a1d73}}@media screen and (max-width:480px){.delivery-timeline{--dtl-icon: 2.3rem;padding-inline:var(--spacing-3)}}@media(prefers-reduced-motion:reduce){.delivery-timeline{animation:none}.delivery-timeline__fill{transform:scaleX(1);animation:none}.delivery-timeline__parcel{display:none}.delivery-timeline__step .delivery-timeline__icon{animation:none;border-color:var(--dtl-accent);background:var(--dtl-accent);color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/delivery-timeline.css.map */