.fancybox-color-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(80vw, 640px);
    height: min(80vh, 640px);
}

.fancybox-color-square {
    width: min(60vw, 380px);
    aspect-ratio: 1 / 1;
}

.fancybox-color-slide [data-fancybox-close] {
    position: fixed !important;
    right: 24px !important;
    top: 24px !important;

    --f-button-width: 65px!important;
    --f-button-height: 65px!important;;
    --f-button-border-radius: 0px!important;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
}