.vp-pswp,
.vp-fancybox {
    --vp-popup__z-index: 1500;
    --vp-popup--thumbnails__size: 160px;
    --vp-popup--thumbnails__aspect-ratio: 10 / 7;
    --vp-popup--thumbnails__background-color: #1e1e1e;
    --vp-popup--thumbnails--items__border-color: var(--vp-color-brand);
    --vp-popup--thumbnails--scrollbar__size: 7px;
    --vp-popup--thumbnails--scrollbar-track__background-color: #1f1f1f;
    --vp-popup--thumbnails--scrollbar-thumb__background-color: #424242;
    --vp-popup--thumbnails--scrollbar-thumb__border-radius: 10px
}

.vp-fancybox {
    z-index: var(--vp-popup__z-index)
}

body.admin-bar .vp-fancybox {
    top: 32px;
    height: calc(100% - 32px)
}

@media screen and (max-width: 782px) {
    body.admin-bar .vp-fancybox {
        top: 42px;
        height: calc(100% - 42px)
    }
}

@media screen and (max-width: 600px) {
    body.admin-bar .vp-fancybox {
        top: 0;
        height: 100%
    }
}

.vp-fancybox .fancybox-caption__body {
    font-size: 7pt;
    color: #fff
}

.vp-fancybox .fancybox-caption__body h3 {
    color: inherit;
    font-size: 7pt;
}

.vp-fancybox .fancybox-caption__body a {
    color: inherit
}

.vp-fancybox .fancybox-caption__body a:hover {
    opacity: .8
}

.vp-fancybox .fancybox-caption__body .vp-portfolio__item-meta-title {
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 7px;
    color: inherit
}

.vp-fancybox .fancybox-caption__body .vp-portfolio__item-meta-title a {
    text-decoration: none
}

.vp-fancybox .fancybox-thumbs {
    width: var(--vp-popup--thumbnails__size);
    background: var(--vp-popup--thumbnails__background-color)
}

.vp-fancybox.fancybox-show-thumbs .fancybox-inner {
    right: var(--vp-popup--thumbnails__size)
}

.vp-fancybox .fancybox-thumbs__list a {
    width: var(--vp-popup--thumbnails__size);
    max-width: calc(100% - 4px);
    height: calc(var(--vp-popup--thumbnails__size) / calc(var(--vp-popup--thumbnails__aspect-ratio)))
}

.vp-fancybox .fancybox-thumbs__list a::before {
    border: 2px solid var(--vp-popup--thumbnails--items__border-color)
}

@supports(aspect-ratio: 16/9) {
    .vp-fancybox .fancybox-thumbs__list a {
        width: calc(100% - 4px);
        max-width: none;
        height: auto;
        max-height: none;
        aspect-ratio: var(--vp-popup--thumbnails__aspect-ratio)
    }
}

.vp-fancybox .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: var(--vp-popup--thumbnails--scrollbar__size)
}

.vp-fancybox .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: var(--vp-popup--thumbnails--scrollbar-track__background-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

.vp-fancybox .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: var(--vp-popup--thumbnails--scrollbar-thumb__background-color);
    border-radius: var(--vp-popup--thumbnails--scrollbar-thumb__border-radius)
}