slideshow-component{position:relative;display:flex;flex-direction:column}.slideshow__media svg.placeholder-svg{width:100%;height:100%}slideshow-component .swiper{cursor:pointer}@media screen and (max-width:1200px){.slideshow__media.banner__media.media{opacity:.5}}.slideshow__media img{width:100%}button.slideshow__autoplay.slider-button.no-js-hidden{display:block;background:var(--gradient-base-background-2);left:0;right:0;margin:auto}@media screen and (max-width: 750px){.slideshow__media img.desktop-slider{display:none}.slideshow__media img.mobile-slider{display:block}.slideshow__media:after{opacity:.7}}@media screen and (min-width: 750px){.slideshow__media img.mobile-slider{display:none}.slideshow__media img.desktop-slider{display:block}}@media screen and (max-width: 989px){.no-js slideshow-component .slider{padding-bottom:3rem}}slideshow-component .slideshow.banner{flex-direction:row;flex-wrap:nowrap;margin:0;gap:0}.slideshow__slide{padding:0;position:relative;display:flex;flex-direction:column}@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:62.5rem;margin-top:0}.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%;background:rgba(var(--color-background),0)}.banner--mobile-bottom .slideshow__media.banner__media.media,.banner--stacked:not(.banner--mobile-bottom) .slideshow__media.banner__media.media{position:absolute}.slideshow.banner--large.banner--mobile-bottom:not(.banner--adapt) .slideshow__media,.slideshow.banner--large.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.slideshow__media{height:100%}.banner--mobile-bottom .slideshow__text .button{flex-grow:0}.slideshow__text.slideshow__text-mobile--left,.slideshow__text.slideshow__text-mobile--right{align-items:center;text-align:center}}@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%}}.slideshow__controls--top{order:2;z-index:1}@media screen and (max-width: 749px){.slideshow__controls--border-radius-mobile{border-bottom-right-radius:var(--text-boxes-radius);border-bottom-left-radius:var(--text-boxes-radius)}}.spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls{border-bottom:none}@media screen and (min-width: 750px){.slideshow__controls{position:relative}}slideshow-component:not(.page-width) .slider-buttons{border-right:0;border-left:0}.slideshow__control-wrapper{display:flex}.slideshow__autoplay{position:absolute;right:0;border-left:none;display:flex;justify-content:center;align-items:center}@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:.6rem;padding:0 0 0 .6rem;border-left:.1rem solid rgba(var(--color-foreground),.08)}}.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;left:0;right:0;margin:auto;bottom:0;top:0}.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{transform:scale(1.1)}.slideshow__autoplay--paused .icon-pause,.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play{visibility:hidden;opacity:0;transform:scale(.8)}.slideshow__text-wrapper .slideshow__text h2.banner__heading{margin-bottom:0;color:var(--color-foreground);animation:zoomIn var(--anim-time) ease both}.slideshow__text .banner__text{margin-bottom:0;color:var(--color-foreground);font-family:var(--font-body-family);font-weight:400;font-size:2rem;line-height:30px}.slideshow__text .banner__sub_heading{color:var(--gradient-base-accent-2);font-family:var(--font-heading-family);font-weight:400;letter-spacing:0;font-size:clamp(3rem,2.4581rem + 2.7097vw,7.2rem);margin:0;line-height:.8}@media screen and (min-width: 1200px){.slideshow__text.banner__box{margin-top:100px}}@media screen and (max-width: 540px){.slideshow__media img.mobile-slider{height:380px}}:root{--anim-time:1s}@keyframes fadeIn{0%{opacity:0}90%{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes{0% {opacity: 0; transform: translate3d(0,-100%,0);} 100% {opacity: 1; transform: none;}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:none}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:none}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInOut{0%{opacity:1;transform:scaleZ(1)}50%{opacity:.8;transform:scale3d(1.03,1.03,1.03)}to{opacity:1;transform:scaleZ(1)}}@keyframes flipInX{0%{transform:perspective(500px) rotateX(90deg);opacity:0}40%{transform:perspective(500px) rotateX(-10deg)}70%{transform:perspective(500px) rotateX(10deg)}to{transform:perspective(500px) rotateX(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-slideshow.css.map */