.fancybox__container.my-custom-fancybox {

}

.fancybox__container.my-custom-fancybox .fancybox__backdrop {
    background-color: var(--brand-white-primary-64);
    backdrop-filter: blur(12px);
}

.fancybox__container.my-custom-fancybox .fancybox__toolbar {
    top: 40px;
    box-sizing: border-box;
    padding: 0 40px;
}
@media only screen and (max-width: 1279px) {
    .fancybox__container.my-custom-fancybox .fancybox__toolbar {
        top: 32px;
        padding: 0 24px;
    }
}
@media only screen and (max-width: 766px) {
    .fancybox__container.my-custom-fancybox .fancybox__toolbar {
        top: 32px;
        padding: 0 16px;
    }
}

.fancybox__container.my-custom-fancybox .fancybox__toolbar .f-button {
    color: var(--brand-blue-primary);
    background: transparent;
    box-shadow: none;
    width: 24px;
    height: 24px;
}

@media(hover: hover) {
    .fancybox__container.my-custom-fancybox .fancybox__toolbar .f-button:hover:not([disabled]) {
        color:var(--brand-orange-primary);
        background-color: transparent;
    }
}

.fancybox__container.my-custom-fancybox .fancybox__toolbar .f-button svg {
    width: 20px;
    height: 20px;
}

.fancybox__container.my-custom-fancybox .fancybox__slide {

}
@media only screen and (max-width: 766px) {
    .fancybox__container.my-custom-fancybox .fancybox__slide {
        padding: 16px;
    }
}