.section-banner-w-carousel{color:rgba(var(--color-foreground),1);background-color:rgba(var(--color-background),1);max-width:100vw;overflow:hidden}.section-banner-w-carousel .banner-w-carousel-top{display:grid;place-items:center;gap:3.2rem;text-align:center;max-width:900px;margin:0 auto 96px}.section-banner-w-carousel .banner-w-carousel-tag{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(var(--color-foreground),1);border-radius:100px;font-size:12px;font-weight:500;line-height:1.2;text-transform:uppercase;background-color:var(--custom-accent-color-yellow)}.section-banner-w-carousel .banner-w-carousel-tag:before{display:inline-block;content:"";width:3px;height:3px;border-radius:3px;background-color:rgba(var(--color-foreground),1)}.section-banner-w-carousel .banner-w-carousel-heading{font-size:44px;line-height:1.04;letter-spacing:-1.76px;margin:0}.section-banner-w-carousel .banner-w-carousel-description p{font-size:22px;line-height:1.5;letter-spacing:.22px}.section-banner-w-carousel .banner-w-carousel-description p:last-of-type{margin:0}.section-banner-w-carousel .banner-w-carousel-bottom{width:100vw;transform:translate(-5rem)}.section-banner-w-carousel .banner-w-carousel-cards{display:flex;flex-wrap:nowrap;align-items:stretch;gap:12px;overflow:auto;width:calc(100% - 3.2rem);padding-bottom:19px;margin-left:5rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.section-banner-w-carousel .banner-w-carousel-cards::-webkit-scrollbar{display:none}.section-banner-w-carousel .banner-w-carousel-cards .banner-w-carousel-card{display:grid;gap:64px;scroll-snap-align:start;flex-shrink:0;padding:48px 24px;border-radius:20px;border-top:1px solid var(--color-background);background:#d3d8e080;width:calc(100vw - 3.2rem)}.section-banner-w-carousel .banner-w-carousel-cards .banner-w-carousel-card h3{font-size:28px;line-height:1;letter-spacing:-.56px;margin:0;color:var(--custom-accent-color-blue)}.section-banner-w-carousel .banner-w-carousel-cards .banner-w-carousel-card .banner-w-carousel-card-description p{font-size:18px;line-height:1.3;letter-spacing:.18px}.section-banner-w-carousel .banner-w-carousel-cards .banner-w-carousel-card .banner-w-carousel-card-description p:last-of-type{margin:0}.banner-w-carousel-cards-mobile-arrows{width:100%;display:flex;align-items:center;justify-content:center;gap:2.4rem}.banner-w-carousel-cards-mobile-arrows .banner-w-carousel-cards-mobile-arrow{background:transparent;border:1px solid rgba(var(--color-foreground),1);color:rgba(var(--color-foreground),1);border-radius:48px;width:48px;height:48px;display:grid;place-items:center}.banner-w-carousel-cards-mobile-arrows .banner-w-carousel-cards-mobile-arrow svg path{fill:rgba(var(--color-foreground),1)}@media (min-width: 750px){.section-banner-w-carousel .banner-w-carousel-heading{font-size:64px;line-height:1.2;letter-spacing:-2.56px}.section-banner-w-carousel .banner-w-carousel-cards{width:calc(100% - 5rem)}.section-banner-w-carousel .banner-w-carousel-cards .banner-w-carousel-card{width:368px}.banner-w-carousel-cards-mobile-arrows{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-banner-with-card-carousel.css.map */
