.f-button {
    --f-button-width: 32px;
    --f-button-height: 32px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: color-mix(in srgb, var(--color-muted) 80%, transparent);
    --f-button-hover-color: color-mix(in srgb, var(--color-muted) 100%, transparent);
    --f-button-bg: color-mix(in srgb, var(--color-muted) 12%, transparent);
    --f-button-hover-bg: color-mix(in srgb, var(--color-muted) 24%, transparent);
    --f-button-shadow: none;
    --f-button-transition: all var(--ease);
    --f-button-transform: none;
    --f-button-svg-width: 16px;
    --f-button-svg-height: 16px;
    --f-button-svg-stroke-width: 2.4;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-opacity: 1;
    --f-button-svg-disabled-opacity: 0.5;
    --f-button-svg-transition: opacity var(--ease);
    --f-button-svg-transform: none;
}

.f-thumbs {
    --f-thumbs-gap: 8px;
    --f-thumbs-margin: 0;
    --f-thumbs-padding-x: 8px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-bg: transparent;
    --f-thumbs-transition: max-height var(--ease), max-width var(--ease), padding var(--ease);
    --f-thumbs-z-index: 1;
    --f-thumbs-viewport-padding-x: 0;
    --f-thumbs-viewport-padding-y: 0;
    --f-thumb-width: 60px;
    --f-thumb-height: 60px;
    --f-thumb-clip-width: 46px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-opacity: 0.4;
    --f-thumb-transition: opacity var(--ease), transform 0.15s ease;
    --f-thumb-border: none;
    --f-thumb-border-radius: 12px;
    --f-thumb-shadow: none;
    --f-thumb-focus-shadow: none;
    --f-thumb-selected-shadow: none;
    --f-thumb-border-transition: all 0.1s ease;
    --f-thumb-img-width: 100%;
    --f-thumb-img-height: 100%;
    --f-thumb-img-fit: cover;
    --f-thumb-img-position: 50% 20%;
}

.f-carousel__toolbar__column.is-right {
    border-radius: 50%;
    backdrop-filter: blur(0px) !important;
    transition: all var(--ease);
}

.fancybox__container {
    --fancybox-color: var(--color-text) !important;
    --fancybox-backdrop-bg: color-mix(in srgb, var(--color-background) 94%, transparent) !important;
    --f-toolbar-padding: 32px !important;
    --f-caption-padding: 16px !important;
    backdrop-filter: blur(0px) !important;
    transition: all var(--ease);
}

img.f-panzoom__content {
    width: auto;
    height: auto;
    overflow: hidden !important;
    border-radius: 4px !important;
    object-fit: contain;
    user-select: none;
    vertical-align: middle !important;
}

.f-panzoom__wrapper {
    max-width: 80% !important;
    max-height: 80% !important;
    margin-top: 0 !important;
}

.f-caption {
    align-self: center;
    flex-shrink: 0;
    max-width: 45% !important;
    margin: var(--f-caption-margin);
    overflow: auto;
    overflow-wrap: anywhere;
    padding-bottom: 0 !important;
    color: var(--f-caption-color);
    font: var(--f-caption-font);
    line-height: var(--f-caption-line-height);
    text-align: center;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

@media (max-width: 640px) {
    .f-caption {
        max-width: 75% !important;
        text-align: center;
        font-size: 12px !important;
    }
}

.f-spinner {
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
}

.fancybox__footer {
    display: none !important;
}