.collection-banner{position:relative;display:flex;align-self:stretch;min-width:0;min-height:100%;overflow:hidden;background:var(--banner-background);color:var(--banner-text-color);isolation:isolate}.kl-collection__grid#product-grid{display:grid;grid-template-columns:repeat(var(--collection-columns-mobile, 2),minmax(0,1fr))}.kl-collection__grid#product-grid>.grid__item,.kl-collection__grid#product-grid>.kl-collection__item{width:auto;max-width:none}.collection-banner--desktop-1{grid-column:span 1}.collection-banner--desktop-2{grid-column:span 2}.collection-banner--desktop-3{grid-column:span 3}.collection-banner--desktop-full{grid-column:1 / -1}.collection-banner--desktop-square{grid-column:span 2;grid-row:span 2;aspect-ratio:1}.collection-banner--mobile-1{grid-column:span 1}.collection-banner--mobile-2{grid-column:span 2}.collection-banner--mobile-square{grid-column:span 2;grid-row:span 2}.collection-banner--hide-mobile{display:none}.collection-banner--hide-desktop{display:flex}.collection-product--replaced-mobile{display:none!important}.collection-product--replaced-desktop{display:flex}.collection-banner__media,.collection-banner__media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.collection-banner__media img{object-fit:var(--banner-image-fit);object-position:center}.collection-banner--gradient:after{position:absolute;z-index:1;top:0;right:0;left:0;height:var(--banner-gradient-height, 66%);content:"";pointer-events:none;background:linear-gradient(to bottom,rgb(0 0 0 / var(--banner-gradient-start-opacity, .3)),rgb(0 0 0 / var(--banner-gradient-end-opacity, 0)))}.collection-banner--gradient-bottom-to-top:after{top:auto;bottom:0;background:linear-gradient(to top,rgb(0 0 0 / var(--banner-gradient-start-opacity, .3)),rgb(0 0 0 / var(--banner-gradient-end-opacity, 0)))}.collection-banner__content{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:2rem;text-align:center;overflow-wrap:anywhere;color:var(--banner-text-color)}.collection-banner__title,.collection-banner__subtitle,.collection-banner__link{color:var(--banner-text-color);line-height:normal}.collection-banner__title--mobile,.collection-banner__subtitle--mobile{display:none}.collection-banner[data-content-position-desktop^=top-] .collection-banner__content{justify-content:flex-start}.collection-banner[data-content-position-desktop^=bottom-] .collection-banner__content{justify-content:flex-end}.collection-banner[data-content-position-desktop$=-left] .collection-banner__content{align-items:flex-start;text-align:left}.collection-banner[data-content-position-desktop$=-right] .collection-banner__content{align-items:flex-end;text-align:right}.collection-banner__title,.collection-banner__subtitle{margin:0}.collection-banner__title{font-size:var(--banner-title-size-mobile, 22px)}.collection-banner__subtitle{font-size:var(--banner-subtitle-size-mobile, 14px)}.collection-banner__link{margin-top:2.5rem;color:inherit}@media screen and (max-width:989px){.collection-banner--mobile-2,.collection-banner--mobile-square{min-height:calc((100vw - 1.8rem)*.61 + 7rem)}.collection-banner--mobile-square{min-height:calc(2*((100vw - 1.8rem)*.61 + 7rem) + 1rem)}.collection-banner--desktop-full{min-height:clamp(18rem,68vw,30rem)}.collection-banner--mobile-square{aspect-ratio:auto}.collection-banner[data-content-position-mobile^=top-] .collection-banner__content{justify-content:flex-start}.collection-banner[data-content-position-mobile^=bottom-] .collection-banner__content{justify-content:flex-end}.collection-banner[data-content-position-mobile$=-left] .collection-banner__content{align-items:flex-start;text-align:left}.collection-banner[data-content-position-mobile$=-right] .collection-banner__content{align-items:flex-end;text-align:right}}@media screen and (min-width:990px){.kl-collection__grid#product-grid{grid-template-columns:repeat(var(--collection-columns-desktop, 4),minmax(0,1fr))}.kl-collection__grid#product-grid>.grid__item,.kl-collection__grid#product-grid>.kl-collection__item{width:auto;max-width:none}.collection-banner--mobile-1,.collection-banner--mobile-2,.collection-banner--mobile-square{grid-column:auto;grid-row:auto}.collection-banner--desktop-1{grid-column:span 1}.collection-banner--desktop-2{grid-column:span 2}.collection-banner--desktop-3{grid-column:span 3}.collection-banner--desktop-full{grid-column:1 / -1}.collection-banner--desktop-full{min-height:clamp(24rem,30vw,42rem)}.collection-banner--desktop-square{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.collection-banner--desktop-square{min-height:0}.collection-banner__title{font-size:var(--banner-title-size-desktop, 28px)}.collection-banner__subtitle{font-size:var(--banner-subtitle-size-desktop, 16px)}.collection-banner__title--mobile,.collection-banner__subtitle--mobile{display:none}.collection-banner__title--desktop,.collection-banner__subtitle--desktop{display:block}.collection-banner--hide-mobile{display:flex}.collection-banner--hide-desktop{display:none}.collection-product--replaced-mobile{display:flex!important}.collection-product--replaced-desktop{display:none!important}}@media screen and (max-width:989px){.collection-banner__title--desktop,.collection-banner__subtitle--desktop{display:none}.collection-banner__title--mobile,.collection-banner__subtitle--mobile{display:block}}@media(prefers-reduced-motion:reduce){.collection-banner *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/430/assets/component-collection-banners.css.map */