/* Custom styles for the app */

.task-item input:checked + label span { 
    text-decoration: line-through; 
    color: #6b7280; 
}

.spinner {
    border: 4px solid rgba(0, 0, 0, .1);
    border-left-color: #4f46e5;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
}

@keyframes spin { 
    to { 
        transform: rotate(360deg); 
    } 
}

/* Fix for date input padding being too small */
input[type="date"] { 
    padding-top: 0.75rem; 
    padding-bottom: 0.75rem; 
}