/*
  Loaded last. Navigation between app routes must feel native and anchored:
  no page fade, slide, blur, scale, delayed paint, or drawer re-entry motion.
  Local interactions such as hover, menus, dialogs, and popovers keep their own
  scoped motion in their component styles.
*/

.mud-layout,
.mud-main-content,
.app-main-content,
.app-content-canvas,
.app-content-canvas > *,
.app-page,
.app-page-shell,
.app-page-shell-header,
.app-page-shell-body,
.page-shell,
.content-narrow,
.content-standard,
.content-wide,
.content-full,
.dayplan-page,
.ios-calendar-page,
.shopping-page,
.maintenance-page,
.contacts-page,
.notes-page,
.profile-page,
.schoolrunsweek-page,
.settings-page,
.setup-page {
    animation-name: none !important;
    animation-duration: 0ms !important;
    transition-property: none !important;
    transition-duration: 0ms !important;
    transform: none !important;
    filter: none !important;
}

.mud-layout *,
.mud-main-content *,
.app-main-content *,
.app-content-canvas * {
    scroll-behavior: auto !important;
}

.app-drawer,
.mud-drawer.app-drawer,
.mud-drawer.app-drawer.mud-drawer-responsive,
.mud-drawer.app-drawer.mud-drawer-persistent,
.mud-drawer.app-drawer .mud-drawer-content,
.mud-drawer-content.app-drawer {
    animation-name: none !important;
    animation-duration: 0ms !important;
    transition-property: background, background-color, border-color, box-shadow, color !important;
}

@media (min-width: 1024px) {
    .mud-drawer.app-drawer,
    .mud-drawer.app-drawer .mud-drawer-content {
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

.mud-drawer.app-drawer .mud-nav-link,
.mud-drawer.app-drawer .mud-nav-group,
.mud-drawer.app-drawer .mud-nav-item {
    animation-name: none !important;
}

.app-route-loading-state {
    display: none !important;
}