.hero{--hero-spacing: 2rem;--hero-thumb-width: 8.4rem;--hero-thumb-height: 5.6rem;display:block;position:relative}.hero__viewport{position:relative;width:100%;height:var(--hero-height, 52rem);overflow:hidden}.hero__track{position:absolute;top:0;right:0;bottom:0;left:0}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .6s ease}.hero__slide.is-active{opacity:1;visibility:visible}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero__image,.hero__video{width:100%;height:100%;object-fit:cover;display:block}.hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:0;z-index:1;pointer-events:none}.hero__viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 45%);z-index:1;pointer-events:none}.hero__ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--hero-spacing);padding:var(--hero-spacing);pointer-events:none}.hero__captions{display:grid;align-self:stretch}.hero__caption{grid-area:1 / 1;align-self:end;max-width:30.2rem;color:rgb(var(--color-foreground));opacity:0;visibility:hidden;transition:opacity .5s ease;pointer-events:auto}.hero__caption.is-active{opacity:1;visibility:visible}.hero__eyebrow{margin:0 0 .8rem;font-family:var(--font-subheading-family);font-size:22px;font-style:normal;font-weight:600;text-transform:uppercase}.hero__heading{margin:0;text-wrap:wrap;text-transform:uppercase}.hero__cta{margin:1.6rem 0 0}.hero__thumbs{align-self:stretch;pointer-events:auto}.hero__thumbs-label{margin:0 0 1rem;font-family:var(--font-subheading-family);color:rgb(var(--color-foreground));text-transform:uppercase}.hero__thumbs-track{display:flex;gap:var(--hero-spacing);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hero__thumbs-track::-webkit-scrollbar{display:none}.hero__thumb{flex:0 0 auto;width:var(--hero-thumb-width);height:var(--hero-thumb-height);padding:0;border:3px solid transparent;margin:0;background:none;border-radius:var(--media-radius, 0);overflow:hidden;cursor:pointer;scroll-snap-align:end;opacity:.6;transition:opacity .25s ease,box-shadow .25s ease}.hero__thumb img,.hero__thumb .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.hero__thumb:hover,.hero__thumb:focus-visible{opacity:.9}.hero__thumb.is-active{opacity:1;box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground));border:3px solid #ffffff}.hero:not(:defined) .hero__slide:first-child,.hero:not(:defined) .hero__caption:first-child{opacity:1;visibility:visible}@media screen and (min-width:1024px){.hero{--hero-thumb-width: 12.3rem;--hero-thumb-height: 7.6rem}.hero__ui{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:4rem}.hero__captions{flex:1 1 auto;align-self:flex-end}.hero__thumbs{flex:0 1 auto;align-self:flex-end;max-width:70%}.hero__thumbs-track{justify-content:flex-end;flex-wrap:nowrap}}@media(prefers-reduced-motion:reduce){.hero__slide,.hero__caption,.hero__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-slider.css.map */
