/* =========================================
   MESSAGES (Success, Error, Info, Warning)
   011-ui-css-mobile 005: overflow-x hidden auf .base-messages-container
   ========================================= */

.base-messages-container {
    overflow-x: hidden;
}

.base-message-content {
    font-size: var(--font-size-base);
}

.base-message-success {
    background-color: var(--color-success-bg);
    border: 1px solid var(--color-success-border);
    color: var(--color-success-text);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.base-message-error {
    background-color: var(--color-error-bg);
    border: 1px solid var(--color-error-border);
    color: var(--color-error-text);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.base-message-info {
    background-color: var(--color-info-bg);
    border: 1px solid var(--color-info-border);
    color: var(--color-info-text);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}