:root {
  --bulma-link-text: rgb(72, 95, 199);
  --bulma-primary-h: 0;
  --bulma-primary-s: 60%;
  --bulma-primary-l: 65%;
  --bulma-family-code: "Atkinson Hyperlegible Mono", "monospace";
  --bulma-family-primary: "Atkinson Hyperlegible Next", "sans-serif";
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#notifications {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  position: sticky;
  display: block;
  inset: 1.5rem;
  z-index: 500;
}

.notification {
  margin-bottom: var(--bulma-block-spacing);
}

.dropdown.is-fullwidth {
  width: 100%;

  .dropdown-trigger,
  .dropdown-menu {
    width: 100%;
  }
}

figure > img {
  border-radius: var(--bulma-radius);
}

/* Compatibility for django-bulma-forms */
.fas {
  font-family: "tabler-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-upload::before {
  content: "\eb47";
}

@font-face {
  font-family: "Atkinson Hyperlegible Mono";
  src: url("/static/fonts/AtkinsonHyperlegibleMono-Regular.woff2")
    format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Atkinson Hyperlegible Next";
  src: url("/static/fonts/AtkinsonHyperlegibleNext-Regular.woff2")
    format("woff2");
  font-display: swap;
}