.collage-wrapper-title{margin-top:0;margin-bottom:3rem}.multicolage{display:grid}.multicolage .card-wrapper{padding:2rem;border-radius:1rem;overflow:hidden;display:flex;align-items:flex-end}.multicolage .card-wrapper.card-empty{border:.1rem solid rgb(var(--border-color));background:rgb(var(--color-background)) linear-gradient(rgba(var(--color-base-text),.04),rgba(var(--color-base-text),.04))}.multicolage .card-wrapper svg,.multicolage .card-wrapper 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}.multicolage .card-wrapper:hover img{transform:scale(1.1)}.card-wrapper .card-collage{max-width:220px;position:relative;z-index:1;transition:background-color .3s ease;background-color:transparent}.card-wrapper .card-label{position:relative;z-index:1;padding:1rem 2rem;border-radius:3.2rem;text-decoration:none;min-height:4.4rem;color:rgb(var(--color-base-text));display:flex;align-items:center;transition:background-color .3s ease;background-color:transparent}.classic-mood .card-wrapper .card-label,.classic-mood .card-wrapper .card-label:hover,.classic-mood .card-wrapper .card-label:before,.classic-mood .card-wrapper .card-label:after,.classic-mood .card-wrapper .card-label:hover:after,.classic-mood .card-wrapper .card-label:hover:before{border-color:transparent;border:1px solid transparent}.card-wrapper .card-label *{font-weight:600;transition:color .3s ease}@media screen and (max-width: 949px){.multicolage .card-wrapper .card-label h3{font-size:2rem}}@media screen and (max-width: 749px){.multicolage .card-wrapper .card-label{min-height:4rem}.multicolage .card-wrapper .card-label h3{font-size:1.6rem}}.collage__item>*{width:100%}.collage__item .card__content{flex-grow:initial}@media screen and (max-width: 749px){.multicolage{grid-column-gap:1.5rem;grid-row-gap:1.5rem}.multicolage .card-wrapper{padding:calc(100% - 7rem) 2rem 3rem;justify-content:center}.collage--mobile{grid-template-columns:repeat(2,minmax(0,1fr))}.collage--mobile .collage__item:nth-child(3n-2){grid-column:span 2}.collage--mobile .collage__item:nth-child(3n-2):nth-last-child(2){grid-column:span 1}.collage--mobile .collage__item:nth-child(3n){grid-column-start:2}}@media screen and (min-width: 750px){.multicolage{grid-column-gap:2rem;grid-row-gap:2rem}.multicolage-1{grid-auto-flow:column}.multicolage-2{grid-auto-flow:column;grid-template-columns:repeat(2,1fr)}.multicolage-1.multicolage .card-wrapper,.multicolage-2.multicolage .card-wrapper,.multicolage-3.multicolage .card-wrapper{padding-top:50%}.multicolage-3{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.multicolage-3 .collage__item:nth-child(1){grid-area:1 / 1 / 3 / 3}.multicolage-3 .collage__item:nth-child(2){grid-area:1 / 3 / 2 / 4}.multicolage-3 .collage__item:nth-child(3){grid-area:2 / 3 / 3 / 4}.multicolage-4,.multicolage-5{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,200px)}.multicolage-4 .collage__item:nth-child(1){grid-area:1 / 1 / 3 / 2}.multicolage-4 .collage__item:nth-child(2){grid-area:1 / 2 / 2 / 4}.multicolage-4 .collage__item:nth-child(3){grid-area:2 / 2 / 3 / 3}.multicolage-4 .collage__item:nth-child(4){grid-area:2 / 3 / 3 / 4}.multicolage-5 .collage__item:nth-child(1){grid-area:1 / 1 / 3 / 2}.multicolage-5 .collage__item:nth-child(2){grid-area:1 / 2 / 2 / 3}.multicolage-5 .collage__item:nth-child(3){grid-area:1 / 3 / 2 / 4}.multicolage-5 .collage__item:nth-child(4){grid-area:2 / 2 / 3 / 3}.multicolage-5 .collage__item:nth-child(5){grid-area:2 / 3 / 3 / 4}.collage__item--collection:only-child,.collage__item--product:only-child{justify-self:center;max-width:73rem;width:100%}.multicolage-flex.multicolage{grid-template-columns:repeat(12,1fr);grid-template-rows:auto}.multicolage-flex.multicolage .collage__item{grid-area:auto;grid-column:span 6}.multicolage-flex.multicolage-3 .collage__item{grid-column:span 4}.multicolage-flex.multicolage-4 .collage__item:nth-child(1),.multicolage-flex.multicolage-5 .collage__item:nth-child(1){grid-column:span 7}.multicolage-flex.multicolage-4 .collage__item:nth-child(2),.multicolage-flex.multicolage-5 .collage__item:nth-child(2){grid-column:span 5}.multicolage-flex.multicolage-5 .collage__item{grid-column:span 4}}@media screen and (min-width: 950px){.multicolage .card-wrapper{padding:3rem 2rem}.multicolage .card-wrapper .card-label{padding:1rem 2rem;min-height:5rem;box-sizing:border-box}.multicolage{grid-column-gap:3rem;grid-row-gap:3rem}.multicolage-4,.multicolage-5{grid-template-rows:repeat(2,250px)}}@media screen and (min-width: 1200px){.multicolage-4,.multicolage-5{grid-template-rows:repeat(2,300px)}}.collage-card{background:rgb(var(--color-background));height:100%;position:relative;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-base-text),var(--border-opacity));padding:var(--image-padding)}.collage-card:after{content:"";position:absolute;z-index:-1;border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity));width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1)}.collage-card.product-card-wrapper{--border-radius: var(--product-card-corner-radius);--border-width: var(--product-card-border-width);--border-opacity: var(--product-card-border-opacity);--shadow-horizontal-offset: var(--product-card-shadow-horizontal-offset);--shadow-vertical-offset: var(--product-card-shadow-vertical-offset);--shadow-blur-radius: var(--product-card-shadow-blur-radius);--shadow-opacity: var(--product-card-shadow-opacity);--shadow-visible: var(--product-card-shadow-visible);--image-padding: var(--product-card-image-padding)}.collage-card .media{height:100%;overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.collage-card .deferred-media{height:100%;overflow:visible}.collage-card__link{display:block;height:100%}.collage-card .deferred-media__poster{background-color:transparent;border:0}.collage-card .deferred-media__poster:after{content:"";position:absolute;z-index:1;outline-offset:.3rem;bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)}.collage-card .deferred-media__poster:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-base-text),.3);outline:.2rem solid rgba(var(--color-base-text),.5)}.collage-card .deferred-media__poster:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-base-text),.3);outline:.2rem solid rgba(var(--color-base-text),.5)}.collage-card .deferred-media__poster:focus:not(:focus-visible),.collage-card .deferred-media__poster:focus:not(:focus-visible):after{outline:none;box-shadow:none}.collage-card .deferred-media__poster:focus{outline:none;box-shadow:none}.collage .collage__item--icon{position:absolute;z-index:1;height:auto}.collage .collage__item--1 .collage__item--icon{left:0;transform:translate(-50%);bottom:23%;max-width:4.1rem}.collage .collage__item--2 .collage__item--icon{max-width:10.3rem;right:0;top:0}.collage .collage__item--3 .collage__item--icon{max-width:6.8rem;bottom:0;right:0}.collage .collage__item--4 .collage__item--icon,.collage .collage__item--5 .collage__item--icon{max-width:6.8rem;bottom:50%;transform:translateY(50%);right:0}@media screen and (min-width: 1200px){.collage .collage__item--4 .collage__item--icon,.collage .collage__item--5 .collage__item--icon{transform:translate(50%,50%)}}.multicolage-flex .collage__item{border-radius:1.6rem;overflow:hidden;--media-radius:1.6rem }.multicollage-image img{width:100%;height:100%;vertical-align:middle;object-fit:cover;object-position:50% 50%}.multicollage-image{height:100%;overflow:hidden}.multicollage-image+.card-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;padding:2rem!important}@media screen and (max-width: 749px){.multicollage-image+.card-wrapper{justify-content:flex-start;padding:1rem 2rem!important}.card-wrapper .card-collage{max-width:200px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/multicollage.css.map */