/* Keep the supplied dot design visible before canvas paints, without JavaScript,
   and when a browser cannot provide a 2D drawing context. */
[data-website-dot-field] {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  touch-action: pan-y;
  background-image: radial-gradient(circle, rgba(22, 101, 52, .12) 1.6px, transparent 1.6px);
  background-size: 32px 32px;
  background-position: center;
}
[data-website-dot-field].website-dots-painted { background-image: none; }
[data-website-dot-field] > canvas { display: block; width: 100%; height: 100%; }