.dc-confirmation-message {
    padding: var(--tt-space-3);
    border: 1px solid transparent;
    border-radius: var(--tt-radius);
    margin: var(--tt-space-3) 0;
}

.dc-confirmation-success {
    background-color: var(--tt-color-success-surface);
    border-color: color-mix(in srgb, var(--tt-color-success) 25%, var(--tt-color-success-surface));
    color: var(--tt-color-success);
}

.dc-confirmation-error {
    background-color: var(--tt-color-danger-surface);
    border-color: color-mix(in srgb, var(--tt-color-danger) 25%, var(--tt-color-danger-surface));
    color: var(--tt-color-danger);
}

.dc-confirmation-info {
    background-color: var(--tt-color-info-surface);
    border-color: color-mix(in srgb, var(--tt-color-info) 25%, var(--tt-color-info-surface));
    color: var(--tt-color-info);
}

.dc-confirmation-message h3 {
    margin-top: 0;
}