.fancybox__container {
    --fancybox-bg:rgba(24, 24, 27, 0.85);
}

/* thumbnail */
.f-thumbs__slide__button img.f-thumbs__slide__img {
    display:block; width:100%; min-width:100%;
    max-width:100%; height:100%; min-height:100%;
    max-height:100%; object-fit:cover; object-position:center;
}

/* video size */
.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    height:90vh;
}

/* arrow */
.fancybox__nav .f-button {
    --f-button-width:37px;
    --f-button-height:37px;
    --f-button-bg:#fff;
    --f-button-hover-bg:transparent;

    border:1px solid #fff; color:var(--vii-color-primary);
}
.fancybox__nav .f-button svg {display:none;}
.fancybox__nav .f-button:after {
    font-family:var(--vii-font-icomoon); font-size:16px;
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
}
.fancybox__nav .f-button.is-prev:after {content:"\e926";}
.fancybox__nav .f-button.is-next:after {content:"\e927";}
.fancybox__nav .f-button:hover,
.fancybox__nav .f-button:focus {color:#fff; background:rgba(0,0,0,0);}
.fancybox__nav .f-button:focus-visible {border-radius:50%;}