/* Shared motion for photo and video lightbox close icons. */
.lhw-lightbox-close {
  display: grid;
  place-items: center;
  padding: 0;
}
.lhw-lightbox-close > .lhw-close-icon {
  display: block;
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  transform: rotate(0deg);
  transform-origin: center;
  transition: transform 580ms cubic-bezier(.34, 1.56, .64, 1);
  pointer-events: none;
}
.lhw-lightbox-close:hover > .lhw-close-icon,
.lhw-lightbox-close:focus-visible > .lhw-close-icon {
  transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
  .lhw-lightbox-close > .lhw-close-icon,
  .lhw-lightbox-close:hover > .lhw-close-icon,
  .lhw-lightbox-close:focus-visible > .lhw-close-icon {
    transition: none;
    transform: none;
  }
}