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

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

.material-paper::after {
  background-image: url("/vi/services/website-development/styles/item/automotive-performance-redline-signal/preview/assets/paper-grain.webp");
  background-size: var(--material-size, 230px);
  mix-blend-mode: multiply;
  opacity: var(--material-opacity, .055);
}

.material-paint::after {
  background:
    linear-gradient(103deg, transparent 0 22%, rgb(255 255 255 / 10%) 37%, transparent 54%),
    url("/vi/services/website-development/styles/item/automotive-performance-redline-signal/preview/assets/paint-dropout.webp");
  background-size: 100% 100%, var(--material-size, 250px);
  mix-blend-mode: var(--material-blend, screen);
  opacity: var(--material-opacity, .06);
}

.material-wash::after {
  background:
    radial-gradient(ellipse at 18% 30%, rgb(255 255 255 / 20%), transparent 42%),
    radial-gradient(ellipse at 78% 75%, rgb(43 12 7 / 18%), transparent 48%),
    url("/vi/services/website-development/styles/item/automotive-performance-redline-signal/preview/assets/paper-grain.webp");
  background-size: 100% 100%, 100% 100%, var(--material-size, 310px);
  mix-blend-mode: soft-light;
  opacity: var(--material-opacity, .2);
}

.material-ink {
  -webkit-mask-image: linear-gradient(#000, #000), url("/vi/services/website-development/styles/item/automotive-performance-redline-signal/preview/assets/ink-dropout.webp");
  -webkit-mask-composite: source-in;
  -webkit-mask-size: 100% 100%, var(--material-size, 190px);
  mask-image: linear-gradient(#000, #000), url("/vi/services/website-development/styles/item/automotive-performance-redline-signal/preview/assets/ink-dropout.webp");
  mask-composite: intersect;
  mask-size: 100% 100%, var(--material-size, 190px);
}

.photo-treatment {
  filter: saturate(.66) sepia(.22) contrast(1.08) brightness(.94);
}

.photo-frame::after {
  background: linear-gradient(118deg, rgb(255 239 221 / 8%), transparent 42%, rgb(59 11 5 / 22%));
  content: "";
  inset: 0;
  mix-blend-mode: color;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}