.vp-fancybox,
.vp-pswp {
    --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 {
    height: calc(100% - var(--wp-admin--admin-bar--height, 0px));
    top: var(--wp-admin--admin-bar--height, 0);
    z-index: var(--vp-popup__z-index)
}

.vp-fancybox .fancybox-slide--iframe .fancybox-content {
    background: none
}

.vp-fancybox .fancybox-caption__body {
    color: #fff;
    font-size: 12px
}

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

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

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

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

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

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

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

.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 {
        aspect-ratio: var(--vp-popup--thumbnails__aspect-ratio);
        height: auto;
        max-height: none;
        max-width: none;
        width: calc(100% - 4px)
    }
}

.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);
    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)
}