.attachment-preview-modal-backdrop {
  width: 100%;
  height: 100%; }
  .attachment-preview-modal-backdrop .bolt-callout-content {
    width: 100%;
    height: 100%;
    background: transparent; }

.attachment-preview-header {
  height: 48px;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 1;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }

.attachment-preview-content-area {
  height: 100%; }
  .attachment-preview-content-area .previous-button .fabric-icon,
  .attachment-preview-content-area .next-button .fabric-icon {
    font-size: 50px; }

.attachment-preview-content {
  position: relative;
  margin: auto; }
  .attachment-preview-content .bolt-spinner {
    position: absolute;
    top: 50%;
    left: 50%; }

.text-attachment-preview {
  min-width: 500px;
  max-width: 80vw;
  min-height: 300px;
  max-height: 80vh;
  font-family: Menlo, Consolas, Courier New, monospace;
  font-size: 14px;
  overflow: auto;
  padding: 20px;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
  .text-attachment-preview pre,
  .text-attachment-preview code {
    margin: 0; }
  .text-attachment-preview .line-numbers {
    text-align: right;
    color: rgba(0, 0, 0, .38);
    color: var(--text-disabled-color,rgba(0, 0, 0, .38));
    margin-right: 20px;
    user-select: none; }

.image-attachment-preview {
  max-width: 80vw; }

.attachment-preview-media {
  max-width: 80vw;
  max-height: 80vw; }

.attachment-preview-unavailable {
  padding: 50px;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }

.attachment-preview-window-content {
  width: 60vw;
  height: 80vh; }