.footer-file-preview{position:absolute;right:0;width:calc(100vw - 434px);height:calc(100vh - 64px);background:var(--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(--text-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.footer-file-preview-name-doc{color:var(--text-ink);font-weight:var(--weight-medium);font-size:14px;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(--surface-raised);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:50px;text-align:center}.footer-file-preview-text-title{color:var(--text-muted);font-size:24px}.footer-file-preview-text-subtitle{color:var(--text-muted);font-size:14px}.footer-file-preview-comment{width:100%;justify-content:center;display:flex;padding:8px 16px;margin-top:5rem}.footer-file-preview-comment-input{width:100%;height:44px;background:var(--surface-sunken);border-radius:var(--radius-lg);padding:0 16px;border:1px solid transparent;margin:0 80px;color:var(--text-ink);font-size:var(--text-base);transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.footer-file-preview-comment-input::-moz-placeholder{color:var(--text-muted)}.footer-file-preview-comment-input::placeholder{color:var(--text-muted)}.footer-file-preview-comment-input:active,.footer-file-preview-comment-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);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;box-shadow:var(--shadow-md);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-on);display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--dur-base) var(--ease-standard)}.icon-button-file-preview:hover .send-icon-preview{background:var(--accent-hover)}