
html.ui-lite,
html.ui-lite *,
html.ui-lite *::before,
html.ui-lite *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
    scroll-behavior: auto !important;
}

html.ui-lite body,
html.ui-lite body :not(code, pre, kbd, samp, textarea, [style*="font-family"]) {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

html.ui-lite *,
html.ui-lite *::before,
html.ui-lite *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
    text-shadow: none !important;
}

html.ui-lite *:not(input, textarea, select),
html.ui-lite *::before,
html.ui-lite *::after {
    box-shadow: none !important;
}

html.ui-lite :focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 2px !important;
}

html.ui-lite :is(.color-swatch, .color-swatch-custom).is-selected {
    outline: 2px solid rgb(var(--fg)) !important;
    outline-offset: 2px !important;
}

html.ui-lite body,
html.ui-lite body.capsule-active .page-capsule {
    background-image: none !important;
}

html.ui-lite #home-widgets {
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

html.ui-lite.capsule-pending body {
    visibility: visible !important;
}

html.ui-lite :is(body, .bg-host):is(.bg-lines-on, .bg-dots-on, .bg-grid-on, .bg-cubes-on, .bg-topo-on, .bg-floor-on, .bg-wave-on)::before,
html.ui-lite :is(body, .bg-host):is(.bg-lines-on, .bg-dots-on, .bg-grid-on, .bg-cubes-on, .bg-topo-on, .bg-floor-on, .bg-wave-on)::after,
html.ui-lite .page-capsule-bg-line,
html.ui-lite #__meva_wallpaper_layer,
html.ui-lite #bg-shapes,
html.ui-lite #bg-fx-canvas,
html.ui-lite #bg-fx-glow,
html.ui-lite #bg-fx-vignette,
html.ui-lite .grain,
html.ui-lite .ms-dot,
html.ui-lite .ms-ring,
html.ui-lite .brand-section::before,
html.ui-lite .brand-section::after,
html.ui-lite .app-card::after,
html.ui-lite .pro-anim-glow,
html.ui-lite .bg-glow {
    display: none !important;
}

html.ui-lite::view-transition-group(*),
html.ui-lite::view-transition-old(*),
html.ui-lite::view-transition-new(*) {
    animation: none !important;
}
