/* Dropgame XField gallery — PhotoSwipe 5.4.4 */

.dg-pswp-root {
    --pswp-bg: transparent;
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: rgba(0, 0, 0, .55);
}

.dg-pswp-root .pswp__bg {
    background: transparent !important;
}

.dg-pswp-root .pswp__img {
    border-radius: 8px;
    box-shadow: 0 12px 42px rgba(0, 0, 0, .28);
}

.dg-pswp-root .pswp__button--arrow--prev,
.dg-pswp-root .pswp__button--arrow--next {
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    background: rgba(20, 25, 30, .76) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    opacity: 1;
}

.dg-pswp-root .pswp__button--arrow--prev:hover,
.dg-pswp-root .pswp__button--arrow--next:hover {
    background: rgba(20, 25, 30, .92) !important;
}

.dg-pswp-root .pswp__button--close,
.dg-pswp-root .pswp__button--zoom {
    background: rgba(20, 25, 30, .62);
    border-radius: 50%;
    margin: 8px 6px 0 0;
}

.dg-pswp-root .pswp__counter {
    text-shadow: 0 1px 4px rgba(0, 0, 0, .7);
}

@media (max-width: 699px) {
    .dg-pswp-root .pswp__button--arrow--prev,
    .dg-pswp-root .pswp__button--arrow--next {
        width: 42px !important;
        height: 42px !important;
    }

    .dg-pswp-root .pswp__img {
        border-radius: 4px;
    }
}