.material-grid {
  background-image:
    radial-gradient(circle at 78% 10%, rgb(143 116 50 / .12), transparent 28%),
    radial-gradient(ellipse at 15% 80%, rgb(61 114 118 / .12), transparent 38%);
}

.material-panel {
  position: relative;
  isolation: isolate;
  background-image: linear-gradient(145deg, rgb(255 255 255 / .96), rgb(226 233 233 / .7));
  box-shadow: 0 20px 48px rgb(19 41 42 / .1);
}

.material-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(ellipse at 70% 20%, rgb(255 255 255 / .72), transparent 42%);
}

.cut-corner {
  clip-path: polygon(8% 0, 88% 0, 100% 22%, 96% 78%, 82% 100%, 5% 92%, 0 38%);
}

.signal-rule {
  background: linear-gradient(90deg, transparent, currentColor 18%, currentColor 82%, transparent);
}