.carousel-banner{position:relative;width:100%;overflow:hidden}.carousel-banner__container{position:relative;width:100%}.carousel-banner__slides{display:flex;transition:transform .5s ease-in-out;width:100%}.carousel-banner__slide{min-width:100%;display:flex;flex-direction:column}.carousel-banner__content-wrapper{display:flex;flex-direction:column;width:100%}.carousel-banner__image-column{width:100%;position:relative}.carousel-banner__image{width:100%;height:auto;display:block;object-fit:cover}.carousel-banner__text-column{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.carousel-banner__title{margin-bottom:calc(4 * var(--space-unit))}.carousel-banner__text{margin-bottom:calc(6 * var(--space-unit));max-width:100%}.carousel-banner__button{display:inline-block}.carousel-banner__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#ffffffe6;border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.carousel-banner__nav:hover{background:#fff}.carousel-banner__nav--prev{left:20px}.carousel-banner__nav--next{right:20px}.carousel-banner__nav svg{width:24px;height:24px;fill:currentColor}.carousel-banner__dots{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px 0;position:relative;z-index:10}.carousel-banner__dot{width:10px;height:10px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:background-color .3s ease,transform .3s ease;padding:0}.carousel-banner__dot.active{background:#fff;transform:scale(1.2)}@media(min-width:769px){.carousel-banner__content-wrapper{flex-direction:row;align-items:center}.carousel-banner__image-column{width:50%}.carousel-banner__text-column{width:50%;padding-left:calc(8 * var(--space-unit));padding-right:calc(8 * var(--space-unit));align-items:flex-start;text-align:left}.carousel-banner__slide{flex-direction:row}}@media(max-width:768.98px){.carousel-banner__nav{width:40px;height:40px}.carousel-banner__nav--prev{left:10px}.carousel-banner__nav--next{right:10px}.carousel-banner__nav svg{width:20px;height:20px}.carousel-banner__dots{padding:15px 0}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/carousel-banner.css.map */