.vp-fancybox {
    --vp-popup--thumbnails-horizontal__size: calc(var(--vp-popup--thumbnails__size)/var(--vp-popup--thumbnails__aspect-ratio))
}

.vp-fancybox.fancybox-show-thumbs.vp-fancybox-thumbs-horizontal .fancybox-inner {
    bottom: var(--vp-popup--thumbnails-horizontal__size);
    right: 0
}

.vp-fancybox.fancybox-show-thumbs.vp-fancybox-thumbs-horizontal .fancybox-thumbs {
    height: var(--vp-popup--thumbnails-horizontal__size);
    left: 0;
    top: auto;
    width: 100%
}

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

.vp-fancybox.fancybox-show-thumbs.vp-fancybox-thumbs-horizontal .fancybox-thumbs-x::-webkit-scrollbar {
    height: var(--vp-popup--thumbnails--scrollbar__size)
}

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

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