.reader-note .thought-save {
  display: block;
  margin-top: 12px;
  min-width: 170px;
}

.reader-note small {
  display: block;
  margin: 5px 0 10px;
  color: #64716b;
}

.auth-feedback {
  min-height: 0;
  margin: 0;
  border-radius: 10px;
  font-size: 14px;
}

.auth-feedback.error {
  margin: 12px 0 2px;
  padding: 11px 13px;
  background: #f5e5df;
  color: #8a3125;
}

.auth-success {
  padding: 24px 4px 18px;
  text-align: center;
}

.auth-success-mark {
  display: grid;
  width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  place-items: center;
  border-radius: 50%;
  background: #123e34;
  color: #fff;
  font-size: 27px;
}

.auth-success p {
  color: #64716b;
}

.avatar.signed-in {
  position: relative;
  background: #123e34;
  color: transparent;
  font-size: 0;
}

.avatar.signed-in::before {
  content: '';
  width: 19px;
  height: 19px;
  background: #fff;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.account-dialog label.field {
  position: relative;
}

.account-dialog label.field input[type='password'],
.account-dialog label.field input[type='text'] {
  padding-right: 88px;
}

.password-toggle {
  position: absolute;
  right: 10px;
  bottom: 10px;
  border: 0;
  background: transparent;
  color: #8a6b32;
  font-size: 13px;
  font-weight: 650;
}

.forgot-link {
  display: block;
  margin: 12px auto 0;
}

.auth-sent {
  padding: 18px 0 4px;
  text-align: center;
}

.reset-password {
  margin: 50px auto;
}