/* Base styles for plain HTML elements, loaded right after tokens.css. Took over from the MudBlazor stylesheet
   (Phase 4.3), so everything looks as before: no default margins/paddings, body text in the body font at 14 px. */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: var(--en-font-body);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: 0.01071em;
}

strong,
b {
    font-weight: 700;
}

a {
    color: var(--en-ink);
    text-decoration: none;
}

label {
    display: inline-block;
}

input,
button,
select,
optgroup,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    vertical-align: middle;
    background-color: transparent;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    appearance: none;
}

button:focus:not(:focus-visible) {
    outline: none;
}

/* FocusOnNavigate (Routes.razor) moves the focus to the page heading for screen readers after every navigation.
   That is no user action, so no focus ring. */
[tabindex="-1"]:focus {
    outline: none;
}

iframe {
    width: 100%;
    height: 100%;
}

/* Blazor's reconnect dialog in the colours of the theme */
#components-reconnect-modal {
    z-index: 9999 !important;
    background-color: var(--en-bg) !important;
    color: var(--en-ink);
}