.lb-film{position:relative;margin:0 0 40px}.lb-film__view{aspect-ratio:3/1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.lb-film__svg{display:block;width:100%;height:100%;overflow:hidden;color:var(--text-body);fill:none;stroke:var(--text-body);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lb-film__zoom{transform-box:view-box;transform-origin:750px 280px;transform:scale(var(--lb-zoom,1.2))}.lb-film__track{transform:translate(calc(var(--lb-cam,0) * -1500px));transition:transform 2.4s cubic-bezier(.45,0,.2,1)}.lb-film__toggle{position:absolute;right:0;bottom:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-page);color:var(--text-strong);cursor:pointer;transition:background-color var(--dur-soft) var(--ease-float),border-color var(--dur-soft) var(--ease-float)}.lb-film__toggle:hover{background:var(--ecru);border-color:var(--line-strong)}.lb-film__toggle .lb-icon{font-size:18px}@media(max-width:989px){.lb-film{--lb-zoom:1.1}.lb-film__view{aspect-ratio:16/9}}@media(max-width:749px){.lb-film{--lb-zoom:.92;margin:0 calc(var(--margin-page) * -1) 24px}.lb-film__view{aspect-ratio:1/1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.lb-film__toggle{right:var(--margin-page)}}.lb-film__svg .lbf-soft{stroke:var(--greige);stroke-width:1.3}.lb-film__svg .lbf-faint{stroke:var(--stone);stroke-width:1.2}.lb-film__svg .lbf-thread{stroke:var(--sky-700);stroke-width:2.2}.lb-film__svg .lbf-thread--bold{stroke-width:3.4}.lb-film__svg .lbf-weft{stroke-width:1.7}.lb-film__svg .lbf-thread--fine{stroke-width:1.5}.lb-film__svg .lbf-stitch{stroke-width:1.4;stroke-dasharray:4 4}.lb-film__svg .lbf-dash{stroke-dasharray:3 4}.lb-film__svg .lbf-flow{stroke:var(--sky-300);stroke-width:1.4;stroke-dasharray:3 7}.lb-film__svg .lbf-w{fill:var(--surface-raised)}.lb-film__svg .lbf-e{fill:var(--ecru)}.lb-film__svg .lbf-s{fill:var(--sand)}.lb-film__svg .lbf-sky{fill:var(--sky-100)}.lb-film__svg .lbf-sun,.lb-film__svg .lbf-glow{fill:var(--yellow-100);stroke:none}.lb-film__svg .lbf-traveller{fill:var(--text-body);stroke:none}.lb-film__svg .lbf-far{color:var(--greige)}.lb-film__svg .lbf-scaled{stroke-width:.95}.lb-film__svg .lbf-label{fill:var(--text-strong);stroke:none;font-family:var(--font-ui);font-size:14px;font-weight:400;letter-spacing:.2em;text-transform:uppercase}.lb-film__svg .lbf-label--soft{fill:var(--text-muted)}@media(max-width:749px){.lb-film__svg .lbf-label{font-size:17px;letter-spacing:.14em}}.lb-film__svg .lbf-woven,.lb-film__svg .lbf-loom{opacity:0}.lb-film__svg .lbf-lift{transform:translateY(-12px)}.lb-film__svg .lbf-breeze{stroke:var(--sky-300);stroke-width:1.4;stroke-dasharray:.24 1.4;stroke-dashoffset:-1.1}.lb-film__svg .lbf-breeze-trace{stroke:var(--sky-300);stroke-width:1.4}.lb-film__svg .lbf-handoff,.lb-film__svg .lbf-out,.lb-film__svg .lbf-cloth-detail{opacity:0}.lb-film__svg .lbf-descend{translate:0 60.5px;scale:.944 .142}.lb-film__svg .lbf-sway-x{transform:translate(-12.3px)}.lb-film__svg .lbf-workshop{stroke-width:1.3}.lb-film__svg .lbf-arm{transform-box:fill-box;transform-origin:0 0}.lb-film__svg .lbf-picked,.lb-film__svg .lbf-descend,.lb-film__svg .lbf-wheel,.lb-film__svg .lbf-rays,.lb-film__svg .lbf-roller,.lb-film__svg .lbf-whorl,.lb-film__svg .lbf-orbit{transform-box:fill-box;transform-origin:50% 50%}.lb-film__svg .lbf-sway{transform-box:fill-box;transform-origin:50% 100%}.lb-film__scene.is-on .lbf-draw{stroke-dasharray:1 1;animation:lbf-draw var(--t,1.2s) var(--ease-settle) var(--d,0s) both}.lb-film__scene.is-on .lbf-draw:is(.lbf-w,.lbf-e){animation-name:lbf-draw-fill}.lb-film__scene.is-on .lbf-rise{animation:lbf-rise var(--t,1s) var(--ease-float) var(--d,0s) both}.lb-film__scene.is-on .lbf-fade,.lb-film__scene.is-on .lbf-light{animation:lbf-fade var(--t,.9s) var(--ease-float) var(--d,0s) both}.lb-film__scene.is-on .lbf-arrive{animation:lbf-arrive var(--t,1.2s) var(--ease-float) var(--d,0s) both}.lb-film__scene.is-on .lbf-arm{animation:lbf-arm 2.2s var(--ease-settle) 1.8s both}.lb-film__scene.is-on .lbf-picked{animation:lbf-picked 2.2s var(--ease-settle) 1.8s both}.lb-film__scene.is-on .lbf-woven{animation:lbf-woven .8s var(--ease-float) 4.2s both}.lb-film__scene.is-on .lbf-loom{animation:lbf-woven 1.2s var(--ease-float) 4.4s both}.lb-film__scene.is-on .lbf-cloth-in{animation:lbf-fade var(--t) var(--ease-float) var(--d) both}.lb-film__scene.is-on .lbf-lift{animation:lbf-lift .8s cubic-bezier(.5,1,.89,1) 4.4s both}.lb-film__scene.is-on .lbf-out{animation:lbf-woven var(--t,.5s) var(--ease-float) var(--d,0s) both}.lb-film__scene.is-on .lbf-cloth-detail{animation:lbf-woven .5s var(--ease-float) 5s both}.lb-film__scene.is-on .lbf-descend{animation:lbf-fall 1.5s cubic-bezier(.4,0,.3,1) 4.9s both,lbf-tilt 1.5s ease-in-out 4.9s both}.lb-film__scene.is-on .lbf-sway-x{animation:lbf-sway-x 1.5s ease-in-out 4.9s both}.lb-film__scene.is-on .lbf-handoff{animation:lbf-woven .15s linear 6.4s both}.lb-film__scene.is-on .lbf-feed{animation:lbf-fade .15s linear 6.4s both}.lb-film__scene.is-on .lbf-breeze{animation:lbf-breeze 1.7s cubic-bezier(.45,0,.3,1) var(--d,0s) both}.lb-film__scene.is-current .lbf-sway{animation:lbf-sway 7s ease-in-out var(--d,0s) infinite}.lb-film__scene.is-current .lbf-rays{animation:lbf-spin 60s linear infinite}.lb-film__scene.is-current .lbf-roller{animation:lbf-spin 6s linear infinite}.lb-film__scene.is-current .lbf-roller--rev{animation-direction:reverse}.lb-film__scene.is-current .lbf-whorl{animation:lbf-spin 3s linear infinite}.lb-film__scene.is-current .lbf-orbit{animation:lbf-spin 4s linear var(--d,0s) infinite}.lb-film__scene.is-current .lbf-flow{animation:lbf-flow 3s linear infinite}.lb-film__scene.is-current .lbf-needle{animation:lbf-needle 1.2s ease-in-out 6.8s infinite}.lb-film__scene.is-current .lbf-wheel{animation:lbf-spin 3s linear 6.8s infinite}.lb-film__scene.is-current .lbf-hands{animation:lbf-guide 2.4s ease-in-out 6.8s infinite}.lb-film__scene.is-instant *{animation-duration:0s!important;animation-delay:0s!important}.lb-origin.is-paused .lb-film__scene *,.lb-origin.is-paused .lb-origin__progress{animation-play-state:paused!important}@keyframes lbf-draw{0%{stroke-dashoffset:1;opacity:0}3%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes lbf-draw-fill{0%{stroke-dashoffset:1;opacity:0;fill-opacity:0}3%{opacity:1}55%{fill-opacity:0}to{stroke-dashoffset:0;opacity:1;fill-opacity:1}}@keyframes lbf-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes lbf-fade{0%{opacity:0}to{opacity:1}}@keyframes lbf-arrive{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes lbf-arm{0%{transform:rotate(20deg)}35%,50%{transform:none}85%,to{transform:rotate(20deg)}}@keyframes lbf-picked{0%,50%{transform:none;opacity:1}85%{transform:translate(-17px,5px) scale(.7);opacity:1}to{transform:translate(-17px,5px) scale(.6);opacity:0}}@keyframes lbf-woven{0%{opacity:1}to{opacity:0}}@keyframes lbf-lift{0%{transform:none}to{transform:translateY(-12px)}}@keyframes lbf-fall{0%{translate:0 0;scale:1 1}to{translate:0 60.5px;scale:.944 .142}}@keyframes lbf-tilt{0%,to{rotate:0deg}50%{rotate:-4deg}}@keyframes lbf-sway-x{0%{transform:none}50%{transform:translate(-26px)}to{transform:translate(-12.3px)}}@keyframes lbf-needle{0%,to{transform:none}50%{transform:translateY(5px)}}@keyframes lbf-guide{0%,to{transform:none}50%{transform:translate(3px)}}@keyframes lbf-breeze{0%{stroke-dashoffset:.24}to{stroke-dashoffset:-1.1}}@keyframes lbf-sway{0%,to{transform:none}50%{transform:rotate(1.4deg)}}@keyframes lbf-spin{to{transform:rotate(360deg)}}@keyframes lbf-flow{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.lb-origin__step{position:relative}.lb-origin__progress{position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--sky-700);transform:scaleX(0);transform-origin:left;pointer-events:none}.lb-origin__step.is-done .lb-origin__progress{transform:none}.lb-origin__step.is-current .lb-origin__progress{animation:lb-origin-progress var(--lb-dur,5s) linear both}@keyframes lb-origin-progress{to{transform:none}}.lb-origin__jump{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:none;cursor:pointer}.lb-origin__dot{display:block;box-sizing:border-box;width:11px;height:11px;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface-page);transition:background-color var(--dur-soft) var(--ease-float),border-color var(--dur-soft) var(--ease-float),box-shadow var(--dur-soft) var(--ease-float)}.is-done>.lb-origin__dot{border-color:var(--sky-700);background:var(--sky-700)}.is-current>.lb-origin__dot{width:17px;height:17px;border-color:var(--sky-700);background:var(--sky-700);box-shadow:inset 0 0 0 3px var(--surface-page)}.lb-origin__step>.lb-origin__dot{display:none}.lb-origin.is-film .lb-origin__step>.lb-origin__dot{display:block;position:absolute;left:0;top:-6px;pointer-events:none}.lb-origin.is-film .lb-origin__step.is-current>.lb-origin__dot{left:-3px;top:-9px}.lb-origin.is-film .lb-origin__step>:is(.lb-label,.lb-origin__title,.lb-small){transition:color var(--dur-float) var(--ease-float)}.lb-origin.is-film .lb-origin__step:not(.is-current)>:is(.lb-origin__title,.lb-small){color:var(--text-muted)}.lb-origin.is-film .lb-origin__step:not(.is-current):hover>.lb-origin__title{color:var(--text-strong)}.lb-origin.is-film .lb-origin__step.is-current>.lb-label{color:var(--sky-700)}.lb-origin__rail{display:none}@media(max-width:749px){.lb-origin.is-film .lb-origin__rail{--lb-edge:calc(50% / var(--lb-n,5));position:relative;display:grid;grid-template-columns:repeat(var(--lb-n,5),1fr);margin:0 0 8px}.lb-origin__rail:before,.lb-origin__rail-fill{content:"";position:absolute;left:var(--lb-edge);right:var(--lb-edge);top:21px;height:1px;background:var(--line)}.lb-origin__rail-fill{top:20.5px;height:2px;background:var(--sky-700);transform:scaleX(var(--lb-to,0));transform-origin:left}.lb-origin__rail.is-running .lb-origin__rail-fill{animation:lb-rail var(--lb-dur,5s) linear both}.lb-origin.is-paused .lb-origin__rail-fill{animation-play-state:paused}.lb-origin__node{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:16px 0 6px;border:0;background:none;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent}.lb-origin__node.is-current .lb-origin__dot{margin-top:-3px;margin-bottom:-3px}.lb-origin__node-label{max-width:100%;font-family:var(--font-ui);font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dur-soft) var(--ease-float)}.lb-origin__node.is-current .lb-origin__node-label{color:var(--sky-700)}.lb-origin__node.is-done .lb-origin__node-label{color:var(--text-body)}.lb-origin.is-film .lb-origin__grid{border-top:0}.lb-origin.is-film .lb-origin__step{padding:20px 0 0}.lb-origin.is-film .lb-origin__step:not(.is-current){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lb-origin.is-film .lb-origin__step.is-current{animation:lb-fade-up var(--dur-float) var(--ease-float) both}.lb-origin.is-film .lb-origin__step>:is(.lb-origin__dot,.lb-origin__jump,.lb-label){display:none}.lb-origin.is-film .lb-origin__progress{opacity:0}}@keyframes lb-rail{0%{transform:scaleX(var(--lb-from,0))}to{transform:scaleX(var(--lb-to,0))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/lb-origin-film.css.map */