/* GitHub's colours, wherever the product draws GitHub: its sign-in button
   on the login and sign-up pages, and the linked account on the profile
   page.

   The public shell loads this file from the asset registry and the app
   shell through its layout.head.css slot, after their own stylesheets. A
   product that wants another look overrides these selectors in a
   stylesheet of its own. */

/* The sign-in button. Every state is set, so the button stays GitHub's
   whatever a shell does to a bare .btn on hover or focus. The variables are
   the ones Bootstrap 5.3 reads, and the properties serve the shells that do
   not read them. */
.btn.btn-github,
.btn.btn-github:hover,
.btn.btn-github:focus,
.btn.btn-github:focus-visible,
.btn.btn-github:active {
  --bs-btn-color: #fff;
  --bs-btn-bg: #24292f;
  --bs-btn-border-color: #24292f;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1a1e23;
  --bs-btn-hover-border-color: #1a1e23;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1a1e23;
  --bs-btn-active-border-color: #1a1e23;
  color: #fff;
  background-color: #24292f;
  border-color: #24292f;
}

.btn.btn-github:hover,
.btn.btn-github:focus-visible,
.btn.btn-github:active {
  background-color: #1a1e23;
  border-color: #1a1e23;
}

/* The GitHub mark, drawn in currentColor. */
.github-mark {
  color: #212529;
  flex-shrink: 0;
}

/* The profile row: the linked account in a field that reads as fixed, or a
   link to connect one that looks like the same field. */
.form-control.github-identity__field {
  background-color: #f8f9fa;
}

.form-control.github-identity__connect {
  color: #495057;
  cursor: pointer;
}

.github-identity__value {
  flex-grow: 1;
}

.btn.github-identity__disconnect,
.btn.github-identity__disconnect:hover,
.btn.github-identity__disconnect:focus,
.btn.github-identity__disconnect:focus-visible,
.btn.github-identity__disconnect:active {
  background: none;
  border: none;
  color: #212529;
  cursor: pointer;
}