.banner-multi.banner--full{height:auto;min-height:calc(100vh - var(--header-height) - var(--announcement-bar-height))}@media (min-width: 990px){.banner-multi.banner--full{height:calc(100vh - var(--header-height) - var(--announcement-bar-height))}.banner--full .image-banner__picture{max-height:calc(100vh - var(--header-height));max-height:calc(100vh - var(--header-height) - var(--announcement-bar-height));overflow:hidden}.banner--full .image-banner__picture img{height:calc(100vh - var(--header-height) - var(--announcement-bar-height))}}.banner-multi__grid-wrapper{display:grid;grid-template-columns:100%}.banner-multi.banner--full .banner-multi__grid-wrapper{min-height:calc(100vh - var(--header-height) - var(--announcement-bar-height))}.banner-multi__image-panel{position:relative;grid-row:1;grid-column:1}.banner-multi__image-panel{opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:var(--duration-default);transition-timing-function:var(--transition-timing-function)}.banner-multi__image-panel.active{opacity:1;visibility:visible}.image-banner__picture,.image-banner__picture img{display:block;width:100%;height:100%;object-fit:cover}.banner-multi__overlay-panels{position:relative;grid-row:1;grid-column:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;padding:10rem 1.2rem}@media (min-width: 750px){.banner-multi__overlay-panels{flex-direction:row}}.banner-multi__text-panel{position:relative;overflow:hidden;padding:1.2rem;width:100%;max-width:31rem;display:flex;flex-direction:column;gap:1.2rem}@media (min-width: 750px){.banner-multi__text-panel{max-width:27.4rem;min-height:35rem}}.banner-multi__text-panel *{position:relative;z-index:2}.banner-multi__text-panel:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(var(--color-background),.64);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);z-index:1;transition:background-color var(--duration-default) var(--transition-timing-function)}.banner-multi__text-panel:hover:before,.banner-multi__text-panel:focus-within:before{background-color:rgba(var(--color-background),1)}@media (hover: hover) and (min-width: 750px){.banner-multi__text-panel .banner__text{opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:var(--duration-default);transition-timing-function:var(--transition-timing-function)}.banner-multi__text-panel:hover .banner__text,.banner-multi__text-panel:focus-within .banner__text{opacity:1;visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/365/assets/section-image-banner-multi.css.map */