.material-grid {
  background-image:
    radial-gradient(circle, rgb(63 128 111 / .32) 1.5px, transparent 2px),
    linear-gradient(90deg, transparent 0 82%, rgb(182 98 43 / .07) 82%);
  background-size: 20px 20px, 100% 100%;
}

.material-panel {
  position: relative;
  isolation: isolate;
  background-image: linear-gradient(135deg, rgb(255 255 255 / .98), rgb(220 229 228 / .82));
}

.material-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(90deg, transparent 0 92%, rgb(182 98 43 / .18) 92% 93%, transparent 93%);
}

.cut-corner {
  clip-path: inset(0 round 999px);
}

.signal-rule {
  background: linear-gradient(90deg, currentColor 0 24%, transparent 24% 100%);
}