.material-grid {
  background-image:
    radial-gradient(circle at 92% 8%, #f1b322 0 10%, transparent 10.2%),
    radial-gradient(circle at 5% 72%, #25e4cb 0 9%, transparent 9.2%);
}

.material-panel {
  position: relative;
  isolation: isolate;
  background-image: linear-gradient(115deg, rgb(241 179 34 / .24) 0 33%, transparent 33% 66%, rgb(37 228 203 / .24) 66%);
}

.material-panel::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image: radial-gradient(circle at 75% 20%, rgb(255 255 255 / .85) 0 10%, transparent 10.5%);
}

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

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