@layer components{.mosaic__grid{display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,1fr);grid-template-areas:"one two" "five five" "four three";gap:var(--spacing-unit-xs)}@media screen and (min-width: 1024px),print{.mosaic__grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(12,1fr);grid-template-areas:"one one one one two two two two three three three three" "four four four five five five five five three three three three";gap:var(--spacing-unit-s)}}.mosaic__grid-cell:nth-child(1){grid-area:one}.mosaic__grid-cell:nth-child(2){grid-area:two}.mosaic__grid-cell:nth-child(3){grid-area:three}.mosaic__grid-cell:nth-child(4){grid-area:four}.mosaic__grid-cell:nth-child(5){grid-area:five}.mosaic__tile{position:relative;aspect-ratio:.9;overflow:clip}.mosaic__grid-cell:nth-child(5) .mosaic__tile{aspect-ratio:1.84}@media screen and (min-width: 1024px),print{.mosaic__tile{width:100%;height:100%}.mosaic__grid-cell:nth-child(1) .mosaic__tile,.mosaic__grid-cell:nth-child(2) .mosaic__tile{aspect-ratio:1.57}.mosaic__grid-cell:nth-child(3) .mosaic__tile{aspect-ratio:.72}.mosaic__grid-cell:nth-child(4) .mosaic__tile{aspect-ratio:1.25}.mosaic__grid-cell:nth-child(5) .mosaic__tile{aspect-ratio:1.89}}.mosaic__tile-image-placeholder{display:flex;justify-content:center;align-items:center;background-color:var(--color-brand-05);width:100%;height:100%}.mosaic__tile-image-placeholder svg{display:block;width:30rem;max-width:100%}.mosaic__tile-image{display:block;transition:transform .5s;width:100%;height:100%;object-fit:cover;object-position:center center}.mosaic__tile:hover .mosaic__tile-image{transform:scale(1.05)}.mosaic__tile-text-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.mosaic__tile-gradient{background:radial-gradient(100% 100% at 0% 0%,#0000004d,#0000);padding:var(--spacing-unit-s) var(--spacing-unit-m) var(--spacing-unit-xl);width:100%}.mosaic__tile-link{color:var(--color-utility-03);text-decoration:none;text-transform:uppercase}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mosaic.css.map */