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

.material-paper:not(.absolute):not(.fixed):not(svg),
.material-paint:not(.absolute):not(.fixed):not(svg),
.material-ink:not(.absolute):not(.fixed):not(svg),
.material-wash:not(.absolute):not(.fixed):not(svg) { position: relative; }

.material-paper::before,
.material-paint::before,
.material-wash::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  background: var(--material-texture) repeat;
  background-size: var(--material-size, 256px);
  opacity: var(--material-opacity, .15);
  mix-blend-mode: var(--material-blend, multiply);
}

.material-paper {
  --material-texture: url("/vi/services/website-development/styles/item/accounting-ledger-tax-season/preview/assets/paper-grain.webp");
  --material-size: 256px;
  --material-opacity: .055;
  --material-blend: multiply;
}

.material-paint {
  --material-texture: url("/vi/services/website-development/styles/item/accounting-ledger-tax-season/preview/assets/paint-dropout.webp");
  --material-size: 256px;
  --material-opacity: .09;
  --material-blend: soft-light;
}

.material-wash {
  --material-texture: url("/vi/services/website-development/styles/item/accounting-ledger-tax-season/preview/assets/wash-grain.webp");
  --material-size: 320px;
  --material-opacity: .05;
  --material-blend: multiply;
}

.material-paper > :not(svg),
.material-paint > :not(svg),
.material-wash > :not(svg) {
  z-index: 1;
}

.material-ink::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  content: "";
  background: url("/vi/services/website-development/styles/item/accounting-ledger-tax-season/preview/assets/ink-dropout.webp") repeat;
  background-size: var(--material-mask-size, 192px);
  opacity: var(--material-opacity, .035);
  mix-blend-mode: screen;
}

.photo-finish::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  content: "";
  background: linear-gradient(115deg, rgb(25 36 46 / 12%), transparent 48%, rgb(182 121 43 / 7%));
  mix-blend-mode: color;
}

.wall-seal {
  border: 3px solid rgb(143 91 43 / 92%);
  background:
    radial-gradient(circle at 38% 32%, rgb(186 129 79 / 35%), transparent 42%),
    linear-gradient(145deg, rgb(115 105 93 / 88%), rgb(65 62 59 / 94%));
  box-shadow:
    10px 13px 0 rgb(25 36 46 / 46%),
    inset 0 0 0 2px rgb(237 240 242 / 14%),
    inset -10px -12px 24px rgb(25 36 46 / 28%);
}
