.bb-password-field { position: relative; }
.bb-password-field > .bb-password-input { padding-left: 14px; padding-right: 46px; }
/* Reserve space according to the control layout, even when dir=auto changes the text direction. */
.bb-password-field:dir(rtl) > .bb-password-input { padding-left: 46px; padding-right: 14px; }
/* The owner explicitly chose a bare eye, without a circular button frame. */
.bb-password-toggle {
  position: absolute; inset-inline-end: 0; top: 0; width: 44px; height: 100%;
  display: grid; place-items: center; padding: 0; margin: 0;
  color: var(--bb-text-secondary); background: transparent; border: 0;
  cursor: pointer; outline: none;
  transition: color var(--bb-ease-state), transform var(--bb-ease-state), filter var(--bb-ease-state);
}
.bb-password-toggle:hover, .bb-password-toggle:focus-visible {
  color: var(--bb-white); transform: translateY(var(--bb-motion-up-1));
}
.bb-password-toggle:focus-visible svg { filter: drop-shadow(0 0 3px currentColor); }
.bb-password-toggle:active { transform: translateY(0) scale(var(--bb-press-scale)); filter: brightness(0.98); }
.bb-password-slash { display: none; }
[aria-pressed="true"] .bb-password-slash { display: block; }
.bb-password-help { margin: 14px 0 0; text-align: center; font-size: 13px; }
.bb-password-help a { display: inline-block; padding: 4px; color: var(--bb-text-secondary); text-decoration: none; transition: color var(--bb-ease-state), transform var(--bb-ease-state); }
.bb-password-help a:hover, .bb-password-help a:focus-visible { color: var(--bb-orange); transform: translateY(var(--bb-motion-up-1)); text-decoration: underline; text-underline-offset: 4px; }

h1.bb-auth-title { margin-bottom: 24px; }

.bb-brand, .email-brand { direction: ltr; unicode-bidi: isolate; justify-content: flex-start; }
/* Знак с названием ведёт на сайт: раньше вернуться можно было только кнопкой
   «назад» браузера. Ссылка не должна при этом выглядеть ссылкой. */
a.bb-brand { color: inherit; text-decoration: none; }
a.bb-brand:hover .bb-brand-name { opacity: .82; }
a.bb-brand:focus-visible { outline: 2px solid currentColor; outline-offset: 6px; border-radius: 6px; }