.icon-grid-host {
  position: relative;
  overflow: clip;
  isolation: isolate;
}

.icon-grid {
  --icon-grid-angle: -5deg;
  --icon-grid-overhang: 20rem;

  position: absolute;
  inset: calc(-1 * var(--icon-grid-overhang));
  z-index: var(--z-behind);
  rotate: var(--icon-grid-angle);
  pointer-events: none;
  background-color: currentcolor;
  opacity: var(--icon-grid-opacity, 7.5%);
  mask-image: url("/assets/icon_grid-531853ca.svg");
  mask-size: var(--icon-grid-size, 24rem);
  mask-repeat: repeat;
}

@media (forced-colors: active) {
  .icon-grid {
    display: none;
  }
}