html.theme-switching *,
html.theme-switching *::before,
html.theme-switching *::after {
    transition-property: color, background-color, background, border-color, box-shadow, outline-color, fill, stroke !important;
    transition-duration: 0.3s !important;
    transition-timing-function: ease !important;
}

html[data-model-theme="flash"] .bg-pink-50,
html[data-model-theme="flash"] .hover\:bg-pink-50:hover,
html[data-model-theme="flash"] .bg-pink-50\/30 {
    background-color: rgb(var(--color-theme-light-rgb) / var(--tw-bg-opacity, 1));
}

html[data-model-theme="flash"] .bg-pink-50\/30 {
    --tw-bg-opacity: 0.3;
}

html[data-model-theme="flash"] .hover\:bg-pink-100:hover {
    background-color: rgb(var(--color-theme-light-rgb));
}

html[data-model-theme="flash"] .border-pink-100,
html[data-model-theme="flash"] .border-pink-200,
html[data-model-theme="flash"] .border-pink-300 {
    border-color: rgb(var(--color-theme-border-rgb));
}

html[data-model-theme="flash"] .from-pink-50\/50 {
    --tw-gradient-from: rgb(var(--color-theme-light-rgb) / 0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-theme-light-rgb) / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

html[data-model-theme="flash"] .bg-\[\#fff5f7\] {
    background-color: rgb(var(--color-theme-soft-rgb));
}