.material-grid {
  background-image:
    linear-gradient(120deg, rgb(186 129 79 / .12), transparent 35%),
    radial-gradient(ellipse at 85% 20%, rgb(59 93 145 / .12), transparent 42%);
}

.material-panel {
  position: relative;
  isolation: isolate;
  background-image: linear-gradient(145deg, rgb(255 255 255 / .96), rgb(226 229 233 / .86));
}

.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(0 0, 88% 0, 100% 18%, 94% 100%, 0 100%);
}

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