.hero-gallery{position:relative;width:100%;height:100%;overflow:hidden}.hero-gallery__container,.hero-gallery__slides{position:relative;width:100%;height:100%}.hero-gallery__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease-in-out;z-index:1}.hero-gallery__slide--active{opacity:1;z-index:2}.hero-gallery__slide--entering{opacity:0;z-index:3}.hero-gallery__slide--exiting{opacity:1;z-index:2}.hero-gallery__image-container{position:relative;width:100%;height:100%}.hero-gallery__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-gallery__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgba(var(--color-foreground),.04)}.hero-gallery__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:.4rem;background:#ffffff4d;z-index:3}.hero-gallery__progress-fill{height:100%;width:0;background:#fffc;transition:width .1s linear}@media (prefers-reduced-motion: reduce){.hero-gallery__slide,.hero-gallery__progress-fill{transition:none}}.hero-gallery--loading .hero-gallery__slide{opacity:0}.hero-gallery--loading .hero-gallery__slide:first-child{opacity:1}.hero-gallery__text-overlay{position:absolute;bottom:0;left:0;right:0;width:100vw;margin-left:calc(-50vw + 50%);padding:2rem 1.5rem;background:#000c;border:none;z-index:3}.hero-gallery__text-overlay .hero-gallery__text-content{max-width:80rem;margin:0 auto}.hero-gallery__caption{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3);font-family:var(--body-font);font-size:var(--font-size-hero-caption-desktop);font-weight:700;line-height:1.4;margin:0;text-align:center}.hero-gallery__title{color:#ffdd04;text-shadow:1px 1px 0px #ED1C23;font-family:var(--display-font);font-size:var(--font-size-hero-title-desktop);font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;text-align:center}@media screen and (max-width: 749px){.hero-gallery__text-overlay{padding:1.5rem}.hero-gallery__title{font-size:var(--font-size-hero-title-mobile)}.hero-gallery__caption{font-size:var(--font-size-hero-caption-mobile)}}@media screen and (max-width: 549px){.hero-gallery__text-overlay{padding:1rem}.hero-gallery__title{font-size:var(--font-size-hero-title-mobile)}.hero-gallery__caption{font-size:var(--font-size-hero-caption-mobile)}}.collection-hero__video-container{position:relative;width:100%;height:100%}.collection-hero__video--fallback{width:100%;height:100%;object-fit:cover;background-color:#000}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-hero-gallery.css.map */