.shoppable-media-section,.shoppable-media-section *,.shoppable-media-lookbook,.shoppable-media-lookbook *{box-sizing:border-box}.shoppable-media-section{overflow:hidden;overflow:clip}.shoppable-media-section__inner{width:100%;padding:var(--shoppable-media-top-padding) min(var(--shoppable-media-side-padding),2rem) var(--shoppable-media-bottom-padding)}.shoppable-media-section__header{display:flex;min-width:0;align-items:center;justify-content:space-between;min-height:4.4rem;gap:1.6rem;margin-bottom:2.4rem}.shoppable-media-section__heading{min-width:0;margin:0;color:rgb(var(--color-foreground));font-family:Akkurat-Mono,monospace;font-size:1.4rem;font-weight:400;line-height:1.1;text-align:left;text-transform:uppercase}.shoppable-media-section__empty{min-height:16rem;display:grid;border:.1rem dashed rgba(var(--color-foreground),.35);color:rgba(var(--color-foreground),.7);font-size:1.3rem;place-items:center}.shoppable-media-rail{display:block;min-width:0}.shoppable-media-rail__stage{position:relative}.shoppable-media-rail__viewport{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.shoppable-media-rail__viewport::-webkit-scrollbar{display:none}.shoppable-media-rail__viewport.is-loop-rebasing{scroll-behavior:auto!important;scroll-snap-type:none}.shoppable-media-rail__viewport:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.shoppable-media-rail__track{--shoppable-media-active-gap: min(var(--shoppable-media-card-gap), 1rem);display:flex;width:max-content;min-width:100%;align-items:flex-start;gap:var(--shoppable-media-active-gap)}.shoppable-media-rail__card{position:relative;width:calc((var(--shoppable-media-viewport-width, 100vw) - var(--shoppable-media-active-gap)) / 2);min-width:0;flex:0 0 calc((var(--shoppable-media-viewport-width, 100vw) - var(--shoppable-media-active-gap)) / 2);margin:0;scroll-snap-align:start;scroll-snap-stop:always}.shoppable-media-rail__frame{position:relative;width:100%;aspect-ratio:var(--shoppable-media-aspect-ratio);overflow:hidden;background:rgba(var(--color-foreground),.045)}.shoppable-media-rail__image,.shoppable-media-rail__native-video,.shoppable-media-rail__native-video .native-video__media{display:block;width:100%;height:100%;object-fit:cover}.shoppable-media-rail__native-video.native-video{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto!important}.shoppable-media-rail__opener{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:zoom-in}.shoppable-media-rail__opener:focus-visible{outline:.3rem solid rgb(var(--color-background));outline-offset:-.6rem;box-shadow:inset 0 0 0 .5rem rgb(var(--color-foreground))}.shoppable-media-rail__video-toggle{position:absolute;right:1.2rem;bottom:1.2rem;z-index:3;display:grid;width:3.6rem;height:3.6rem;margin:0;padding:0;border:0;border-radius:50%;background:#111111e0;color:#fff;cursor:pointer;place-items:center}.shoppable-media-rail__video-toggle:focus-visible,.shoppable-media-rail__view-more:focus-visible,.shoppable-media-lookbook__close:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.shoppable-media-rail__arrow:focus-visible,.shoppable-media-lookbook__nav:focus-visible{outline:.2rem solid #111;outline-offset:-.4rem}.shoppable-media-rail__play-icon,.shoppable-media-rail__pause-icon{grid-area:1 / 1}.shoppable-media-rail__play-icon svg{display:block;width:1.2rem;height:1.2rem}.shoppable-media-rail__pause-icon{display:none;grid-template-columns:repeat(2,.25rem);gap:.3rem}.shoppable-media-rail__pause-icon span{display:block;width:.25rem;height:1.2rem;background:currentColor}.shoppable-media-rail__video-toggle[aria-pressed=true] .shoppable-media-rail__play-icon{display:none}.shoppable-media-rail__video-toggle[aria-pressed=true] .shoppable-media-rail__pause-icon{display:grid}.shoppable-media-rail__editor-warning{margin:.8rem 0 0;padding:.8rem;border:.1rem solid #a86112;color:rgb(var(--color-foreground));font-size:1.2rem;line-height:1.4}.shoppable-media-rail__end-spacer{display:block;width:var(--shoppable-media-end-spacer, 0px);min-width:var(--shoppable-media-end-spacer, 0px);height:1px;flex:0 0 var(--shoppable-media-end-spacer, 0px)}.shoppable-media-rail__end-spacer[data-empty=true]{display:none}.shoppable-media-rail__footer{display:grid;justify-items:center;padding-top:3.2rem}.shoppable-media-rail__arrow,.shoppable-media-lookbook__nav{width:4.4rem;height:4.4rem;margin:0;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;place-items:center}.shoppable-media-rail__arrow{display:none;border-radius:0}.shoppable-media-lookbook__nav{display:grid;border-radius:50%}.shoppable-media-rail__arrow:disabled,.shoppable-media-lookbook__nav:disabled{opacity:.35;cursor:default;pointer-events:none}.shoppable-media-lookbook__progress{position:relative;display:block;width:100%;height:.2rem;overflow:hidden;background:rgba(var(--color-foreground),.22)}.shoppable-media-lookbook__progress-thumb{position:absolute;top:0;left:var(--progress-left, 0%);display:block;width:var(--progress-width, 100%);height:100%;background:rgb(var(--color-foreground));transition:left .18s ease-out,width .18s ease-out}.shoppable-media-rail__view-more{min-width:12rem;min-height:4.4rem;margin:0;padding:0 1.6rem;border:0;border-bottom:.1rem solid currentColor;border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-family:Akkurat-Mono,monospace;font-size:1.1rem;line-height:1.2;text-transform:uppercase;cursor:pointer}.no-js .shoppable-media-rail__arrow,.no-js .shoppable-media-rail__footer,.no-js button[data-lookbook-open]{display:none}.shoppable-media-lookbook{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent;color:#fff}.shoppable-media-lookbook::backdrop{background:#000000e0}.shoppable-media-lookbook[open]{display:block;padding:0}.shoppable-media-lookbook__shell{position:relative;display:block;width:100vw;height:100dvh;min-height:0;overflow:hidden;border:0;border-radius:0;background:transparent}.shoppable-media-lookbook__shell.is-productless{width:100vw;background:transparent}.shoppable-media-lookbook__media-pane{position:relative;min-width:0;min-height:0;overflow:hidden;background:transparent}.shoppable-media-lookbook__stage,.shoppable-media-lookbook__figure{width:100%;height:100%;margin:0;background:transparent}.shoppable-media-lookbook__stage{display:grid;min-width:0;min-height:0;padding:5.6rem 6.4rem;place-items:center;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.shoppable-media-lookbook__stage.is-preparing .shoppable-media-lookbook__media{visibility:hidden}.shoppable-media-lookbook__native-player{display:contents}.shoppable-media-lookbook__figure{display:grid;min-width:0;min-height:0;place-items:center}.shoppable-media-lookbook__media{display:block;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:var(--lookbook-media-aspect-ratio, auto);background:transparent;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}video.shoppable-media-lookbook__media{aspect-ratio:auto;background:#000;touch-action:pan-y pinch-zoom}.shoppable-media-lookbook__close{position:absolute;top:1.2rem;right:1.2rem;z-index:8;display:grid;width:4.8rem;height:4.8rem;margin:0;padding:1.5rem;border:.1rem solid rgba(255,255,255,.34);border-radius:50%;background:#111111c7;color:#fff;cursor:pointer;place-items:center}.shoppable-media-lookbook__close svg{display:block;width:1.8rem;height:1.8rem}.shoppable-media-lookbook__nav{position:absolute;top:50%;z-index:6;border:.1rem solid rgba(255,255,255,.34);background:#111111c7;color:#fff;transform:translateY(-50%)}.shoppable-media-lookbook__nav--previous{left:1.2rem}.shoppable-media-lookbook__nav--next{right:1.2rem}.shoppable-media-lookbook__status{position:absolute;right:6.4rem;bottom:1.8rem;left:6.4rem;z-index:5;display:grid;grid-template-columns:max-content minmax(8rem,1fr);align-items:center;gap:1.6rem;color:#111}.shoppable-media-lookbook__counter{font-family:Akkurat-Mono,monospace;font-size:1rem;line-height:1}.shoppable-media-lookbook__progress{--color-foreground: 17, 17, 17}.shoppable-media-lookbook__backdrop-follower{position:fixed;top:0;left:0;z-index:20;display:none;width:4.4rem;height:4.4rem;padding:1.3rem;border-radius:50%;background:#111;color:#fff;pointer-events:none;transform:translate(-50%,-50%);place-items:center}.shoppable-media-lookbook__backdrop-follower.is-visible{display:grid}.shoppable-media-lookbook-open{overflow:hidden}@media screen and (min-width:990px){.shoppable-media-lookbook{--lookbook-control-size: 5.6rem;--lookbook-control-inset: clamp(2.4rem, 4vw, 6.4rem);--lookbook-control-gap: clamp(1.6rem, 2vw, 3.2rem);--lookbook-media-inline-safe: calc(var(--lookbook-control-inset) + var(--lookbook-control-size) + var(--lookbook-control-gap));--lookbook-media-block-safe: clamp(6.4rem, 8vh, 9.6rem)}.shoppable-media-section__inner{padding-right:var(--shoppable-media-side-padding);padding-left:var(--shoppable-media-side-padding)}.shoppable-media-rail__track{--shoppable-media-active-gap: var(--shoppable-media-card-gap)}.shoppable-media-section__header--controls-only{height:0;min-height:0;margin-bottom:0}.shoppable-media-rail__arrow{position:absolute;top:50%;z-index:4;display:grid;width:var(--shoppable-media-side-padding);transform:translateY(-50%)}.shoppable-media-rail__arrow--previous{right:100%}.shoppable-media-rail__arrow--next{left:100%}.shoppable-media-rail__card{width:calc((var(--shoppable-media-viewport-width, 100vw) - (var(--shoppable-media-active-gap) * (var(--shoppable-media-cards-desktop) - 1))) / var(--shoppable-media-cards-desktop));flex-basis:calc((var(--shoppable-media-viewport-width, 100vw) - (var(--shoppable-media-active-gap) * (var(--shoppable-media-cards-desktop) - 1))) / var(--shoppable-media-cards-desktop))}[data-desktop-cards="2"] .shoppable-media-rail__card:nth-child(odd),[data-desktop-cards="4"] .shoppable-media-rail__card:nth-child(4n+1),[data-desktop-cards="6"] .shoppable-media-rail__card:nth-child(6n+1){scroll-snap-align:start;scroll-snap-stop:always}[data-desktop-cards="4"] .shoppable-media-rail__card:nth-child(odd):not(:nth-child(4n+1)),[data-desktop-cards="6"] .shoppable-media-rail__card:nth-child(odd):not(:nth-child(6n+1)){scroll-snap-align:none}.shoppable-media-lookbook__media-pane{display:grid;width:100%;height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center}.shoppable-media-lookbook__stage{box-sizing:border-box;width:100%;height:100%;padding:var(--lookbook-media-block-safe) var(--lookbook-media-inline-safe)}.shoppable-media-lookbook__nav{position:absolute;top:50%;width:var(--lookbook-control-size);height:var(--lookbook-control-size);transform:translateY(-50%)}.shoppable-media-lookbook__nav:focus-visible,.shoppable-media-lookbook__close:focus-visible{outline-color:#fff}.shoppable-media-lookbook__nav--previous{left:var(--lookbook-control-inset)}.shoppable-media-lookbook__nav--next{right:var(--lookbook-control-inset)}.shoppable-media-lookbook__close{top:var(--lookbook-control-inset);right:var(--lookbook-control-inset)}.shoppable-media-lookbook__status{display:none!important}}@media screen and (max-width:989px){.shoppable-media-section__header--controls-only{height:0;min-height:0;margin-bottom:0}.shoppable-media-section__header{gap:.8rem}.shoppable-media-section__heading{font-size:1.2rem}.shoppable-media-rail__stage{--shoppable-media-mobile-gutter: min(var(--shoppable-media-side-padding), 2rem)}.shoppable-media-rail__arrow{position:absolute;top:50%;z-index:4;display:grid;width:4.4rem;min-width:4.4rem;height:4.4rem;transform:translateY(-50%)}.shoppable-media-rail__arrow--previous{right:auto;left:calc(-1 * var(--shoppable-media-mobile-gutter))}.shoppable-media-rail__arrow--previous .nw-directional-chevron--media{transform:translate(calc((var(--shoppable-media-mobile-gutter) / 2) - 2.2rem))}.shoppable-media-rail__arrow--next{right:calc(-1 * var(--shoppable-media-mobile-gutter));left:auto}.shoppable-media-rail__arrow--next .nw-directional-chevron--media{transform:translate(calc(2.2rem - (var(--shoppable-media-mobile-gutter) / 2)))}.shoppable-media-lookbook{background:transparent;color:#fff}.shoppable-media-lookbook::backdrop{background:#000000e0}.shoppable-media-lookbook[open]{display:block}.shoppable-media-lookbook__shell{position:relative;display:block;width:100%;height:100dvh;overflow:hidden;background:transparent}.shoppable-media-lookbook__media-pane{width:100%;height:100dvh;min-height:0}.shoppable-media-lookbook__stage{padding:calc(env(safe-area-inset-top) + 6.4rem) max(1.2rem,calc(env(safe-area-inset-right,0px) + .8rem)) max(1.2rem,calc(env(safe-area-inset-bottom,0px) + .8rem)) max(1.2rem,calc(env(safe-area-inset-left,0px) + .8rem))}.shoppable-media-lookbook__status{top:calc(env(safe-area-inset-top) + .8rem);right:auto;bottom:auto;left:50%;display:block;width:4.8rem;height:4.8rem;color:#fff;line-height:4.8rem;text-align:center;transform:translate(-50%)}.shoppable-media-lookbook__progress{display:none}.shoppable-media-lookbook__nav{top:calc(env(safe-area-inset-top) + .8rem);width:4.4rem;height:4.4rem;border:0;background:transparent;color:#fff;isolation:isolate;transform:none}.shoppable-media-lookbook__nav:before,.shoppable-media-lookbook__close:before{position:absolute;z-index:0;top:.7rem;right:.7rem;bottom:.7rem;left:.7rem;border:.1rem solid rgba(255,255,255,.34);border-radius:50%;background:#111111b8;content:""}.shoppable-media-lookbook__nav .nw-directional-chevron--media{position:relative;z-index:1;width:.8rem;height:1.4rem}.shoppable-media-lookbook__nav--previous{left:calc(env(safe-area-inset-left) + .8rem)}.shoppable-media-lookbook__nav--next{right:auto;left:calc(env(safe-area-inset-left) + 5.2rem)}.shoppable-media-lookbook__close{top:calc(env(safe-area-inset-top) + .8rem);right:calc(env(safe-area-inset-right) + .8rem);width:4.4rem;height:4.4rem;padding:0;border:0;background:transparent;color:#fff;isolation:isolate}.shoppable-media-lookbook__close svg{position:relative;z-index:1;width:1.1rem;height:1.1rem}.shoppable-media-lookbook__nav:focus-visible,.shoppable-media-lookbook__close:focus-visible{outline-color:#fff}.shoppable-media-lookbook__counter{display:block;line-height:4.8rem}html.shoppable-media-pip-active{scroll-padding-bottom:1.6rem}html.shoppable-media-pip-active body{padding-bottom:0}html.shoppable-media-pip-active mobile-sticky-checkout.is-active{display:none}html.shoppable-media-lookbook-open .intercom-lightweight-app-launcher,html.shoppable-media-lookbook-open .intercom-launcher-frame,html.shoppable-media-lookbook-open iframe[name=intercom-launcher-frame],html.shoppable-media-lookbook-open #intercom-container .intercom-launcher{right:max(1.6rem,calc(env(safe-area-inset-right,0px) + .8rem))!important;bottom:max(1.6rem,calc(env(safe-area-inset-bottom,0px) + .8rem))!important}}@media screen and (max-width:989px)and (orientation:landscape){.shoppable-media-lookbook__stage{padding:max(1.2rem,calc(env(safe-area-inset-top,0px) + .8rem)) max(6.4rem,calc(env(safe-area-inset-right,0px) + 5.6rem)) max(1.2rem,calc(env(safe-area-inset-bottom,0px) + .8rem)) max(6.4rem,calc(env(safe-area-inset-left,0px) + 5.6rem))}.shoppable-media-lookbook__status{top:max(.8rem,calc(env(safe-area-inset-top,0px) + .8rem));right:auto;left:max(.8rem,calc(env(safe-area-inset-left,0px) + .8rem));width:4.4rem;height:4.4rem;line-height:4.4rem;transform:none}.shoppable-media-lookbook__counter{line-height:4.4rem}.shoppable-media-lookbook__nav{top:50%;transform:translateY(-50%)}.shoppable-media-lookbook__nav--previous{left:max(.8rem,calc(env(safe-area-inset-left,0px) + .8rem))}.shoppable-media-lookbook__nav--next{right:max(.8rem,calc(env(safe-area-inset-right,0px) + .8rem));left:auto}.shoppable-media-lookbook__close{top:max(.8rem,calc(env(safe-area-inset-top,0px) + .8rem));right:max(.8rem,calc(env(safe-area-inset-right,0px) + .8rem))}}@media screen and (max-width:749px){.shoppable-media-section__heading{margin:0;font-size:1.2rem}.shoppable-media-rail__footer{padding-top:2.4rem}}@media(hover:hover)and (pointer:fine){.shoppable-media-lookbook[data-follower-enabled=true]{cursor:none}.shoppable-media-lookbook[data-follower-enabled=true] .shoppable-media-lookbook__shell{cursor:auto}}@media(prefers-reduced-motion:reduce){.shoppable-media-rail__video-toggle{display:none}.shoppable-media-rail__viewport{scroll-behavior:auto}.shoppable-media-lookbook__progress-thumb{transition:none}}.shoppable-media-rail.is-loop-ready .shoppable-media-rail__card{scroll-snap-align:none}.shoppable-media-rail.is-loop-ready .shoppable-media-rail__card[data-rail-page-start=true]{scroll-snap-align:start;scroll-snap-stop:always}.shoppable-media-rail [data-rail-clone]{pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/11/assets/shoppable-media-rail.css.map */