.responsive-banner{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden}.responsive-banner__media{position:relative;width:100%;height:100%}.responsive-banner__media img,.responsive-banner__media source{width:100%;height:100%;object-fit:cover}.responsive-banner__media img{display:block}.responsive-banner__media source{display:none}.responsive-banner__content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;z-index:2}.responsive-banner__box{max-width:100%;padding:2rem;text-align:center}.responsive-banner__content--top-left{justify-content:flex-start;align-items:flex-start}.responsive-banner__content--top-center{justify-content:center;align-items:flex-start}.responsive-banner__content--top-right{justify-content:flex-end;align-items:flex-start}.responsive-banner__content--middle-left{justify-content:flex-start;align-items:center}.responsive-banner__content--middle-center{justify-content:center;align-items:center}.responsive-banner__content--middle-right{justify-content:flex-end;align-items:center}.responsive-banner__content--bottom-left{justify-content:flex-start;align-items:flex-end}.responsive-banner__content--bottom-center{justify-content:center;align-items:flex-end}.responsive-banner__content--bottom-right{justify-content:flex-end;align-items:flex-end}.responsive-banner__heading{margin-top:0;margin-bottom:1rem;color:inherit}.responsive-banner__text{margin-top:0;margin-bottom:1.5rem;color:inherit}.responsive-banner__buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.responsive-banner__buttons--multiple{justify-content:center}.banner--small{height:25rem}.banner--medium{height:35rem}.banner--large{height:45rem}.banner--adapt .responsive-banner__media,.banner--adapt .responsive-banner__media img,.banner--adapt .responsive-banner__media source{position:absolute;top:0;left:0;height:100%}@media screen and (max-width: 749px){.banner--mobile-bottom .responsive-banner__content{position:relative;order:2;display:none}.banner--mobile-bottom .responsive-banner__box{background:transparent;padding:1.5rem 0}.responsive-banner__content{padding:1rem}.responsive-banner__box{padding:1.5rem}.responsive-banner__buttons{flex-direction:column;gap:.5rem}.responsive-banner__buttons .button{width:100%}.responsive-banner__media img{display:none}.responsive-banner__media source{display:block}}.animate--zoom-in{transform:scale(1);transition:transform .5s ease}.animate--zoom-in:hover{transform:scale(1.05)}.animate--fixed{background-attachment:fixed}.color-background-1 .responsive-banner__heading,.color-background-1 .responsive-banner__text,.color-background-2 .responsive-banner__heading,.color-background-2 .responsive-banner__text{color:rgba(var(--color-foreground))}.responsive-banner:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0000004d;z-index:1}.responsive-banner__media picture{width:100%;height:100%;display:block}.responsive-banner__media img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 749px){.responsive-banner__media source[media="(min-width: 750px)"]{display:none}}@media (min-width: 750px){.responsive-banner__media source[media="(max-width: 749px)"]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-responsive-image-banner.css.map */