/* Accessibility fallbacks not covered by the unmodified Demo1 stylesheet. */
@layer components {
    button:where(:not(.kt-btn)):focus-visible,
    a:where(:not(.kt-btn)):focus-visible,
    .layout-admin-sidebar button:focus-visible,
    .layout-admin-sidebar a:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: 2px;
    }

    @media (prefers-reduced-motion: reduce) {
        .kt-skeleton,
        [data-mtr-loading] .animate-spin {
            animation: none !important;
        }
        .demo1 .kt-wrapper,
        .demo1 .kt-header,
        .demo1 .layout-admin-sidebar {
            transition: none !important;
        }
    }
}