slideshow-component{position:relative;display:flex;flex-direction:column}slideshow-component .slideshow.banner{flex-direction:row;flex-wrap:nowrap;margin:0;gap:0;overflow-y:hidden}.slideshow.slideshow--fade{display:grid;overflow:hidden;overflow-x:hidden;scroll-snap-type:none}.slideshow.slideshow--fade .slideshow__slide{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .8s ease-in-out;z-index:0}.slideshow.slideshow--fade .slideshow__slide.is-active{opacity:1;pointer-events:auto;z-index:2}.slideshow.slideshow--fade .slideshow__slide.is-leaving{opacity:0;pointer-events:none;z-index:1}.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%}.slideshow__navigation{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;padding:0}.slideshow__navigation-button.slider-button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;width:6.4rem;height:6.4rem;border-radius:0;color:#fff;background:transparent;border:0;box-shadow:none;opacity:.9;z-index:5}.slideshow__navigation-button.slider-button .icon{width:1.8rem;height:1.8rem;filter:drop-shadow(0 .2rem .4rem rgb(0 0 0 / 45%))}.slideshow__navigation-button.slider-button:not([disabled]):hover{opacity:1;color:#fff}.slideshow__navigation-button.slider-button[disabled]{opacity:.45}.slideshow__navigation-button.slider-button.slider-button--prev{left:.2rem}.slideshow__navigation-button.slider-button.slider-button--next{right:.2rem}.slideshow__progress{--slideshow-progress-duration: 5s;--slideshow-progress-play-state: running;position:absolute;left:50%;bottom:1.6rem;transform:translate(-50%);z-index:4;display:flex;gap:.6rem;align-items:center;pointer-events:auto}.slideshow__progress-segment{width:clamp(4rem,8vw,6rem);height:.3rem;padding:0;border:0;background:#ffffff4d;cursor:pointer;overflow:hidden}.slideshow__progress-fill{display:block;width:100%;height:100%;background:#fff;transform-origin:left center;transform:scaleX(0)}.slideshow__progress-segment.is-complete .slideshow__progress-fill{transform:scaleX(1)}.slideshow__progress-segment.is-active .slideshow__progress-fill{transform:scaleX(0)}.slideshow__progress-segment.is-active.is-complete .slideshow__progress-fill{transform:scaleX(1)}.slideshow__progress:not(.slideshow__progress--static) .slideshow__progress-segment.is-active.is-animating .slideshow__progress-fill{animation:slideshow-progress-fill var(--slideshow-progress-duration) linear forwards;animation-play-state:var(--slideshow-progress-play-state)}.slideshow__progress.slideshow__progress--static .slideshow__progress-segment.is-active .slideshow__progress-fill{transform:scaleX(1)}@keyframes slideshow-progress-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media screen and (min-width:750px){.slideshow__text-wrapper.banner__content{height:100%;padding:5rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-slideshow.css.map */