.material-grid {
  background-image:
    radial-gradient(circle, rgb(253 240 237 / .22) 1px, transparent 1.5px),
    linear-gradient(135deg, transparent 0 86%, rgb(235 94 51 / .7) 86% 92%, transparent 92%);
  background-size: 18px 18px, 180px 180px;
}

.material-panel {
  position: relative;
  isolation: isolate;
  background-image: linear-gradient(145deg, rgb(92 106 122 / .95), rgb(23 44 69 / .95));
}

.material-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: repeating-linear-gradient(-45deg, transparent 0 7px, rgb(235 94 51 / .13) 7px 9px);
}

.cut-corner {
  clip-path: polygon(0 0, 82% 0, 100% 30%, 100% 100%, 0 100%);
}

.signal-rule {
  background: repeating-linear-gradient(90deg, currentColor 0 2px, transparent 2px 12px);
}