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

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

.material-paper::after {
  background-image: var(--material-texture, url("/en/services/website-development/styles/item/coworking-club-afterglow-commons/preview/assets/paper-grain.webp"));
  background-size: var(--material-size, 280px);
  mix-blend-mode: multiply;
}

.material-paint::after {
  background-image:
    linear-gradient(103deg, transparent 0 18%, rgb(255 255 255 / .18) 25%, transparent 34% 67%, rgb(55 43 26 / .12) 78%, transparent 88%),
    var(--material-texture, url("/en/services/website-development/styles/item/coworking-club-afterglow-commons/preview/assets/paint-dropout.webp"));
  background-size: 160% 100%, var(--material-size, 220px);
  mix-blend-mode: var(--material-blend, soft-light);
}

.material-ink::after {
  display: none;
}

.material-ink { text-shadow: .012em .012em 0 color-mix(in srgb, currentColor 36%, transparent); }

.material-wash::after {
  background:
    radial-gradient(circle at 18% 24%, rgb(255 255 255 / .24), transparent 32%),
    radial-gradient(circle at 72% 68%, rgb(55 43 26 / .16), transparent 38%),
    var(--material-texture, url("/en/services/website-development/styles/item/coworking-club-afterglow-commons/preview/assets/paint-dropout.webp"));
  background-size: 100% 100%, 100% 100%, var(--material-size, 320px);
  mix-blend-mode: soft-light;
}

.material-paper > *,
.material-paint > *,
.material-ink > *,
.material-wash > * {
  position: relative;
  z-index: 2;
}