.hero-banner{position:relative;overflow:hidden}.hero-banner__wrapper{position:relative;display:flex;flex-direction:column}.hero-banner__media{position:relative;width:100%}.hero-banner__media--mobile{display:none}.hero-banner__media-item{width:100%;line-height:0}.hero-banner__image{width:100%;height:auto;object-fit:cover}.hero-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,var(--overlay-opacity, 0));z-index:1;pointer-events:none}.hero-banner__wrapper--small{min-height:300px}.hero-banner__wrapper--medium{min-height:450px}.hero-banner__wrapper--large{min-height:600px}.hero-banner__wrapper:not(.hero-banner__wrapper--adapt) .hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner__wrapper:not(.hero-banner__wrapper--adapt) .hero-banner__media-item{height:100%}.hero-banner__wrapper:not(.hero-banner__wrapper--adapt) .hero-banner__image{width:100%;height:100%;object-fit:cover}.hero-banner__wrapper--adapt .hero-banner__media{position:relative}.hero-banner__content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;z-index:2;pointer-events:none}.hero-banner__box{max-width:600px;padding:20px;pointer-events:auto}.hero-banner__content--left{justify-content:flex-start;text-align:left}.hero-banner__content--center{justify-content:center;text-align:center}.hero-banner__content--right{justify-content:flex-end;text-align:right}.hero-banner__subheading{display:block;font-size:16px;font-weight:600;text-transform:uppercase;color:var(--color-background);margin-bottom:15px;letter-spacing:1px}.hero-banner__heading{font-size:50px;font-weight:700;color:var(--color-wbmaincolors-text);margin-bottom:25px;line-height:1.2}.hero-banner__button{padding:15px 40px;border-radius:50px;display:inline-flex;align-items:center;gap:15px}.hero-banner__button svg{width:18px;height:18px;fill:currentColor}@media screen and (max-width:749px){.hero-banner__media--desktop{display:none}.hero-banner__media--desktop.hero-banner__media--mobile-fallback,.hero-banner__media--mobile{display:block}.hero-banner__heading{font-size:32px}.hero-banner__wrapper--small{min-height:200px}.hero-banner__wrapper--medium{min-height:300px}.hero-banner__wrapper--large{min-height:400px}.hero-banner__box{max-width:100%;padding:15px}.hero-banner__heading{margin-bottom:15px}.hero-banner__button{padding:10px 30px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hero-banner.css.map */