.image-banner,.image-banner-media,.image-banner-content{position:relative}.image-banner-media{width:100%;aspect-ratio:16 / 9;background-color:var(--cream-2)}.color-cream_2 .image-banner-media{background-color:var(--cream)}.image-banner--small .image-banner-media{aspect-ratio:16 / 9}.image-banner--full .image-banner-media{aspect-ratio:auto;height:100vh;height:100svh}@media(min-width:900px){.image-banner--small .image-banner-media{aspect-ratio:3 / 1}.image-banner--medium .image-banner-media{aspect-ratio:21 / 9}}.image-banner-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--indigo);opacity:0;pointer-events:none}.image-banner--overlay-light .image-banner-media:after{opacity:.5}.image-banner--overlay-medium .image-banner-media:after{opacity:.62}.image-banner--overlay-dark .image-banner-media:after{opacity:.75}.image-banner--overlay-none .image-banner-media:after{display:none}.image-banner:has(.image-banner-content) .image-banner-media{position:absolute;top:0;right:0;bottom:0;left:0;height:auto;aspect-ratio:auto}.image-banner:has(.image-banner-content) .image-banner-content{display:flex;align-items:center;justify-content:center;min-height:max(24rem,100vw * 9 / 16);padding:3rem 1.5rem}.image-banner--full:has(.image-banner-content) .image-banner-content{min-height:100svh}@media(min-width:900px){.image-banner--small:has(.image-banner-content) .image-banner-content{min-height:max(24rem,100vw / 3)}.image-banner--medium:has(.image-banner-content) .image-banner-content{min-height:max(24rem,100vw * 9 / 21)}.image-banner:has(.image-banner-content) .image-banner-content{padding:4rem 3rem}}.image-banner--bottom-left:has(.image-banner-content) .image-banner-content{align-items:flex-end;justify-content:flex-start}.image-banner-panel{max-width:40rem;text-align:center;color:var(--color-text)}.image-banner--bottom-left .image-banner-panel{text-align:left}.image-banner--overlay-none .image-banner-panel{background:var(--color-bg);padding:2.5rem 2rem}.image-banner-panel .block-text--body p{color:var(--color-text)}.image-banner-panel>:last-child,.image-banner-panel>:last-child p:last-child{margin-bottom:0}.image-banner .actions{margin-top:1.5rem}.image-banner--center .actions{justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-banner.css.map */
