:host{--grid-template-columns:repeat(12,1fr);--grid-template-rows:auto;--grid-template-areas:repeat(12,"content");--grid-column-gap:var(--fds-spacing-200);--grid-row-gap:var(--fds-spacing-200);--grid-area-name:content}:host(.container){display:grid;grid-template-columns:var(--grid-template-columns);grid-template-rows:var(--grid-template-rows);grid-template-areas:var(--grid-template-areas);column-gap:var(--grid-column-gap);row-gap:var(--grid-row-gap)}:host(.item){grid-area:var(--grid-area-name);--grid-row-gap:0}