.c-dot-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,var(--c-dot-grid-color) var(--c-dot-grid-dot-size),transparent var(--c-dot-grid-dot-size));background-size:var(--c-dot-grid-gap) var(--c-dot-grid-gap)}.c-dot-grid[data-dot-grid-spotlight]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity var(--transition-duration-base) ease;background-image:radial-gradient(circle,var(--c-dot-grid-spotlight-color) var(--c-dot-grid-dot-size),transparent var(--c-dot-grid-dot-size));background-size:var(--c-dot-grid-gap) var(--c-dot-grid-gap);-webkit-mask-image:radial-gradient(circle var(--c-dot-grid-spotlight-radius) at var(--c-dot-grid-mx, -999px) var(--c-dot-grid-my, -999px),#000,transparent);mask-image:radial-gradient(circle var(--c-dot-grid-spotlight-radius) at var(--c-dot-grid-mx, -999px) var(--c-dot-grid-my, -999px),#000,transparent)}.c-dot-grid[data-dot-grid-spotlight][data-dot-grid-active=true]:after{opacity:1}@media(prefers-reduced-motion:reduce){.c-dot-grid[data-dot-grid-spotlight]:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-common-dot-grid.css.map */