.material-grid {
  background-image:
    radial-gradient(circle at 92% 8%, #33ebc0 0 10%, transparent 10.2%),
    radial-gradient(circle at 5% 72%, #2a60df 0 9%, transparent 9.2%),
    radial-gradient(circle, rgb(46 25 46 / .12) 1px, transparent 1.5px);
  background-size: auto, auto, 7px 7px;
}

.material-panel {
  position: relative;
  isolation: isolate;
  background-image: linear-gradient(115deg, rgb(241 131 34 / .24) 0 33%, transparent 33% 66%, rgb(37 228 43 / .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%);
}