.carousel-hero-item{--carousel-hero-item-button-color: #fff;--carousel-hero-item-button-background-color: #221f1f;--carousel-hero-item-button-secondary-color: #221f1f;--carousel-hero-item-button-secondary-background-color: #221f1f;display:flex;flex-direction:column;gap:3rem;height:100%}.carousel-hero-item.carousel-hero-item--media-only{gap:1rem;align-items:center}@media screen and (min-width: 640px){.carousel-hero-item:not(.carousel-hero-item--media-only){flex-direction:unset;gap:4rem}}@media screen and (min-width: 640px){.carousel-hero-item:not(.carousel-hero-item--media-only){align-items:center}}@media screen and (min-width: 1280px){.carousel-hero-item:not(.carousel-hero-item--media-only){gap:10rem}}.carousel-hero-item__media{padding:1.4rem 3rem 0 0;transition-property:transform;transition-duration:.6s;transition-timing-function:cubic-bezier(.25,1,.5,1)}@media screen and (min-width: 440px){.carousel-hero-item__media{padding:1.4rem 0 0;transition-property:unset;transition-duration:unset;transition-timing-function:unset}}@media screen and (min-width: 640px){.carousel-hero-item__media{width:100%;max-width:33%}}@media screen and (min-width: 1024px){.carousel-hero-item__media{max-width:34rem}}.swiper-slide:not(.swiper-slide-active) .carousel-hero-item__media{transform:translate(-4rem)}@media screen and (min-width: 440px){.swiper-slide:not(.swiper-slide-active) .carousel-hero-item__media{transform:unset}}.carousel-hero-item--with-badge .carousel-hero-item__media{position:relative}.carousel-hero-item__badge-wrapper{position:absolute;top:0;right:3.4rem;aspect-ratio:1 / 1;height:24%;max-height:16.2rem}@media screen and (min-width: 440px){.carousel-hero-item__badge-wrapper{right:.8rem}}.carousel-hero-item__badge{display:block;width:100%;height:auto}.carousel-hero-item__media-wrapper{display:flex;justify-content:center;align-items:center;aspect-ratio:400 / 710;width:100%;height:100%;background-color:rgb(var(--color-decal, 42, 115, 255));border-radius:3.2rem;overflow:hidden;box-sizing:border-box}@media screen and (min-width: 640px){.carousel-hero-item__media-wrapper{max-width:34rem}}@media screen and (min-width: 768px){.carousel-hero-item__media-wrapper{border-radius:3.6rem}}.carousel-hero-item__video-wrapper{width:100%;height:100%;overflow:hidden}.carousel-hero-item__video-wrapper>div,.carousel-hero-item__video-wrapper>div>iframe{width:100%!important;height:100%!important;overflow:hidden}.carousel-hero-item__image{object-position:center;object-fit:cover;display:block;width:100%;height:100%}@media screen and (min-width: 1024px){.carousel-hero-item__image-wrapper{min-width:34rem}}.carousel-hero-item__product{display:block;width:72%;text-decoration:none}.carousel-hero-item__main{display:flex;flex-direction:column;align-items:flex-start;gap:1.6rem;box-sizing:border-box}@media screen and (min-width: 640px){.carousel-hero-item:not(.carousel-hero-item--media-only) .carousel-hero-item__main{padding:0 4rem 0 0}}@media screen and (min-width: 1024px){.carousel-hero-item:not(.carousel-hero-item--media-only) .carousel-hero-item__main{margin:1.6rem 0 0;max-width:50.8rem}}@media screen and (min-width: 768px){.carousel-hero-item:not(.carousel-hero-item--media-only) .carousel-hero-item__main{gap:2rem}}.carousel-hero-item__heading{margin:0 auto;width:100%;max-width:38rem;text-align:center}@media screen and (min-width: 640px){.carousel-hero-item__heading{margin:unset;width:unset;max-width:unset;text-align:unset}}.carousel-hero-item__text{margin:0 auto;width:100%;max-width:38rem;text-align:center}@media screen and (min-width: 640px){.carousel-hero-item__text{margin:unset;text-align:unset}}.carousel-hero-item__link{--brand-button-color: var(--carousel-hero-item-button-color);--brand-button-background-color: var(--carousel-hero-item-button-background-color);--brand-button-border-color: var(--carousel-hero-item-button-background-color);order:-1;margin:0 0 2.4rem;width:100%}@media screen and (min-width: 640px){.carousel-hero-item:not(.carousel-hero-item--media-only) .carousel-hero-item__link{order:unset;margin:2.4rem 0 0;width:unset}.carousel-hero-item.carousel-hero-item--media-only .carousel-hero-item__link{order:unset;width:unset}}.carousel-hero-item__link--secondary{--brand-button-color: var(--carousel-hero-item-button-secondary-color);--brand-button-background-color: transparent;--brand-button-border-color: var(--carousel-hero-item-button-secondary-background-color)}
/*# sourceMappingURL=/cdn/shop/t/233/assets/component-carousel-hero-item.css.map */