/* ErosBerry-specific additions to the separately supplied PhotoSwipe CSS. */
.pswp.pswp--eb-gallery {
    --pswp-bg: #080808;
    --pswp-root-z-index: 10020;
    z-index: 10020;
}
.pswp--eb-gallery .pswp__top-bar { height: 60px; }
.pswp--eb-gallery .pswp__counter { margin-right: auto; }
.pswp--eb-gallery .pswp__preloader {
    position: absolute;
    top: 60px;
    right: 8px;
    margin: 0;
}
.pswp--eb-gallery .pswp__button--eb-slideshow,
.pswp--eb-gallery .pswp__button--eb-download,
.pswp--eb-gallery .pswp__button--eb-fullscreen {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 50px;
    width: 50px;
    height: 60px;
    color: #fff;
    font: 600 14px/1 Arial, sans-serif;
    text-decoration: none;
}
.pswp--eb-gallery .eb-lightbox-toolbar-icon { display: block; width: 24px; height: 24px; }
.pswp--eb-gallery .pswp__button:focus-visible { outline: 2px solid #f347f6; outline-offset: -4px; }
.pswp--eb-gallery .pswp__button[aria-pressed="true"] { color: #f6a4f7; }
.pswp--eb-gallery .pswp__button[aria-busy="true"] { opacity: .5; cursor: progress; }
.pswp--eb-gallery:fullscreen { width: 100%; height: 100%; background: #080808; }
.pswp--eb-gallery:-webkit-full-screen { width: 100%; height: 100%; background: #080808; }
.pswp--eb-gallery .pswp__eb-notice {
    position: absolute;
    right: 12px;
    bottom: max(64px, calc(env(safe-area-inset-bottom) + 56px));
    left: 12px;
    z-index: 20;
    width: fit-content;
    max-width: calc(100% - 24px);
    margin: 0 auto;
    padding: 8px 12px;
    border-radius: 6px;
    background: #222;
    color: #eee;
    font: 14px/1.4 Arial, sans-serif;
    text-align: center;
    pointer-events: auto;
}
.pswp--eb-gallery .pswp__eb-notice[hidden] { display: none; }
.pswp--eb-gallery .pswp__eb-notice--no-sponsor { bottom: max(12px, env(safe-area-inset-bottom)); }
.pswp--eb-gallery .pswp__eb-notice a { color: #f6a4f7; text-decoration: underline; }
.pswp--eb-gallery .pswp__eb-sponsor {
    position: absolute;
    right: 12px;
    bottom: max(8px, env(safe-area-inset-bottom));
    left: 12px;
    display: flex;
    justify-content: center;
    pointer-events: auto;
}
.pswp--eb-gallery .pswp__eb-sponsor a {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    height: 40px;
    overflow: hidden;
    padding: 10px 16px;
    border-radius: 8px;
    background: #d122d4;
    color: #fff;
    font: 600 14px/20px Arial, sans-serif;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pswp--eb-gallery .eb-lightbox-message {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    padding: 64px 16px;
    color: #eee;
    font: 16px/1.5 Arial, sans-serif;
    text-align: center;
}
.pswp--eb-gallery .eb-lightbox-message p { margin: 0; }
.pswp--eb-gallery .eb-lightbox-message a { color: #f6a4f7; text-decoration: underline; }
.pswp--eb-gallery .eb-lightbox-spinner {
    box-sizing: border-box;
    display: block;
    width: 32px;
    height: 32px;
    border: 3px solid #555;
    border-top-color: #f347f6;
    border-radius: 50%;
    animation: eb-lightbox-spin .8s linear infinite;
}
#eb-gallery .thumb-link[aria-busy="true"] { cursor: progress; opacity: .75; }
.eb-lightbox-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    margin: -1px;
    padding: 0;
    border: 0;
    clip-path: inset(50%);
    white-space: nowrap;
}
@keyframes eb-lightbox-spin { to { transform: rotate(360deg); } }
@media (max-width: 480px) {
    .pswp--eb-gallery .pswp__top-bar > .pswp__button { flex: 0 0 44px; width: 44px; margin: 0; }
    .pswp--eb-gallery .pswp__counter { margin-inline-start: 8px; font-size: 12px; }
    .pswp--eb-gallery .pswp__button .pswp__icn { left: 6px; }
}
@media (prefers-reduced-motion: reduce) {
    .pswp--eb-gallery .eb-lightbox-spinner { animation: none; }
}