/***BEGIN AttachmentsView.css***/
.attachment-view-container {
  height: 100%;
  overflow: hidden; }
  .attachment-view-container .attachment-info {
    font-size: 12px; }
    .attachment-view-container .attachment-info .attachment-size {
      display: inline;
      min-width: 60px; }
    .attachment-view-container .attachment-info .attachment-time-added-ago {
      display: inline;
      margin-left: 20px; }
  .attachment-view-container .attachments-monaco-editor {
    height: 100%;
    width: auto;
    overflow: hidden; }
  .attachment-view-container .attachment-row {
    justify-content: space-between;
    width: 100%; }
  .attachment-view-container .attachment-cell {
    width: calc(100% - 20px); }
    .attachment-view-container .attachment-cell .attachment-info {
      font-size: 12px; }
    .attachment-view-container .attachment-cell .attachment-size {
      min-width: 60px; }
    .attachment-view-container .attachment-cell .attachment-time-added-ago {
      margin-left: 10px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .attachment-view-container .attachment-cell .attachment-name {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 14px; }
  .attachment-view-container .no-attachments-area {
    height: 100%;
    align-items: center;
    text-align: center;
    justify-content: center; }
    .attachment-view-container .no-attachments-area .no-attachments-icon {
      font-size: 96px;
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
    .attachment-view-container .no-attachments-area .no-attachments-message {
      font-size: 21px;
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .attachment-view-container .not-previewable-attachment-area {
    height: 100%;
    align-items: center;
    text-align: center;
    justify-content: center; }
    .attachment-view-container .not-previewable-attachment-area .attachment-unpreviewable-icon {
      font-size: 96px;
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
    .attachment-view-container .not-previewable-attachment-area .attachment-unpreviewable-message {
      font-size: 21px;
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
    .attachment-view-container .not-previewable-attachment-area .attachment-unpreviewable-suggestion-message {
      margin-top: 16px; }
  .attachment-view-container .attachment-preview-loading {
    margin-top: 50px; }
  .attachment-view-container .attachment-viewer-host {
    height: 100%;
    overflow: hidden; }
  .attachment-view-container .attachment-view-left-pane {
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    display: flex; }
  .attachment-view-container .attachment-view-table-div {
    height: 100%;
    width: 100%;
    display: flex;
    overflow-y: scroll;
    will-change: scroll-position;
    transform: translateZ(0); }
  .attachment-view-container .attachment-view-attachments-area {
    height: 100%; }
  .attachment-view-container .attachment-view-body {
    height: 100%; }
    .attachment-view-container .attachment-view-body .test-Attachment-overlay-panel-component.splitter.horizontal .rightPane {
      box-shadow: -10px 8px 30px 0px rgba( 200, 200, 200 ,  1 );
      box-shadow: -10px 8px 30px 0px rgba( var(--palette-neutral-20,200, 200, 200) ,  1 ); }
    .attachment-view-container .attachment-view-body .test-Attachment-overlay-panel-component.splitter.horizontal .handleBar {
      border-color: rgba( 248, 248, 248 ,  1 );
      border-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 ); }
    .attachment-view-container .attachment-view-body .test-Attachment-overlay-panel-component .hide-left-container {
      visibility: hidden; }
  .attachment-view-container .attachment-view-right-pane {
    overflow: auto;
    height: 100%; }
    .attachment-view-container .attachment-view-right-pane .attachment-image-container {
      padding: 5px;
      height: 100%;
      width: 100%; }
    .attachment-view-container .attachment-view-right-pane .attachment-image {
      max-width: 100%;
      max-height: 100%;
      height: auto;
      width: auto; }
  .attachment-view-container .attachment-view-pane-loading {
    margin-top: 50px; }
  .attachment-view-container .attachment-view-splitter {
    z-index: 20000;
    border:  1px solid;
    border-color: rgba( 234, 234, 234 ,  1 );
    border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
  .attachment-view-container .built-in-extension-div, .attachment-view-container .code-editor-host {
    height: 100%; }
  .attachment-view-container .attachment-preview-mode {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column; }
  .attachment-view-container .overlay-right-section {
    float: left;
    height: 100%;
    width: 100%; }
  .attachment-view-container .overlay-panel-buttons-container {
    display: flex;
    flex-direction: row-reverse; }
/***END AttachmentsView.css***/