.responsive-banner{position:relative;overflow:hidden}.responsive-banner__container{position:relative;width:100%}.responsive-banner__link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block}.responsive-banner__image-wrapper{position:relative;width:100%;display:block;overflow:hidden}@media only screen and (max-width: 767px){.responsive-banner__image-wrapper{padding-top:calc(100% / var(--mobile-aspect-ratio));max-height:var(--max-banner-height)}.responsive-banner__image-wrapper .responsive-banner__picture{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%)}}@media only screen and (min-width: 768px) and (max-width: 1023px){.responsive-banner__image-wrapper{padding-top:calc(100% / var(--tablet-aspect-ratio));max-height:var(--max-banner-height)}.responsive-banner__image-wrapper .responsive-banner__picture{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%)}}@media only screen and (min-width: 1024px){.responsive-banner__image-wrapper{padding-top:calc(100% / var(--desktop-aspect-ratio));max-height:var(--max-banner-height)}.responsive-banner__image-wrapper .responsive-banner__picture{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%)}}@media only screen and (min-width: 1920px){.responsive-banner__image-wrapper{max-height:var(--max-banner-height)}.responsive-banner__image-wrapper .responsive-banner__picture{min-height:100%;max-height:115%;object-fit:cover;object-position:center}}.responsive-banner__picture{display:block;width:100%;height:100%}.responsive-banner__image{display:block;width:100%;height:auto;object-fit:cover;object-position:center}.responsive-banner__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg, #f5f5f5)}.responsive-banner__placeholder svg{width:100%;height:100%;object-fit:cover}.body--rounded-corners .responsive-banner__image-wrapper{border-radius:var(--radius)}.body--rounded-corners .wrapper--full .responsive-banner__image-wrapper{border-radius:0}.body--rounded-corners .responsive-banner__image,.body--rounded-corners .responsive-banner__picture,.body--rounded-corners .responsive-banner__placeholder{border-radius:inherit}.responsive-banner__image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-responsive-banner.css.map */