.story-viewer{--story-viewer-fade: .35s ease;--story-viewer-slide: .45s ease;--story-viewer-cube-depth: 25.5vh;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;border:0;color:var(--story-viewer-text, #ffffff);background:transparent;overscroll-behavior:contain}.story-viewer::backdrop{background:transparent}.story-viewer:not([open]){display:none}.story-viewer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--story-viewer-overlay, rgba(0, 0, 0, .9));opacity:0;transition:opacity var(--story-viewer-fade)}.story-viewer.is-open .story-viewer__overlay{opacity:var(--story-viewer-overlay-strength, 1)}.story-viewer__main{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transform:translate3d(0,4%,0) scale(.94);transition:opacity var(--story-viewer-fade),transform var(--story-viewer-fade);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.story-viewer.is-open .story-viewer__main{opacity:1;transform:none}.story-viewer.is-pulling .story-viewer__main{transition:none;transform:translate3d(0,var(--story-viewer-pull, 0px),0) scale(var(--story-viewer-pull-scale, 1))}.story-viewer__frame{position:relative;height:85svh;aspect-ratio:3 / 5;overflow:hidden;perspective:1200px}@media screen and (max-width:950px){.story-viewer__frame{width:100%;height:100%;aspect-ratio:auto}}.story-viewer__track{position:relative;width:100%;height:100%;transform-style:preserve-3d}[data-transition=cube] .story-viewer__track{transform:translateZ(calc(var(--story-viewer-cube-depth) * -1))}.story-viewer__slide{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform var(--story-viewer-slide)}.story-viewer__slide.is-near{visibility:visible}[data-transition=slide] .story-viewer__slide{transform:translate3d(calc(var(--story-offset, 0) * 100% + var(--story-drag, 0px)),0,0)}[data-transition=cube] .story-viewer__slide{transform:rotateY(calc(var(--story-offset, 0) * 90deg + var(--story-drag-deg, 0deg))) translateZ(var(--story-viewer-cube-depth))}.story-viewer.is-dragging .story-viewer__slide,.story-viewer.is-jumping .story-viewer__slide{transition:none}.story-viewer__media{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.story-viewer__media--placeholder{background:#1a1a1a;fill:#fff3}.story-viewer__title{position:absolute;inset-block-start:1vw;inset-inline-start:1.5vw;z-index:15;margin:0;font-family:var(--font-heading-family);font-weight:var(--font-bold, 700);font-size:1vw;text-transform:uppercase;color:#fff;mix-blend-mode:difference}@media screen and (max-width:950px){.story-viewer__title{inset-block-start:7.5vw;inset-inline-start:3vw;font-size:3.5vw}}.story-viewer__link{position:absolute;inset-block-end:4vw;inset-inline-start:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:auto;height:fit-content;padding:.5vw .9vw;border-radius:5rem;font-family:var(--font-body-family);font-size:.75vw;line-height:1;color:var(--story-viewer-text, #ffffff);text-decoration:none;background:#00000020;transform:translate(-50%);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}@media screen and (max-width:950px){.story-viewer__link{inset-block-end:calc(18vw + env(safe-area-inset-bottom));padding:2vw 4.2vw;font-size:3vw}}.story-viewer__progress{position:absolute;inset-block-start:3.5vh;inset-inline-start:50%;z-index:20;display:flex;gap:4px;width:51vh;padding:0;transform:translate(-50%)}@media screen and (max-width:950px){.story-viewer__progress{inset-block-start:calc(3vw + env(safe-area-inset-top));width:100%;padding:0 5px}}.story-viewer__segment{flex:1;height:3px;overflow:hidden;border-radius:2px;background:color-mix(in srgb,var(--story-viewer-progress-track, #b4b4b4) 30%,transparent)}.story-viewer__segment-fill{display:block;width:100%;height:100%;background:var(--story-viewer-progress-fill, #b5b5b5);transform:scaleX(0);transform-origin:left center}[dir=rtl] .story-viewer__segment-fill{transform-origin:right center}.is-done .story-viewer__segment-fill{transform:scaleX(1)}.is-current .story-viewer__segment-fill{animation:story-viewer-progress var(--story-duration, 10s) linear forwards}.story-viewer.is-paused .is-current .story-viewer__segment-fill{animation-play-state:paused}@keyframes story-viewer-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-viewer__controls{position:absolute;inset-block-start:1.2vw;inset-inline-end:2vw;z-index:25;display:flex;align-items:center;gap:1.2vw}@media screen and (max-width:950px){.story-viewer__controls{inset-block-start:calc(7.5vw + env(safe-area-inset-top));inset-inline-end:3vw;gap:1vw}}.story-viewer__control{display:flex;align-items:center;justify-content:center;width:2vw;height:2vw;min-width:2.4rem;min-height:2.4rem;padding:0;border:0;color:#fff;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}@media screen and (max-width:950px){.story-viewer__control{width:6vw;height:6vw;mix-blend-mode:difference;position:relative}.story-viewer__control:after{content:"";position:absolute;top:-1.2rem;right:-.6rem;bottom:-1.2rem;left:-.6rem}}.story-viewer__control[hidden]{display:none}.story-viewer__icon{display:flex;width:75%;height:75%}.story-viewer__icon .mobile-bar-icon{width:100%;height:100%}.story-viewer__control--pause .story-viewer__icon--play{display:none;width:60%;height:60%}.story-viewer__control--pause[aria-pressed=true] .story-viewer__icon--pause{display:none}.story-viewer__control--pause[aria-pressed=true] .story-viewer__icon--play{display:flex}.story-viewer__control--sound .story-viewer__icon--unmuted,.story-viewer__control--sound[aria-pressed=true] .story-viewer__icon--muted{display:none}.story-viewer__control--sound[aria-pressed=true] .story-viewer__icon--unmuted{display:flex}.story-viewer__navigation{position:absolute;inset-block-start:50%;width:100%;transform:translateY(-50%);pointer-events:none}@media screen and (max-width:950px){.story-viewer__navigation{display:none}}.story-viewer__nav{position:absolute;display:flex;align-items:center;justify-content:center;width:3vw;height:3vw;padding:0;border:0;border-radius:50%;font-size:1.5vw;line-height:1;color:#000;background:#ffffff4f;cursor:pointer;pointer-events:all;-webkit-user-select:none;user-select:none;transform:translateY(-50%);transition:background-color .2s,opacity .2s}.story-viewer__nav:hover{background:#fff9}.story-viewer__nav[hidden]{display:none}.story-viewer__nav--prev{inset-inline-start:calc(50% - 35vh)}.story-viewer__nav--next{inset-inline-end:calc(50% - 35vh)}.story-viewer :focus-visible{outline:.2rem solid #ffffff;outline-offset:.2rem}@media(prefers-reduced-motion:reduce){.story-viewer__overlay,.story-viewer__main,.story-viewer__slide{transition-duration:.01ms}}[dir=rtl] .story-viewer__link,[dir=rtl] .story-viewer__progress{transform:translate(50%)}[dir=rtl] .story-viewer__nav>span{display:inline-block;transform:scaleX(-1)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-story-viewer.css.map */