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

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

.material-paper::before {
  background-image: url("/en/services/website-development/styles/item/dental-practice-dental-standard/preview/assets/paper-grain.webp");
  background-size: var(--material-size, 220px);
  mix-blend-mode: multiply;
  opacity: var(--material-opacity, 0.018);
}

.material-paint::before {
  background:
    linear-gradient(108deg, rgb(255 255 255 / 0.08), transparent 32%, rgb(8 28 34 / 0.07) 78%),
    url("/en/services/website-development/styles/item/dental-practice-dental-standard/preview/assets/paint-dropout.webp");
  background-size: auto, var(--material-size, 260px);
  mix-blend-mode: var(--material-blend, soft-light);
  opacity: var(--material-opacity, 0.055);
}

.material-ink::before {
  background-image: url("/en/services/website-development/styles/item/dental-practice-dental-standard/preview/assets/paint-dropout.webp");
  background-size: var(--material-size, 180px);
  mix-blend-mode: screen;
  opacity: var(--material-opacity, 0.08);
}

.material-wash::before {
  background:
    radial-gradient(circle at 18% 20%, rgb(255 255 255 / 0.24), transparent 38%),
    linear-gradient(125deg, transparent, rgb(38 132 161 / 0.08));
  mix-blend-mode: soft-light;
  opacity: var(--material-opacity, 0.7);
}

.photo-grain {
  position: relative;
  isolation: isolate;
}

.photo-grain::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-image: url("/en/services/website-development/styles/item/dental-practice-dental-standard/preview/assets/paper-grain.webp");
  background-size: 190px;
  content: "";
  mix-blend-mode: overlay;
  opacity: 0.06;
}