.kmb-collage{position:relative;display:block}.kmb-collage__title{margin-top:0;margin-bottom:2rem}.kmb-collage__track{--kmb-collage-gap: var(--grid-desktop-horizontal-spacing);display:flex;gap:var(--kmb-collage-gap);margin:0;padding:0;list-style:none}.kmb-collage .kmb-collage__group{flex:0 0 100%;min-width:100%;display:grid;gap:var(--kmb-collage-gap);grid-template-rows:1fr 1fr;aspect-ratio:var(--kmb-collage-ratio, 3 / 2)}.kmb-collage .kmb-collage__group--left{grid-template-columns:2fr 1fr}.kmb-collage .kmb-collage__group--right{grid-template-columns:1fr 2fr}.kmb-collage .kmb-collage__group--left>.kmb-collage__item:nth-child(1){grid-area:1 / 1 / 3 / 2}.kmb-collage .kmb-collage__group--right>.kmb-collage__item:nth-child(3){grid-area:1 / 2 / 3 / 3}.kmb-collage .kmb-collage__group--count-1{grid-template-columns:1fr;grid-template-rows:1fr}.kmb-collage .kmb-collage__group--count-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.kmb-collage .kmb-collage__group--count-1>.kmb-collage__item:nth-child(n),.kmb-collage .kmb-collage__group--count-2>.kmb-collage__item:nth-child(n){grid-area:auto}.kmb-collage__item{position:relative;overflow:hidden;min-width:0;min-height:0;border-radius:var(--product-card-corner-radius, 0)}.kmb-collage__item img,.kmb-collage__item .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width:749px){.kmb-collage.kmb-collage--mobile-column .kmb-collage__group{grid-template-columns:1fr;grid-template-rows:auto;aspect-ratio:auto}.kmb-collage.kmb-collage--mobile-column .kmb-collage__group>.kmb-collage__item:nth-child(n){grid-area:auto;aspect-ratio:3 / 4}.kmb-collage.kmb-collage--mobile-collage .kmb-collage__group{aspect-ratio:var(--kmb-collage-ratio-mobile, 1 / 1)}}@media screen and (min-width:750px){.kmb-collage .slider-buttons{position:absolute;top:0;bottom:1rem;left:-3.6rem;right:-3.6rem;justify-content:space-between;pointer-events:none}.kmb-collage .slider-button{pointer-events:auto}}.kmb-collage .slider-button{width:3.2rem;height:3.2rem;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));transition:opacity .2s ease-in-out}.kmb-collage .slider-button .icon{height:.8rem;color:currentColor}.kmb-collage .slider-button:not([disabled]):hover{color:rgb(var(--color-background))}.kmb-collage .slider-button[disabled]{opacity:.25}.kmb-collage .slider-button[disabled] .icon{color:currentColor}
/*# sourceMappingURL=/cdn/shop/t/45/assets/kmb-collage-carousel.css.map */