@mixin presenterIndicator() {
  &:before {
    opacity: 1;
    top: var(--user-indicators-offset);
    left: var(--user-indicators-offset);
    bottom: auto;
    right: auto;
    border-radius: 5px;
    background-color: var(--color-primary);

    [dir="rtl"] & {
      left: auto;
      right: var(--user-indicators-offset);
      letter-spacing: -.33rem;
    }
  }

  :global(.browser-chrome) &:before,
  :global(.browser-firefox) &:before,
  :global(.browser-edge) &:before {
      padding: var(--indicator-padding);
  }
}

@mixin indicatorStyles() {
  &:after {
    opacity: 1;
    width: 1.2rem;
    height: 1.2rem;
  }
}

@mixin highContrastOutline() {
  /* Visible in Windows high-contrast themes */
  outline: transparent;
  outline-style: dotted;
  outline-width: 2px;
}