.custom-carousel{position:relative;width:100%;overflow:hidden;padding-bottom:0}.carousel-container{width:100%;height:100%;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;display:flex}.carousel-container.active{cursor:grabbing}.carousel-track{display:flex;will-change:transform}.carousel-item{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:249.795px;height:116px}.carousel-item .carousel-link{display:block;text-decoration:none;color:inherit;height:100%;width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.carousel-item img{display:block;object-fit:cover;height:100%;width:100%;position:absolute}.carousel-item .background_overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000000b3 0% 100%),linear-gradient(180deg,#0000 25.48%,#000000b3);z-index:1;transition:opacity .3s ease}.carousel-item .carousel-link.active .background_overlay,.carousel-item:hover .background_overlay{opacity:0;pointer-events:none}.custom-carousel__text{position:absolute;z-index:2;color:#fff;padding:12px;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.custom-carousel__text .title{font-family:Saol Display;font-size:19.691px;font-weight:300;line-height:80%;text-transform:uppercase;margin-bottom:6.37px}.custom-carousel__text .subtitle{font-family:Helvetica Neue;font-size:6.14px;line-height:100%;letter-spacing:1.06px}.carousel-arrow{width:40px;height:100%;color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none;position:absolute;top:0}.carousel-arrow.left{left:0;background:linear-gradient(270deg,#5c5c5c00,#0006 30%)}.carousel-arrow.right{right:0;background:#5c5c5c;background:linear-gradient(90deg,#5c5c5c00,#0006 30%)}@media (min-width: 768px){.carousel-item{height:176px;width:379px}.custom-carousel__text .title{font-size:34px;margin-bottom:11px}.custom-carousel__text .subtitle{font-size:10.602px}.carousel-arrow{width:79px}}@media (min-width: 1512px){.carousel-item{flex:0 0 25%;max-width:25%;margin-right:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-carousel.css.map */