@keyframes public-page-shell-enter {
    from {
        opacity: 0.01;
        transform: translate3d(0, 10px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@media (prefers-reduced-motion: no-preference) {
    html[data-public-motion='global'] [data-public-motion-root] {
        animation: public-page-shell-enter 520ms cubic-bezier(0.22, 1, 0.36, 1);
        transform-origin: center top;
    }

    html[data-public-motion='global'].has-public-motion [data-public-motion-region] {
        opacity: 0;
        transform: translate3d(0, 14px, 0);
        transition:
            opacity 360ms ease,
            transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
        will-change: opacity, transform;
    }

    html[data-public-motion='global'].has-public-motion [data-public-motion-region].is-public-motion-visible {
        opacity: 1;
        transform: none;
        will-change: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-public-motion='global'] [data-public-motion-root],
    html[data-public-motion='global'] [data-public-motion-region] {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
}

@media print {
    html[data-public-motion='global'] [data-public-motion-root],
    html[data-public-motion='global'] [data-public-motion-region] {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
}