[data-c365-live-region] {
    transition: background-color 220ms ease;
}

.c365-live-region--updated {
    background-color: rgba(72, 208, 226, 0.025);
}

[data-c365-resource-id] {
    transition: background-color 220ms ease, opacity 180ms ease, transform 180ms ease;
}

.c365-mutation-highlight {
    background-color: rgba(72, 208, 226, 0.09) !important;
    animation: c365-mutation-arrive 240ms ease both;
}

.c365-mutation-delete {
    opacity: 0;
    transform: translateY(-4px) scale(.995);
}

@keyframes c365-mutation-arrive {
    from { opacity: 0; transform: translateY(3px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    [data-c365-live-region],
    [data-c365-resource-id],
    .c365-mutation-highlight {
        transition: none;
        animation: none;
        scroll-behavior: auto;
    }

    .c365-mutation-delete {
        transition: none;
    }
}