.tf-alert {
    padding: 0.75rem 1rem;
    border-radius: var(--tf-radius-md);
    border: 1px solid var(--tf-border-color);
    margin-bottom: 1rem
}

.tf-alert-success {
    background: var(--tf-color-success-soft);
    color: var(--tf-text-main);
    border-color: transparent
}

.tf-alert-warning {
    background: var(--tf-color-warning-soft);
    color: var(--tf-text-main)
}

.tf-alert-danger {
    background: var(--tf-color-danger-soft);
    color: var(--tf-text-main)
}

.tf-alert-info {
    background: var(--tf-color-info-soft);
    color: var(--tf-text-main)
}

.tf-alert .tf-alert-title {
    font-weight: 600;
    display: block;
    margin-bottom: 0.25rem
}