.image-banner{position:relative;overflow:hidden;display:grid;grid-template-areas:"content";min-height:var(--height-mobile, 420px)}@media(min-width:750px){.image-banner{min-height:var(--height-desktop, 620px)}}.image-banner__media,.image-banner__content{grid-area:content}.image-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.image-banner__media img,.image-banner__media video,.image-banner__media iframe{width:100%;height:100%;object-fit:cover;display:block}.image-banner__video,.image-banner__video-el{width:100%;height:100%;display:block}.image-banner__poster-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;display:block}.image-banner__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;display:grid;place-items:center;font-size:1.75rem;color:#fff;background:#0000008c;border-radius:50%;transition:background .2s ease,transform .2s ease}.image-banner__poster-btn:hover .image-banner__play-icon{background:#000000bf;transform:translate(-50%,-50%) scale(1.05)}.image-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--overlay-opacity, .2));pointer-events:none}.image-banner__content{position:relative;z-index:2;display:flex;flex-direction:column;gap:1rem;padding-block:2rem;color:rgb(var(--color-foreground))}.image-banner.vertical-top .image-banner__content{justify-content:flex-start}.image-banner.vertical-middle .image-banner__content{justify-content:center}.image-banner.vertical-bottom .image-banner__content{justify-content:flex-end}.image-banner.align-left .image-banner__content{align-items:flex-start;text-align:left}.image-banner.align-center .image-banner__content{align-items:center;text-align:center}.image-banner.align-right .image-banner__content{align-items:flex-end;text-align:right}.image-banner:has(.image-banner__media) .image-banner__content{color:#fff}.image-banner__heading{margin:0;text-shadow:0 2px 12px rgba(0,0,0,.3)}.image-banner__subheading{margin:0;max-width:60ch;font-size:1.125rem;text-shadow:0 2px 8px rgba(0,0,0,.25)}.image-banner__text{max-width:60ch;text-shadow:0 1px 6px rgba(0,0,0,.2)}.image-banner__text>*:first-child{margin-top:0}.image-banner__text>*:last-child{margin-bottom:0}.image-banner__buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.image-banner.align-center .image-banner__buttons{justify-content:center}.image-banner.align-right .image-banner__buttons{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-banner.css.map */