.filePreview {
  @apply flex flex-col border-l border-components-panel-border shrink-0 bg-background-default-lighter;
}

.previewHeader {
  @apply border-b border-divider-subtle shrink-0;
  margin: 42px 32px 0;
  padding-bottom: 16px;
}

.previewHeader .title {
  @apply flex justify-between items-center text-text-primary;
}

.previewHeader .fileName {
  @apply flex items-center text-text-tertiary;
}

.previewContent {
  @apply overflow-y-auto grow text-text-secondary;
  padding: 20px 32px;
}

.previewContent .loading {
  width: 100%;
  height: 180px;
  background: #f9fafb center no-repeat url(../assets/Loading.svg);
  background-size: contain;
}

.fileContent {
  white-space: pre-line;
}