slideshow-component{position:relative;display:flex;flex-direction:column;isolation:isolate}slideshow-component .slideshow.banner{flex-direction:row;flex-wrap:nowrap;margin:0;gap:0;overflow-y:hidden}.slideshow__slide{padding:0;position:relative;display:flex;flex-direction:column;visibility:visible}@media screen and (max-width: 749px){.slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,.slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom){height:28rem}}@media screen and (min-width: 750px){.slideshow--placeholder.banner--adapt_image{height:56rem}}.slideshow__text.banner__box{display:flex;flex-direction:column;justify-content:center;max-width:54.5rem}.slideshow__text>*{max-width:100%}@media screen and (max-width: 749px){slideshow-component.page-width .slideshow__text{border-right:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));border-left:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity))}.banner--mobile-bottom .slideshow__text.banner__box{max-width:100%}.banner--mobile-bottom .slideshow__text-wrapper{flex-grow:1}.banner--mobile-bottom .slideshow__text.banner__box{height:100%}.banner--mobile-bottom .slideshow__text .button{flex-grow:0}.slideshow__text.slideshow__text-mobile--left{align-items:flex-start;text-align:left}.slideshow__text.slideshow__text-mobile--right{align-items:flex-end;text-align:right}}@media screen and (min-width: 750px){.slideshow__text.slideshow__text--left{align-items:flex-start;text-align:left}.slideshow__text.slideshow__text--right{align-items:flex-end;text-align:right}}.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper{height:100%}@media screen and (min-width: 750px){.slideshow__text-wrapper.banner__content{height:100%;padding:5rem}}.slideshow__controls{border:none;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:.8rem 1.2rem;box-shadow:0 2px 8px #00000014}.slideshow__controls--top{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;order:2}@media screen and (max-width: 749px){.slideshow__controls--border-radius-mobile{border-radius:50px}.slideshow__controls--top{bottom:1.5rem;padding:.6rem 1rem}}slideshow-component:not(.page-width) .slider-buttons{border:none}.slideshow__control-wrapper{display:flex}.slideshow__autoplay{display:none!important}@media screen and (max-width: 749px){slideshow-component.page-width .slideshow__autoplay{right:1.5rem}}@media screen and (min-width: 750px){.slideshow__autoplay.slider-button{position:inherit;margin-left:.4rem;padding:0;border:none}}.slideshow__autoplay .icon.icon-play,.slideshow__autoplay .icon.icon-pause{display:block;position:absolute;opacity:1;transform:scale(1);transition:transform .15s ease,opacity .15s ease;width:.8rem;height:1.2rem}.slideshow__autoplay .icon.icon-play{height:1rem}.slideshow__autoplay path{fill:rgba(var(--color-foreground),.75)}.slideshow__autoplay:hover path{fill:rgb(var(--color-foreground))}@media screen and (forced-colors: active){.slideshow__autoplay path,.slideshow__autoplay:hover path{fill:CanvasText}}.slideshow__autoplay:hover .svg-wrapper{transform:scale(1.1)}.slideshow__autoplay--paused .icon-pause,.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play{visibility:hidden;opacity:0;transform:scale(.8)}.banner .slideshow__slide{position:relative}.slideshow__media.placeholder{position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;z-index:0}@media screen and (max-width: 749px){.slideshow__media.placeholder{width:100%;left:0;transform:none}}.slideshow__media.placeholder:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-repeat:repeat;background-size:200px 200px;transform:rotate(0);pointer-events:none}.slideshow__media.placeholder .placeholder-svg{display:none}.slideshow__media:before{background:transparent!important}.slideshow__text-wrapper{position:relative;z-index:2}@media screen and (min-width: 750px){.slideshow.banner{max-height:46rem;overflow:hidden}.banner .slideshow__slide{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:46rem;max-width:var(--page-width);margin:0 auto;min-height:0}.slideshow__text-wrapper.banner__content{grid-column:1;grid-row:1;display:flex;align-items:center;padding-right:3rem;padding-top:4rem;padding-bottom:4rem;margin-left:3rem;height:46rem}.slideshow__text-container{max-width:80%}.slideshow__dvd-grid{grid-column:2;justify-self:end;display:grid;grid-template-columns:repeat(3,auto);gap:1rem;justify-content:start;align-items:start;height:900px;overflow:clip;padding:0;margin-right:-2rem;position:relative;transform:translate(-180px) translateY(-200px) rotate(10deg);z-index:4;pointer-events:auto}.slideshow__dvd-column{display:grid;grid-template-columns:1fr;gap:1rem}.slideshow__dvd-column--left{transform:translateY(180px)}.slideshow__dvd-column--middle{transform:translateY(100px)}.slideshow__dvd-column--right{transform:translateY(130px)}@keyframes parallax-up{to{transform:translateY(-250px)}}@keyframes parallax-down{to{transform:translateY(250px)}}@supports (animation-timeline: scroll()){.slideshow__dvd-column--left,.slideshow__dvd-column--right{animation:parallax-up linear forwards;animation-timeline:scroll(root);animation-range:0vh 100vh}.slideshow__dvd-column--middle{animation:parallax-down linear forwards;animation-timeline:scroll(root);animation-range:0vh 100vh}}.slideshow__dvd-item{display:block;aspect-ratio:2/3;overflow:hidden;border-radius:4px;box-shadow:0 2px 6px #0000001f;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;position:relative;z-index:1}.slideshow__dvd-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.slideshow__dvd-item .placeholder-svg,.slideshow__dvd-item img{width:100%;height:100%;object-fit:cover}}@media screen and (max-width: 1049px){.slideshow__dvd-grid{display:none}}@media screen and (min-width: 1050px) and (max-width: 1399px){.slideshow__dvd-grid{transform:translate(-80px) translateY(-200px) rotate(10deg)}.slideshow__dvd-item{width:90px}}@media screen and (min-width: 1400px){.slideshow__dvd-grid{transform:translate(-180px) translateY(-200px) rotate(10deg)}.slideshow__dvd-item{width:120px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-slideshow.css.map */