body[data-bg="dash-grid"] {
  background-color: var(--bg-dash-grid-base);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320' fill='none' stroke='rgba(30,41,59,0.28)' stroke-width='1' shape-rendering='geometricPrecision'%3E%3Cpath d='M0 0 H320' stroke-dasharray='6 8 2 12 10 6 2 18'/%3E%3Cpath d='M0 80 H320' stroke-dasharray='12 6 2 10 6 14 2 8'/%3E%3Cpath d='M0 160 H320' stroke-dasharray='3 6 12 8 2 16 6 10'/%3E%3Cpath d='M0 240 H320' stroke-dasharray='10 10 2 6 14 4 2 20'/%3E%3Cpath d='M0 0 V320' stroke-dasharray='8 6 2 12 4 16 2 10'/%3E%3Cpath d='M80 0 V320' stroke-dasharray='14 4 2 10 8 12 2 18'/%3E%3Cpath d='M160 0 V320' stroke-dasharray='4 10 2 14 6 8 2 16'/%3E%3Cpath d='M240 0 V320' stroke-dasharray='12 8 2 6 10 14 2 12'/%3E%3C/svg%3E");
  background-size: 320px 320px;
  background-position: 0 0;
}

:root[data-theme="dark"] body[data-bg="dash-grid"] {
  background-color: var(--bg-dash-grid-base);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320' fill='none' stroke='rgba(224,231,255,0.32)' stroke-width='1' shape-rendering='geometricPrecision'%3E%3Cpath d='M0 0 H320' stroke-dasharray='6 8 2 12 10 6 2 18'/%3E%3Cpath d='M0 80 H320' stroke-dasharray='12 6 2 10 6 14 2 8'/%3E%3Cpath d='M0 160 H320' stroke-dasharray='3 6 12 8 2 16 6 10'/%3E%3Cpath d='M0 240 H320' stroke-dasharray='10 10 2 6 14 4 2 20'/%3E%3Cpath d='M0 0 V320' stroke-dasharray='8 6 2 12 4 16 2 10'/%3E%3Cpath d='M80 0 V320' stroke-dasharray='14 4 2 10 8 12 2 18'/%3E%3Cpath d='M160 0 V320' stroke-dasharray='4 10 2 14 6 8 2 16'/%3E%3Cpath d='M240 0 V320' stroke-dasharray='12 8 2 6 10 14 2 12'/%3E%3C/svg%3E");
}