/**
 * This element is using CSS from the following:
 *
 * - opengemeenten_site/Components/Notification/OpenGemeentenSite-Notification.css
 *
 * Variables can be set there globally or override them here!
 */

.calamity {
    --font-size: var(--root-font-size); /* Reset: use REM */
}

.calamity {
    margin-bottom: 0;
    margin-top: 0;
}

.calamity {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.calamity .notification:first-child {
    margin-top: 0;
}

.calamity {
    font-size: var(--font-size, 1rem);
    background-color: var(--color-background, white);
}