/* Keep the public navigation still while the browser blends page content. */
html,
body {
    animation: none;
}

@media (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }

    .header {
        view-transition-name: ming-public-header;
    }

    .cookie_hint {
        view-transition-name: ming-public-cookies;
    }

    ::view-transition-group(root),
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation-duration: 240ms;
        animation-timing-function: cubic-bezier(.45, 0, .55, 1);
    }

    ::view-transition-group(ming-public-header) {
        z-index: 1;
        animation: none;
    }

    ::view-transition-group(ming-public-cookies) {
        z-index: 2;
        animation: none;
    }

    ::view-transition-old(ming-public-header),
    ::view-transition-old(ming-public-cookies) {
        display: none;
    }

    ::view-transition-new(ming-public-header),
    ::view-transition-new(ming-public-cookies) {
        animation: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    @view-transition {
        navigation: none;
    }

    .logo_animation_back {
        display: none;
    }

    .intro .segment_hero {
        transform: none;
        transition: none;
    }
}