slideshow-component{position:relative;display:flex;flex-direction:column}.images-swiper .swiper{width:100%}.pagination-hidden,.navigation-hidden{display:none}.portrait{max-width:calc(682px + 20rem)}.portrait img{max-width:682px;margin-bottom:6rem}.ratio0 img{aspect-ratio:auto}.ratio1 img{aspect-ratio:2/1}.ratio2 img{aspect-ratio:3/2}.ratio3 img{aspect-ratio:5/3}.ratio4 img{aspect-ratio:5/4}.ratio5 img{aspect-ratio:2/3}.ratio6 img{aspect-ratio:3/5}.ratio7 img{aspect-ratio:3/4}.ratio8 img{aspect-ratio:4/5}.landscape{max-width:calc(1150px + 20rem)}.landscape img{max-width:1150px;margin-bottom:6rem}.landscape .swiper-button-prev,.landscape .swiper-button-next,.portrait .swiper-button-prev,.portrait .swiper-button-next{top:45%}@media screen and (max-width:767px){.landscape .swiper-button-prev,.landscape .swiper-button-next,.portrait .swiper-button-prev,.portrait .swiper-button-next{height:2.4rem}}@media screen and (min-width:768px)and (max-width:1023px){.images-swiper .swiper-button-next{right:2rem}.images-swiper .swiper-button-prev{left:2rem}}@media screen and (min-width:1024px){.images-swiper .swiper-button-next{right:0}.images-swiper .swiper-button-prev{left:0}}.portrait img{display:block;width:100%;height:100%;object-fit:cover;margin:0 1rem 6rem}.landscape img{display:block;width:96%;height:100%;object-fit:cover;margin:0 1rem 6rem}@media screen and (max-width:767px){.images-swiper .swiper-button-next:after,.images-swiper .swiper-button-prev:after{font-size:2.4rem}.images-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.images-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:1rem}}.images-swiper .swiper-button-prev{right:auto}.images-swiper .swiper-button-next{left:auto}.images-swiper .swiper-pagination-bullet{width:1.2rem;height:1.2rem;opacity:unset;background-color:transparent;border:1px solid black}.images-swiper .swiper-pagination-bullet-active{background-color:#000}.images-swiper .swiper-button-next:after,.images-swiper .swiper-button-prev:after{font-size:3.6rem}.swiper-button-next:after,.swiper-button-prev:after{content:""}@media screen and (min-width:768px){.swiper-button-next,.swiper-button-prev{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 9 24'%3E%3Cpath fill='%23000' d='M.543 4 0 4.545l7.914 7.956L0 20.455.543 21 9 12.501z' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;height:36px;width:17px}}.swiper-button-next,.swiper-button-prev{height:24px;width:13px}.swiper-button-prev{transform:rotate(180deg)}@media screen and (min-width:758px){.images-swiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.images-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:1rem 2rem}}.images-swiper .swiper-slide{display:flex;justify-content:center;align-items:center}@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: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:.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),.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/167/assets/component-images-slideshow.css.map */