/* Draw photograph navigation without the vendor icon font or fading controls. */
.rr-site .mfp-image-holder button.mfp-arrow {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    top: 50%;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .65);
    border-radius: 50%;
    background: rgba(15, 20, 25, .9);
    color: #fff;
    opacity: 1;
    visibility: visible;
    font-family: inherit;
    transform: translateY(-50%);
    animation: none;
    -webkit-animation: none;
    transition: background-color .15s, border-color .15s;
}
.rr-site .mfp-image-holder button.mfp-arrow-left { left: max(12px, env(safe-area-inset-left)); right: auto; }
.rr-site .mfp-image-holder button.mfp-arrow-right { right: max(12px, env(safe-area-inset-right)); left: auto; }
.rr-site .mfp-image-holder button.mfp-arrow::before {
    content: "";
    display: block;
    position: static;
    width: 14px;
    height: 14px;
    margin: 0;
    border: solid currentColor;
    border-width: 3px 3px 0 0;
    opacity: 1;
    pointer-events: none;
}
.rr-site .mfp-image-holder button.mfp-arrow-left::before { transform: rotate(-135deg); margin-left: 5px; }
.rr-site .mfp-image-holder button.mfp-arrow-right::before { transform: rotate(45deg); margin-right: 5px; }
.rr-site .mfp-image-holder button.mfp-arrow::after { content: none; display: none; }
.rr-site .mfp-image-holder button.mfp-arrow:hover { background: #111820; border-color: #fff; }
.rr-site .mfp-image-holder button.mfp-arrow:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 540px) {
    .rr-site .mfp-image-holder button.mfp-arrow { width: 44px; height: 44px; }
    .rr-site .mfp-image-holder button.mfp-arrow-left { left: max(8px, env(safe-area-inset-left)); }
    .rr-site .mfp-image-holder button.mfp-arrow-right { right: max(8px, env(safe-area-inset-right)); }
}