.vertical-slideshow{--vs-card-width: clamp(28rem, 25.6vw, 49.2rem);--vs-card-gap: 2.4rem;--vs-nav-gap: 4.8rem;--vs-nav-width: 4.8rem;--vs-nav-stack-gap: 1.6rem;--vs-side-col-width: 17%;position:relative;overflow:hidden}.vertical-slideshow__viewport{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column}.vertical-slideshow__backgrounds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.vertical-slideshow__background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(0 0 100% 0);background-color:rgb(var(--color-background))}.vertical-slideshow__background.is-active{clip-path:inset(0 0 0 0)}.vertical-slideshow__background-picture{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.vertical-slideshow__background-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.vertical-slideshow__background-image.placeholder-svg{width:100%;height:100%}.vertical-slideshow picture .vertical-slideshow__background-image{object-position:var(--focal_point_mobile, center)}@media(min-width:576px){.vertical-slideshow picture .vertical-slideshow__background-image{object-position:var(--focal_point_desktop, center)}}.vertical-slideshow__background-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-overlay));pointer-events:none}.vertical-slideshow__inner{position:relative;z-index:1;flex:1 1 auto;display:grid;grid-template-areas:"heading button" "stage stage";grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:2.4rem;padding:2.4rem 1.6rem}@media screen and (min-width:990px){.vertical-slideshow__inner{grid-template-areas:"heading stage button";grid-template-columns:var(--vs-side-col-width) minmax(0,1fr) var(--vs-side-col-width);grid-template-rows:1fr;align-items:center;padding:0 1.6rem}}@media screen and (min-width:1200px){.vertical-slideshow__inner{padding-left:2.4rem;padding-right:2.4rem}}.vertical-slideshow__inner--stage-only{grid-template-areas:"stage";grid-template-columns:1fr;grid-template-rows:1fr}.vertical-slideshow__heading-col{grid-area:heading;z-index:2;pointer-events:auto;min-width:0}.vertical-slideshow__button-col{grid-area:button;z-index:2;pointer-events:auto;justify-self:end;min-width:0}.vertical-slideshow__heading{color:rgb(var(--color-foreground));margin:0;word-break:break-word}.vertical-slideshow__stage{grid-area:stage;position:relative;z-index:1;width:100%;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}@media screen and (min-width:990px){.vertical-slideshow__stage{gap:var(--vs-nav-gap)}.vertical-slideshow__stage:has(.vertical-slideshow__nav-col):before{content:"";flex:0 0 var(--vs-nav-width);align-self:stretch}}.vertical-slideshow__nav-col{display:none}@media screen and (min-width:990px){.vertical-slideshow__nav-col{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--vs-nav-stack-gap);pointer-events:auto}}.vertical-slideshow__cards{position:relative;pointer-events:auto;overflow:visible;margin:0;width:100%;height:auto;aspect-ratio:var(--vs-cards-aspect-mobile, 9/8);perspective:800px}@media screen and (min-width:576px){.vertical-slideshow__cards{aspect-ratio:var(--vs-cards-aspect-tablet, 4/3)}}@media screen and (min-width:990px){.vertical-slideshow__cards{flex:0 1 auto;min-width:0;width:min(var(--vs-card-width),100%);max-width:100%;height:auto;aspect-ratio:var(--vs-cards-aspect, 1/2)}}.vertical-slideshow__cards .swiper-wrapper,.vertical-slideshow__cards .swiper-slide{transform-style:preserve-3d}.vertical-slideshow__cards.swiper:not(.swiper-initialized) .swiper-wrapper{gap:1.6rem;transform:translate(calc(-57.1428571429% - 1.6rem))}.vertical-slideshow__cards.swiper:not(.swiper-initialized) .swiper-slide{width:71.4285714286%;height:100%}.vertical-slideshow__cards.swiper:not(.swiper-initialized) .swiper-slide:last-child{order:-1}@media screen and (min-width:576px){.vertical-slideshow__cards.swiper:not(.swiper-initialized) .swiper-wrapper{transform:translate(calc(-34.2696629213% - 1.6rem))}.vertical-slideshow__cards.swiper:not(.swiper-initialized) .swiper-slide{width:56.1797752809%}}@media screen and (min-width:990px){.vertical-slideshow__cards.swiper:not(.swiper-initialized) .swiper-wrapper{flex-direction:column;gap:var(--vs-card-gap);transform:translateY(calc(-50% - var(--vs-card-gap)))}.vertical-slideshow__cards.swiper:not(.swiper-initialized) .swiper-slide{width:100%;height:66.6666666667%}}@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.vertical-slideshow__cards.swiper:not(.swiper-initialized) .swiper-slide:last-child .vertical-slideshow-card__inner{transform-origin:center bottom;transform:rotateX(20deg) scale(.85)}.vertical-slideshow__cards.swiper:not(.swiper-initialized) .swiper-slide:not(:first-child):not(:last-child) .vertical-slideshow-card__inner{transform-origin:center top;transform:rotateX(-20deg) scale(.85)}}.vertical-slideshow--full-height .vertical-slideshow__cards{max-height:100%}@media screen and (min-width:990px){.vertical-slideshow--full-height .vertical-slideshow__cards{width:auto;height:100%;max-height:100rem}}.vertical-slideshow__cards--single{display:flex;align-items:center;justify-content:center}.vertical-slideshow__cards--single .vertical-slideshow__card-slide{width:71.4285714286%;height:100%}@media screen and (min-width:576px){.vertical-slideshow__cards--single .vertical-slideshow__card-slide{width:56.1797752809%}}@media screen and (min-width:990px){.vertical-slideshow__cards--single .vertical-slideshow__card-slide{width:100%;height:66.6666666667%}}.vertical-slideshow__card-slide{width:100%;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center}@media screen and (min-width:990px){.swiper-initialized .vertical-slideshow__card-slide:not(.swiper-slide-active) .arrow-wrapper,.swiper-initialized .vertical-slideshow__card-slide:not(.swiper-slide-active) .vertical-slideshow-card__title,.swiper:not(.swiper-initialized) .vertical-slideshow__card-slide:not(:first-child) .arrow-wrapper,.swiper:not(.swiper-initialized) .vertical-slideshow__card-slide:not(:first-child) .vertical-slideshow-card__title{opacity:0;visibility:hidden}}.vertical-slideshow__card-slide .vertical-slideshow-card__inner{transition-property:transform,transform-origin;transition-timing-function:ease;will-change:transform}.vertical-slideshow__nav{display:none}@media screen and (min-width:990px){.vertical-slideshow__nav{flex:0 0 auto;width:var(--vs-nav-width);height:8rem;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:.075rem solid rgb(var(--color-foreground),.3);border-radius:100px;color:rgb(var(--color-foreground));cursor:pointer;pointer-events:auto;overflow:hidden;transition:border-color var(--duration-default) ease,background-color var(--duration-default) ease}.vertical-slideshow__nav--prev .icon{rotate:-90deg}.vertical-slideshow__nav--next .icon{rotate:90deg}.vertical-slideshow__nav .icon{width:3.2rem;height:3.2rem}.vertical-slideshow__nav.is-stepping .icon{animation:vertical-slideshow-arrow-step .7s linear}}@media screen and (min-width:990px)and (hover:hover)and (pointer:fine){.vertical-slideshow__nav:hover{border-color:rgb(var(--color-foreground),.6)}}@media screen and (min-width:990px){.vertical-slideshow__nav:focus{outline:none}.vertical-slideshow__nav:focus-visible{outline:.2rem solid rgb(var(--color-foreground),.6);outline-offset:.2rem}}.vertical-slideshow-card{position:relative;display:block;background-color:transparent;text-decoration:none;color:inherit;width:100%;height:100%;transform-style:preserve-3d}.vertical-slideshow-card[href]{cursor:pointer}.vertical-slideshow-card[href]:focus-visible{outline-offset:.2rem}.vertical-slideshow-card .arrow-wrapper .arrow{transition:left var(--duration-tertiary-btn) var(--easing-tertiary-btn)}@media screen and (hover:hover)and (pointer:fine){.vertical-slideshow-card[href]:hover .arrow-wrapper:before{scale:0}.vertical-slideshow-card[href]:hover .arrow-wrapper .arrow{left:.2rem}}.vertical-slideshow-card[href]:focus-visible .arrow-wrapper:before{scale:0}.vertical-slideshow-card[href]:focus-visible .arrow-wrapper .arrow{left:.2rem}@media screen and (hover:hover)and (pointer:fine){.vertical-slideshow-card[href]:hover .vertical-slideshow-card__image-el{transform:scale(1.02)}}.vertical-slideshow-card__inner{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:var(--border-radius-block);background-color:rgb(var(--color-background-secondary))}.vertical-slideshow-card__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex}.vertical-slideshow-card__image .vertical-slideshow-card__image-el{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;transition:var(--image-transition);transform:scale(1.01);will-change:scale}.vertical-slideshow-card__image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:rgb(var(--color-overlay));opacity:var(--image-overlay-opacity, 0);pointer-events:none}.vertical-slideshow-card__information{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:4rem 1.2rem 1.2rem;display:flex;align-items:center;column-gap:.8rem;color:rgb(var(--color-foreground))}@media screen and (min-width:350px){.vertical-slideshow-card__information{padding:4.8rem 1.6rem 1.6rem}}.vertical-slideshow-card__information:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);-webkit-mask-image:linear-gradient(to top,#000 0%,rgba(0,0,0,.9) 22%,rgba(0,0,0,.35) 55%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,#000,#000000e6 22%,#00000059 55%,#0000);transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.vertical-slideshow-card__information:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgb(var(--color-background),0),rgb(var(--color-background),.4));transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.vertical-slideshow-card__information .arrow-wrapper{position:relative;z-index:2;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.vertical-slideshow-card__title{position:relative;z-index:2;flex:1 1 auto;min-width:0;margin:0;color:rgb(var(--color-foreground));transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}@keyframes vertical-slideshow-arrow-step{0%{transform:translate(0);animation-timing-function:cubic-bezier(.45,0,.7,.5)}45%{transform:translate(180%);animation-timing-function:step-end}45.01%{transform:translate(-180%);animation-timing-function:cubic-bezier(.15,.8,.3,1)}to{transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-vertical-slideshow.css.map */