slideshow-component{position:relative;display:flex;flex-direction:column;font-size:10px}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;visibility:visible}.slideshow__link-wrap{position:absolute;width:100%;height:100%;top:0;left:0;z-index:3}@media screen and (max-width: 767px){.slideshow--placeholder.banner--mobile-bottom.banner--adapt_image .slideshow__media,.slideshow--placeholder.banner--adapt_image:not(.banner--mobile-bottom){min-height:28em}}@media screen and (min-width: 768px){.slideshow--placeholder.banner--adapt_image{min-height:56em}}.slideshow__text.banner__box{display:flex;flex-direction:column;justify-content:center;max-width:54.5em}.slideshow__text>*{max-width:100%}@media screen and (max-width: 767px){slideshow-component.page-width .slideshow__text{border-right:1px solid rgba(var(--color-foreground),1);border-left:1px solid rgba(var(--color-foreground),1)}.slideshow:not(.banner--mobile-bottom) .slideshow__text .text-shadow{text-shadow:3px 4px 7px rgba(0,0,0,.75)}.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper .slideshow__text{margin:0 1rem}.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: 768px){.slideshow__text .text-shadow{text-shadow:3px 4px 7px rgba(0,0,0,.75)}.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%}.banner__content.banner__content--desktop-button{display:none}.banner__content.banner__content--desktop-button .banner__box{padding:0}@media screen and (max-width: 767px){.slideshow:not(.banner--mobile-bottom) .banner__media{height:100%}}@media screen and (min-width: 768px){.slideshow__text-wrapper.banner__content{height:100%;padding:1em 4em}.banner__content.banner__content--desktop-button{position:absolute;display:flex}.banner__content.banner__content--desktop-button .banner__box{display:inline-flex;min-width:auto}}.slideshow__controls{border:.1em solid rgba(var(--color-foreground),.08)}.slideshow__controls--top{order:2;z-index:1}.spaced-section--full-width:last-child slideshow-component:not(.page-width) .slideshow__controls{border-bottom:none}@media screen and (min-width: 768px){.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: 767px){slideshow-component.page-width .slideshow__autoplay{right:1.5em}}@media screen and (min-width: 768px){.slideshow__autoplay.slider-button{position:inherit;margin-left:.6em;padding:0 0 0 .6em;border-left:.1em 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:.8em;height:1.2em}.slideshow__autoplay .icon.icon-play{height:1em}.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)}
/*# sourceMappingURL=/cdn/shop/t/254/assets/component-slideshow.css.map */
