.sg-journey{--sg-j-ink: rgb(var(--color-foreground));--sg-j-paper: #FFFDF8;--sg-j-tomato: rgb(var(--color-base-accent-1));--sg-j-mustard: var(--sg-mustard, #F2B630);--sg-j-kraft: #E2B57A;display:block;overflow:hidden}.sg-journey__header{text-align:center;margin-bottom:2.4rem}.sg-journey__eyebrow{margin:0 0 .8rem;font-size:1.2rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sg-j-tomato);font-weight:600}.sg-journey__title,.sg-journey__title p{margin:0}.sg-journey__stage{position:relative;max-width:120rem;margin:0 auto}.sg-journey__scene{display:block;width:100%;height:auto;overflow:visible}.sg-j-line *{fill:none;stroke:var(--sg-j-ink);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.sg-j-line .sg-j-paper{fill:var(--sg-j-paper)}.sg-j-line .sg-j-tomato{fill:var(--sg-j-tomato)}.sg-j-line .sg-j-mustard{fill:var(--sg-j-mustard)}.sg-j-line .sg-j-kraft{fill:var(--sg-j-kraft)}.sg-j-line .sg-j-ink{fill:var(--sg-j-ink)}.sg-j-line .sg-j-skin{fill:#f2c9a0;stroke-width:2.5}.sg-j-line .sg-j-smile{stroke-width:2.5}.sg-j-line .sg-j-confetti *{stroke:none}.sg-j-line .sg-j-handle{stroke-width:7}.sg-j-line .sg-j-tape{stroke:var(--sg-j-paper);stroke-width:5;opacity:.7}.sg-j-line .sg-j-spoke{stroke:var(--sg-j-paper)}.sg-j-line .sg-j-belt{stroke-dasharray:10 14}.sg-j-line .sg-j-brand{fill:var(--sg-j-tomato);stroke:none;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:22px}.sg-journey :is(.sg-j-belt,.sg-j-smoke circle,.sg-j-sock,.sg-j-spark,.sg-j-iron,.sg-j-steam circle,.sg-j-box,.sg-j-flap,.sg-j-sticker,.sg-j-van,.sg-j-wheel,.sg-j-speed,.sg-j-door,.sg-j-face,.sg-j-heart,.sg-j-confetti rect,.sg-journey__step,.sg-journey__step-fill,.sg-journey__progress span){animation-duration:var(--sg-j-duration, 12s);animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-play-state:paused}.sg-journey.is-playing :is(.sg-j-belt,.sg-j-smoke circle,.sg-j-sock,.sg-j-spark,.sg-j-iron,.sg-j-steam circle,.sg-j-box,.sg-j-flap,.sg-j-sticker,.sg-j-van,.sg-j-wheel,.sg-j-speed,.sg-j-door,.sg-j-face,.sg-j-heart,.sg-j-confetti rect,.sg-journey__step,.sg-journey__step-fill,.sg-journey__progress span){animation-play-state:running}.sg-j-line .sg-j-belt{animation:sg-j-belt .9s linear infinite}@keyframes sg-j-belt{to{stroke-dashoffset:-24}}.sg-j-smoke circle{transform-box:fill-box;transform-origin:center;animation-name:sg-j-smoke;animation-duration:2.7s!important;animation-timing-function:ease-out;opacity:0}.sg-j-smoke circle:nth-child(2){animation-delay:.9s}.sg-j-smoke circle:nth-child(3){animation-delay:1.8s}@keyframes sg-j-smoke{0%{opacity:0;transform:translateY(6px) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(14px,-40px) scale(1.7)}}.sg-j-sock{animation-name:sg-j-sock}@keyframes sg-j-sock{0%,3%{transform:translate(0);opacity:1}12%,26%{transform:translate(230px);opacity:1}34%,36%{transform:translate(450px);opacity:1}41%{transform:translate(450px,30px);opacity:0}to{transform:translate(450px,30px);opacity:0}}.sg-j-spark{transform-box:fill-box;transform-origin:center;animation-name:sg-j-spark}@keyframes sg-j-spark{0%,25%{opacity:0;transform:scale(0) rotate(0)}28%{opacity:1;transform:scale(1.2) rotate(45deg)}34%,to{opacity:0;transform:scale(.4) rotate(90deg)}}.sg-j-iron{animation-name:sg-j-iron}@keyframes sg-j-iron{0%,13%{transform:translate(0)}15%{transform:translateY(22px)}17.5%{transform:translate(-14px,22px)}20%{transform:translate(14px,22px)}22.5%{transform:translate(-8px,22px)}24%{transform:translateY(22px)}26%,to{transform:translate(0)}}.sg-j-steam circle{transform-box:fill-box;transform-origin:center;animation-name:sg-j-steam;opacity:0}@keyframes sg-j-steam{0%,15%{opacity:0;transform:translate(0) scale(.5)}18%{opacity:1}26%,to{opacity:0;transform:translateY(-34px) scale(1.6)}}.sg-j-box{transform-box:view-box;transform-origin:604px 214px;animation-name:sg-j-box}@keyframes sg-j-box{0%,48%{transform:translate(0) scale(1);opacity:1}56%{transform:translate(170px,10px) scale(1);opacity:1}57%{transform:translate(170px,10px) scale(1);opacity:0}96%{transform:translate(0) scale(.6);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.sg-j-flap{transform-box:view-box}.sg-j-flap--l{transform-origin:556px 150px;animation-name:sg-j-flap-l}.sg-j-flap--r{transform-origin:652px 150px;animation-name:sg-j-flap-r}@keyframes sg-j-flap-l{0%,40%{transform:rotate(-125deg)}44%,97%{transform:rotate(0)}to{transform:rotate(-125deg)}}@keyframes sg-j-flap-r{0%,41%{transform:rotate(125deg)}45%,97%{transform:rotate(0)}to{transform:rotate(125deg)}}.sg-j-sticker{transform-box:fill-box;transform-origin:center;animation-name:sg-j-pop}@keyframes sg-j-pop{0%,45%{transform:scale(0)}48%{transform:scale(1.3)}50%,to{transform:scale(1)}}.sg-j-van{animation-name:sg-j-van}@keyframes sg-j-van{0%,58%{transform:translate(0);opacity:1}74%,92%{transform:translate(96px);opacity:1}95%{transform:translate(96px);opacity:0}96%{transform:translate(0);opacity:0}to{transform:translate(0);opacity:1}}.sg-j-wheel{transform-box:fill-box;transform-origin:center;animation-name:sg-j-wheel}@keyframes sg-j-wheel{0%,58%{transform:rotate(0)}74%,to{transform:rotate(720deg)}}.sg-j-speed{animation-name:sg-j-speed;opacity:0}@keyframes sg-j-speed{0%,59%{opacity:0}62%,70%{opacity:1}74%,to{opacity:0}}.sg-j-door{transform-box:view-box;transform-origin:1104px 196px;animation-name:sg-j-door}@keyframes sg-j-door{0%,75%{transform:scaleX(1)}79%,93%{transform:scaleX(.12)}97%,to{transform:scaleX(1)}}.sg-j-face{animation-name:sg-j-face;opacity:0}@keyframes sg-j-face{0%,77%{opacity:0;transform:translateY(6px)}81%,92%{opacity:1;transform:translate(0)}95%,to{opacity:0;transform:translate(0)}}.sg-j-heart{transform-box:fill-box;transform-origin:center;animation-name:sg-j-heart;opacity:0}@keyframes sg-j-heart{0%,80%{opacity:0;transform:translateY(14px) scale(.3)}84%{opacity:1;transform:translate(0) scale(1.2)}86%{transform:translate(0) scale(1)}92%{opacity:1;transform:translateY(-10px) scale(1)}97%,to{opacity:0;transform:translateY(-22px) scale(.9)}}.sg-j-confetti rect{transform-box:fill-box;transform-origin:center;animation-name:sg-j-confetti;animation-timing-function:ease-out;opacity:0}@keyframes sg-j-confetti{0%,81%{opacity:0;transform:translate(0) rotate(0)}83%{opacity:1}94%,to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(220deg)}}.sg-journey__steps{list-style:none;margin:2rem 0 0;padding:0;display:flex;justify-content:center;gap:.8rem}.sg-journey__step{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.4rem .6rem .6rem;border:2px solid var(--sg-j-ink);border-radius:4rem;font-size:1.4rem;font-weight:600;line-height:1.2;white-space:nowrap;isolation:isolate}.sg-journey__step-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--sg-j-mustard);opacity:0}.sg-journey__step-num{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--sg-j-ink);color:rgb(var(--color-background));font-size:1.2rem}.sg-journey__step--1 .sg-journey__step-fill{animation-name:sg-j-l1}.sg-journey__step--2 .sg-journey__step-fill{animation-name:sg-j-l2}.sg-journey__step--3 .sg-journey__step-fill{animation-name:sg-j-l3}.sg-journey__step--4 .sg-journey__step-fill{animation-name:sg-j-l4}.sg-journey__step--5 .sg-journey__step-fill{animation-name:sg-j-l5}@keyframes sg-j-l1{0%,9%{opacity:1}11%,98%{opacity:0}to{opacity:1}}@keyframes sg-j-l2{0%,9%{opacity:0}11%,29%{opacity:1}31%,to{opacity:0}}@keyframes sg-j-l3{0%,29%{opacity:0}31%,48%{opacity:1}50%,to{opacity:0}}@keyframes sg-j-l4{0%,48%{opacity:0}50%,73%{opacity:1}75%,to{opacity:0}}@keyframes sg-j-l5{0%,73%{opacity:0}75%,97%{opacity:1}99%,to{opacity:0}}.sg-journey__progress{display:none}@media screen and (max-width:749px){.sg-journey__header{margin-bottom:1.6rem}.sg-journey__stage{overflow:hidden}.sg-journey__scene{width:auto;max-width:none;height:22rem;animation:sg-j-pan var(--sg-j-duration, 12s) ease-in-out infinite paused}.sg-journey.is-playing .sg-journey__scene{animation-play-state:running}@keyframes sg-j-pan{0%,3%{transform:translate(0)}12%,26%{transform:translate(calc((100vw - 100%)/5))}34%,48%{transform:translate(calc((100vw - 100%)*.44))}56%,58%{transform:translate(calc((100vw - 100%)*.62))}74%,93%{transform:translate(calc(100vw - 100%))}to{transform:translate(0)}}.sg-journey__steps{display:grid;justify-content:center;margin-top:.4rem}.sg-journey__step{grid-area:1 / 1;justify-self:center;font-size:1.5rem;opacity:0}.sg-journey__step-fill{opacity:1;animation:none!important}.sg-journey__step--1{animation-name:sg-j-l1;opacity:1}.sg-journey__step--2{animation-name:sg-j-l2}.sg-journey__step--3{animation-name:sg-j-l3}.sg-journey__step--4{animation-name:sg-j-l4}.sg-journey__step--5{animation-name:sg-j-l5}.sg-journey__progress{display:block;width:16rem;height:4px;margin:1.2rem auto 0;border-radius:4px;background:rgba(var(--color-foreground),.12);overflow:hidden}.sg-journey__progress span{display:block;height:100%;background:var(--sg-j-tomato);transform-origin:left;transform:scaleX(0);animation-name:sg-j-progress;animation-timing-function:linear}@keyframes sg-j-progress{to{transform:scaleX(1)}}}@media(prefers-reduced-motion:reduce){.sg-journey *,.sg-journey .sg-journey__scene{animation:none!important}.sg-j-sock{transform:translate(230px)}.sg-j-flap{transform:none}.sg-j-heart{opacity:1}.sg-journey__step{opacity:1!important}.sg-journey__step-fill{opacity:0!important}@media screen and (max-width:749px){.sg-journey__stage{overflow-x:auto}.sg-journey__steps{display:flex;flex-wrap:wrap;gap:.6rem}.sg-journey__step{grid-area:auto;font-size:1.3rem}.sg-journey__progress{display:none}}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-sg-sock-journey.css.map */