html.no-animations .perf-page *,
html.no-animations .perf-page *::before,
html.no-animations .perf-page *::after {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    scroll-behavior: auto !important;
}

html.no-animations .perf-page [style*="animation"],
html.no-animations .perf-page [style*="transition"],
html.no-animations .perf-page [style*="transform"],
html.no-animations .perf-page [style*="filter"],
html.no-animations .perf-page [style*="backdrop-filter"] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html.no-animations .perf-page .animate-fade-in,
html.no-animations .perf-page .animate-slide-up,
html.no-animations .perf-page .animate-slide-left,
html.no-animations .perf-page [class*="animate-"] {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

html.no-animations .perf-page .hero-overlay,
html.no-animations .perf-page .media-overlay,
html.no-animations .perf-page .glow,
html.no-animations .perf-page [class*="glow"],
html.no-animations .perf-page [class*="blur"] {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html.no-animations .perf-page .auth-card,
html.no-animations .perf-page .media-card,
html.no-animations .perf-page .dashboard-card,
html.no-animations .perf-page .quick-card,
html.no-animations .perf-page .quick-card-full {
    box-shadow: none !important;
}

html.no-animations .perf-page .hero-image-layer {
    background-attachment: scroll !important;
}

html.reduce-animations *,
html.reduce-animations *::before,
html.reduce-animations *::after {
    animation-duration: 0.001ms !important;
    animation-delay: 0ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    transition-delay: 0ms !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
}

html.reduce-animations [class*="mud-progress"],
html.reduce-animations [class*="mud-progress"] * {
    animation-duration: 1.4s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
}

html.reduce-animations .loading-spinner,
html.reduce-animations .loading-spinner * {
    animation-duration: 1.5s !important;
    animation-delay: 0s !important;
    animation-iteration-count: infinite !important;
}

html.reduce-animations img {
    image-rendering: auto;
}

html.reduce-animations .stat-card,
html.reduce-animations .quick-card,
html.reduce-animations .quick-card-full,
html.reduce-animations .auth-card,
html.reduce-animations .dashboard-card {
    box-shadow: none !important;
    filter: none !important;
}

html.reduce-animations .stat-icon,
html.reduce-animations [class*="glow"],
html.reduce-animations [class*="icon"] {
    filter: none !important;
}

html.reduce-animations .media-hero,
html.reduce-animations [class*="hero"] {
    animation: none !important;
    background-size: 100% 100% !important;
}

html.reduce-animations [class*="card"]:hover,
html.reduce-animations [class*="item"]:hover,
html.reduce-animations [class*="btn"]:hover,
html.reduce-animations button:hover {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}

html.reduce-animations .media-card,
html.reduce-animations .game-card {
    box-shadow: none !important;
    filter: none !important;
}