.material-paper,
.material-paint,
.material-ink,
.material-wash {
  isolation: isolate;
  position: relative;
}

.material-paper::before,
.material-paint::before,
.material-ink::before,
.material-wash::before {
  border-radius: inherit;
  content: "";
  inset: 0;
  opacity: var(--material-opacity, .16);
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.material-paper::before {
  background-image:
    radial-gradient(circle at 20% 30%, rgb(24 43 48 / .18) 0 .45px, transparent .65px),
    radial-gradient(circle at 72% 64%, rgb(255 255 255 / .8) 0 .55px, transparent .8px),
    repeating-linear-gradient(96deg, transparent 0 7px, rgb(31 145 173 / .04) 8px 9px);
  background-size: 9px 11px, 13px 15px, 100% 100%;
  mix-blend-mode: multiply;
}

.material-paint::before {
  background-image:
    repeating-linear-gradient(101deg, transparent 0 18px, rgb(255 255 255 / .16) 19px 21px, transparent 22px 42px),
    radial-gradient(ellipse at 18% 34%, rgb(255 255 255 / .26), transparent 28%),
    radial-gradient(ellipse at 82% 70%, rgb(0 35 43 / .2), transparent 30%);
  mix-blend-mode: soft-light;
}

.material-ink::before {
  background-image:
    radial-gradient(circle, transparent 0 .7px, rgb(243 246 247 / .48) .85px 1.25px, transparent 1.4px),
    repeating-linear-gradient(88deg, transparent 0 23px, rgb(243 246 247 / .24) 24px 25px);
  background-size: 11px 13px, 100% 100%;
  mix-blend-mode: screen;
  opacity: var(--material-opacity, .12);
}

.material-wash::before {
  background:
    radial-gradient(ellipse at 10% 20%, rgb(255 255 255 / .22), transparent 36%),
    radial-gradient(ellipse at 90% 80%, rgb(24 43 48 / .2), transparent 42%);
  mix-blend-mode: overlay;
}

.console-surface {
  background-color: #031c23;
  background-image:
    linear-gradient(rgb(31 145 173 / .035) 1px, transparent 1px),
    linear-gradient(90deg, rgb(31 145 173 / .035) 1px, transparent 1px),
    repeating-linear-gradient(0deg, transparent 0 3px, rgb(255 255 255 / .018) 4px);
  background-size: 22px 22px, 22px 22px, 100% 4px;
}

.technical-cut {
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}