.showcase{--sc-w: 55%;--sc-scale: .65;--sc-shape-inline: 16px;--sc-shape-spacing: 10px;--sc-rise: calc(var(--anim-slide-y) * 1.5);--sc-speed: calc(var(--dur) + var(--dur-fast));--sc-nav-size: 84px;--sc-ring: calc(100% - 2 * var(--sc-shape-inline));--sc-image-w: 100%;--sc-image-shadow: none}.showcase__slide--framed{--sc-image-w: calc(var(--sc-ring) * .72)}.showcase__slide--shadow-soft{--sc-image-shadow: drop-shadow(0 16px 24px rgb(var(--color-shadow-rgb) / .22))}.showcase__slide--shadow-strong{--sc-image-shadow: drop-shadow(0 26px 40px rgb(var(--color-shadow-rgb) / .36))}@media(min-width:768px){.showcase{--sc-w: 45%;--sc-shape-inline: 30px;--sc-shape-spacing: 20px}}@media(min-width:1025px){.showcase{--sc-w: 33.333%;--sc-shape-inline: 50px;--sc-shape-spacing: clamp(16px, calc(16px + 8px*(100vw - 1025px)/575px) , 24px)}}@media(min-width:1601px){.showcase{--sc-shape-spacing: 30px}}.showcase.section--boxed .showcase__box{padding-inline:0;overflow:clip}.showcase.section--boxed .showcase__box,.showcase:not(.section--boxed){transition:background-color var(--dur) ease,color var(--dur) ease}.showcase__box{justify-items:stretch}.showcase.section--boxed .showcase__header{padding-inline:var(--gutter)}mw-showcase{display:block}.showcase__carousel{position:relative;min-width:0}.showcase__viewport{overflow:clip;padding-block:10px;margin-block:-10px}.showcase__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.showcase__track::-webkit-scrollbar{display:none}.showcase__slide{flex:0 0 var(--sc-w);min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--sc-gap, 30px);scroll-snap-align:center}.showcase__media{position:relative;display:grid;align-items:center;justify-items:center;flex:1 1 auto;width:100%}.showcase__media>*{grid-area:1 / 1;min-width:0}.showcase__bg{width:100%}.showcase__image{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--sc-image-w, 100%);will-change:scale}.showcase__image img,.showcase__image svg{display:block;width:100%;height:auto;border-radius:var(--radius-media)}.showcase__slide--cutout .showcase__image img{filter:var(--sc-image-shadow, none)}.showcase__placeholder{aspect-ratio:2 / 1;background:var(--color-surface);fill:var(--color-text-muted)}.showcase__bg--shape{padding-inline:var(--sc-shape-inline)}.showcase__shape{position:relative;aspect-ratio:1;border:1px dashed var(--sc-shape-border, var(--color-border));border-radius:50%}.showcase__shape:before{content:"";position:absolute;inset:var(--sc-shape-spacing);border-radius:50%;background:var(--sc-shape-bg, var(--color-subtle))}.showcase__bg--image img{display:block;width:100%;height:auto;border-radius:var(--radius-media)}.showcase__content{width:100%}.showcase__nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.showcase__arrow{position:absolute;top:var(--sc-nav-y, 50%);display:grid;place-items:center;width:var(--sc-nav-size);height:var(--sc-nav-size);padding:0;border:1px solid var(--color-heading);border-radius:50%;color:var(--color-heading);background:rgb(var(--color-bg-rgb) / .4);-webkit-backdrop-filter:blur(calc(var(--overlay-blur) / 4));backdrop-filter:blur(calc(var(--overlay-blur) / 4));translate:-50% -50%;opacity:0;pointer-events:none;cursor:pointer;transition:opacity calc(var(--dur-slow) - var(--dur-fast)) ease-in-out}.showcase__arrow--prev{left:calc(50% - var(--sc-w) / 2)}.showcase__arrow--next{left:calc(50% + var(--sc-w) / 2)}.showcase__arrow .icon{width:20px;height:20px}.showcase__arrow:focus-visible{opacity:1;pointer-events:auto}.showcase__carousel.is-following[data-follow=prev] .showcase__arrow--prev,.showcase__carousel.is-following[data-follow=next] .showcase__arrow--next{left:var(--sc-cx);top:var(--sc-cy);opacity:1;pointer-events:auto}.showcase__carousel.is-following,.showcase__carousel.is-following .showcase__arrow{cursor:none}.showcase__carousel:not(.is-ready) .showcase__nav{display:none}.showcase__carousel.is-ready .showcase__track{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;overflow:visible;scroll-snap-type:none;touch-action:pan-y}.showcase__carousel.is-ready .showcase__slide{grid-area:1 / 1;width:var(--sc-w);translate:calc(var(--d, 0) * 100% + var(--drag, 0px)) 0;transition:translate var(--sc-speed) var(--ease);user-select:none;-webkit-user-select:none}.showcase__carousel.is-ready .showcase__slide:not(.is-active){cursor:pointer}.showcase__carousel.is-following .showcase__slide{cursor:none}.showcase__carousel.is-ready .showcase__slide.is-active .showcase__content{user-select:text;-webkit-user-select:text}.showcase__carousel.is-ready .showcase__slide.is-jumping,.showcase__carousel.is-dragging .showcase__slide{transition:none}.showcase__carousel.is-ready .showcase__image{scale:var(--sc-scale);transition:scale var(--dur-fast) ease-in-out}.showcase__carousel.is-ready .is-active .showcase__image{scale:1}.showcase__carousel.is-ready .showcase__bg{opacity:0;translate:0 var(--sc-rise);transition:none}.showcase__carousel.is-ready .is-active .showcase__bg{opacity:1;translate:0 0;transition:translate var(--dur-slow) var(--ease-out) var(--dur),opacity calc(var(--dur-slow) - var(--dur-fast)) ease var(--dur)}.showcase__carousel.is-ready .showcase__content{transition:opacity var(--dur) ease}.showcase__carousel.is-ready .showcase__slide:not(.is-active) .showcase__content{opacity:0;visibility:hidden;transition:opacity var(--dur) ease,visibility 0s linear var(--dur)}html.anim-on .showcase__carousel.is-ready .is-active .showcase__content:has([data-anim]){transition:none}html.js.anim-on .showcase .showcase__slide.is-replaying [data-anim][data-anim]{transition:none}@media(max-width:1024px){.showcase:not(.section--boxed):not(.section--w-bleed) .showcase__carousel{margin-inline:calc(-1 * var(--gutter))}}@media(max-width:767px){.showcase__slide{gap:var(--sc-gap-m, var(--sc-gap, 30px))}.showcase__header{padding-inline:var(--gutter)}.showcase:not(.section--boxed) .showcase__header{padding-inline:0}.showcase__carousel.is-ready .showcase__content{flex:0 0 auto;width:100vw;padding-inline:var(--gutter)}.showcase.section--boxed .showcase__carousel.is-ready .showcase__content{padding-inline:calc(var(--gutter) * 2)}.showcase__carousel.is-ready .showcase__slide:not(.is-active) .showcase__content{transition:none}}@media(prefers-reduced-motion:reduce){.showcase.section--boxed .showcase__box,.showcase:not(.section--boxed),.showcase__carousel.is-ready .showcase__slide,.showcase__carousel.is-ready .showcase__image,.showcase__carousel.is-ready .showcase__bg,.showcase__carousel.is-ready .is-active .showcase__bg,.showcase__carousel.is-ready .showcase__content,.showcase__carousel.is-ready .showcase__slide:not(.is-active) .showcase__content,.showcase__arrow{transition:none}}.showcase__carousel--arrows .showcase__arrow,.showcase__carousel--arrows.is-following[data-follow] .showcase__arrow{top:var(--sc-nav-y, 50%);opacity:1;pointer-events:auto;cursor:pointer}.showcase__carousel--arrows.is-following[data-follow] .showcase__arrow--prev{left:calc(50% - var(--sc-w) / 2)}.showcase__carousel--arrows.is-following[data-follow] .showcase__arrow--next{left:calc(50% + var(--sc-w) / 2)}.showcase__carousel--arrows.is-following{cursor:auto}@media(max-width:767px){.showcase__carousel--arrows .showcase__arrow{--sc-nav-size: 40px;background:rgb(var(--color-bg-rgb) / .85)}.showcase__carousel--arrows .showcase__arrow--prev,.showcase__carousel--arrows.is-following[data-follow] .showcase__arrow--prev{left:calc(50% - var(--sc-w) / 2 - var(--sc-nav-size) / 3)}.showcase__carousel--arrows .showcase__arrow--next,.showcase__carousel--arrows.is-following[data-follow] .showcase__arrow--next{left:calc(50% + var(--sc-w) / 2 + var(--sc-nav-size) / 3)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-showcase-carousel.css.map */