/**
 * @provides phabricator-notification-css
 */

.jx-notification-container {
  position: fixed;

  bottom: 24px;
  left: 24px;
}

.jx-notification {
  width: 240px;
  padding: 8px 16px;

  font-size: 11px;
  overflow: hidden;

  background: #f3f6ff;
  color: #444444;
  border: 1px solid #afbfcf;

  cursor: pointer;

  border-radius: 3px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
  margin-top: 4px;
}

.jx-notification-alert {
  background: #ffffa0;
  border: 1px solid #aaaa60;
}

.jx-notification-debug {
  background: #ffa0ff;
  border: 1px solid #aa60aa;
}

.jx-notification-done {
  background: #d0ffd0;
  border: 1px solid #60aa60;
}

.jx-notification-error {
  background: #ffd0d0;
  border: 1px solid #aa6060;
}