body:has([data-hero-pattern=dots]){background:radial-gradient(var(--background-grid-color) 2px, transparent 2px);background-size:4rem 4rem}body:has([data-hero-pattern=grid]){background:repeating-linear-gradient(to bottom, var(--background-grid-color), transparent 1px 4rem), repeating-linear-gradient(to right, var(--background-grid-color), transparent 1px 4rem)}body:has([data-hero-pattern=diagonal]){background:repeating-linear-gradient(45deg, var(--background-grid-color), transparent 1px 1rem);background-size:1rem 1rem}