html.with-fancybox,
html.with-fancybox body.hide-scrollbar {
    overflow: clip !important;
}

.fancybox__container {
    /* Backdrop */
    --fancybox-backdrop-bg: var(--fx-color-overlay-bg);

    /* HTML */
    --f-html-padding: 0rem;
    
    /* Close Button */
    --f-close-button-width: 1.6875rem;
    --f-close-button-height: 1.6875rem;
    --f-close-button-svg-stroke-width: 1.75;
    --f-close-border-radius: 50%;
    --f-close-button-color: var(--fx-color-sky-blue);
    --f-close-button-hover-color: var(--fx-color-white);
    --f-close-button-bg: var(--fx-color-light-sky-dark);
    --f-close-button-hover-bg: var(--fx-color-sky-blue);
    --f-close-button-active-bg: var(--fx-color-sky-blue);;
}

.fancybox__slide.has-html {
    padding: 0;
    transform: none !important;
}

.f-html,
.has-html5video .f-html,
.has-youtube .f-html,
.has-vimeo .f-html {
    margin: 0 auto;
    padding: 2.75rem 1.375rem;
    width: calc(100vw - 2.75rem);
    max-width: 20.25rem;
    background-color: var(--fx-color-white);
    border-radius: var(--fx-border-radius);
}

.f-iframe {
    border-radius: var(--fx-border-radius);
}

.f-button.is-close-button {
    top: 0.75rem;
    right: 0.75rem;
    font-size: 0.625rem;
}

@media (min-width: 768px) {
    .fancybox__container {
        /* Close Button */
        --f-close-button-width: 1.875rem;
        --f-close-button-height: 1.875rem;
    }

    .f-html,
    .has-html5video .f-html,
    .has-youtube .f-html,
    .has-vimeo .f-html {
        padding: 2.75rem 1.6875rem;
        max-width: 41.5rem;
    }

    .f-button.is-close-button {
        top: 1.125rem;
        right: 1.125rem;
        font-size: 1.125rem;
    }
}

@media (min-width: 1200px) {
    .fancybox__container {
        /* Close Button */
        --f-close-button-width: 2.5rem;
        --f-close-button-height: 2.5rem;
    }

    .f-html,
    .has-html5video .f-html,
    .has-youtube .f-html,
    .has-vimeo .f-html {
        padding: 3.125rem 2.625rem;
        max-width: 65.3125rem;
    }
    
    .f-button.is-close-button {
        top: 0.625rem;
        right: 0.8125rem;
        font-size: 1.125rem;
    }
}