.psv-hud {
  position: absolute;
  z-index: $hud-zindex;
  width: 100%;
  height: 100%;

  .psv-marker:not(.svg-marker) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: $marker-zindex;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;

    &.transparent {
      display: block;
      opacity: 0;
    }

    &.visible {
      display: block;
    }
  }

  .psv-svg-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: $polygon-marker-zindex;

    .svg-marker {
      @include user-select(none);
      cursor: pointer;
      display: none;

      &.visible {
        display: block;
      }
    }
  }
}