[x-cloak] {
    display: none !important;
}

.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: black;
    opacity: 0.75;
    z-index: 15;
}

input[type=file]::file-selector-button {
    /*border: 2px solid #6c5ce7;*/
    padding: .2em .4em;
    border-radius: .2em;
    background-color: #094d00;
    color: #fff;
    /*transition: .5s;*/
}

input[type=file]::file-selector-button:hover {
    background-color: #129800;
    /*border: 2px solid #00cec9;*/
}

.radio-responsive {
    flex-grow:0;
    flex-shrink:0;
}

.photo-original {
    width: 150px;
    border-width: 5px !important;
}

.photo-final {
    width: 250px;
    border-width: 5px !important;
}

.photo-arrow-right {
    width: 120px;
}

.invalid-feedback {
    font-size: 100%;
}

@media screen and (max-width: 480px) {
    .photo-original {
        width: 75px;
    }

    .photo-final {
        width: 125px;
    }

    .photo-arrow-right {
        width: 70px;
    }
}

/* Photo Capture Styles */
.photo-option-btn {
    transition: all 0.3s ease;
}

.photo-option-btn:hover {
    border-color: #007bff !important;
    background-color: rgba(0, 123, 255, 0.05) !important;
}

.face-status-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
}

#scan-line {
    animation: scan 3s linear infinite;
}

@keyframes scan {
    0% { top: 0%; opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}

#countdown-number {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }
}