.footer-file-preview{position:absolute;right:0;width:calc(100vw - 434px);height:calc(100vh - 64px);background:var(--ds-surface-sunken);z-index:3;padding:25px 16px;justify-content:center;display:flex;flex-direction:column}.footer-file-preview-header{display:flex;align-items:center}.footer-file-preview-close{width:24px;height:24px;padding:0;border:none;background:none;color:var(--ds-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.footer-file-preview-name-doc{color:var(--ds-text);font-weight:var(--ds-weight-medium);font-size:var(--ds-text-ui);display:flex;width:100%;text-align:center;flex-direction:row;justify-content:center}.footer-file-preview-body-content{height:100%}.footer-file-preview-body,.footer-file-preview-body-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-file-preview-body{width:440px;background:var(--ds-surface-raised);border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);padding:50px;text-align:center}.footer-file-preview-media{max-width:100%;max-height:360px;border-radius:var(--ds-radius-lg);-o-object-fit:contain;object-fit:contain}.footer-file-preview-text-title{color:var(--ds-text-muted);font-size:var(--ds-text-h2)}.footer-file-preview-text-subtitle{color:var(--ds-text-muted);font-size:var(--ds-text-ui)}.footer-file-preview-comment{width:100%;justify-content:center;display:flex;padding:var(--ds-space-2) var(--ds-space-4);margin-top:5rem}.footer-file-preview-comment-input{width:100%;height:44px;background:var(--ds-surface-raised);border-radius:var(--ds-radius-md);padding:0 var(--ds-space-4);border:1px solid var(--ds-border-strong);margin:0 80px;color:var(--ds-text);font-size:var(--ds-text-base);transition:border-color var(--ds-dur-fast) var(--ds-ease-enter),box-shadow var(--ds-dur-fast) var(--ds-ease-enter)}.footer-file-preview-comment-input::-moz-placeholder{color:var(--ds-text-muted)}.footer-file-preview-comment-input::placeholder{color:var(--ds-text-muted)}.footer-file-preview-comment-input:active,.footer-file-preview-comment-input:focus{border-color:var(--ds-accent);box-shadow:var(--ds-shadow-ring);outline:none}.icon-button-file-preview{border:none;background:none;cursor:pointer}.footer-file-preview-footer{display:flex;flex-direction:row;justify-content:flex-end}.send-icon-preview{width:60px;height:60px;border-radius:var(--ds-radius-full);background:var(--ds-cta);color:var(--ds-cta-fg);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter)}.icon-button-file-preview:hover .send-icon-preview{background:var(--ds-cta-hover)}