/* Omnex animasyonlar — bileşenler bu keyframe'leri kullanır. */
@keyframes ui-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes ui-fade-out { from { opacity: 1; } to { opacity: 0; } }
@keyframes ui-scale-in { from { opacity: 0; transform: scale(.96) translateY(4px); } to { opacity: 1; transform: none; } }
@keyframes ui-slide-up { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes ui-slide-down { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
@keyframes ui-slide-in-right { from { opacity: 0; transform: translateX(100%); } to { opacity: 1; transform: none; } }
@keyframes ui-sheet-up { from { transform: translateY(100%); } to { transform: none; } }
@keyframes ui-spin { to { transform: rotate(360deg); } }
@keyframes ui-pulse { 50% { opacity: .45; } }
@keyframes ui-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
@keyframes ui-indeterminate { 0% { left: -40%; } 100% { left: 100%; } }

.ui-anim-fade { animation: ui-fade-in var(--transition) both; }
.ui-anim-scale { animation: ui-scale-in var(--transition) var(--ease-spring) both; }
.ui-anim-slide-up { animation: ui-slide-up var(--transition) both; }
.ui-spin { animation: ui-spin .7s linear infinite; }