.flash {
    display: block;
    max-width: var(--max-width-wide);
    padding: 2rem;
    box-shadow: 1px 1px 3px #888;
    margin: 2rem auto;
    border-left: 0.5rem solid var(--local-color-dark);
    color: var(--local-color-dark);
    background-color: var(--local-color-light);
}

.flash-error::before {
    /*content: '\24E7';*/
    content: '\2717';
}

.flash-warning::before {
    content: '\26A0';
}

.flash-info::before {
    content: '\1F6C8';
}

.flash-success::before {
    content: '\2713';
}

.flash-success {
    --local-color-dark: #4F8A10;
    --local-color-light: #DFF2BF;
}

.flash-error {
    --local-color-dark: #D8000C;
    --local-color-light: #FFD2D2;
}

.flash-warning {
    --local-color-dark: #9F6000;
    --local-color-light: #FEEFB3;
}

.flash-info {
    --local-color-dark: #00529B;
    --local-color-light: #BDE5F8;
}