:root {
  --border-radius: 5px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  margin: 0;
  color: var(--color-neutral-500);
  display: grid;
  min-height: 100vh;
  grid-template-rows: auto 1fr auto;
  font-size: 14px;

  &:has(.staging-banner) { grid-template-rows: auto auto 1fr auto; }

  &:has(aside.opened),
  &:has(dialog[open]) { overflow: hidden; }

  a {
    text-decoration: none;
    color: var(--color-blue);

    &:hover { text-decoration: underline; }
  }
}

* { box-sizing: border-box; }

.fa { cursor: pointer; }
.hidden { display: none; }

#timer_div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  background: rgba(255,255,255,0.5);
  text-align: center;
}