/* DRAFT watermark. Included only when DRAFT_WATERMARK=true.
   Painted over the page so it stays visible. draft.png is used as a
   mask; the fill colour comes from --md-draft-watermark-color. */

.md-main::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--md-draft-watermark-color, #5585d8);
  -webkit-mask-image: url("../images/draft.png");
  mask-image: url("../images/draft.png");
  -webkit-mask-mode: alpha;
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center 40%;
  mask-position: center 40%;
  -webkit-mask-size: min(45vw, 750px);
  mask-size: min(45vw, 750px);
  opacity: 0.22;
  pointer-events: none;
  z-index: 2;
}