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