@layer components{.media-grid{--media-grid-display:grid;--media-grid-gap:var(--content-spacing-between-columns);--media-grid-number-of-columns:1;--media-grid-template-columns:repeat(var(--media-grid-number-of-columns),1fr);--media-grid-width:var(--content-width-with-padding);--media-grid-max-width:var(--content-max-width);--media-grid-margin:var(--spacing-between-consecutive-elements-normal) auto 0;--media-grid-z-index:var(--z-index-content);grid-gap:var(--media-grid-gap);display:var(--media-grid-display);grid-template-columns:var(--media-grid-template-columns);margin:var(--media-grid-margin);max-width:var(--media-grid-max-width);width:var(--media-grid-width);z-index:var(--media-grid-z-index)}.media-grid:first-child{--media-grid-margin:var(--spacing-between-elements-normal) auto 0}.media-grid[media-grid-column-number="3"],.media-grid[media-grid-column-number="4"]{--media-grid-max-width:var(--content-wide-max-width)}@container (width >= 640px){.media-grid[media-grid-column-number="2"],.media-grid[media-grid-column-number="4"]{--media-grid-number-of-columns:2}.media-grid[media-grid-column-number="3"]{--media-grid-number-of-columns:3}}@container (width >= 840px){.media-grid[media-grid-column-number="4"]{--media-grid-number-of-columns:4}}}