.loginDbPicker {
  width: 100%;
  margin: 10px 0 18px;
}

.loginDbTitle {
  display: block;
  margin: 0 0 8px;
  color: rgba(255,255,255,.7);
  font-size: 13px;
  font-weight: 850;
}

.loginDbSelect {
  width: 100%;
  min-height: 52px;
  padding: 0 44px 0 15px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 10px;
  background: rgba(7, 19, 26, .62);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  appearance: auto;
}

.loginDbSelect:focus {
  outline: none;
  border-color: #ee9a43;
  box-shadow: 0 0 0 3px rgba(238,154,67,.16);
}

.loginDbBadge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin: 0 0 8px;
  padding: 6px 9px;
  border: 1px solid rgba(238,154,67,.45);
  border-radius: 999px;
  color: #f6c184;
  background: rgba(212,122,34,.1);
  font-size: 12px;
  font-weight: 900;
}

html[data-theme='light'] .loginDbTitle {
  color: #42515a;
}

html[data-theme='light'] .loginDbSelect {
  color-scheme: light;
  color: #14202a !important;
  background: #ffffff !important;
  border-color: #bdcbd0;
}

html[data-theme='light'] .loginDbSelect option {
  color: #14202a;
  background: #ffffff;
}

html[data-theme='dark'] .loginDbSelect {
  color-scheme: dark;
}

html[data-theme='dark'] .loginDbSelect option {
  color: #f8fafc;
  background: #0b171e;
}

/* The authentication screen is intentionally always kept in the night style. */
.loginPage {
  color-scheme: dark;
}

.loginPage .loginThemeToggle {
  display: none !important;
}

.loginPage .loginDbTitle,
html[data-theme='light'] .loginPage .loginDbTitle,
html[data-theme='dark'] .loginPage .loginDbTitle {
  color: rgba(255, 255, 255, .7);
}

.loginPage .loginDbSelect,
html[data-theme='light'] .loginPage .loginDbSelect,
html[data-theme='dark'] .loginPage .loginDbSelect {
  color-scheme: dark;
  color: #f8fafc !important;
  background: rgba(7, 19, 26, .84) !important;
  border-color: rgba(255, 255, 255, .2);
}

.loginPage .loginDbSelect option,
html[data-theme='light'] .loginPage .loginDbSelect option,
html[data-theme='dark'] .loginPage .loginDbSelect option {
  color: #f8fafc;
  background: #0b171e;
}