:is(.mgsp__gallery-arrow, media-gallery slideshow-arrows .slideshow-control) svg {
  visibility: hidden;
}

:is(.mgsp__gallery-arrow, media-gallery slideshow-arrows .slideshow-control)::after {
  content: '';
  position: absolute;
  inset: 50% auto auto 50%;
  width: 28px;
  height: 28px;
  transform: translate(-50%, -50%);
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}

.mgsp__gallery-arrow.mgsp__gallery-arrow--prev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
media-gallery slideshow-arrows .slideshow-control {
  position: relative;
}
:is(.mgsp .mgsp__gallery-arrow, media-gallery slideshow-arrows .slideshow-control),
html[data-darkreader-mode="dynamic"][data-darkreader-scheme="dark"] :is(.mgsp .mgsp__gallery-arrow, media-gallery slideshow-arrows .slideshow-control) {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
}