/* HI watermark — SVG path is relative to this CSS file */

.reveal .slide-background {
  background-color: var(--paper) !important;
  overflow: hidden;
  --watermark-image: url("../img/hi/hi_logo.svg");
  --watermark-color: var(--panel);
  --watermark-size: 820px;
  --watermark-right: -230px;
  --watermark-top: 96px;
}

.reveal .slide-background::after {
  content: "";
  position: absolute;
  right: var(--watermark-right);
  top: var(--watermark-top);
  width: var(--watermark-size);
  height: var(--watermark-size);
  background-color: var(--watermark-color);
  mask-image: var(--watermark-image);
  -webkit-mask-image: var(--watermark-image);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  mask-size: contain;
  -webkit-mask-size: contain;
  pointer-events: none;
}

/* Title and focus slides: teal background, same-size blue watermark */
.reveal .slide-background.title-slide,
.reveal .slide-background.focus-slide {
  --watermark-color: var(--blue);
}