:root {
  --furbase-coral: #ff6b43;
  --furbase-green: #06ba7e;
  --furbase-blue: #0868b7;
  --furbase-navy: #01355f;
  --furbase-ink: #0d1e28;
}

#app {
  background: var(--furbase-navy);
}

#app ._wrapper_jdrq3_89 {
  background: rgba(1, 53, 95, 0.96);
}

#app ._logo_jdrq3_40 {
  width: 184px;
  padding: 0 16px;
  color: transparent;
  font-size: 0;
  letter-spacing: 0;
  background: url("/assets/furbase-wordmark-light.png") center / 152px auto no-repeat;
}

#app ._formTitle_45te1_36 {
  display: none;
}

#app ._formSubtitle_45te1_40 {
  color: var(--furbase-ink);
  margin-top: 8px;
}

#app ._logo_45te1_70 {
  width: min(280px, 82%);
  max-width: none;
  max-height: none;
  height: auto;
}

#app ._logoWrapper_45te1_74 {
  margin-bottom: 28px;
}

#app ._cover_45te1_5 {
  background-image: url("/assets/furbase-login-dog-v2.jpg");
  background-position: 54% center;
  background-size: cover;
  background-repeat: no-repeat;
}

#app .ui.positive.button,
#app .ui.positive.buttons .button {
  background-color: var(--furbase-green);
}

#app .ui.positive.button:hover,
#app .ui.positive.buttons .button:hover {
  background-color: #059f6c;
}

#app ._coverOverlay_45te1_8 {
  background: linear-gradient(110deg, rgba(1, 53, 95, 0.16), rgba(13, 30, 40, 0.03) 58%, rgba(13, 30, 40, 0.12));
}

#app .ui.primary.button {
  background-color: var(--furbase-blue);
}

#app .ui.primary.button:hover,
#app .ui.primary.button:focus {
  background-color: var(--furbase-navy);
}

@media (max-width: 767px) {
  #app ._login_45te1_61 {
    padding: 28px 24px;
  }

  #app ._logo_45te1_70 {
    width: min(240px, 78%);
  }
}