/* Host-app CSS. Tailwind output is loaded separately via tailwind.generated.css. */

.app-page-container {
    padding: 1.5rem 2rem;
    max-width: 1400px;
    margin-inline: auto;
    width: 100%;
}

.main-body-absolute {
    position: absolute;
    inset: 0;
}

.main-body-content {
    height: 100%;
}

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem;
    color: white;
}
.blazor-error-boundary::after {
    content: "An error has occurred.";
}