/* Shared dropdown motion. Loaded after the base and order stylesheets. */
:root {
    --nova-dropdown-ease: cubic-bezier(.22, .8, .25, 1);
    --nova-dropdown-duration: 760ms;
}

.nova-mega {
    transition: opacity 560ms ease, transform var(--nova-dropdown-duration) var(--nova-dropdown-ease), visibility 0s linear var(--nova-dropdown-duration);
}

.nova-nav__item.is-open .nova-mega {
    transition: opacity 560ms ease, transform var(--nova-dropdown-duration) var(--nova-dropdown-ease), visibility 0s;
}

.nova-mega__group > a {
    transition: background-color 240ms ease, color 240ms ease, opacity 480ms ease, transform 640ms var(--nova-dropdown-ease);
    transition-delay: 0s;
}

.nova-nav__item.is-open .nova-mega__group > a:nth-child(2) { transition-delay: 0s, 0s, 80ms, 80ms; }
.nova-nav__item.is-open .nova-mega__group > a:nth-child(3) { transition-delay: 0s, 0s, 120ms, 120ms; }
.nova-nav__item.is-open .nova-mega__group > a:nth-child(4) { transition-delay: 0s, 0s, 160ms, 160ms; }
.nova-nav__item.is-open .nova-mega__group > a:nth-child(n+5) { transition-delay: 0s, 0s, 200ms, 200ms; }

.nova-nav-scrim {
    pointer-events: none;
    transition: opacity 600ms ease, visibility 0s linear 800ms;
}

.nova-header.has-open-menu .nova-nav-scrim {
    pointer-events: auto;
    transition: opacity 600ms ease, visibility 0s;
}

.spssdh-search-select .spssdh-select-menu {
    opacity: 0;
    transform: translateY(10px);
    transform-origin: 50% 0;
    pointer-events: none;
    box-shadow: 0 16px 30px rgba(16, 24, 40, .08);
    transition: opacity 440ms ease, transform 620ms var(--nova-dropdown-ease);
}

.spssdh-search-select.is-select-open .spssdh-select-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.spssdh-select-toggle::before {
    transition: transform 620ms var(--nova-dropdown-ease);
}

.spssdh-search-select.is-select-open .spssdh-select-toggle::before {
    transform: translateY(4px) rotate(225deg);
}

.spssdh-select-menu > button {
    transition: color 220ms ease, background-color 220ms ease;
}

@media (max-width: 1180px) {
    .nova-nav {
        transition: transform 800ms var(--nova-dropdown-ease), visibility 0s linear 800ms;
    }

    .nova-header.is-mobile-open .nova-nav {
        transition: transform 800ms var(--nova-dropdown-ease), visibility 0s;
    }

    .nova-mega,
    .nova-mega--compact {
        max-height: 0;
        padding-bottom: 0;
        transform: none;
        transition: max-height var(--nova-dropdown-duration) var(--nova-dropdown-ease), padding-bottom var(--nova-dropdown-duration) var(--nova-dropdown-ease), visibility 0s linear var(--nova-dropdown-duration);
    }

    .nova-nav__item.is-open .nova-mega {
        max-height: var(--nova-panel-height, 1600px);
        padding-bottom: 17px;
        transition: max-height var(--nova-dropdown-duration) var(--nova-dropdown-ease), padding-bottom var(--nova-dropdown-duration) var(--nova-dropdown-ease), visibility 0s;
    }

    .nova-menu-toggle > span:not(.screen-reader-text),
    .nova-chevron { transition-duration: 640ms; }
}

@media (prefers-reduced-motion: reduce) {
    .nova-mega,
    .nova-nav__item.is-open .nova-mega,
    .nova-nav,
    .nova-header.is-mobile-open .nova-nav,
    .nova-nav-scrim,
    .nova-header.has-open-menu .nova-nav-scrim,
    .nova-mega__group > a,
    .nova-nav__item.is-open .nova-mega__group > a,
    .nova-chevron,
    .nova-menu-toggle > span:not(.screen-reader-text),
    .spssdh-search-select .spssdh-select-menu,
    .spssdh-select-toggle::before,
    .spssdh-select-menu > button {
        transition-duration: 0s !important;
        transition-delay: 0s !important;
    }
}