body .fancybox__container {
    --f-button-bg: transparent;
    --f-button-width: 60px;
    --f-button-height: 60px;
    --f-button-svg-width: 50px;
    --f-button-svg-height: 50px;

    --fancybox-backdrop-bg: rgba(0, 0, 0, 0.5);

    --f-arrow-bg: var(--f-button-bg);
    --f-arrow-width: 60px;
    --f-arrow-height: 60px;
    --f-arrow-svg-width: 50px;
    --f-arrow-svg-height: 50px;

}

/**
 * Fancybox
 */
.fancybox-infobar {
    color: #000000;
    height: 50px;
    min-width: 50px;
    font-size: 16px;
    line-height: 50px;
    mix-blend-mode: unset;
    background-color: unset;
}

.fancybox-caption {
    color: #ffffff;
    font-size: 16px;
    background: none transparent;
}

/* Buttons */
.fancybox-button,
.fancybox-navigation .fancybox-button {
    color: #000000;
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    background-color: unset;
}

.fancybox-button svg {
    height: 30px;
}

.fancybox-navigation .fancybox-button {
    top: 50%;
    height: 100px;
    font-size: 34px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 100px;
}

.fancybox-navigation .fancybox-button svg {
    height: 50px;
}

.fancybox-slide--image {
    padding: 50px 0;
}

.fancybox__content > .f-button.is-close-btn {
    opacity: 1;
}