.uoph-overlay--fullscreen {
    --uoph-fullscreen-overlay-duration: 220ms;
    --uoph-fullscreen-overlay-easing: cubic-bezier(0.2, 0, 0, 1);
    --uoph-fullscreen-overlay-surface: #fff;
    --uoph-fullscreen-overlay-ink: #191816;
    --uoph-fullscreen-content-max: 48rem;

    position: fixed !important;
    inset: 0 !important;
    z-index: 100250;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100vw !important;
    inline-size: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    block-size: 100vh !important;
    block-size: 100dvh !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    min-block-size: 100vh !important;
    min-block-size: 100dvh !important;
    max-width: none !important;
    max-inline-size: none !important;
    max-height: none !important;
    max-block-size: none !important;
    margin: 0 !important;
    padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--uoph-fullscreen-overlay-ink) !important;
    background: var(--uoph-fullscreen-overlay-surface) !important;
    background-color: var(--uoph-fullscreen-overlay-surface) !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity var(--uoph-fullscreen-overlay-duration) var(--uoph-fullscreen-overlay-easing),
        visibility 0s linear var(--uoph-fullscreen-overlay-duration) !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box !important;
}

.uoph-overlay--fullscreen[hidden] {
    display: none !important;
}

.uoph-overlay--fullscreen.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s !important;
}

.uoph-auth-overlay.uoph-overlay--fullscreen {
    --uoph-fullscreen-content-max: 36rem;
}

.uoph-cookie-consent__preferences.uoph-overlay--fullscreen {
    --uoph-fullscreen-content-max: 44rem;
}

.uoph-digital-twins__owner-access-overlay.uoph-overlay--fullscreen {
    --uoph-fullscreen-content-max: 45rem;
}

.uoph-collections__overlay.uoph-overlay--fullscreen {
    --uoph-fullscreen-content-max: 48rem;
}

.uoph-collections__checkout-overlay.uoph-overlay--fullscreen {
    --uoph-fullscreen-content-max: 72rem;
}

.uoph-collections__share-overlay.uoph-overlay--fullscreen {
    --uoph-fullscreen-content-max: 33.15rem;
}

.uoph-price-preview__dialog.uoph-overlay--fullscreen {
    --uoph-fullscreen-content-max: 34rem;
}

.uoph-overlay--fullscreen > :is(
    .uoph-auth-window,
    .uoph-cookie-consent__panel,
    .uoph-digital-twins__owner-access-window,
    .uoph-collections__overlay-dialog,
    .uoph-collections__checkout-dialog,
    .uoph-collections__share-dialog,
    .uoph-price-preview__panel
) {
    position: relative !important;
    flex: 0 0 auto;
    width: min(var(--uoph-fullscreen-content-max), 100%) !important;
    inline-size: min(var(--uoph-fullscreen-content-max), 100%) !important;
    min-height: 0 !important;
    min-block-size: 0 !important;
    max-width: var(--uoph-fullscreen-content-max) !important;
    max-inline-size: var(--uoph-fullscreen-content-max) !important;
    max-height: none !important;
    max-block-size: none !important;
    margin-block: auto !important;
    margin-inline: auto !important;
    overflow: visible !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    box-sizing: border-box !important;
}

html body .uoph-overlay--fullscreen.uoph-overlay--fullscreen [data-uoph-scroll-fade-button] {
    position: fixed !important;
    inset-block-start: max(1rem, env(safe-area-inset-top)) !important;
    inset-inline-end: max(1rem, env(safe-area-inset-right)) !important;
    z-index: 10 !important;
    color: var(--uoph-fullscreen-overlay-ink) !important;
    border-color: var(--uoph-fullscreen-overlay-ink) !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

body.uoph-price-preview-open {
    overflow: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
    .uoph-overlay--fullscreen,
    .uoph-overlay--fullscreen > :is(
        .uoph-auth-window,
        .uoph-cookie-consent__panel,
        .uoph-digital-twins__owner-access-window,
        .uoph-collections__overlay-dialog,
        .uoph-collections__checkout-dialog,
        .uoph-collections__share-dialog,
        .uoph-price-preview__panel
    ) {
        scroll-behavior: auto !important;
        transition: none !important;
        animation: none !important;
    }
}