.clc-BannerCarousel{--carousel-item-width: 130px;position:relative;z-index:0;flex-direction:column-reverse;display:flex;justify-content:flex-start;gap:10px;overflow:hidden;margin-block-start:30px}@media only screen and (min-width: 901px){.clc-BannerCarousel{gap:20px;flex-direction:row;overflow:auto;justify-content:center;margin-block-start:40px}}.clc-BannerCarousel_CarouselWrapper{position:relative;overflow:visible}@media screen and (min-width: 1021px){.clc-BannerCarousel_CarouselWrapper{overflow:auto}}.clc-BannerCarousel_Carousel{padding-left:10px}@media screen and (min-width: 1021px){.clc-BannerCarousel_Carousel{padding-left:0;gap:10px}}.clc-BannerCarousel_Carousel:not([data-initialised=true]){display:flex;overflow:hidden}.clc-BannerCarousel_Item{flex:0 0 var(--carousel-item-width)}@media screen and (min-width: 1021px){.clc-BannerCarousel_Item{width:var(--carousel-item-width)}}.clc-BannerCarousel_ItemTitle{margin-block-start:5px;line-height:130%;text-align:center;color:var(--Color_Brand)}.clc-BannerCarousel_ItemImage{width:100%;height:auto;object-fit:cover}.clc-BannerCarousel_CarouselArrow{--Inset: 16px;position:absolute;inset-block-start:40%;z-index:2;align-items:center;justify-content:center;display:flex;inline-size:32px;block-size:32px;background-color:#fff;transition:background-color .5s ease,color .5s ease,opacity .5s ease,visibility .5s ease,transform .5s ease}@media only screen and (min-width: 1021px){.clc-BannerCarousel_CarouselArrow{display:none!important}}.clc-BannerCarousel_CarouselArrow[disabled]{opacity:0;visibility:hidden;transform:translateY(-50%) scale(0)}.clc-BannerCarousel_CarouselArrow[aria-hidden=true]{display:none}.clc-BannerCarousel_CarouselArrow-previous{inset-inline-start:25px}.clc-BannerCarousel_CarouselArrow-next{inset-inline-end:25px}@media only screen and (min-width: 1021px){.clc-BannerCarousel_CarouselArrow{display:flex}}.clc-BannerCarousel_CarouselArrow svg{inline-size:20px;block-size:20px}.clc-BannerCarousel-noMedia{--carousel-item-width: 130px}.clc-BannerCarousel-noMedia .clc-BannerCarousel_CarouselArrow-previous,.clc-BannerCarousel-noMedia .clc-BannerCarousel_CarouselArrow-next{display:none!important}.clc-BannerCarousel-noMedia .clc-BannerCarousel_Item{flex:0 0 var(--carousel-item-width)}@media screen and (min-width: 1021px){.clc-BannerCarousel-noMedia .clc-BannerCarousel_Item{width:var(--carousel-item-width)}}
/*# sourceMappingURL=/cdn/shop/t/61/assets/collection-banner-carousel.css.map */