/*
 * tailwind_custom.css
 * Только чистый CSS, который не требует обработки Tailwind-компилятором.
 * @utility / @apply — перенесены в tailwind.src.css и компилируются в tailwind.css.
 */

/* ========== Анимации ========== */

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to   { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
    /*animation: fadeIn 180ms ease-out both;*/
}

@keyframes backdropIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.animate-backdrop-in {
    animation: backdropIn 150ms ease-out both;
}

@keyframes modalIn {
    from { opacity: 0; transform: scale(0.96) translateY(-6px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}
.animate-modal-in {
    animation: modalIn 200ms ease-out both;
}