@import url("/assets/bulma.min-20db664d.css");

:root {
  --bulma-primary-h: 158deg;
  --bulma-primary-s: 69%;
  --bulma-primary-l: 56%;
  --bulma-link-h: 0deg;
  --bulma-link-s: 0%;
  --bulma-link-l: 0%;
  --bulma-info-h: 0deg;
  --bulma-info-s: 0%;
  --bulma-info-l: 40%;

  --grey: grey;
  --orange: hsl(39, 100%, 50%);
  --yellow: #ffe70f;
  --green: #42dca3;
}

pre code {
  text-wrap: wrap;
  overflow-wrap: break-word;
}

a:hover {
  text-decoration: underline;
}

progress.grey {
  --bulma-progress-value-background-color: var(--grey);
}

progress.orange {
  --bulma-progress-value-background-color: var(--orange);
}

progress.yellow {
  --bulma-progress-value-background-color: var(--yellow)
}

progress.green {
  --bulma-progress-value-background-color: var(--green);
}

@media (prefers-color-scheme: light) {

  main a,
  main a:visited {
    color: #303030;
  }
}

#destination-buttons.buttons {
  gap: 0.5rem;
}

.user-select-all {
  -webkit-user-select: all;
  user-select: all;
}

.application-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sort-arrows {
  display: flex;
  gap: 0.15rem;
  opacity: 0;
  transition: opacity 0.15s;
}

.application-row:hover .sort-arrows {
  opacity: 1;
}

.sort-arrows .button {
  text-decoration: none;
}

.signup-divider {
  position: relative;
}

.signup-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid hsl(0, 0%, 86%);
}

.signup-divider span {
  position: relative;
  background: white;
  padding: 0 1rem;
}