.brand-carousel{position:relative;padding:20px 0;overflow:hidden;max-width:100%;width:100%}@media screen and (max-width:767px){.brand-carousel{padding:1.6rem 0 3.6rem;overflow-x:hidden;contain:layout}.brand-carousel .swiper-wrapper{max-width:100%;width:100%}.brand-carousel .carousel-chevron{display:flex!important;position:absolute;top:50%;transform:translateY(-50%);background-color:#9b7071;border-radius:0;width:40px;height:40px;align-items:center;justify-content:center;z-index:20}.brand-carousel .carousel-chevron svg{display:none}.brand-carousel .carousel-chevron:after{content:"";width:10px;height:10px;border:solid #fff;border-width:1px 1px 0 0}.brand-carousel .carousel-chevron--prev{left:0}.brand-carousel .carousel-chevron--prev:after{transform:rotate(-135deg);margin-right:-3px}.brand-carousel .carousel-chevron--next{right:0}.brand-carousel .carousel-chevron--next:after{transform:rotate(45deg);margin-left:-3px}.brand-carousel .swiper-slide,.brand-carousel .swiper-slide.brand-carousel__item{width:100%!important;max-width:100%!important;min-width:100%!important;flex-shrink:0}.brand-carousel .carousel-chevron.swiper-button-disabled,.brand-carousel-button.is-disabled{display:none!important}.brand-carousel__item .brand-carousel__item-title{padding:15px 8px 8px 0;text-align:center;left:var(--page-gutter)}.carousel{position:relative}.brand-carousel-button{display:flex;position:absolute;top:50%;transform:translateY(-50%);background-color:#9b7071;border-radius:0;width:40px;height:40px;align-items:center;justify-content:center;z-index:20}.brand-carousel-button:after{content:"";width:10px;height:10px;border:solid #fff;border-width:1px 1px 0 0}.brand-carousel-button--prev{left:0}.brand-carousel-button--prev:after{transform:rotate(-135deg);margin-right:-3px}.brand-carousel-button--next{right:0;padding-right:5px}.brand-carousel-button--next:after{transform:rotate(45deg);margin-left:-3px}}.brand-carousel .swiper-slide.brand-carousel__item{background:#fff;padding:0;position:relative;overflow:hidden;height:400px}@media screen and (min-width:768px){.brand-carousel .swiper-slide.brand-carousel__item{width:400px!important}}.brand-link-button{background-color:#fff;border:.7px solid #000;color:#000;padding:8px 16px;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;display:inline-block;text-align:center}.brand-link-button:hover{background-color:#000;color:#fff}.brand-carousel__item{position:relative;width:100%;height:100%;background-color:#fff}.brand-carousel__item .brand-item__media{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.brand-carousel__item .brand-item__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;z-index:6;pointer-events:none;transition:opacity .32s cubic-bezier(.22,1,.36,1)}.brand-carousel__item .brand-item__link{display:block;width:100%;height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.brand-carousel__item .brand-item__media .media{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.brand-carousel__item .brand-item__media img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}.brand-carousel__item .brand-carousel__item-title{position:absolute;top:15px;left:15px;margin:0;z-index:10;color:#fff!important}.brand-carousel__item .brand-carousel__item-subtitle{position:absolute;top:5.3rem;left:15px;z-index:10;color:#fff!important;margin:0}.brand-carousel__item .brand-carousel__item-description{position:absolute;top:50%;left:50%;z-index:10;width:min(75%,42rem);margin:0;text-align:center;transform:translate(-50%,-44%);opacity:0;transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .28s ease;pointer-events:none;color:#fff!important}.brand-carousel__item .brand-carousel__item-cta{position:absolute;height:12px;left:15px;bottom:15px;z-index:11;opacity:0;transform:translateY(.6rem);pointer-events:none;transition:opacity .26s ease,transform .3s cubic-bezier(.22,1,.36,1);color:#fff!important}@media screen and (min-width:768px){.brand-carousel__item:hover .brand-item__media:after,.brand-carousel__item:focus-within .brand-item__media:after{opacity:.7}.brand-carousel__item:hover .brand-carousel__item-description,.brand-carousel__item:focus-within .brand-carousel__item-description{opacity:1;transform:translate(-50%,-50%)}.brand-carousel__item:hover .brand-carousel__item-cta,.brand-carousel__item:focus-within .brand-carousel__item-cta{opacity:1;transform:translateY(0);pointer-events:auto}.brand-carousel .carousel-chevron,.brand-carousel .carousel-chevron.is-visible{display:flex!important;position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:none;border:none;width:40px;height:40px;cursor:pointer;align-items:center;justify-content:center;opacity:1;visibility:visible;pointer-events:all}.brand-carousel .carousel-chevron svg{display:none}.brand-carousel .carousel-chevron:after{content:"";width:14px;height:14px;border:solid #211d1d;border-width:2px 2px 0 0}.brand-carousel .carousel-chevron--next{right:10px}.brand-carousel .carousel-chevron--next:after{transform:rotate(45deg);margin-left:-3px}.brand-carousel .carousel-chevron--prev{left:10px}.brand-carousel .carousel-chevron--prev:after{transform:rotate(-135deg);margin-right:-3px}.brand-carousel .carousel-chevron.swiper-button-disabled{display:none!important}}@media screen and (max-width:767px){.brand-carousel__item .brand-item__media:after,.brand-carousel__item .brand-carousel__item-description,.brand-carousel__item .brand-carousel__item-cta{transition:none!important}.brand-carousel__item:hover .brand-item__media:after,.brand-carousel__item:focus-within .brand-item__media:after{opacity:0!important}.brand-carousel__item:hover .brand-carousel__item-description,.brand-carousel__item:focus-within .brand-carousel__item-description,.brand-carousel__item:hover .brand-carousel__item-cta,.brand-carousel__item:focus-within .brand-carousel__item-cta{opacity:0!important;transform:none!important;pointer-events:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-brand-carousel.css.map */