/* Object Detector - Custom Styles */

/* Flash highlight animation for drag-drop zone and input groups */
.flash-highlight {
    animation: flashHighlight 1s ease-in-out;
}

@keyframes flashHighlight {
    0%, 100% {
        border-color: inherit;
        box-shadow: none;
    }
    25% {
        border-color: #0a58ca;
        box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.35);
    }
    50% {
        border-color: inherit;
        box-shadow: none;
    }
    75% {
        border-color: #0a58ca;
        box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.35);
    }
}

/* Dark mode flash animation */
[data-bs-theme="dark"] .flash-highlight {
    animation: flashHighlightDark 1s ease-in-out;
}

@keyframes flashHighlightDark {
    0%, 100% {
        border-color: inherit;
        box-shadow: none;
    }
    25% {
        border-color: #6ea8fe;
        box-shadow: 0 0 0 0.25rem rgba(110, 168, 254, 0.4);
    }
    50% {
        border-color: inherit;
        box-shadow: none;
    }
    75% {
        border-color: #6ea8fe;
        box-shadow: 0 0 0 0.25rem rgba(110, 168, 254, 0.4);
    }
}