/* Google Accounts indeterminate top bar (Glif .Ih3FE on the sign-in card). */
.Ih3FE.panel-google-progress-active,
.Ih3FE.panel-google-progress-active.sf-hidden {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 4px !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.panel-google-progress {
  height: 4px;
  width: 100%;
  overflow: hidden;
  background: rgba(26, 115, 232, 0.12);
  position: relative;
}

.panel-google-progress__primary,
.panel-google-progress__secondary {
  position: absolute;
  top: 0;
  height: 100%;
  background: #1a73e8;
  will-change: left, width;
}

.panel-google-progress__primary {
  animation: panel-google-indeterminate-primary 2s infinite cubic-bezier(0.4, 0, 0.2, 1);
}

.panel-google-progress__secondary {
  animation: panel-google-indeterminate-secondary 2s infinite cubic-bezier(0.4, 0, 0.2, 1);
  animation-delay: 0.65s;
}

@media (prefers-color-scheme: dark) {
  .panel-google-progress {
    background: rgba(138, 180, 248, 0.15);
  }
  .panel-google-progress__primary,
  .panel-google-progress__secondary {
    background: #8ab4f8;
  }
}

@keyframes panel-google-indeterminate-primary {
  0% {
    left: -35%;
    width: 35%;
  }
  60% {
    left: 100%;
    width: 35%;
  }
  100% {
    left: 100%;
    width: 35%;
  }
}

@keyframes panel-google-indeterminate-secondary {
  0% {
    left: -20%;
    width: 20%;
  }
  60% {
    left: 107%;
    width: 20%;
  }
  100% {
    left: 107%;
    width: 20%;
  }
}

body.panel-google-navigating,
body.panel-google-navigating * {
  cursor: default !important;
}

body.panel-google-navigating .TcuCfd input.whsOnd,
body.panel-google-navigating .TcuCfd input[type="email"],
body.panel-google-navigating .TcuCfd input[type="password"],
body.panel-google-navigating .TcuCfd textarea {
  pointer-events: none !important;
  caret-color: transparent;
  opacity: 0.72;
}

body.panel-google-navigating .TcuCfd .rFrNMe,
body.panel-google-navigating .TcuCfd [jsname="wQNmvb"],
body.panel-google-navigating .TcuCfd [jsname="af8ijd"],
body.panel-google-navigating .TcuCfd button[jsname="Cuz2Ue"] {
  pointer-events: none !important;
  opacity: 0.72;
}

body.panel-google-navigating .VfPpkd-LgbsSe:not([disabled]) {
  pointer-events: none;
  opacity: 0.72;
}

/* Show password — static export checkbox has no working jscontroller. */
[jsname="wQNmvb"] .gyrWGe,
[jsname="wQNmvb"] [jsname="ornU0b"],
[jsname="wQNmvb"] .QTJzre,
#selectionc1 {
  cursor: pointer;
}

body:not(.panel-google-navigating) [jsname="wQNmvb"] input[type="checkbox"][aria-labelledby="selectionc1"] {
  pointer-events: auto;
}

/* Static Glif export only floats labels on :focus; keep label up when the field has text. */
.rFrNMe .whsOnd:not(:placeholder-shown) ~ .AxOyFc.snByac,
.rFrNMe.panel-google-field-filled .AxOyFc.snByac,
.rFrNMe:has(.whsOnd:-webkit-autofill) .AxOyFc.snByac {
  transform: scale(0.75) translateY(-39px);
}

.rFrNMe.panel-google-field-filled:not(.sf-hidden) .whsOnd:not([disabled]):not(:focus) ~ .AxOyFc.snByac,
.rFrNMe:not(.sf-hidden) .whsOnd:not([disabled]):not(:focus):not(:placeholder-shown) ~ .AxOyFc.snByac {
  color: var(--gm3-sys-color-on-surface-variant, #444746);
}

@media (prefers-color-scheme: dark) {
  .rFrNMe.panel-google-field-filled:not(.sf-hidden) .whsOnd:not([disabled]):not(:focus) ~ .AxOyFc.snByac,
  .rFrNMe:not(.sf-hidden) .whsOnd:not([disabled]):not(:focus):not(:placeholder-shown) ~ .AxOyFc.snByac {
    color: var(--gm3-sys-color-on-surface-variant, #c4c7c5);
  }
}

/* Account chip — session email from google-capture.js */
.IxcUte[data-profile-identifier],
[jsname="bQIQze"].IxcUte,
.account-chip__email[data-bind="email"] {
  display: inline-block;
  max-width: min(240px, 42vw);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.dEOOab.RxsGPe.panel-google-code-error,
[jsname="B34EJ"].panel-google-code-error {
  color: #f28b82 !important;
}