html, body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

h1:focus {
    outline: none;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjsDA1NTFIMjYxLjMzM0MyNjAuMTIyIDUxIDI1OS4wMjYgNTEuNDgzNyAyNTguMjA2IDUyLjM0NTNMMjQ2LjU4NiA2NS4wMjM2QzI0Ni4zNjYgNjUuMjU4IDI0Ni4yMyA2NS41NTI4IDI0Ni4yMyA2NS44NzY4QzI0Ni4yMyA2Ni4yMDc5IDI0Ni4zNjYgNjYuNTA5IDI0Ni41ODYgNjYuNzM2NkwyNTguMjA2IDc5LjQxNTRDMjU5LjAyNiA4MC4yNzY2IDI2MC4xMjIgODAuNzYwNCAyNjEuMzMzIDgwLjc2MDRIMjY2LjA4NkMyNjUuNDkzIDgwLjMzNTMgMjY1LjAyNSA3OS43NjA2IDI2NC43MDUgNzkuMTA2MkwyNTcuNDAxIDY4LjU2MDVDMjU2LjM5NCA2Ny4xNjg5IDI1Ni4zOTQgNjUuMzU0MiAyNTcuNDAxIDYzLjk2MjZMMjY0LjcwNSA1My40MTZDMjY1LjAyNSA1Mi43NjE2IDI2NS40OTMgNTIuMTg2OSAyNjYuMDg2IDUxLjc2MTRMMjYzLjUwNiA1MVoiIGZpbGw9IiNGRjk4MDAiLz48cGF0aCBkPSJNMjYzLjUwNiA1MUMyNjQuNzE3IDUxIDI2NS44MTMgNTEuNDgzNyAyNjYuMDA1IDUyLjM0NTNMMjc3LjYyNiA2NS4wMjM2QzI3Ny44NDcgNjUuMjU4IDI3Ny45ODMgNjUuNTUyOCAyNzcuOTgzIDY1Ljg3NjhDMjc3Ljk4MyA2Ni4yMDc5IDI3Ny44NDcgNjYuNTA5IDI3Ny42MjYgNjYuNzM2NkwyNjYuMDA1IDc5LjQxNTRDMjY1LjgxMyA4MC4yNzY2IDI2NC43MTcgODAuNzYwNCAyNjMuNTA2IDgwLjc2MDRMMjYxLjMzMyA4MC43NjA0QzI2MC4xMjIgODAuNzYwNCAyNTkuMDI2IDgwLjI3NjYgMjU4LjIwNiA3OS40MTU0TDI0Ni41ODYgNjYuNzM2NkMyNDYuMzY2IDY2LjUwOSAyNDYuMjMgNjYuMjA3OSAyNDYuMjMgNjUuODc2OEMyNDYuMjMgNjUuNTUyOCAyNDYuMzY2IDY1LjI1OCAyNDYuNTg2IDY1LjAyMzZMMjU4LjIwNiA1Mi4zNDUzQzI1OS4wMjYgNTEuNDgzNyAyNjAuMTIyIDUxIDI2MS4zMzMgNTFIMjYzLjUwNloiIGZpbGw9IiNGRjk4MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNjMuNTA2IDUxQzI2NC43MTcgNTEgMjY1LjgxMyA1MS40ODM3IDI2Ni4wMDUgNTIuMzQ1M0wyNzcuNjI2IDY1LjAyMzZDMjc3Ljg0NyA2NS4yNTggMjc3Ljk4MyA2NS41NTI4IDI3Ny45ODMgNjUuODc2OEMyNzcuOTgzIDY2LjIwNzkgMjc3Ljg0NyA2Ni41MDkgMjc3LjYyNiA2Ni43MzY2TDI2Ni4wMDUgNzkuNDE1NEMyNjUuODEzIDgwLjI3NjYgMjY0LjcxNyA4MC43NjA0IDI2My41MDYgODAuNzYwNEgyNjEuMzMzQzI2MC4xMjIgODAuNzYwNCAyNTkuMDI2IDgwLjI3NjYgMjU4LjIwNiA3OS40MTU0TDI0Ni41ODYgNjYuNzM2NkMyNDYuMzY2IDY2LjUwOSAyNDYuMjMgNjYuMjA3OSAyNDYuMjMgNjUuODc2OEMyNDYuMjMgNjUuNTUyOCAyNDYuMzY2IDY1LjI1OCAyNDYuNTg2IDY1LjAyMzZMMjU4LjIwNiA1Mi4zNDUzQzI1OS4wMjYgNTEuNDgzNyAyNjAuMTIyIDUxIDI2MS4zMzMgNTFIMjYzLjUwNloiIGZpbGw9IiNGRkU0QzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGQ9Ik0yNjEuMzMzIDgwLjc2MDRDMjYwLjEyMiA4MC43NjA0IDI1OS4wMjYgODAuMjc2NiAyNTguMjA2IDc5LjQxNTRMMjQ2LjU4NiA2Ni43MzY2QzI0Ni4zNjYgNjYuNTA5IDI0Ni4yMyA2Ni4yMDc5IDI0Ni4yMyA2NS44NzY4QzI0Ni4yMyA2NS41NTI4IDI0Ni4zNjYgNjUuMjU4IDI0Ni41ODYgNjUuMDIzNkwyNTguMjA2IDUyLjM0NTNDMjU5LjAyNiA1MS40ODM3IDI2MC4xMjIgNTEgMjYxLjMzMyA1MUgyNjMuNTA2QzI2NC43MTcgNTEgMjY1LjgxMyA1MS40ODM3IDI2Ni4wMDUgNTIuMzQ1M0wyNzcuNjI2IDY1LjAyMzZDMjc3Ljg0NyA2NS4yNTggMjc3Ljk4MyA2NS41NTI4IDI3Ny45ODMgNjUuODc2OEMyNzcuOTgzIDY2LjIwNzkgMjc3Ljg0NyA2Ni41MDkgMjc3LjYyNiA2Ni43MzY2TDI2Ni4wMDUgNzkuNDE1NEMyNjUuODEzIDgwLjI3NjYgMjY0LjcxNyA4MC43NjA0IDI2My41MDYgODAuNzYwNEgyNjEuMzMzWiIgc3Ryb2tlPSIjRkY5ODAw" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></g></svg>) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred.";
}

/* Card height utility */
.h-100 {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.h-100 .mud-card-content {
    flex-grow: 1;
}