.hero-banner{position:relative;width:100%;overflow:hidden}.hero-banner--small{height:42vh}.hero-banner--medium{height:62vh}.hero-banner--large{height:88vh}.hero-banner--adapt{height:auto}.hero-banner__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.hero-banner__media,.hero-banner__media img,.hero-banner__media video,.hero-banner__media svg{display:block;width:100%;height:100%;object-fit:cover}.hero-banner--adapt .hero-banner__media img,.hero-banner--adapt .hero-banner__media video{height:auto}.hero-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.hero-banner--adapt .hero-banner__media{position:relative}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(0 0 0 / var(--hero-overlay-opacity, 0));pointer-events:none}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;gap:1.2rem;padding:4rem;color:var(--hero-text-color, #fff);pointer-events:none;transform:translateY(var(--hero-content-offset-y, 0))}.hero-banner__content--top-left,.hero-banner__content--top-center,.hero-banner__content--top-right{justify-content:flex-start}.hero-banner__content--middle-left,.hero-banner__content--middle-center,.hero-banner__content--middle-right{justify-content:center}.hero-banner__content--bottom-left,.hero-banner__content--bottom-center,.hero-banner__content--bottom-right{justify-content:flex-end}.hero-banner__content--top-left,.hero-banner__content--middle-left,.hero-banner__content--bottom-left{align-items:flex-start}.hero-banner__content--top-center,.hero-banner__content--middle-center,.hero-banner__content--bottom-center{align-items:center}.hero-banner__content--top-right,.hero-banner__content--middle-right,.hero-banner__content--bottom-right{align-items:flex-end}.hero-banner__content--left{text-align:left}.hero-banner__content--center{text-align:center}.hero-banner__content--right{text-align:right}.hero-banner__heading,.hero-banner__subheading{margin:0;color:inherit;line-height:1.2}.hero-banner__heading{font-weight:700}.hero-banner__button{pointer-events:auto;margin-top:.8rem}@media screen and (max-width:749px){.hero-banner__content{padding:2rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-hero-banner.css.map */