.image-banner{position:relative;height:calc(100svh - var(--header-height) - 16px);display:flex}.image-banner--border-radius .image-banner__inner{border-radius:var(--radius-lg);overflow:hidden}.image-banner--adapt-aspect-ratio{height:auto;max-height:calc(100svh - var(--header-height) - 16px)}.image-banner__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px calc(var(--side-spacing) + 8px);border-radius:var(--radius-lg)}.image-banner__content.image-banner__content--middle-center-spaced{justify-content:flex-start}.image-banner__content.image-banner__content--middle-center-spaced .image-banner__text{margin-top:auto}@media(min-width:990px){.image-banner__content--top-left{align-items:flex-start;justify-content:flex-start;padding:48px calc(var(--side-spacing) + 48px)}.image-banner__content--top-left .image-banner__text{margin-left:0;text-align:left}.image-banner__content--top-left .image-banner__text p{text-align:left}.image-banner__content--top-center{align-items:center;justify-content:flex-start;padding:48px calc(var(--side-spacing) + 48px)}.image-banner__content--top-center .image-banner__heading{text-align:center}.image-banner__content--top-right{align-items:flex-end;justify-content:flex-end;padding:48px calc(var(--side-spacing) + 48px)}}.image-banner__content--middle-left{align-items:flex-start;padding:48px calc(var(--side-spacing) + 48px)}.image-banner__content--middle-right{align-items:flex-end}.image-banner__content--middle-center .image-banner__heading,.image-banner__content--middle-center-spaced .image-banner__heading{text-align:center}.image-banner__content--middle-center-spaced .image-banner__heading.title-xxl{font-size:100px;max-width:unset}.image-banner__content>*{max-width:570px}.image-banner__content .product-cta{margin-top:auto}.image-banner__inner{width:100%;color:var(--color-white);text-align:center;position:relative;flex-grow:1}.image-banner__inner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,var(--overlay-opacity))}.image-banner__inner video,.image-banner__inner picture{width:100%;height:100%;object-fit:cover;object-position:center center}.image-banner__button-group{display:flex;gap:8px;align-items:center;margin-top:calc(var(--spacing-lg) * 2)}.image-banner__button-group .btn{min-width:180px;min-height:49px;font-size:18px}.image-banner__text{max-width:445px;margin:16px auto 0;text-align:center}.image-banner__text *{margin:0;text-align:center;color:var(--color-white)}.image-banner__text ul{padding-left:16px}.image-banner__text ul li{text-align:left}.image-banner__heading{color:var(--color-white);margin:0;max-width:700px}.image-banner__tag{display:flex;gap:6px;color:var(--color-white);padding:8px 0;align-items:center;margin-bottom:32px}.image-banner .gradient-tag{margin-bottom:16px}.image-banner__content--middle-left .image-banner__text,.image-banner__content--middle-left .image-banner__text p{text-align:left;margin-left:0}@media(max-width:1220px){.image-banner__content--middle-center-spaced .image-banner__heading.title-xxl{font-size:50px}}@media(max-width:989px){.image-banner__content{height:100%;align-items:center;justify-content:flex-start}.image-banner__content--middle-left{padding:16px calc(var(--side-spacing) + 16px);text-align:center;align-items:center}.image-banner__content--middle-left .image-banner__text,.image-banner__content--middle-left .image-banner__text p{text-align:center;margin-left:auto}.image-banner__button-group{width:100%;justify-self:flex-end;margin-top:auto}.image-banner__button-group .btn{min-width:unset;font-size:15px;padding:12px 17px;min-height:unset;flex-grow:1}.image-banner__tag{margin-bottom:16px}.image-banner__heading{font-size:48px;text-align:center}.image-banner__heading.title-xxl{font-size:54px}.image-banner__heading.title-xl{font-size:48px}.image-banner__heading.title-lg{font-size:32px}.image-banner__heading.title-m{font-size:28px}.image-banner__heading.title-s{font-size:24px}.image-banner__content--middle-center-spaced .image-banner__heading.title-xxl{font-size:32px}.image-banner__content>*{max-width:350px}}
/*# sourceMappingURL=/cdn/shop/t/254/assets/section-image-banner.css.map */
