.slideshow{--slideshow-h-full: calc(var(--section-h-full) - var(--slideshow-offset, 0px));--slideshow-h: var(--slideshow-h-full);--slideshow-pad-x: max(var(--gutter), calc((100% - var(--page-width)) / 2));--slideshow-pad-y: 80px;--slideshow-stack: 12px;--slideshow-heading-after: 20px;--slideshow-buttons-gap: 16px;--slideshow-content-w: 720px;--slideshow-dot: 36px;--slideshow-target: 44px;--slideshow-pill-pad: 2px;--slideshow-bar-y: 20px;--slideshow-arrow-inset: clamp(8px, 1.5vw, 24px);--slideshow-pill-alpha: .1;--slideshow-ring-w: 2;--slideshow-toggle-icon: 12px;--slideshow-bullet: 8px;--slideshow-bullet-active: 24px;--slideshow-progress-w: 160px;--slideshow-peek: clamp(40px, 6vw, 120px);--slideshow-fade: var(--dur-slow);--slideshow-in-dur: var(--dur-slow);--slideshow-in-1: .15s;--slideshow-in-2: .25s;--slideshow-in-3: .35s;--slideshow-in-4: .95s;--slideshow-rw-dur: 1s;--slideshow-rw-ease: cubic-bezier(.25, .46, .45, .94);position:relative;display:block;isolation:isolate;overflow:hidden;border-radius:var(--slideshow-radius, 0px)}.slideshow-section:not(.section--w-bleed) .slideshow{--slideshow-radius: var(--radius-media)}.slideshow-section.section--w-page .slideshow{--slideshow-pad-x: clamp(24px, 4vw, 64px)}.slideshow--h-small{--slideshow-h: var(--section-h-sm)}.slideshow--h-medium{--slideshow-h: var(--section-h-md)}.slideshow--h-large{--slideshow-h: var(--section-h-lg)}.slideshow--h-adapt{--slideshow-h: auto}.slideshow--h-adapt .slideshow__slide{aspect-ratio:var(--slideshow-ratio, 1.7778)}@media(max-width:767px){.slideshow--hm-small{--slideshow-h: var(--section-h-sm)}.slideshow--hm-medium{--slideshow-h: var(--section-h-md)}.slideshow--hm-large{--slideshow-h: var(--section-h-lg)}.slideshow--hm-full{--slideshow-h: var(--slideshow-h-full)}.slideshow--hm-adapt{--slideshow-h: auto}.slideshow--hm-adapt .slideshow__slide{aspect-ratio:var(--slideshow-ratio-m, .8)}.slideshow--h-adapt:not(.slideshow--hm-adapt) .slideshow__slide{aspect-ratio:auto}}.slideshow__track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:var(--gap, 0px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:inherit}.slideshow__track::-webkit-scrollbar{display:none}@media(min-width:768px){.slideshow--preview .slideshow__track{grid-auto-columns:calc(100% - var(--slideshow-peek) - var(--gap, 0px))}}@media(max-width:767px){.slideshow__track{gap:var(--gap-m, var(--gap, 0px))}}.slideshow__slide{position:relative;display:grid;min-width:0;height:var(--slideshow-h);scroll-snap-align:start;scroll-snap-stop:always;border-radius:var(--slideshow-radius, 0px)}.slideshow--fade[data-ready] .slideshow__track{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);grid-template-areas:"slide";overflow:hidden;scroll-snap-type:none;touch-action:pan-y}.slideshow--fade[data-ready] .slideshow__slide{grid-area:slide;opacity:0;visibility:hidden}.slideshow--fade[data-ready] .slideshow__slide.is-active{z-index:1;opacity:1;visibility:visible}.slideshow__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.slideshow__media-item,.slideshow__media :is(img,video,svg){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slideshow__media :is(img,video){object-fit:cover}.slideshow__placeholder{background:var(--color-surface);fill:rgb(var(--color-text-rgb) / .3)}@media(max-width:767px){.slideshow__media-item--desktop{display:none}}@media(min-width:768px){.slideshow__media-item--mobile{display:none}}.slideshow__overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--slideshow-overlay);pointer-events:none}.slideshow__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit}.slideshow__link:focus-visible{outline:2px solid var(--color-heading);outline-offset:-4px}.slideshow__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:var(--cy, flex-end);align-items:var(--cx, flex-start);min-width:0;padding:calc(var(--slideshow-pad-y) + var(--slideshow-top, 0px)) var(--slideshow-pad-x) max(var(--slideshow-pad-y),var(--slideshow-bottom, 0px));text-align:var(--ta, left);pointer-events:none}.slideshow__content :is(a,button){pointer-events:auto}main>.shopify-section:first-child .slideshow{--slideshow-offset: calc(var(--announcement-height) + var(--header-height))}body:has(main>.shopify-section:first-child [data-transparent-header]) main>.shopify-section:first-child .slideshow{--slideshow-offset: var(--announcement-height)}main>.shopify-section:first-child .slideshow--under-header{--slideshow-top: var(--header-height)}.slideshow--has-bar{--slideshow-bottom: calc(var(--slideshow-bar-y) + var(--slideshow-dot) + 2 * var(--slideshow-pill-pad) + 16px)}@media(max-width:767px){.slideshow{--slideshow-pad-y: 70px;--slideshow-heading-after: 12px}}.slideshow__inner{display:flex;flex-direction:column;align-items:var(--cx, flex-start);gap:var(--slideshow-stack);max-width:min(100%,var(--slideshow-content-w))}.slideshow__text{max-width:40em;color:var(--color-text)}.slideshow__heading{--anim-delay: var(--slideshow-in-2);padding-block-end:var(--slideshow-heading-after)}.slideshow__buttons{display:flex;flex-wrap:wrap;justify-content:var(--cx, flex-start);gap:var(--slideshow-buttons-gap)}@media(max-width:767px){.slideshow__content{justify-content:var(--cy-m, var(--cy, flex-end));align-items:var(--cx-m, var(--cx, flex-start));text-align:var(--ta-m, var(--ta, left))}.slideshow__inner{align-items:var(--cx-m, var(--cx, flex-start))}.slideshow__buttons{justify-content:var(--cx-m, var(--cx, flex-start))}}.slideshow .slideshow__controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:none;color:var(--color-heading);pointer-events:none}.slideshow:not([data-ready]) .slideshow__controls{visibility:hidden}.slideshow__arrows{position:absolute;inset:0 var(--slideshow-arrow-inset);display:flex;align-items:center;justify-content:space-between}.slideshow__arrow{pointer-events:auto}.slideshow__arrows .slideshow__arrow--bare{width:var(--slideshow-target);min-width:var(--slideshow-target);height:var(--slideshow-target)}@media(hover:hover){.slideshow__arrows--hover .slideshow__arrow{opacity:0}.slideshow:hover .slideshow__arrows--hover .slideshow__arrow,.slideshow__arrows--hover .slideshow__arrow:focus-visible{opacity:1}}@media(max-width:767px){.slideshow__arrows{display:none}}.slideshow__bar{position:absolute;inset-inline:var(--slideshow-pad-x);bottom:var(--slideshow-bar-y);display:flex;align-items:center;justify-content:flex-end;gap:12px}.slideshow__bar>*{pointer-events:auto}.slideshow__bar--left{justify-content:flex-start}.slideshow__bar--center{justify-content:center}@media(max-width:767px){.slideshow__bar--m-left{justify-content:flex-start}.slideshow__bar--m-center{justify-content:center}.slideshow__bar--m-right{justify-content:flex-end}}.slideshow__pill{display:inline-flex;align-items:center;padding:var(--slideshow-pill-pad);border:1px solid rgb(var(--color-heading-rgb) / var(--slideshow-pill-alpha));border-radius:var(--radius-full);background:rgb(var(--color-heading-rgb) / var(--slideshow-pill-alpha))}.slideshow__dot,.slideshow__toggle{position:relative;display:grid;place-items:center;width:var(--slideshow-dot);height:var(--slideshow-dot);color:var(--color-heading);font-family:var(--font-body-family);font-size:var(--fs-md);font-weight:var(--font-body-weight);font-variant-numeric:tabular-nums;line-height:1}.slideshow__dot:after,.slideshow__toggle:after{content:"";position:absolute;inset:calc((var(--slideshow-dot) - var(--slideshow-target)) / 2)}.slideshow__dot:focus-visible,.slideshow__toggle:focus-visible{outline:none}.slideshow__dot:focus-visible .slideshow__disc,.slideshow__toggle:focus-visible .slideshow__disc{outline:2px solid var(--color-heading);outline-offset:2px}.slideshow__disc{position:relative;display:grid;place-items:center;width:var(--slideshow-dot);height:var(--slideshow-dot);border-radius:var(--radius-full)}.slideshow__dot.is-active .slideshow__disc{background:var(--color-heading);color:var(--color-bg)}@media(hover:hover){.slideshow__dot:not(.is-active):hover .slideshow__disc,.slideshow__toggle:hover .slideshow__disc{background:rgb(var(--color-heading-rgb) / .15)}}.slideshow__ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);rotate:-90deg;fill:none;stroke:currentColor;stroke-width:var(--slideshow-ring-w);stroke-linecap:round;pointer-events:none}.slideshow__ring circle{opacity:0;stroke-dasharray:1;stroke-dashoffset:1}.slideshow--autoplay[data-ready] .slideshow__dot.is-active .slideshow__ring circle{opacity:1;animation:slideshow-ring var(--slideshow-interval) linear forwards}.slideshow[data-paused] .slideshow__dot.is-active .slideshow__ring circle{animation-play-state:paused}@keyframes slideshow-ring{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.slideshow__toggle .icon{--icon-size: var(--slideshow-toggle-icon)}.slideshow:not([data-playing]) .slideshow__toggle .icon--pause,.slideshow[data-playing] .slideshow__toggle .icon--play{display:none}.slideshow__pill--bullets .slideshow__dot .slideshow__disc{width:var(--slideshow-bullet);height:var(--slideshow-bullet);background:rgb(var(--color-heading-rgb) / .4)}.slideshow__pill--bullets .slideshow__dot.is-active .slideshow__disc{width:var(--slideshow-bullet-active);background:var(--color-heading)}.slideshow__progress{position:relative;width:var(--slideshow-progress-w);max-width:40vw;height:2px;overflow:hidden;border-radius:var(--radius-full);background:rgb(var(--color-heading-rgb) / .25)}.slideshow__progress-thumb{position:absolute;inset-block:0;inset-inline-start:0;width:calc(100% / var(--slideshow-count, 1));border-radius:inherit;background:var(--color-heading);translate:calc(var(--slideshow-index, 0) * 100%) 0}.slideshow__progress-thumb:dir(rtl){translate:calc(var(--slideshow-index, 0) * -100%) 0}@media(prefers-reduced-motion:no-preference){.slideshow--fade[data-ready] .slideshow__slide{transition:opacity 0s linear var(--slideshow-fade),visibility 0s linear var(--slideshow-fade)}.slideshow--fade[data-ready] .slideshow__slide.is-active{transition:opacity var(--slideshow-fade) var(--ease),visibility 0s}.slideshow__arrows--hover .slideshow__arrow{transition:opacity var(--dur) var(--ease),background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),scale var(--dur-fast) var(--ease)}.slideshow__disc{transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),width var(--dur) var(--ease-out)}.slideshow__progress-thumb{transition:translate var(--dur-slow) var(--ease-out)}html.js.anim-on .slideshow__item{transition-property:opacity,translate;transition-duration:var(--slideshow-in-dur);transition-timing-function:var(--ease-out);transition-delay:var(--slideshow-in-delay, 0ms)}html.js.anim-on .slideshow__slide:not(.is-shown) .slideshow__item:not(.slideshow__item--rw){opacity:0;translate:0 var(--anim-slide-y);transition-duration:0s;transition-delay:0ms}html.js.anim-on .slideshow:not([data-ready]) .slideshow__item{animation:slideshow-failsafe 0s var(--motion-failsafe, 3s) forwards}.slideshow__item--1{--slideshow-in-delay: var(--slideshow-in-1)}.slideshow__item--2{--slideshow-in-delay: var(--slideshow-in-2)}.slideshow__item--3{--slideshow-in-delay: var(--slideshow-in-3)}.slideshow__item--4{--slideshow-in-delay: var(--slideshow-in-4)}html.js.anim-on .slideshow[data-ready] .slideshow__slide:not(.is-shown) .rw__w{opacity:0;translate:0 var(--rw-rise);rotate:var(--rw-tilt);transition-duration:0ms;transition-delay:0ms}html.js.anim-on .slideshow[data-ready] .slideshow__slide:not(.is-shown) .hl{--hl-draw: 0}html.js.anim-on .slideshow .slideshow__item--rw .rw-root .rw__w,html.js.anim-on .slideshow .slideshow__item--rw.rw-root .rw__w{transition-duration:0s,var(--slideshow-rw-dur),var(--slideshow-rw-dur);transition-timing-function:var(--slideshow-rw-ease)}html.js.anim-on .slideshow[data-ready] .slideshow__slide:not(.is-shown) .hl--text_color{color:inherit}html.js.anim-on .slideshow[data-ready] .slideshow__slide:not(.is-shown) :is(.hl__circle,.hl__line) path{stroke-dashoffset:1.01}}@keyframes slideshow-failsafe{to{opacity:1;translate:none}}@media(prefers-reduced-motion:reduce){.slideshow__ring{display:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-slideshow.css.map */
