.banner-carousel{position:relative;display:block}.banner-carousel__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.banner-carousel__viewport::-webkit-scrollbar{display:none}.banner-carousel__track{display:flex;gap:var(--bc-gap, 24px);margin:0;padding:0;list-style:none}.banner-carousel__slide{flex:0 0 calc((100% - (var(--bc-cols, 3) - 1) * var(--bc-gap, 24px)) / var(--bc-cols, 3));min-width:0;scroll-snap-align:start}.banner-carousel__slide>a,.banner-carousel__slide .card-media{height:100%}.banner-carousel__arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:#fff;color:#1a1a1a;box-shadow:0 2px 10px #0000002e;cursor:pointer;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .2s ease,background-color .2s ease}.banner-carousel:hover .banner-carousel__arrow:not(:disabled),.banner-carousel:focus-within .banner-carousel__arrow:not(:disabled){opacity:1;pointer-events:auto}.banner-carousel .banner-carousel__arrow:disabled,.banner-carousel .banner-carousel__arrow[disabled]{opacity:0!important;visibility:hidden;pointer-events:none}.banner-carousel__arrow:hover:not(:disabled){background:#f1f1f1}.banner-carousel__dots{display:flex;justify-content:center;gap:.6rem;margin-top:1.6rem}.banner-carousel__dot{width:.6rem;height:.6rem;min-width:0;min-height:0;padding:0;border:0;border-radius:50%;background:#292929!important;opacity:.25;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.banner-carousel__dot.is-active{opacity:.9;transform:scale(1.25)}.banner-carousel__arrow--prev{left:-1.6rem}.banner-carousel__arrow--next{right:-1.6rem}@media screen and (max-width:1023px){.banner-carousel__slide{flex-basis:calc((100% - (var(--bc-cols-tablet, 2) - 1) * var(--bc-gap, 24px)) / var(--bc-cols-tablet, 2))}}@media screen and (max-width:767px){.banner-carousel__slide{flex-basis:85%}.banner-carousel__arrow{display:none}}.banner-carousel--products{--bc-gap: 3rem}.banner-carousel--products .banner-carousel__viewport{padding-bottom:2.4rem;margin-bottom:-2.4rem}@media screen and (max-width:767px){.banner-carousel--products{--bc-gap: 1.6rem}.banner-carousel--products .banner-carousel__slide{flex-basis:70%}}.banner-carousel .banner-carousel__arrow{background:#fff!important;color:#1a1a1a!important}.banner-carousel .banner-carousel__arrow:hover:not(:disabled){background:#f1f1f1!important}.banner-carousel:not(.banner-carousel--products) .card-media__content-wrapper{--child-margin-top: 1.6rem}.banner-carousel:not(.banner-carousel--products) .card-media__text{--text-margin-top: .8rem}.banner-carousel__slide--stretch>motion-element,.banner-carousel__slide--stretch .card-media--link,.banner-carousel__slide--stretch .card-media,.banner-carousel__slide--stretch .card-media>div,.banner-carousel__slide--stretch .card-media>div>motion-element{height:100%}.banner-carousel__slide--stretch .card-media--link{display:block}.banner-carousel__slide--stretch .card-media__media{height:100%;min-height:100%}.banner-carousel:not(.banner-carousel--products) .card-media__media{max-height:var(--bc-max-h, 640px)}@media screen and (max-width:767px){.banner-carousel--m-fixed .card-media__media{--aspect-ratio-mobile: var(--bc-mratio, .5) !important;max-height:none}}.section--banner-carousel .card-media__heading{font-size:clamp(1.7rem,1.45rem + .3vw,2rem);line-height:1.2}.section--banner-carousel .card-media__description{font-size:clamp(1.4rem,1.2rem + .3vw,1.6rem);line-height:1.4}.section--banner-carousel .card-media__button .btn{height:clamp(3.4rem,2.6rem + 1vw,4.8rem);min-height:0;padding:0 clamp(2rem,1.2rem + 1vw,3.2rem);font-size:clamp(1.2rem,1rem + .25vw,1.5rem);line-height:1}.section--banner-carousel .card-media .content-overlay{--padding-y: 2.2rem}@media screen and (max-width:767px){.section--banner-carousel .card-media .content-overlay{--padding-y: 2rem}}
/*# sourceMappingURL=/cdn/shop/t/131/assets/section-banner-carousel.css.map */