.hero-banner__main-content{position:relative;width:100%;max-width:none;margin-left:auto;margin-right:auto}.hero-banner__main-content.page-width{max-width:var(--page-width, 1280px)}.hero-banner__snippet{width:100%}.hero-banner__main-content:not(.page-width) .hero-banner__snippet,.hero-banner__main-content:not(.page-width) .media-container{width:100%;max-width:none}.hero-banner__main-content--viewport .hero-banner__snippet,.hero-banner__main-content--viewport .media-container{height:var(--hero-banner-height, 50vh)}.hero-banner__main-content--viewport .media-container.media--fill{height:var(--hero-banner-height, 50vh);padding-top:0}.hero-banner__main-content--adapt{display:flex;flex-direction:column;align-items:stretch}.hero-banner__main-content--adapt .hero-banner__snippet{width:100%;display:block}.hero-banner__main-content--adapt .media-container.media--adapt{width:100%;max-width:100%;margin-left:0;margin-right:0}.hero-banner__main-content .media-container__video,.hero-banner__main-content .media-container__image,.hero-banner__main-content .media-container__iframe,.hero-banner__main-content .media-container__poster{object-fit:cover;object-position:center center;width:100%;height:100%}.hero-banner__content{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;padding:4rem calc(4rem / var(--font-body-scale)) 5rem;pointer-events:none}.hero-banner__content a{pointer-events:auto}.hero-banner__items{display:flex;flex-direction:column;justify-content:center;gap:2rem}.hero-banner__subtitle{margin:0;font-family:var(--font-body-family)}.hero-banner__title{margin:0}.hero-banner__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.hero-banner__main-content .image-container,.hero-banner__main-content .media-container{margin:0;width:100%}@media screen and (min-width:990px){.hero-banner__content{padding:6rem 7rem 7rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-hero-banner.css.map */
