.banner-carousel{--banner-carousel-text: #111827;--banner-carousel-primary: #e11d48;--banner-carousel-gap: 8px;--banner-carousel-bg-top: #f4f7f8;--banner-carousel-bg-bottom: #ffffff;--banner-carousel-gradient-stop: 50%;width:100%;max-width:100%;padding-top:var(--banner-carousel-padding-top, 8px);padding-bottom:var(--banner-carousel-padding-bottom, 8px);overflow-x:clip}.banner-carousel--bg-solid{background-color:var(--banner-carousel-bg-top)}.banner-carousel--bg-gradient.banner-carousel--gradient-smooth{background:linear-gradient(180deg,var(--banner-carousel-bg-top) 0%,var(--banner-carousel-bg-bottom) 100%)}.banner-carousel--bg-gradient.banner-carousel--gradient-split{background:linear-gradient(180deg,var(--banner-carousel-bg-top) 0%,var(--banner-carousel-bg-top) var(--banner-carousel-gradient-stop),var(--banner-carousel-bg-bottom) var(--banner-carousel-gradient-stop),var(--banner-carousel-bg-bottom) 100%)}@supports not (overflow: clip){.banner-carousel{overflow-x:hidden}}.banner-carousel__inner{width:100%;max-width:100%;overflow:hidden}.banner-carousel__header{margin-bottom:32px}.banner-carousel__eyebrow{display:block;margin-bottom:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--banner-carousel-primary)}.banner-carousel__heading{margin:0;font-size:14px;font-weight:700;color:var(--banner-carousel-text)}@media(min-width:1024px){.banner-carousel__header{margin-bottom:32px}.banner-carousel__eyebrow{margin-bottom:8px;font-size:14px}.banner-carousel__heading{font-size:36px}}.banner-carousel__slider{position:relative;width:100%}.banner-carousel__region{position:relative}.banner-carousel__viewport{width:100%;overflow:hidden;touch-action:pan-y}.banner-carousel__viewport--scroll{overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.banner-carousel__viewport--scroll::-webkit-scrollbar{display:none}.banner-carousel__track{display:flex;margin-right:0;margin-left:0;gap:var(--banner-carousel-gap);transition:transform .45s cubic-bezier(.25,.46,.45,.94);will-change:transform}@media(min-width:1024px){.banner-carousel__track{margin-right:0;margin-left:0}}.banner-carousel__slide{flex:0 0 var(--banner-carousel-slide-basis, 75%);min-width:0;padding-left:0;scroll-snap-align:start}.banner-carousel__viewport--scroll .banner-carousel__slide:last-child{scroll-snap-align:end}.banner-carousel__card{position:relative;display:flex;width:100%;overflow:hidden;aspect-ratio:var(--banner-carousel-aspect-mobile, 16 / 9);border-radius:16px;text-decoration:none;transform-origin:bottom center;transition:box-shadow .5s ease,transform .5s ease}@media(min-width:1024px){.banner-carousel__card{aspect-ratio:var(--banner-carousel-aspect-desktop, var(--banner-carousel-aspect-mobile, 16 / 9))}}.banner-carousel__card:hover{box-shadow:0 20px 40px #0000001f}.banner-carousel__card-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center}.banner-carousel__card-image{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px;filter:contrast(1.1);transition:transform .7s ease}.banner-carousel__card:hover .banner-carousel__card-image{transform:scale(1.15)}.banner-carousel__card-arrow{position:absolute;top:24px;right:24px;z-index:30;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a;opacity:0;transform:translate(16px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.banner-carousel__card:hover .banner-carousel__card-arrow{opacity:1;transform:translate(0)}.banner-carousel__card-arrow svg{width:20px;height:20px}.banner-carousel__card-content{position:absolute;top:8px;left:8px;z-index:30;display:flex;flex-direction:column;row-gap:var(--banner-carousel-card-row-gap, 8px);width:calc(100% - 16px);padding:16px;pointer-events:none}@media(min-width:1024px){.banner-carousel__card-content{top:8px;left:8px;padding:12px 30px 12px 12px}}.banner-carousel__card-title{margin:0;font-size:var(--banner-carousel-card-title-size, 20px);font-weight:600;color:var(--banner-carousel-card-title-color, #fff);transform:translateY(8px);transition:transform .5s ease}.banner-carousel__card:hover .banner-carousel__card-title{transform:translateY(0)}.banner-carousel__card-cta{display:block;margin-top:0;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--banner-carousel-card-cta-color, rgba(255, 255, 255, .85));opacity:0;transform:translateY(16px);transition:opacity .5s ease 75ms,transform .5s ease 75ms}.banner-carousel__card:hover .banner-carousel__card-cta{opacity:1;transform:translateY(0)}.banner-carousel__nav{display:none}.banner-carousel__nav.is-visible{display:block}.banner-carousel__btn{position:absolute;top:50%;z-index:20;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:9999px;background:#fffffff2;color:var(--banner-carousel-primary);box-shadow:0 4px 12px #0000001a;cursor:pointer;transform:translateY(-50%);transition:transform .3s ease,opacity .3s ease}.banner-carousel__btn svg{width:20px;height:20px}.banner-carousel__btn:hover:not(:disabled){transform:translateY(-50%) scale(1.05)}.banner-carousel__btn:disabled{opacity:.35;cursor:not-allowed}.banner-carousel__btn--prev{left:4px}.banner-carousel__btn--next{right:4px}@media(min-width:1024px){.banner-carousel__btn--prev{left:-8px}.banner-carousel__btn--next{right:-8px}}.banner-carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*# sourceMappingURL=/cdn/shop/t/8/assets/banner-carousel.css.map */