/* Global rules that complement MudBlazor. Component appearance belongs in the Mud theme
   or in the component that owns the exceptional behavior. */

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  background: var(--mud-palette-background);
  color: var(--mud-palette-text-primary);
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--mud-palette-primary);
}

.timer-elapsed {
  font-variant-numeric: tabular-nums;
}

.muted {
  color: var(--mud-palette-text-secondary);
}

.muted a {
  text-decoration: underline;
}

.meta-list > div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 4px;
  align-items: baseline;
}

.meta-list dt,
.meta-list dd {
  margin: 0;
}

.meta-list dt {
  font-weight: 550;
  color: var(--mud-palette-text-secondary);
}

.meta-list dd {
  color: var(--mud-palette-text-primary);
  overflow-wrap: break-word;
}