:where(.material-layer, .material-paper, .material-paint, .material-ink, .material-wash, .photo-sheen) {
  isolation: isolate;
}

:where(.material-layer, .material-paper, .material-paint, .material-ink, .material-wash, .photo-sheen):not(.absolute):not(.fixed):not(.sticky) {
  position: relative;
}

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

.material-paper::before {
  background: var(--material-texture, url("/vi/services/website-development/styles/item/cleaning-network-blue-foam-district/preview/assets/paper-grain.webp"));
  background-size: var(--material-size, 230px);
  mix-blend-mode: var(--material-blend, multiply);
  opacity: var(--material-opacity, .025);
}

.material-paint::before {
  background:
    linear-gradient(112deg, rgb(255 255 255 / 15%), transparent 31%, rgb(0 0 0 / 10%) 72%, transparent),
    var(--material-texture, url("/vi/services/website-development/styles/item/cleaning-network-blue-foam-district/preview/assets/paint-grain.webp"));
  background-size: auto, var(--material-size, 280px);
  mix-blend-mode: var(--material-blend, soft-light);
  opacity: var(--material-opacity, .12);
}

.material-ink::before {
  background: currentColor;
  mask-image: var(--material-texture, url("/vi/services/website-development/styles/item/cleaning-network-blue-foam-district/preview/assets/ink-dropout.webp"));
  mask-size: var(--material-size, 210px);
  mix-blend-mode: var(--material-blend, screen);
  opacity: var(--material-opacity, .07);
}

.material-wash::before {
  background:
    radial-gradient(circle at 20% 15%, rgb(255 255 255 / 24%), transparent 30%),
    radial-gradient(circle at 82% 78%, rgb(24 79 191 / 14%), transparent 37%),
    var(--material-texture, url("/vi/services/website-development/styles/item/cleaning-network-blue-foam-district/preview/assets/paint-grain.webp"));
  background-size: auto, auto, var(--material-size, 360px);
  mix-blend-mode: var(--material-blend, soft-light);
  opacity: var(--material-opacity, .07);
}

.photo-sheen::after {
  background: linear-gradient(115deg, rgb(255 255 255 / 8%), transparent 34%, rgb(5 31 84 / 12%));
  mix-blend-mode: screen;
  opacity: .45;
}