.htmx-indicator {
    opacity: 0;
    transition: opacity 500ms ease-in;
}

.htmx-request .htmx-indicator {
    opacity: 1
}

.htmx-request.htmx-indicator {
    opacity: 1
}

.beneficiary-transfer-card {
    transition: background-color 0.5s ease;
    background-color: rgba(80, 102, 74, 0.5);
}

.beneficiary-transfer-card:hover {
    background-color: rgba(30, 38, 40, 0.5);
    cursor: pointer;
}

.beneficiary-transfer-selected {
    background-color: rgba(30, 38, 40, 0.5);
}

.secondary-card {
    background-color: rgba(172, 224, 158, 0.5);
}

.success-card {
    background-color: rgba(80, 102, 74, 0.5);
}

.danger-card {
    background-color: rgba(30, 38, 40, 0.5);
}

.warning-card {
    background-color: rgba(255, 223, 94, 0.5);
}

.info-card {
    background-color: rgba(172, 224, 158, 0.5);
}

.light-card {
    background-color: rgba(224, 212, 196, 0.5);
}

.dark-card {
    background-color: rgba(30, 38, 40, 0.5);
}