/**
 * @provides phui-remarkup-preview-css
 */

.phui-preview-header {
  font-size: 12px;
  font-weight: bold;
  color: #9ca5b5;
  text-transform: uppercase;
  padding-bottom: 8px;
  display: block;
}

.phui-document-inner .phui-preview-header {
  padding: 16px 0 0 16px;
}

.phui-remarkup-preview-skin-document {
  background: transparent;
  border: none;
}

.device-phone .phui-panel-preview {
  display: none;
}

.phui-preview-loading-text {
  color: {$lightgreytext};
}

/**
 * TODO: Classes implementing PhabricatorMarkupInterface are of differing
 * mindsets about whether output should be wrapped in a `phabricator-remarkup`
 * <div /> or not. It should probably move to the Engine in all cases, but
 * until we do that get rid of the extra spacing generated by the inner div.
 */
.phui-remarkup-preview .phabricator-remarkup .phabricator-remarkup {
  padding: 0;
  margin: 0;
}