.status-messages {
    background-color: var(--zm-bg-surface);
    color: var(--zm-global-color-grey);
    padding: 32px;
    border-radius: 15px;
    margin-block: 1rem;
    font-weight: 500;
}

.status-messages--info {
    background: oklch(62.3% 0.214 259.815);
    color: #fff;
}

.status-messages--error {
    background: oklch(63.7% 0.237 25.331);
    color: #fff;
}

.status-messages--warning {
    background: oklch(76.9% 0.188 70.08);
    color: #fff;
}

/* themes */
:is(.theme-front, .theme-light) .status-messages {
    background-color: var(--zm-global-color-grey);
    color: var(--zm-global-color-white);
}