html, body {
    margin: 0;
    min-width: 280px;
    background: #f6f7f8;
    color: #262c30;
    font-family: "Segoe UI Variable Text", "Microsoft YaHei UI", sans-serif;
    letter-spacing: 0;
}

*, *::before, *::after {
    box-sizing: border-box;
}

h1:focus {
    outline: none;
}

a {
    color: #245b4a;
}

a:focus-visible {
    outline: 2px solid #245b4a;
    outline-offset: 4px;
}

.startup-state, .application-error {
    padding: 48px 24px;
}

.application-error h1 {
    font-size: 24px;
}

#blazor-error-ui {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px 24px;
    border-top: 1px solid #e2b9b3;
    background: #fff2ef;
    color: #822e25;
    z-index: 1000;
}

#blazor-error-ui a {
    margin-left: 12px;
}