/* Chamber name validation styles */
.checking {
    position: relative;
    padding-right: 40px !important;
}

.checking::after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-top: 2px solid #847444; /* Theme color */
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: translateY(-50%) rotate(0deg); }
    100% { transform: translateY(-50%) rotate(360deg); }
}

/* Animation for autofill detection */
@keyframes autofillStart {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

@keyframes onAutoFillStart {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}

input:-webkit-autofill {
    animation-name: autofillStart;
    animation-duration: 0.1s;
}