@layer components{.auto-grid{display:grid;gap:var(--auto-grid-gap,1rem)}.auto-grid>*{min-inline-size:0}.auto-grid:not([data-responsive]){grid-template-columns:repeat(auto-fit,minmax(min(var(--auto-grid-min-col-size-default,300px),100%),1fr))}.auto-grid[data-responsive]{grid-template-columns:repeat(auto-fit,minmax(min(var(--auto-grid-min-col-size-small,250px),100%),1fr))}@container (width >= 768px){.auto-grid[data-responsive]{grid-template-columns:repeat(auto-fit,minmax(min(var(--auto-grid-min-col-size-default,300px),100%),1fr))}}@container (width >= 1024px){.auto-grid[data-responsive]{grid-template-columns:repeat(auto-fit,minmax(min(var(--auto-grid-min-col-size-large,350px),100%),1fr))}}}