/* Photo buttons keep the existing image layout and zoom cursor. */
#sliderModal.open {
    /* Visibility must change immediately so the close button can take focus.
       Keep the existing opacity fade; do not animate visibility on opening. */
    transition-property: opacity;
}

.card-slider button.card-gallery-open {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 0;
    appearance: none;
}

.card-slider button.card-gallery-open:focus-visible {
    outline: 3px solid #222;
    outline-offset: -3px;
}

#sliderModal button.slider-modal-close {
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    appearance: none;
}

#sliderModal button:focus-visible,
#sliderModal a:focus-visible,
#sliderModal [tabindex="0"]:focus-visible {
    outline: 2px solid #222;
    outline-offset: -2px;
}