.fancybox__container {
    backdrop-filter: blur(7px);
    --fancybox-bg: rgb(0 0 0 / .7);
}

.fancybox__toolbar {
    --f-button-bg: rgba(24, 24, 27, 0);
}

.fancybox__content {
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

button.f-button.is-next {
    height: 50px;
    width: 50px;
}

.f-button svg {
    color: rgba(255, 255, 255, 0.6);
    width: 50px;
    height: 50px;
}

.f-carousel.has-dots {
    position: relative;
    margin-bottom: unset;
}

ul.f-carousel__dots {
    z-index: 10;
    position: absolute;
    bottom: 0;
    width: calc(100% - 80px);
    left: 50%;
    transform: translate(-50%, 0%);
}

.f-carousel__dots li button {
    width: 16px;
}

span.f-carousel__dot {
    color: white;
}