.os-hiw{display:grid;gap:0;border-top:1px solid #0E0E0E;border-bottom:1px solid #0E0E0E}.os-hiw-step{padding:36px 32px;border-right:1px solid #D6D1C4;position:relative;display:flex;flex-direction:column;gap:18px;min-height:280px}.os-hiw-step:last-child{border-right:0}.os-step-n{display:flex;align-items:center;gap:14px}.os-step-n .os-n{font-family:Archivo Black,sans-serif;font-size:56px;line-height:.9;letter-spacing:-.02em}.os-step-n .os-lbl{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.18em;color:#6b655b;text-transform:uppercase}.os-hiw-step h3{font-family:Archivo Black,sans-serif;font-size:22px;text-transform:uppercase;margin:0;letter-spacing:-.005em;line-height:1.05}.os-hiw-step h3 p{margin:0}.os-hiw-step p{font-size:14.5px;line-height:1.55;color:#2a2a28;margin:0}.os-viz{margin-top:auto;border:1px solid #D6D1C4;background:#ede8dc;aspect-ratio:2.1/1;display:grid;place-items:center;position:relative;overflow:hidden}.os-viz-label{position:absolute;top:8px;left:10px;font-family:JetBrains Mono,monospace;font-size:9px;color:#6b655b;letter-spacing:.14em;text-transform:uppercase;z-index:1}.os-viz-img{width:100%;height:100%;object-fit:cover}.os-viz-placeholder{font-family:JetBrains Mono,monospace;font-size:10px;color:#6b655b;letter-spacing:.12em;text-transform:uppercase}.os-viz--anim{background:#f8f5ee}.os-viz--anim .os-viz-label{background:#f8f5ee;padding:2px 5px 2px 0;top:7px}.os-hiw-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;overflow:hidden}.os-hiw-svg text{font-family:JetBrains Mono,monospace}.os-hiw-svg .hw-ln{fill:none;stroke:#2a2a28;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.os-hiw-svg .hw-lt{fill:none;stroke:#bdb5a6;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}.os-hiw-svg .hw-thin{stroke-width:.75}.os-hiw-svg .hw-bay{fill:#ece7dd}.os-hiw-svg .hw-art{fill:none;stroke:#de7a3a;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.os-hiw-svg .hw-cut{fill:#de7a3a0d;stroke:#de7a3a;stroke-width:.6}.os-hiw-svg .hw-paper{fill:#fdfcf8}.os-hiw-svg .hw-white{fill:#fff}.os-hiw-svg .hw-ink{fill:#2a2a28}.os-hiw-svg .hw-red{fill:var(--os-signal)}.os-hiw-svg .hw-mute{fill:#8a8376}.os-hiw-svg .hw-pop{transform-box:fill-box;transform-origin:center}.os-hiw-svg .hw-fly{opacity:0;animation:hw-fly 10s cubic-bezier(.55,0,.3,1) infinite both}.os-hiw-svg .hw-f1{animation-delay:.3s}.os-hiw-svg .hw-f2{animation-delay:1.4s}.os-hiw-svg .hw-f3{animation-delay:2.5s}.os-hiw-svg .hw-f4{animation-delay:3.6s}.os-hiw-svg .hw-f5{animation-delay:4.7s}.os-hiw-svg .hw-t1{animation:hw-t1 10s ease-out infinite both}.os-hiw-svg .hw-t2{animation:hw-t2 10s ease-out infinite both}.os-hiw-svg .hw-t3{animation:hw-t3 10s ease-out infinite both}.os-hiw-svg .hw-t4{animation:hw-t4 10s ease-out infinite both}.os-hiw-svg .hw-t5{animation:hw-t5 10s ease-out infinite both}.os-hiw-svg .hw-click{opacity:0;animation:hw-click 10s ease-in-out infinite both}.os-hiw-svg .hw-btn{animation:hw-btn 10s linear infinite both}.os-hiw-svg .hw-done{opacity:0;animation:hw-done 10s ease-out infinite both}.os-hiw-svg .hw-solid{opacity:0;animation:hw-solid 10s linear infinite both}@keyframes hw-fly{0%{opacity:0;transform:translate(var(--fx),var(--fy)) scale(.7)}1.5%{opacity:1;transform:translate(var(--fx),var(--fy)) scale(1)}8%{opacity:1;transform:translate(0) scale(1)}9.5%,to{opacity:0;transform:translate(0) scale(.6)}}@keyframes hw-t1{0%,11.5%{opacity:0;transform:scale(.6)}13%{opacity:1;transform:scale(1.08)}14.5%,88%{opacity:1;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes hw-t2{0%,22.5%{opacity:0;transform:scale(.6)}24%{opacity:1;transform:scale(1.08)}25.5%,88%{opacity:1;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes hw-t3{0%,33.5%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.08)}36.5%,88%{opacity:1;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes hw-t4{0%,44.5%{opacity:0;transform:scale(.6)}46%{opacity:1;transform:scale(1.08)}47.5%,88%{opacity:1;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes hw-t5{0%,55.5%{opacity:0;transform:scale(.6)}57%{opacity:1;transform:scale(1.08)}58.5%,88%{opacity:1;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes hw-click{0%,59%{opacity:0;transform:translate(-64px,-22px)}61%{opacity:1;transform:translate(-64px,-22px)}65%{opacity:1;transform:translate(0) scale(1)}66.5%{transform:translate(0) scale(.82)}68%{transform:translate(0) scale(1)}76%{opacity:1;transform:translate(0)}80%,to{opacity:0;transform:translate(0)}}@keyframes hw-btn{0%,66%{fill:var(--os-signal)}66.5%,68%{fill:#2a2a28}68.5%,to{fill:var(--os-signal)}}@keyframes hw-done{0%,67%{opacity:0;transform:scale(.3)}69.5%{opacity:1;transform:scale(1.15)}71%,88%{opacity:1;transform:scale(1)}93%,to{opacity:0;transform:scale(1)}}@keyframes hw-solid{0%,67%{opacity:0}69%,88%{opacity:1}93%,to{opacity:0}}.os-hiw-svg .hw-carriage{animation:hw-carriage 2.6s ease-in-out infinite}.os-hiw-svg .hw-spray{animation:hw-spray .35s steps(2,jump-none) infinite}.os-hiw-svg .hw-feed{animation:hw-feed 7s linear infinite}.os-hiw-svg .hw-led{fill:#3c8d4e;animation:hw-led 1.4s steps(1,end) infinite}@keyframes hw-carriage{0%,to{transform:translate(0)}50%{transform:translate(166px)}}@keyframes hw-spray{0%{opacity:.9}to{opacity:.25}}@keyframes hw-feed{0%{transform:translateY(0)}to{transform:translateY(108px)}}@keyframes hw-led{0%{opacity:1}50%{opacity:.2}}.os-hiw-svg .hw-sceneA{animation:hw-sceneA 16s linear infinite both}.os-hiw-svg .hw-sceneB{opacity:0;animation:hw-sceneB 16s linear infinite both}@keyframes hw-sceneA{0%,44%{opacity:1}48%,96%{opacity:0}to{opacity:1}}@keyframes hw-sceneB{0%,46%{opacity:0}50%,95%{opacity:1}99%,to{opacity:0}}.os-hiw-svg .hw-route{fill:none;stroke:#2f6b3f;stroke-width:2.1;stroke-dasharray:6 3.5;stroke-linecap:round;stroke-linejoin:round;animation:hw-march 1.1s linear infinite}.os-hiw-svg .hw-green{fill:#2f6b3f}.os-hiw-svg .hw-gring{fill:none;stroke:#2f6b3f;stroke-width:2.4}.os-hiw-svg .hw-pulse{fill:none;stroke:#2f6b3f;stroke-width:1.4;animation:hw-pulse 2.2s ease-out infinite}.os-hiw-svg .hw-pin{animation:hw-bob 1.8s ease-in-out infinite}.os-hiw-svg .hw-pkg{opacity:0;animation:hw-pkg 16s linear infinite both}.os-hiw-svg .hw-tag{opacity:0;animation:hw-tag 16s ease-out infinite both}.os-hiw-svg .hw-arrive{animation:hw-arrive 16s ease-out infinite both}.os-hiw-svg .hw-halo{paint-order:stroke;stroke:#f8f5ee;stroke-width:3;stroke-linejoin:round}@keyframes hw-march{to{stroke-dashoffset:-19}}@keyframes hw-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@keyframes hw-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes hw-pkg{0%{opacity:0;transform:translate(34px,119px) scale(.4)}2%{opacity:1;transform:translate(40px,118px) scale(1)}2.59%{transform:translate(52px,118px)}5.41%{transform:translate(52px,176px)}10.49%{transform:translate(156px,176px)}12.63%{transform:translate(156px,132px)}17.71%{transform:translate(260px,132px)}22%{transform:translate(260px,44px)}27.07%{transform:translate(364px,44px)}29.22%{transform:translate(364px,88px)}30%{opacity:1;transform:translate(380px,88px) scale(1)}31.5%,to{opacity:0;transform:translate(390px,88px) scale(.4)}}@keyframes hw-arrive{0%,30%{transform:scale(1)}31.5%{transform:scale(1.3)}34%,to{transform:scale(1)}}@keyframes hw-tag{0%,31%{opacity:0;transform:translateY(5px)}33%,62%{opacity:1;transform:translateY(0)}64%,to{opacity:0;transform:translateY(0)}}.os-hiw-svg .hw-dot{fill:none;stroke-linecap:round;stroke-width:3.5;stroke-dasharray:0 6}.os-hiw-svg .hw-da{stroke:#c6beae}.os-hiw-svg .hw-db{stroke:#ded8cb}.os-hiw-svg .hw-dc{stroke:#d2cabb}.os-hiw-svg .hw-dmi{stroke:#2a2a28}.os-hiw-svg .hw-hpulse{fill:none;stroke:var(--os-signal);stroke-width:1.6;animation:hw-pulse 1.6s ease-out infinite}.os-hiw-svg .hw-trail{fill:none;stroke:#2a2a28;stroke-width:.8;stroke-opacity:.5;stroke-dasharray:1 1;stroke-dashoffset:1;opacity:0;animation:hw-trail 16s linear infinite both}.os-hiw-svg .hw-ship{opacity:0;animation:hw-ship 16s linear infinite both}.os-hiw-svg .hw-hop{animation:hw-hop 16s linear infinite both}.os-hiw-svg .hw-ship rect{fill:#d9b27c;stroke:#2a2a28;stroke-width:.7}.os-hiw-svg .hw-ship path{fill:none;stroke:#2a2a28;stroke-width:.6}.os-hiw-svg .hw-dest{fill:#2f6b3f;opacity:0;animation:hw-dest 16s ease-out infinite both}.os-hiw-svg .hw-ping{fill:none;stroke:#2f6b3f;stroke-width:1.2;opacity:0;animation:hw-ping 16s ease-out infinite both}.os-hiw-svg .hw-dest,.os-hiw-svg .hw-ping{transform-box:fill-box;transform-origin:center}.os-hiw-svg .hw-k1{animation-delay:8.4s}.os-hiw-svg .hw-k2{animation-delay:9.02s}.os-hiw-svg .hw-k3{animation-delay:9.64s}.os-hiw-svg .hw-k4{animation-delay:10.26s}.os-hiw-svg .hw-k5{animation-delay:10.88s}.os-hiw-svg .hw-k6{animation-delay:11.5s}.os-hiw-svg .hw-k7{animation-delay:12.12s}.os-hiw-svg .hw-k8{animation-delay:12.74s}@keyframes hw-ship{0%{opacity:0;transform:translate(0)}1%{opacity:1}9%{opacity:1;transform:translate(var(--dx),var(--dy))}9.8%,to{opacity:0;transform:translate(var(--dx),var(--dy))}}@keyframes hw-hop{0%{transform:translateY(0);animation-timing-function:cubic-bezier(.5,1,.89,1)}4.5%{transform:translateY(var(--h));animation-timing-function:cubic-bezier(.11,0,.5,0)}9%,to{transform:translateY(0)}}@keyframes hw-trail{0%{opacity:1;stroke-dashoffset:1}9%{stroke-dashoffset:0}22%{opacity:1}30%,to{opacity:0;stroke-dashoffset:0}}@keyframes hw-dest{0%,8.8%{opacity:0;transform:scale(.4)}10%{opacity:1;transform:scale(1.35)}12%,56%{opacity:1;transform:scale(1)}58%,to{opacity:0;transform:scale(1)}}@keyframes hw-ping{0%,9%{opacity:0;transform:scale(1)}9.5%{opacity:.9}17%,to{opacity:0;transform:scale(3.4)}}.os-hiw.is-paused .os-hiw-svg *{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.os-hiw-svg *{animation:none!important}}@media(max-width:900px){.os-hiw{grid-template-columns:1fr!important}.os-hiw-step{border-right:0;border-bottom:1px solid #D6D1C4;padding:28px 20px}.os-hiw-step:last-child{border-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/os-hiw.css.map */
