html[data-azx-theme="dark"],
html[data-azx-theme="dark"] body {
    background: #202020;
}

html[data-azx-theme="light"],
html[data-azx-theme="light"] body {
    background: #f5f5f5;
}

#blazor-error-ui {
    display: none;
    position: fixed;
    inset: auto 0 0;
    z-index: 10000;
    padding: 0.75rem 1rem;
    background: #b3261e;
    color: white;
}

#blazor-error-ui .dismiss {
    float: right;
}

.components-reconnect-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    place-items: center;
    background: rgb(0 0 0 / 55%);
    color: white;
}

.components-reconnect-modal.components-reconnect-show,
.components-reconnect-modal.components-reconnect-failed,
.components-reconnect-modal.components-reconnect-rejected {
    display: grid;
}