.image-focus-arrow {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 2200;
  transition: opacity 160ms ease;
}

.image-focus-arrow.hidden {
  opacity: 0;
}

/* The svg inside the arrow. By default the SVG provides fill/stroke red, but prefer using currentColor if you want theme control. */
.pr-focus-arrow-shape {
  display: block;
  color: #ff0000;
  filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.35));
}

/* Small helpful default for very small viewports */
@media (max-width: 420px) {
  .pr-focus-arrow-shape {
    transform: scale(0.85);
  }
}/*# sourceMappingURL=focus-arrow.css.map */