.multicollage .title-wrapper{max-width:63rem;text-align:center;margin-left:auto;margin-right:auto}.multicollage .card-wrapper{padding:2rem;overflow:hidden;display:flex;align-items:flex-end;background:transparent;border-radius:var(--collection-card-corner-radius);transition:border-radius var(--duration-medium) ease;height:100%}.multicollage .card-empty svg,.multicollage img{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0;right:0;bottom:0;transition:transform .75s cubic-bezier(.2,.75,.5,1),opacity .5s ease .3s}.multicollage .card-wrapper:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:linear-gradient(.62deg,rgba(var(--color-background),.6) .58%,#0000 65.92%)}.multicollage .slider-button{flex:0 0 var(--btn-width)}.multicollage .card-label{position:relative;z-index:1;display:flex;gap:1rem;justify-content:space-between;align-items:center;width:100%}.multicollage .card-label h3{margin:0}.multicollage .card-wrapper .placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.multicollage .collage__item{grid-area:auto}@media(hover:hover){.multicollage .card-wrapper:hover img{transform:scale(1.1)}.multicollage .card-wrapper:hover h3{text-decoration:underline}.multicollage .card-wrapper:hover .slider-button{color:rgb(var(--clr-text-hover));background-color:rgb(var(--clr-bg-hover));border-color:rgb(var(--clr-outline-hover))}.multicollage .card-wrapper:hover .button--animate-glide{border-radius:var(--buttons-radius-hover)}.multicollage .card-wrapper:hover .button--animate-glide .icon{animation:var(--duration-medium) ease-in-out forwards animateIconInline}}.multicollage-1 .grid-main,.multicollage-2 .grid-main,.multicollage-3 .grid-main,.multicollage-4 .grid-main,.multicollage-5 .grid-main,.multicollage-6 .grid-main{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:16px}@media screen and (min-width:750px)and (max-width:989px){.multicollage-1 .grid-main,.multicollage-2 .grid-main,.multicollage-3 .grid-main,.multicollage-4 .grid-main,.multicollage-5 .grid-main,.multicollage-6 .grid-main{grid-template-columns:repeat(2,1fr);grid-auto-rows:300px}}@media screen and (max-width:749px){.multicollage .grid-main{grid-template-columns:1fr;grid-auto-rows:300px;gap:16px}.multicollage .card-wrapper{padding:1.5rem;justify-content:center}.multicollage .title-wrapper{margin-left:0;text-align:left}.multicollage .col-sm-2 .collage__item{grid-column:auto}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-multicollage.css.map */