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__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:80rem;text-transform:capitalize}.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:.1rem solid rgba(var(--color-foreground),.08)}.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}.slideshow__autoplay .icon.icon-play{height:1rem}.slideshow__autoplay path{fill:rgba(var(--color-foreground),1)}.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__content .banner__box .divider-line{margin-top:3rem}.banner__box .divider-line svg{width:47rem;height:1rem}.product-banner-breadcrumb{position:relative}.product-banner-breadcrumb .breadcrumbs{position:absolute;top:0;left:var(--page-width-padding);z-index:1}.slideshow__autoplay.slider-button{display:none}slideshow-component:not(:has(.slideshow__text *)) .slideshow__controls{border:none;width:100%;max-width:var(--page-width);padding-inline:var(--page-width-padding);margin-inline:auto;justify-content:space-between;position:static}slideshow-component:not(:has(.slideshow__text *)) .slider-button{background-color:rgb(var(--color-button-text));border-radius:50%;height:4rem;width:4rem;position:absolute;top:50%;left:min(var(--page-width-padding),5%);transform:translateY(-50%);border:1px solid rgba(var(--color-foreground),.1)}slideshow-component:not(:has(.slideshow__text *)) .slider-button.slider-button--next{right:min(var(--page-width-padding),5%);left:auto}slideshow-component:not(:has(.slideshow__text *)) .slider-button .svg-wrapper{width:3rem;height:3rem}slideshow-component:not(:has(.slideshow__text *)) .slider-button .icon{height:.8rem}slideshow-component:not(:has(.slideshow__text *)) .slider-counter--dots{position:absolute;bottom:3rem;left:0;right:0}slideshow-component:not(:has(.slideshow__text *)) .slider-counter--dots .dot{width:1.5rem;height:1.5rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),1);padding:0;display:block;background-color:rgba(var(--color-button-text),.4)}slideshow-component:not(:has(.slideshow__text *)) .slider-counter__link--active.slider-counter__link--dots .dot{background-color:rgb(var(--color-foreground))}@media only screen and (max-width:749px){.banner--adapt_image.slideshow .slideshow__media{position:static;height:auto}.banner--adapt_image.slideshow .banner__content:before,.banner--adapt_image.slideshow .slideshow__media:before{padding-bottom:0!important}.banner--adapt_image.slideshow .slideshow__media img{position:static}.banner--adapt_image.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper{position:absolute;bottom:0;left:0;width:100%}.banner--adapt_image.slideshow:not(.banner--mobile-bottom) .slideshow__text-wrapper.banner__content--bottom-center{height:auto}.banner__content .banner__box .divider-line{margin-top:1.4rem}.banner__box .divider-line svg{max-width:70%}slideshow-component:not(:has(.slideshow__text *)) .slider-button{height:3rem;width:3rem}slideshow-component:not(:has(.slideshow__text *)) .slider-button .icon{height:.7rem}slideshow-component:not(:has(.slideshow__text *)) .slider-counter--dots{bottom:1rem}slideshow-component:not(:has(.slideshow__text *)) .slider-counter--dots .dot{width:1rem;height:1rem}.product-banner-breadcrumb .breadcrumbs{padding-top:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-slideshow.css.map */