.mosaic{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr}.mosaic--space-1{padding:4px}.mosaic--space-2{padding:8px}.mosaic--space-3{padding:16px}.mosaic--space-4{padding:24px}.mosaic--space-5{padding:32px}.mosaic--space-6{padding:0}.mosaic__item{background-color:#dcdcdc;background-size:cover;background-position:50%;height:0;display:block}.mosaic__item--space-1{margin:4px}.mosaic__item--space-2{margin:8px}.mosaic__item--space-3{margin:16px}.mosaic__item--space-4{margin:24px}.mosaic__item--space-5{margin:32px}.mosaic__item--space-6{margin:0}@media (max-width:768px){.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}}.mosaic--1 .mosaic__item:first-child{grid-area:1/1/3/3;padding-bottom:100%}.mosaic--1 .mosaic__item:nth-child(2){grid-area:1/3/2/5;padding-bottom:calc(50% - 4px)}.mosaic--1 .mosaic__item:nth-child(3){grid-area:2/3/3/4;padding-bottom:calc(100% - 4px)}.mosaic--1 .mosaic__item:nth-child(4){grid-area:2/4/3/5;padding-bottom:calc(100% - 4px)}@media (max-width:768px){.mosaic--1 .mosaic__item:first-child{grid-area:1/1/3/3}.mosaic--1 .mosaic__item:nth-child(2){grid-area:3/1/4/3}.mosaic--1 .mosaic__item:nth-child(3){grid-area:4/1/5/2}.mosaic--1 .mosaic__item:nth-child(4){grid-area:4/2/5/3}}.mosaic--2 .mosaic__item:first-child{grid-area:1/1/3/3;padding-bottom:100%}.mosaic--2 .mosaic__item:nth-child(2){grid-area:1/3/2/4;padding-bottom:calc(100% - 4px)}.mosaic--2 .mosaic__item:nth-child(3){grid-area:2/3/3/4;padding-bottom:calc(100% - 4px)}.mosaic--2 .mosaic__item:nth-child(4){grid-area:1/4/3/5;padding-bottom:200%}@media (max-width:768px){.mosaic--2 .mosaic__item:first-child{grid-area:1/1/3/3}.mosaic--2 .mosaic__item:nth-child(2){grid-area:3/1/4/2}.mosaic--2 .mosaic__item:nth-child(3){grid-area:4/1/5/2}.mosaic--2 .mosaic__item:nth-child(4){grid-area:3/2/5/3}}.mosaic--3 .mosaic__item:first-child{grid-area:1/1/2/2;padding-bottom:calc(100% - 4px)}.mosaic--3 .mosaic__item:nth-child(2){grid-area:2/1/3/2;padding-bottom:calc(100% - 4px)}.mosaic--3 .mosaic__item:nth-child(3){grid-area:1/2/3/4;padding-bottom:100%}.mosaic--3 .mosaic__item:nth-child(4){grid-area:1/4/2/5;padding-bottom:calc(100% - 4px)}.mosaic--3 .mosaic__item:nth-child(5){grid-area:2/4/3/5;padding-bottom:calc(100% - 4px)}@media (max-width:768px){.mosaic--3 .mosaic__item:first-child{grid-area:1/1/2/2}.mosaic--3 .mosaic__item:nth-child(2){grid-area:1/2/2/3}.mosaic--3 .mosaic__item:nth-child(3){grid-area:2/1/4/3}.mosaic--3 .mosaic__item:nth-child(4){grid-area:4/1/5/2}.mosaic--3 .mosaic__item:nth-child(5){grid-area:4/2/5/3}}.mosaic--4 .mosaic__item:first-child{grid-area:1/1/2/2;padding-bottom:calc(100% - 4px)}.mosaic--4 .mosaic__item:nth-child(2){grid-area:2/1/3/2;padding-bottom:calc(100% - 4px)}.mosaic--4 .mosaic__item:nth-child(3){grid-area:1/2/3/3;padding-bottom:200%}.mosaic--4 .mosaic__item:nth-child(4){grid-area:1/3/3/4;padding-bottom:200%}.mosaic--4 .mosaic__item:nth-child(5){grid-area:1/4/2/5;padding-bottom:calc(100% - 4px)}.mosaic--4 .mosaic__item:nth-child(6){grid-area:2/4/3/5;padding-bottom:calc(100% - 4px)}@media (max-width:768px){.mosaic--4 .mosaic__item:first-child{grid-area:1/1/2/2}.mosaic--4 .mosaic__item:nth-child(2){grid-area:1/2/2/3}.mosaic--4 .mosaic__item:nth-child(3){grid-area:2/1/4/2}.mosaic--4 .mosaic__item:nth-child(4){grid-area:2/2/4/3}.mosaic--4 .mosaic__item:nth-child(5){grid-area:4/1/5/2}.mosaic--4 .mosaic__item:nth-child(6){grid-area:4/2/5/3}}