.fn-mosaic__grid{position:relative;z-index:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:var(--fn-mosaic-gap, 0);aspect-ratio:4 / 5;width:100%}.fn-mosaic--fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.fn-mosaic--fill .fn-mosaic__grid{height:100%;aspect-ratio:auto}.fn-mosaic__tile{position:relative;overflow:hidden;min-height:0}.fn-mosaic__layer{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.fn-mosaic__layer img.fn-mosaic__img,.fn-mosaic__ph{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;object-fit:cover;display:block}.fn-mosaic__layer img.fn-mosaic__badge{position:absolute;top:6%;right:6%;left:auto;z-index:2;width:var(--fn-mosaic-badge, 40%);height:auto;object-fit:contain;pointer-events:none}.fn-mosaic__layer--white img.fn-mosaic__badge{filter:drop-shadow(0 1px 5px rgba(18,18,18,.45))}.fn-mosaic--names .fn-mosaic__layer:after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;z-index:1;background:linear-gradient(to top,#12121280,#12121200);pointer-events:none}.fn-mosaic__name{position:absolute;left:7%;right:7%;bottom:6%;z-index:2;margin:0;font-family:var(--fn-label-family, var(--font-body-family));font-size:1rem;letter-spacing:.16em;text-transform:uppercase;line-height:1.3;color:#fff}.fn-mosaic__layer.is-in{z-index:1;animation:fnMosaicFade .6s cubic-bezier(.4,0,.2,1) both}@keyframes fnMosaicFade{0%{opacity:0}to{opacity:1}}@media screen and (max-width:749px){.fn-mosaic__name,.fn-mosaic--names .fn-mosaic__layer:after{display:none}}@media(prefers-reduced-motion:reduce){.fn-mosaic__layer.is-in{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/fn-pro-grid.css.map */
