/* Screenshot attribution layer; kept separate from the app's stacking tree. */
.centum-watermark-layer {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  pointer-events: none;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, 1fr);
  overflow: hidden;
  opacity: 0.055;
  mix-blend-mode: difference;
  user-select: none;
}

.centum-watermark-layer span {
  display: grid;
  place-items: center;
}

.centum-watermark-layer img {
  width: min(220px, 72%);
  height: auto;
  transform: rotate(-16deg);
}

@media (max-width: 640px) {
  .centum-watermark-layer {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(8, 1fr);
  }

  .centum-watermark-layer img {
    width: min(190px, 78%);
  }
}

@media print {
  .centum-watermark-layer {
    opacity: 0.09;
  }
}