@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;
  --red: hsl(348, 86%, 53%);
}

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);
}

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

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

  main a:not(.button),
  main a:not(.button):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;
}

.setup-screenshot {
  width: 75%;
  border: 1px solid hsl(0, 0%, 86%);
  border-radius: 4px;
  margin-top: 0.75rem;
}

.shipyrd-footer-border {
  border-top: 1px solid hsl(0, 0%, 93%);
}

.shipyrd-flash-success {
  color: green;
}

.shipyrd-flex-gap-sm {
  gap: 0.5rem;
}

.shipyrd-flex-gap-md {
  gap: 0.75rem;
}

.shipyrd-thread-list {
  list-style: none;
  border-left: 2px solid #dbdbdb;
  padding-left: 0;
}

.shipyrd-thread-item {
  padding-left: 0.75rem;
  position: relative;
}

.shipyrd-thread-arrow {
  position: absolute;
  left: -0.05rem;
  color: #dbdbdb;
}

.shipyrd-link-underline {
  text-decoration: underline;
}