.responsive-banner{--PT: 0px;--PB: 0px;--max-banner-height: 85vh;--desktop-aspect-ratio: 2.5;--tablet-aspect-ratio: 1.5;--mobile-aspect-ratio: .8}.responsive-banner.section-padding{padding-top:var(--PT);padding-bottom:var(--PB)}.responsive-banner__container{position:relative;overflow:hidden}.responsive-banner__link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;cursor:pointer}.responsive-banner__link:focus{outline:2px solid var(--COLOR-LINK);outline-offset:-2px}.responsive-banner__image-wrapper{position:relative;width:100%}.responsive-banner__picture{display:block;width:100%}.responsive-banner__image{display:block;width:100%;height:auto;object-fit:cover;object-position:center}.responsive-banner__placeholder{aspect-ratio:var(--mobile-aspect-ratio);background-color:var(--COLOR-BG-SECONDARY, #f5f5f5);display:flex;align-items:center;justify-content:center}.responsive-banner__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}@media screen and (max-width: 767px){.responsive-banner__image-wrapper{aspect-ratio:var(--mobile-aspect-ratio)}.responsive-banner__image{height:100%;object-fit:cover}}@media screen and (min-width: 768px) and (max-width: 1023px){.responsive-banner__image-wrapper{aspect-ratio:var(--tablet-aspect-ratio)}.responsive-banner__image{height:100%;object-fit:cover}}@media screen and (min-width: 1024px){.responsive-banner__image-wrapper{aspect-ratio:var(--desktop-aspect-ratio);max-height:var(--max-banner-height)}.responsive-banner__image{height:100%;object-fit:cover}@supports (aspect-ratio: 1){.responsive-banner__image-wrapper{container-type:inline-size}}}@media screen and (min-width: 1440px){.responsive-banner__image-wrapper{max-height:var(--max-banner-height)}.responsive-banner__image{max-height:var(--max-banner-height);width:100%;object-fit:cover;object-position:center}}.responsive-banner .wrapper--full{max-width:none;padding-left:0;padding-right:0}.responsive-banner .wrapper--full-padded{max-width:none}.responsive-banner__container[data-aos]{transition:opacity .6s ease,transform .6s ease}@media (prefers-reduced-motion: reduce){.responsive-banner__container[data-aos]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-responsive-banner.css.map */