.pswp.retuku-lightbox {
    --pswp-bg: #111;
    --pswp-placeholder-bg: #181818;
    z-index: 100000;
}

/*
 * The parent theme globally limits every image to max-height: 100%. A
 * PhotoSwipe zoom wrapper intentionally has zero layout height and is moved by
 * transforms, so that global rule collapses the full-size image to 0px.
 */
.pswp.retuku-lightbox img.pswp__img {
    max-width: none;
    max-height: none;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    object-fit: contain;
    vertical-align: top;
}

.pswp.retuku-lightbox .pswp__button {
    width: 44px;
    height: 44px;
    margin: 8px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background-color: rgba(17, 17, 17, .58);
    box-shadow: none;
}

.pswp.retuku-lightbox .pswp__button:hover,
.pswp.retuku-lightbox .pswp__button:focus-visible {
    background-color: var(--theme-color, #ff8f70);
}

.pswp.retuku-lightbox .pswp__button:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

.pswp.retuku-lightbox .pswp__counter {
    height: 44px;
    margin: 8px 0 0 12px;
    color: #fff;
    font-size: 14px;
    line-height: 44px;
    opacity: .9;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .55);
}

@media (max-width: 767px) {
    .pswp.retuku-lightbox .pswp__button {
        margin-top: max(6px, env(safe-area-inset-top));
        margin-right: 6px;
    }

    .pswp.retuku-lightbox .pswp__counter {
        margin-top: max(6px, env(safe-area-inset-top));
    }
}

@media (prefers-reduced-motion: reduce) {
    .pswp.retuku-lightbox,
    .pswp.retuku-lightbox * {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}

/*
 * Nothing floats over a photograph being looked at.
 *
 * The support widget sits at z-index 999980, an order of magnitude above the
 * lightbox, so the avatar stayed lit in the bottom corner of every full-screen
 * image. Raising the lightbox instead of lowering the widget keeps the widget's
 * relationship to everything else on the page unchanged.
 *
 * The image is height-limited -- a 2:3 portrait can only be as tall as the
 * screen -- so what is left to win here is the absence of distractions, not
 * more pixels.
 */
.pswp.retuku-lightbox {
    z-index: 1000000;
}