.grid{container-type:inline-size}.grid>.wrap{display:grid;gap:20px;position:relative;grid-template-columns:repeat(1, 1fr)}@media(min-width: 768px){.grid[data-gap=Large]>.wrap{column-gap:24px}}@container (min-width:616px){.grid[data-size=size300]>.wrap{grid-template-columns:repeat(2, 1fr)}}@container (min-width:932px){.grid[data-size=size300]:is([data-cols="1"],[data-cols="2"])>.wrap{grid-template-columns:repeat(2, 1fr)}.grid[data-size=size300][data-cols="3"]>.wrap{grid-template-columns:repeat(3, 1fr)}}@container (min-width:1000px){.grid[data-size=size300][data-cols="4"]>.wrap{grid-template-columns:repeat(4, 1fr)}}@container (min-width:516px){.grid[data-size=size250]>.wrap{grid-template-columns:repeat(2, 1fr)}}@container (min-width:782px){.grid[data-size=size250]:is([data-cols="1"],[data-cols="2"])>.wrap{grid-template-columns:repeat(2, 1fr)}.grid[data-size=size250][data-cols="3"]>.wrap{grid-template-columns:repeat(3, 1fr)}}@container (min-width:1048px){.grid[data-size=size250][data-cols="4"]>.wrap{grid-template-columns:repeat(4, 1fr)}}@container (min-width:736px){.grid[data-size=size360]>.wrap{grid-template-columns:repeat(2, 1fr)}}@container (min-width:1112px){.grid[data-size=size360]:is([data-cols="1"],[data-cols="2"])>.wrap{grid-template-columns:repeat(2, 1fr)}.grid[data-size=size360][data-cols="3"]>.wrap{grid-template-columns:repeat(3, 1fr)}}