.banner--with-popup .image__section{position:relative;width:100%}.banner--with-popup .image__section .box-ratio{position:relative;z-index:1}.banner--with-popup .image__section.size--fixed_height{height:var(--desktop-section-height)}.banner--with-popup .image__section.size--fixed_height .box-ratio{padding-bottom:var(--desktop-section-height)!important;position:relative}.banner--with-popup .image__section.size--fixed_height .box-ratio img{object-fit:cover;object-position:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%}.banner--with-popup .image__section.size--fixed_height .onboard{height:var(--desktop-section-height);display:flex;align-items:center;justify-content:center;overflow:hidden}.banner--with-popup .image__section .onboard{position:relative;z-index:1}@media screen and (max-width:740px){.banner--with-popup .image__section.size--fixed_height,.banner--with-popup .image__section.size--fixed_height .box-ratio img{height:var(--mobile-section-height)}.banner--with-popup .image__section.size--fixed_height .box-ratio{padding-bottom:var(--mobile-section-height)!important}.banner--with-popup .image__section.size--fixed_height .onboard{height:var(--mobile-section-height)}}.banner--with-popup .section--caption{padding:30px;background:var(--background);z-index:2;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px}.banner--with-popup .section--caption.vai-start{justify-content:flex-start;align-self:flex-start}.banner--with-popup .section--caption.vai-center{justify-content:center;align-self:center}.banner--with-popup .section--caption.vai-end{justify-content:flex-end;align-self:flex-end}.banner--with-popup .section--caption.h100{align-self:unset;height:100%}.banner--with-popup .section--caption.a-left{text-align:left;align-items:flex-start}.banner--with-popup .section--caption.a-center{text-align:center;align-items:center}.banner--with-popup .section--caption.a-right{text-align:right;align-items:flex-end}.banner--with-popup .section--caption.a-center .button{margin-left:auto;margin-right:auto}.banner--with-popup .section--caption .button{margin:0;width:auto;display:flex;padding:0 15px;align-items:center;justify-content:center}@media screen and (max-width:740px){.banner--with-popup .section--caption{padding:1rem;grid-row:2}.banner--with-popup .section--caption.m-center{text-align:center;align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-banner-with-popup.css.map */
