.mesh-gradient-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  z-index: -1;
  display: block;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 20%, rgb(43 127 255 / 42%), transparent 48%),
    radial-gradient(circle at 80% 30%, rgb(99 102 241 / 26%), transparent 42%),
    radial-gradient(circle at 55% 80%, rgb(142 197 255 / 25%), transparent 52%),
    #f0f6ff;
}

.mesh-gradient-canvas--footer {
  height: 100%;
}

.dark .mesh-gradient-canvas {
  background:
    radial-gradient(circle at 20% 20%, rgb(43 127 255 / 55%), transparent 48%),
    radial-gradient(circle at 80% 30%, rgb(99 102 241 / 35%), transparent 46%),
    radial-gradient(circle at 55% 80%, rgb(81 162 255 / 50%), transparent 52%),
    #032b63;
}