.chainlink {
  position: relative;
  background: #fff;
}
.chainlink::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../assets/chain-link.jpg");
  background-repeat: repeat;
  background-size: 132px 132px;
  opacity: 0.16;
  pointer-events: none;
}
.chainlink > * {
  position: relative;
  z-index: 1;
}
.chainlink-soft::before {
  opacity: 0.08;
}
.diamond-plate {
  position: relative;
  background: #0a0a0a;
  color: #fff;
}
.diamond-plate::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../assets/diamond-plate.jpg");
  background-repeat: repeat;
  background-size: 240px 240px;
  opacity: 0.45;
  pointer-events: none;
}
.diamond-plate > * {
  position: relative;
  z-index: 1;
}
.mark {
  position: relative;
  display: inline;
  white-space: nowrap;
  padding: 0 0.08em;
}
.mark::before {
  content: "";
  position: absolute;
  inset: 0.08em -0.14em 0.02em;
  background: #f0c400;
  transform: skewX(-12deg);
  z-index: -1;
}
[x-cloak] {
  display: none !important;
}