/*
 * Phorge Celerity resource auth-css.
 * Generated from Apache-licensed Phorge CSS sources under:
 *   /root/phorge-source/webroot/rsrc/css
 * Celerity variables are compiled using CelerityDefaultPostprocessor.php.
 */


/* ---- Phorge source: css/application/auth/auth.css ---- */
/**
 * @provides auth-css
 */

.phabricator-login-buttons {
  max-width: 508px;
  margin: 16px auto;
}

.phabricator-login-buttons .phabricator-login-button .button {
  width: 246px;
}

.device-desktop .phabricator-login-buttons .aphront-multi-column-column-last {
  text-align: right;
}

.device .phabricator-login-buttons {
  text-align: center;
}

.phabricator-link-button {
  text-align: center;
}

.auth-account-view {
  background-color: #F8F9FC;
  border: 1px solid #DDE8EF;
  border-radius: 3px;
  min-height: 50px;
  position: relative;
  padding: 4px 4px 4px 64px;
}

.auth-account-view-profile-image {
  width: 50px;
  height: 50px;
  top: 6px;
  left: 6px;

  background-repeat: no-repeat;
  background-size: 100%;
  box-shadow: inset 0 0 0 1px rgba(55,55,55,.15);
  position: absolute;
}

.auth-account-view-name {
  font-weight: bold;
}

.auth-account-view-provider-name {
  color: #92969D;
}

.auth-account-view-account-uri {
  word-break: break-word;
}

.auth-custom-message {
  margin: 32px auto 48px;
  max-width: 548px;
  background: #fff;
  padding: 16px;
  border: 1px solid #BFCFDA;
  border-radius: 4px;
}