.attachment-view-container{height:100%;overflow:hidden}.attachment-view-container .attachment-info{font-size:12px;display:flex}.attachment-view-container .attachment-info .attachment-size{min-width:60px}.attachment-view-container .attachment-info .attachment-time-added-ago{margin-left:20px}.attachment-view-container .attachment-row{display:flex;justify-content:space-between}.attachment-view-container .attachment-cell{width:calc(100% - 20px)}.attachment-view-container .attachment-cell .attachment-info{font-size:12px;display:flex}.attachment-view-container .attachment-cell .attachment-size{min-width:60px}.attachment-view-container .attachment-cell .attachment-time-added-ago{margin-left:20px;overflow:hidden;text-overflow:ellipsis}.attachment-view-container .attachment-cell .attachment-name{display:block;overflow:hidden;text-overflow:ellipsis}.attachment-view-container .no-attachments-area{height:100%;display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column}.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%;display:flex;align-items:center;text-align:center;justify-content:center;flex-direction:column}.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-x:hidden;overflow-y:auto}.attachment-view-container .attachment-view-attachments-area{height:100%}.attachment-view-container .attachment-view-body{display:flex;height:100%}.attachment-view-container .attachment-view-body .test-Attachment-overlay-panel-component.splitter.horizontal .rightPane{-webkit-box-shadow:rgba(200,200,200,1) -10px 8px 30px 0;-webkit-box-shadow:rgba(var(--palette-neutral-20,200, 200, 200),1) -10px 8px 30px 0;-moz-box-shadow:rgba(200,200,200,1) -10px 8px 30px 0;-moz-box-shadow:rgba(var(--palette-neutral-20,200, 200, 200),1) -10px 8px 30px 0;box-shadow:rgba(200,200,200,1) -10px 8px 30px 0;box-shadow:rgba(var(--palette-neutral-20,200, 200, 200),1) -10px 8px 30px 0}.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-right-pane{overflow:auto;flex-grow:1;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%}