div.status[data-v-8d4154a8] {
    margin: 1em 0;
    font-weight: bold;

    display: grid;

    grid-template-columns: auto 1fr auto;

    width: 100%;
    gap: 1em;
    place-items: stretch;
    padding: 0;

    box-sizing: border-box;

    background-color: var(--body-background-color);
    color: var(--status-color);
    border: solid 2px var(--status-color);
    overflow: clip;

    border-radius: .5em;

    contain: paint style;
}
div.status.success[data-v-8d4154a8] {
        --status-color: green;
}
div.status.warning[data-v-8d4154a8] {
        --status-color: #b35c00;
}
div.status.error[data-v-8d4154a8] {
        --status-color: darkred;
}
div.status.notice[data-v-8d4154a8] {
        --status-color: #0071c2;
}
div.status[data-v-8d4154a8] > :is(span, a) {
        color: inherit;
        padding: .5em .75em;
}
div.status > a[data-v-8d4154a8]:hover {
            background-color: var(--status-color);
            color: var(--body-background-color);
}
div.status > span[data-v-8d4154a8] {
        background-color: transparent !important;
        color: inherit !important;
        line-height: 1em;
        place-self: center stretch;
}
div.status > .status-icon[data-v-8d4154a8] {
        background-color: var(--status-color);
        place-self: stretch;
        display: flex;
        padding: .5em .75em;
}
div.status > .status-icon > svg[data-v-8d4154a8] {
            place-self: center;
            color: var(--body-background-color);
}