.dot-grid{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.dot-grid:not([data-renderer=webgl]):before{content:"";background-image:radial-gradient(circle, var(--dot-grid-base,var(--border)) 1px, transparent 1px);opacity:.75;pointer-events:none;background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 15% 75%,#0000);mask-image:linear-gradient(#0000,#000 15% 75%,#0000)}