.fancybox__footer {
    z-index: 9999;
}

.fancybox-image {
    cursor: grab;
}

.fancybox__container {
    --fancybox-color: black;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(255, 255, 255, 0.9);
    --accent-color: white;
    backdrop-filter: blur(2px);
}

.fancybox__nav, .fancybox__toolbar {
    --f-button-hover-bg: rgba(255, 255, 255, 0.8);
    --f-button-active-bg: rgba(255, 255, 255, 0.8);
    --f-button-bg: rgba(255, 255, 255, 0.8);
}

[data-fancybox-close] {
    background-image: url('/icon/x.svg');
}

.f-button {
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.8;
} .fancybox__nav .f-button {
    background-size: 35px;
}.fancybox__nav .f-button:hover {
    opacity: 1;
} [data-fancybox-close] {
    background-size: 25px;
}

.fancybox__nav .f-button.is-next {
    background-image: url('/icon/arrow-right.svg');
}

.fancybox__nav .f-button.is-prev {
    background-image: url('/icon/arrow-left.svg');
}

.f-button svg {
    display: none;
}

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
    border: none;
}

.is-nav-selected img {
    outline: 3px solid var(--offblack);
}

.fancybox__toolbar {
    text-shadow: unset;
}

.fancybox__infobar span {
    padding: 0 2px;
}

.fancybox__slide {
    padding: 50px;
}

.is-compact .fancybox__footer {
    background: rgba(255, 255, 255, 0.8);
}

.f-thumbs__slide {
    width: unset;
    height: unset;
    margin: unset !important;
}

.f-thumbs__track {
    gap: var(--m-gap);
}

.f-thumbs__slide__button {
    width: unset;
    height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
}

.f-thumbs__slide__img {
    position: relative;
    object-fit: contain;
    max-height: var(--f-thumb-height);
    max-width: var(--f-thumb-height);
    width: auto;
    height: auto;
}