/* Shared design styles, loaded only by pages using the new design. */

.compact-preview {
  background: var(--surface);
  color: var(--text-body);
  border: 1px solid var(--panel-border);
  border-radius: var(--panel-radius);
  padding: 18px;
  box-shadow: 0 12px 32px var(--shadow-color),inset 0 1px 0 var(--surface-glint);
  font: 400 14px / 1.5 Assistant, Arial, sans-serif;
  direction: rtl;
}

.compact-preview .compact-preview-title {
  margin: 0px;
  font: 600 16px / 22px Assistant, Arial, sans-serif;
  color: var(--text-body);
}