.grid{container-type:inline-size}.grid>.wrap{display:grid;column-gap:16px;row-gap:40px;position:relative;grid-template-columns:repeat(1,1fr)}.grid>.wrap>*{display:flex;flex-direction:column}@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:1248px){.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)}}