@compdfkit_pdf_sdk/webviewer 2.9.1 → 2.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -9
- package/dist/assets/CloseA-DlNP-cuj.js +1 -0
- package/dist/assets/CustomModal-Ch2Wefy4.js +1 -0
- package/dist/assets/RightPanelPageMode-BIjlk7Gw.js +1 -0
- package/dist/assets/StampPanel--iZcsv3K.js +1 -0
- package/dist/assets/index-CbQxGwNm.css +1 -0
- package/dist/assets/index-qDC4-eGu.js +2508 -0
- package/dist/assets/{viewer-Bx-vwNpl.js → viewer-DpBaiFAc.js} +9 -9
- package/dist/index.html +4 -4
- package/dist/lib/ComPDFKit.wasm +0 -0
- package/dist/lib/PDFWorker.js +1 -1
- package/dist/locales/translation-en.json +1 -0
- package/dist/locales/translation-fr.json +1 -0
- package/dist/locales/translation-ja.json +1 -0
- package/dist/locales/translation-th.json +1 -0
- package/dist/locales/translation-zh-CN.json +1 -0
- package/dist/locales/translation-zh-TW.json +1 -0
- package/package.json +1 -1
- package/webviewer.global.js +1 -1
- package/webviewer.js +1 -1
- package/dist/assets/CloseA-CEkvif0J.js +0 -1
- package/dist/assets/CustomModal--dtM3B7m.js +0 -1
- package/dist/assets/RightPanelPageMode-tZ9uq8fS.js +0 -1
- package/dist/assets/StampPanel-Dtg2zCwL.js +0 -1
- package/dist/assets/index-BWvsaYab.js +0 -2508
- package/dist/assets/index-D01qv-cy.css +0 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# PDF SDK for Web | View, Annotate, Edit & Render PDFs in the Browser
|
|
2
2
|
|
|
3
|
-
ComPDF WebViewer is a JavaScript PDF SDK for **Web** apps that need PDF viewing, annotation, editing, forms, signatures, comparison, and security directly in the browser. For teams building broader **document workflow** products,
|
|
3
|
+
ComPDF WebViewer is a JavaScript PDF SDK for **Web** apps that need PDF viewing, annotation, editing, forms, signatures, comparison, and security directly in the browser. For teams building broader **document workflow** products, ComPDFKit also works with ComPDF API for **Convert**, **OCR**, and **Generate** workflows.
|
|
4
4
|
|
|
5
5
|
## 🚀 Why ComPDF
|
|
6
6
|
|
|
@@ -17,8 +17,9 @@ Why developers use it:
|
|
|
17
17
|
## 🎬 Live Demo
|
|
18
18
|
|
|
19
19
|
Try ComPDF in action:
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
- Apply the License Key
|
|
21
|
+
Contact [ComPDF](https://www.compdf.com/pricing?utm_source=npmjs&utm_medium=dev&utm_campaign=compdf_webviewer&ref_platform_id=npmjs_compdfkit) to get **a free 30-day license** to test the project.
|
|
22
|
+
- Web Demo: [https://www.compdf.com/demo/webviewer](https://www.compdf.com/demo/webviewer?utm_source=npmjs&utm_medium=dev&utm_campaign=compdf_webviewer&ref_platform_id=npmjs_compdfkit)
|
|
22
23
|
- Sample Project (React): [https://github.com/ComPDF/compdfkit-web-example-react](https://github.com/ComPDFKit/compdfkit-web-example-react)
|
|
23
24
|
- Sample Project (Vanilla JS): [https://github.com/ComPDFKit/compdfkit-web-example-vanilla-javascript](https://github.com/ComPDFKit/compdfkit-web-example-vanilla-javascript)
|
|
24
25
|
|
|
@@ -35,7 +36,7 @@ npm install @compdfkit_pdf_sdk/webviewer
|
|
|
35
36
|
### 2. Copy the WebViewer assets
|
|
36
37
|
|
|
37
38
|
```bash
|
|
38
|
-
cp -
|
|
39
|
+
cp -a ./node_modules/@compdfkit_pdf_sdk/webviewer/dist/. ./public/webviewer
|
|
39
40
|
```
|
|
40
41
|
|
|
41
42
|
### 3. Initialize the viewer
|
|
@@ -117,7 +118,7 @@ WebViewer.init(
|
|
|
117
118
|
const docViewer = instance.docViewer;
|
|
118
119
|
|
|
119
120
|
docViewer.addEvent('documentloaded', () => {
|
|
120
|
-
console.log('
|
|
121
|
+
console.log('ComPDFKit WebViewer loaded');
|
|
121
122
|
});
|
|
122
123
|
});
|
|
123
124
|
```
|
|
@@ -161,12 +162,12 @@ export default function WebViewerContainer() {
|
|
|
161
162
|
|
|
162
163
|
| Resource | Link |
|
|
163
164
|
| --- | --- |
|
|
164
|
-
| Official Docs | [https://www.compdf.com/guides/pdf-sdk/web/overview](https://www.compdf.com/guides/pdf-sdk/web/overview) |
|
|
165
|
-
| Viewer Guide | [https://www.compdf.com/guides/pdf-sdk/web/viewer](https://www.compdf.com/guides/pdf-sdk/web/viewer) |
|
|
165
|
+
| Official Docs | [https://www.compdf.com/guides/pdf-sdk/web/overview](https://www.compdf.com/guides/pdf-sdk/web/overview?utm_source=npmjs&utm_medium=dev&utm_campaign=compdf_webviewer&ref_platform_id=npmjs_compdfkit) |
|
|
166
|
+
| Viewer Guide | [https://www.compdf.com/guides/pdf-sdk/web/viewer](https://www.compdf.com/guides/pdf-sdk/web/viewer?utm_source=npmjs&utm_medium=dev&utm_campaign=compdf_webviewer&ref_platform_id=npmjs_compdfkit) |
|
|
166
167
|
| GitHub Examples | [https://github.com/ComPDFKit/compdfkit-web-example-react](https://github.com/ComPDFKit/compdfkit-web-example-react) |
|
|
167
|
-
| Demo | [https://www.compdf.com/demo/webviewer](https://www.compdf.com/demo/webviewer) |
|
|
168
|
+
| Demo | [https://www.compdf.com/demo/webviewer](https://www.compdf.com/demo/webviewer?utm_source=npmjs&utm_medium=dev&utm_campaign=compdf_webviewer&ref_platform_id=npmjs_compdfkit) |
|
|
168
169
|
|
|
169
|
-
## ❤️ Engagement
|
|
170
|
+
## ❤️ Engagement
|
|
170
171
|
|
|
171
172
|
If ComPDF helps your web product ship faster, please ⭐ **Star us on GitHub** to support the project.
|
|
172
173
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{A as e,At as t,Bt as n,C as r,Dt as i,E as a,Et as o,Ft as s,Ht as c,It as l,Kt as u,L as d,Lt as f,Mt as p,Nt as m,Ot as h,P as ee,Pt as g,Q as _,R as v,Rt as y,St as b,Tt as x,U as te,Vt as S,Z as ne,_ as C,at as w,g as T,h as E,it as re,jt as D,k as O,kt as ie,ot as ae,y as oe,z as se,zt as ce}from"./viewer-DpBaiFAc.js";var k=void 0,le=typeof window<`u`&&window.trustedTypes;if(le)try{k=le.createPolicy(`vue`,{createHTML:e=>e})}catch{}var ue=k?e=>k.createHTML(e):e=>e,de=`http://www.w3.org/2000/svg`,fe=`http://www.w3.org/1998/Math/MathML`,A=typeof document<`u`?document:null,pe=A&&A.createElement(`template`),me={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{let t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,r)=>{let i=t===`svg`?A.createElementNS(de,e):t===`mathml`?A.createElementNS(fe,e):n?A.createElement(e,{is:n}):A.createElement(e);return e===`select`&&r&&r.multiple!=null&&i.setAttribute(`multiple`,r.multiple),i},createText:e=>A.createTextNode(e),createComment:e=>A.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>A.querySelector(e),setScopeId(e,t){e.setAttribute(t,``)},insertStaticContent(e,t,n,r,i,a){let o=n?n.previousSibling:t.lastChild;if(i&&(i===a||i.nextSibling))for(;t.insertBefore(i.cloneNode(!0),n),!(i===a||!(i=i.nextSibling)););else{pe.innerHTML=ue(r===`svg`?`<svg>${e}</svg>`:r===`mathml`?`<math>${e}</math>`:e);let i=pe.content;if(r===`svg`||r===`mathml`){let e=i.firstChild;for(;e.firstChild;)i.appendChild(e.firstChild);i.removeChild(e)}t.insertBefore(i,n)}return[o?o.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}},j=`transition`,M=`animation`,N=Symbol(`_vtc`),he={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String},ge=i({},C,he),_e=(e=>(e.displayName=`Transition`,e.props=ge,e))((e,{slots:t})=>se(T,ye(e),t)),P=(e,t=[])=>{D(e)?e.forEach(e=>e(...t)):e&&e(...t)},ve=e=>e?D(e)?e.some(e=>e.length>1):e.length>1:!1;function ye(e){let t={};for(let n in e)n in he||(t[n]=e[n]);if(e.css===!1)return t;let{name:n=`v`,type:r,duration:a,enterFromClass:o=`${n}-enter-from`,enterActiveClass:s=`${n}-enter-active`,enterToClass:c=`${n}-enter-to`,appearFromClass:l=o,appearActiveClass:u=s,appearToClass:d=c,leaveFromClass:f=`${n}-leave-from`,leaveActiveClass:p=`${n}-leave-active`,leaveToClass:m=`${n}-leave-to`}=e,h=be(a),ee=h&&h[0],g=h&&h[1],{onBeforeEnter:_,onEnter:v,onEnterCancelled:y,onLeave:b,onLeaveCancelled:x,onBeforeAppear:te=_,onAppear:S=v,onAppearCancelled:ne=y}=t,C=(e,t,n,r)=>{e._enterCancelled=r,L(e,t?d:c),L(e,t?u:s),n&&n()},w=(e,t)=>{e._isLeaving=!1,L(e,f),L(e,m),L(e,p),t&&t()},T=e=>(t,n)=>{let i=e?S:v,a=()=>C(t,e,n);P(i,[t,a]),xe(()=>{L(t,e?l:o),I(t,e?d:c),ve(i)||Ce(t,r,ee,a)})};return i(t,{onBeforeEnter(e){P(_,[e]),I(e,o),I(e,s)},onBeforeAppear(e){P(te,[e]),I(e,l),I(e,u)},onEnter:T(!1),onAppear:T(!0),onLeave(e,t){e._isLeaving=!0;let n=()=>w(e,t);I(e,f),e._enterCancelled?(I(e,p),V(e)):(V(e),I(e,p)),xe(()=>{e._isLeaving&&(L(e,f),I(e,m),ve(b)||Ce(e,r,g,n))}),P(b,[e,n])},onEnterCancelled(e){C(e,!1,void 0,!0),P(y,[e])},onAppearCancelled(e){C(e,!0,void 0,!0),P(ne,[e])},onLeaveCancelled(e){w(e),P(x,[e])}})}function be(e){if(e==null)return null;if(g(e))return[F(e.enter),F(e.leave)];{let t=F(e);return[t,t]}}function F(e){return u(e)}function I(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.add(t)),(e[N]||(e[N]=new Set)).add(t)}function L(e,t){t.split(/\s+/).forEach(t=>t&&e.classList.remove(t));let n=e[N];n&&(n.delete(t),n.size||(e[N]=void 0))}function xe(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}var Se=0;function Ce(e,t,n,r){let i=e._endId=++Se,a=()=>{i===e._endId&&r()};if(n!=null)return setTimeout(a,n);let{type:o,timeout:s,propCount:c}=R(e,t);if(!o)return r();let l=o+`end`,u=0,d=()=>{e.removeEventListener(l,f),a()},f=t=>{t.target===e&&++u>=c&&d()};setTimeout(()=>{u<c&&d()},s+1),e.addEventListener(l,f)}function R(e,t){let n=window.getComputedStyle(e),r=e=>(n[e]||``).split(`, `),i=r(`${j}Delay`),a=r(`${j}Duration`),o=z(i,a),s=r(`${M}Delay`),c=r(`${M}Duration`),l=z(s,c),u=null,d=0,f=0;t===j?o>0&&(u=j,d=o,f=a.length):t===M?l>0&&(u=M,d=l,f=c.length):(d=Math.max(o,l),u=d>0?o>l?j:M:null,f=u?u===j?a.length:c.length:0);let p=u===j&&/\b(?:transform|all)(?:,|$)/.test(r(`${j}Property`).toString());return{type:u,timeout:d,propCount:f,hasTransform:p}}function z(e,t){for(;e.length<t.length;)e=e.concat(e);return Math.max(...t.map((t,n)=>B(t)+B(e[n])))}function B(e){return e===`auto`?0:Number(e.slice(0,-1).replace(`,`,`.`))*1e3}function V(e){return(e?e.ownerDocument:document).body.offsetHeight}function we(e,t,n){let r=e[N];r&&(t=(t?[t,...r]:[...r]).join(` `)),t==null?e.removeAttribute(`class`):n?e.setAttribute(`class`,t):e.className=t}var H=Symbol(`_vod`),Te=Symbol(`_vsh`),Ee={name:`show`,beforeMount(e,{value:t},{transition:n}){e[H]=e.style.display===`none`?``:e.style.display,n&&t?n.beforeEnter(e):U(e,t)},mounted(e,{value:t},{transition:n}){n&&t&&n.enter(e)},updated(e,{value:t,oldValue:n},{transition:r}){!t!=!n&&(r?t?(r.beforeEnter(e),U(e,!0),r.enter(e)):r.leave(e,()=>{U(e,!1)}):U(e,t))},beforeUnmount(e,{value:t}){U(e,t)}};function U(e,t){e.style.display=t?e[H]:`none`,e[Te]=!t}var De=Symbol(``),Oe=/(?:^|;)\s*display\s*:/;function ke(e,t,n){let r=e.style,i=y(n),a=!1;if(n&&!i){if(t)if(y(t))for(let e of t.split(`;`)){let t=e.slice(0,e.indexOf(`:`)).trim();n[t]??W(r,t,``)}else for(let e in t)n[e]??W(r,e,``);for(let i in n){i===`display`&&(a=!0);let o=n[i];o==null?W(r,i,``):Ne(e,i,!y(t)&&t?t[i]:void 0,o)||W(r,i,o)}}else if(i){if(t!==n){let e=r[De];e&&(n+=`;`+e),r.cssText=n,a=Oe.test(n)}}else t&&e.removeAttribute(`style`);H in e&&(e[H]=a?r.display:``,e[Te]&&(r.display=`none`))}var Ae=/\s*!important$/;function W(e,t,n){if(D(n))n.forEach(n=>W(e,t,n));else if(n??=``,t.startsWith(`--`))e.setProperty(t,n);else{let r=Me(e,t);Ae.test(n)?e.setProperty(h(r),n.replace(Ae,``),`important`):e[r]=n}}var je=[`Webkit`,`Moz`,`ms`],G={};function Me(e,t){let n=G[t];if(n)return n;let r=x(t);if(r!==`filter`&&r in e)return G[t]=r;r=o(r);for(let n=0;n<je.length;n++){let i=je[n]+r;if(i in e)return G[t]=i}return t}function Ne(e,t,n,r){return e.tagName===`TEXTAREA`&&(t===`width`||t===`height`)&&y(r)&&n===r}var Pe=`http://www.w3.org/1999/xlink`;function Fe(e,t,n,r,i,a=f(t)){r&&t.startsWith(`xlink:`)?n==null?e.removeAttributeNS(Pe,t.slice(6,t.length)):e.setAttributeNS(Pe,t,n):n==null||a&&!ie(n)?e.removeAttribute(t):e.setAttribute(t,a?``:ce(n)?String(n):n)}function Ie(e,t,n,r,i){if(t===`innerHTML`||t===`textContent`){n!=null&&(e[t]=t===`innerHTML`?ue(n):n);return}let a=e.tagName;if(t===`value`&&a!==`PROGRESS`&&!a.includes(`-`)){let r=a===`OPTION`?e.getAttribute(`value`)||``:e.value,i=n==null?e.type===`checkbox`?`on`:``:String(n);(r!==i||!(`_value`in e))&&(e.value=i),n??e.removeAttribute(t),e._value=n;return}let o=!1;if(n===``||n==null){let r=typeof e[t];r===`boolean`?n=ie(n):n==null&&r===`string`?(n=``,o=!0):r===`number`&&(n=0,o=!0)}try{e[t]=n}catch{}o&&e.removeAttribute(i||t)}function K(e,t,n,r){e.addEventListener(t,n,r)}function Le(e,t,n,r){e.removeEventListener(t,n,r)}var Re=Symbol(`_vei`);function ze(e,t,n,r,i=null){let a=e[Re]||(e[Re]={}),o=a[t];if(r&&o)o.value=r;else{let[n,s]=Ve(t);r?K(e,n,a[t]=Ge(r,i),s):o&&(Le(e,n,o,s),a[t]=void 0)}}var Be=/(?:Once|Passive|Capture)$/;function Ve(e){let t;if(Be.test(e)){t={};let n;for(;n=e.match(Be);)e=e.slice(0,e.length-n[0].length),t[n[0].toLowerCase()]=!0}return[e[2]===`:`?e.slice(3):h(e.slice(2)),t]}var He=0,Ue=Promise.resolve(),We=()=>He||=(Ue.then(()=>He=0),Date.now());function Ge(e,t){let n=e=>{if(!e._vts)e._vts=Date.now();else if(e._vts<=n.attached)return;r(Ke(e,n.value),t,5,[e])};return n.value=e,n.attached=We(),n}function Ke(e,t){if(D(t)){let n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(e=>t=>!t._stopped&&e&&e(t))}else return t}var qe=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Je=(e,t,n,r,i,a)=>{let o=i===`svg`;t===`class`?we(e,r,o):t===`style`?ke(e,n,r):s(t)?m(t)||ze(e,t,n,r,a):(t[0]===`.`?(t=t.slice(1),!0):t[0]===`^`?(t=t.slice(1),!1):Ye(e,t,r,o))?(Ie(e,t,r),!e.tagName.includes(`-`)&&(t===`value`||t===`checked`||t===`selected`)&&Fe(e,t,r,o,a,t!==`value`)):e._isVueCE&&(Xe(e,t)||e._def.__asyncLoader&&(/[A-Z]/.test(t)||!y(r)))?Ie(e,x(t),r,a,t):(t===`true-value`?e._trueValue=r:t===`false-value`&&(e._falseValue=r),Fe(e,t,r,o))};function Ye(e,t,n,r){if(r)return!!(t===`innerHTML`||t===`textContent`||t in e&&qe(t)&&p(n));if(t===`spellcheck`||t===`draggable`||t===`translate`||t===`autocorrect`||t===`sandbox`&&e.tagName===`IFRAME`||t===`form`||t===`list`&&e.tagName===`INPUT`||t===`type`&&e.tagName===`TEXTAREA`)return!1;if(t===`width`||t===`height`){let t=e.tagName;if(t===`IMG`||t===`VIDEO`||t===`CANVAS`||t===`SOURCE`)return!1}return qe(t)&&y(n)?!1:t in e}function Xe(e,t){let n=e._def.props;if(!n)return!1;let r=x(t);return Array.isArray(n)?n.some(e=>x(e)===r):Object.keys(n).some(e=>x(e)===r)}var Ze=new WeakMap,Qe=new WeakMap,q=Symbol(`_moveCb`),$e=Symbol(`_enterCb`),et=(e=>(delete e.props.mode,e))({name:`TransitionGroup`,props:i({},ge,{tag:String,moveClass:String}),setup(e,{slots:t}){let n=d(),r=ae(),i,a;return ne(()=>{if(!i.length)return;let t=e.moveClass||`${e.name||`v`}-move`;if(!it(i[0].el,n.vnode.el,t)){i=[];return}i.forEach(tt),i.forEach(nt);let r=i.filter(rt);V(n.vnode.el),r.forEach(e=>{let n=e.el,r=n.style;I(n,t),r.transform=r.webkitTransform=r.transitionDuration=``;let i=n[q]=e=>{e&&e.target!==n||(!e||e.propertyName.endsWith(`transform`))&&(n.removeEventListener(`transitionend`,i),n[q]=null,L(n,t))};n.addEventListener(`transitionend`,i)}),i=[]}),()=>{let o=b(e),s=ye(o),c=o.tag||oe;if(i=[],a)for(let e=0;e<a.length;e++){let t=a[e];t.el&&t.el instanceof Element&&(i.push(t),w(t,re(t,s,r,n)),Ze.set(t,J(t.el)))}a=t.default?v(t.default()):[];for(let e=0;e<a.length;e++){let t=a[e];t.key!=null&&w(t,re(t,s,r,n))}return ee(c,null,a)}}});function tt(e){let t=e.el;t[q]&&t[q](),t[$e]&&t[$e]()}function nt(e){Qe.set(e,J(e.el))}function rt(e){let t=Ze.get(e),n=Qe.get(e),r=t.left-n.left,i=t.top-n.top;if(r||i){let t=e.el,n=t.style,a=t.getBoundingClientRect(),o=1,s=1;return t.offsetWidth&&(o=a.width/t.offsetWidth),t.offsetHeight&&(s=a.height/t.offsetHeight),(!Number.isFinite(o)||o===0)&&(o=1),(!Number.isFinite(s)||s===0)&&(s=1),Math.abs(o-1)<.01&&(o=1),Math.abs(s-1)<.01&&(s=1),n.transform=n.webkitTransform=`translate(${r/o}px,${i/s}px)`,n.transitionDuration=`0s`,e}}function J(e){let t=e.getBoundingClientRect();return{left:t.left,top:t.top}}function it(e,t,n){let r=e.cloneNode(),i=e[N];i&&i.forEach(e=>{e.split(/\s+/).forEach(e=>e&&r.classList.remove(e))}),n.split(/\s+/).forEach(e=>e&&r.classList.add(e)),r.style.display=`none`;let a=t.nodeType===1?t:t.parentNode;a.appendChild(r);let{hasTransform:o}=R(r);return a.removeChild(r),o}var Y=e=>{let n=e.props[`onUpdate:modelValue`]||!1;return D(n)?e=>t(n,e):n};function at(e){e.target.composing=!0}function ot(e){let t=e.target;t.composing&&(t.composing=!1,t.dispatchEvent(new Event(`input`)))}var X=Symbol(`_assign`);function st(e,t,n){return t&&(e=e.trim()),n&&(e=c(e)),e}var Z={created(e,{modifiers:{lazy:t,trim:n,number:r}},i){e[X]=Y(i);let a=r||i.props&&i.props.type===`number`;K(e,t?`change`:`input`,t=>{t.target.composing||e[X](st(e.value,n,a))}),(n||a)&&K(e,`change`,()=>{e.value=st(e.value,n,a)}),t||(K(e,`compositionstart`,at),K(e,`compositionend`,ot),K(e,`change`,ot))},mounted(e,{value:t}){e.value=t??``},beforeUpdate(e,{value:t,oldValue:n,modifiers:{lazy:r,trim:i,number:a}},o){if(e[X]=Y(o),e.composing)return;let s=(a||e.type===`number`)&&!/^0\d/.test(e.value)?c(e.value):e.value,l=t??``;if(s===l)return;let u=e.getRootNode();(u instanceof Document||u instanceof ShadowRoot)&&u.activeElement===e&&e.type!==`range`&&(r&&t===n||i&&e.value.trim()===l)||(e.value=l)}},ct={deep:!0,created(e,t,n){e[X]=Y(n),K(e,`change`,()=>{let t=e._modelValue,n=Q(e),r=e.checked,i=e[X];if(D(t)){let e=S(t,n),a=e!==-1;if(r&&!a)i(t.concat(n));else if(!r&&a){let n=[...t];n.splice(e,1),i(n)}}else if(l(t)){let e=new Set(t);r?e.add(n):e.delete(n),i(e)}else i(pt(e,r))})},mounted:lt,beforeUpdate(e,t,n){e[X]=Y(n),lt(e,t,n)}};function lt(e,{value:t,oldValue:r},i){e._modelValue=t;let a;if(D(t))a=S(t,i.props.value)>-1;else if(l(t))a=t.has(i.props.value);else{if(t===r)return;a=n(t,pt(e,!0))}e.checked!==a&&(e.checked=a)}var ut={created(e,{value:t},r){e.checked=n(t,r.props.value),e[X]=Y(r),K(e,`change`,()=>{e[X](Q(e))})},beforeUpdate(e,{value:t,oldValue:r},i){e[X]=Y(i),t!==r&&(e.checked=n(t,i.props.value))}},dt={deep:!0,created(e,{value:t,modifiers:{number:n}},r){let i=l(t);K(e,`change`,()=>{let t=Array.prototype.filter.call(e.options,e=>e.selected).map(e=>n?c(Q(e)):Q(e));e[X](e.multiple?i?new Set(t):t:t[0]),e._assigning=!0,te(()=>{e._assigning=!1})}),e[X]=Y(r)},mounted(e,{value:t}){ft(e,t)},beforeUpdate(e,t,n){e[X]=Y(n)},updated(e,{value:t}){e._assigning||ft(e,t)}};function ft(e,t){let r=e.multiple,i=D(t);if(!(r&&!i&&!l(t))){for(let a=0,o=e.options.length;a<o;a++){let o=e.options[a],s=Q(o);if(r)if(i){let e=typeof s;e===`string`||e===`number`?o.selected=t.some(e=>String(e)===String(s)):o.selected=S(t,s)>-1}else o.selected=t.has(s);else if(n(Q(o),t)){e.selectedIndex!==a&&(e.selectedIndex=a);return}}!r&&e.selectedIndex!==-1&&(e.selectedIndex=-1)}}function Q(e){return`_value`in e?e._value:e.value}function pt(e,t){let n=t?`_trueValue`:`_falseValue`;return n in e?e[n]:t}var mt={created(e,t,n){$(e,t,n,null,`created`)},mounted(e,t,n){$(e,t,n,null,`mounted`)},beforeUpdate(e,t,n,r){$(e,t,n,r,`beforeUpdate`)},updated(e,t,n,r){$(e,t,n,r,`updated`)}};function ht(e,t){switch(e){case`SELECT`:return dt;case`TEXTAREA`:return Z;default:switch(t){case`checkbox`:return ct;case`radio`:return ut;default:return Z}}}function $(e,t,n,r,i){let a=ht(e.tagName,n.props&&n.props.type)[i];a&&a(e,t,n,r)}var gt=[`ctrl`,`shift`,`alt`,`meta`],_t={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>`button`in e&&e.button!==0,middle:e=>`button`in e&&e.button!==1,right:e=>`button`in e&&e.button!==2,exact:(e,t)=>gt.some(n=>e[`${n}Key`]&&!t.includes(n))},vt=(e,t)=>{if(!e)return e;let n=e._withMods||={},r=t.join(`.`);return n[r]||(n[r]=((n,...r)=>{for(let e=0;e<t.length;e++){let r=_t[t[e]];if(r&&r(n,t))return}return e(n,...r)}))},yt={esc:`escape`,space:` `,up:`arrow-up`,left:`arrow-left`,right:`arrow-right`,down:`arrow-down`,delete:`backspace`},bt=(e,t)=>{let n=e._withKeys||={},r=t.join(`.`);return n[r]||(n[r]=(n=>{if(!(`key`in n))return;let r=h(n.key);if(t.some(e=>e===r||yt[e]===r))return e(n)}))},xt=i({patchProp:Je},me),St;function Ct(){return St||=e(xt)}var wt=((...e)=>{let t=Ct().createApp(...e),{mount:n}=t;return t.mount=e=>{let r=Et(e);if(!r)return;let i=t._component;!p(i)&&!i.render&&!i.template&&(i.template=r.innerHTML),r.nodeType===1&&(r.textContent=``);let a=n(r,!1,Tt(r));return r instanceof Element&&(r.removeAttribute(`v-cloak`),r.setAttribute(`data-v-app`,``)),a},t});function Tt(e){if(e instanceof SVGElement)return`svg`;if(typeof MathMLElement==`function`&&e instanceof MathMLElement)return`mathml`}function Et(e){return y(e)?document.querySelector(e):e}var Dt={},Ot={width:`14`,height:`14`,viewBox:`0 0 14 14`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`};function kt(e,t){return _(),O(`svg`,Ot,[...t[0]||=[a(`path`,{d:`M13 1L1 13`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1),a(`path`,{d:`M1 1L13 13`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]])}var At=E(Dt,[[`render`,kt]]),jt={},Mt={width:`16`,height:`16`,viewBox:`0 0 16 16`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`};function Nt(e,t){return _(),O(`svg`,Mt,[...t[0]||=[a(`path`,{"fill-rule":`evenodd`,"clip-rule":`evenodd`,d:`M12.6466 13.2531L13.0001 13.6066L13.7072 12.8995L13.3537 12.546L8.7072 7.8995L13.2532 3.35352L13.6067 2.99997L12.8996 2.29286L12.5461 2.64642L8.00009 7.19239L3.45418 2.64648L3.10063 2.29292L2.39352 3.00003L2.74708 3.35358L7.29299 7.8995L2.64657 12.5459L2.29302 12.8995L3.00013 13.6066L3.35368 13.253L8.0001 8.6066L12.6466 13.2531Z`,fill:`currentColor`},null,-1)]])}var Pt=E(jt,[[`render`,Nt]]),Ft={},It={xmlns:`http://www.w3.org/2000/svg`,width:`20`,height:`20`,viewBox:`0 0 20 20`,fill:`none`};function Lt(e,t){return _(),O(`svg`,It,[...t[0]||=[a(`path`,{"fill-rule":`evenodd`,"clip-rule":`evenodd`,d:`M14.7331 15.7936C15.026 16.0864 15.5009 16.0864 15.7937 15.7936C16.0866 15.5007 16.0866 15.0258 15.7937 14.7329L11.3743 10.3135L15.7938 5.89408C16.0867 5.60119 16.0867 5.12631 15.7938 4.83342C15.5009 4.54052 15.026 4.54053 14.7331 4.83342L10.3137 9.25284L5.89425 4.8334C5.60136 4.54051 5.12649 4.54051 4.83359 4.8334C4.5407 5.12629 4.5407 5.60117 4.83359 5.89406L9.25303 10.3135L4.83361 14.7329C4.54072 15.0258 4.54072 15.5007 4.83361 15.7936C5.1265 16.0865 5.60138 16.0865 5.89427 15.7936L10.3137 11.3742L14.7331 15.7936Z`,fill:`currentColor`},null,-1)]])}var Rt=E(Ft,[[`render`,Lt]]);export{et as a,dt as c,bt as d,vt as f,_e as i,Z as l,Pt as n,wt as o,At as r,mt as s,Rt as t,Ee as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{D as e,E as t,Gt as n,O as r,P as i,Q as a,T as o,U as s,Ut as c,Wt as l,X as u,Y as d,et as f,j as p,k as m,st as h,t as g,ut as _,wt as v,y,yt as b}from"./viewer-DpBaiFAc.js";import{d as x}from"./CloseA-DlNP-cuj.js";import{u as S}from"./index-qDC4-eGu.js";var C=[`data-element`],w=[`innerHTML`],T={key:0},E=[`onClick`],D=[`onClick`],O=[`innerHTML`],k={key:0},A=[`onClick`],j=[`onClick`],M=[`innerHTML`],N={key:0},P=[`onClick`],F=[`onClick`],I={__name:`CustomModalItem`,props:{modal:{type:Object,required:!0}},setup(e){let I=e,L=g(),R=b(null),{dataElement:z,render:B,header:V,body:H,footer:U,disableBackdropClick:W=!1,disableEscapeKeyDown:G=!1}=I.modal,K=o(()=>L.isElementOpen(z)),q=e=>e?Object.entries(e).map(([e,t])=>Number.isInteger(t)?`${e}:${t}px`:`${e}:${t}`).join(`;`):``,J=()=>{W||X()},Y=e=>{G||(e.preventDefault(),X())},X=()=>{L.closeElement(z)};h(K,async e=>{if(e&&B&&R.value){await s();let e=B();typeof e==`string`?R.value.textContent=e:e instanceof Node&&(R.value.innerHTML=``,R.value.appendChild(e))}},{immediate:!0});let Z=e=>{e.key===`Escape`&&K.value&&!G&&X()};return d(()=>{document.addEventListener(`keydown`,Z)}),u(()=>{document.removeEventListener(`keydown`,Z)}),(e,o)=>{let s=S;return K.value?(a(),m(`div`,{key:0,class:c([`Modal CustomModal`,v(z)]),"data-element":v(z),tabindex:`-1`,onClick:J,onKeydown:x(Y,[`esc`])},[i(s,{show:!0,dialogName:v(z)},p({default:_(()=>[v(H)?(a(),m(`div`,{key:0,class:c([`CustomModal-body`,v(H).className]),style:l(v(H).style)},[v(H).innerHTML?(a(),m(`div`,{key:0,innerHTML:v(H).innerHTML},null,8,O)):(a(),m(y,{key:1},[v(H).title?(a(),m(`p`,k,n(v(H).title),1)):r(``,!0),(a(!0),m(y,null,f(v(H).children,(e,t)=>(a(),m(y,{key:t},[e.button?(a(),m(`button`,{key:0,class:c([`Button`,e.className,`customEl${t}`]),style:l(q(e.style)),onClick:e.onClick},n(e.title),15,A)):(a(),m(`div`,{key:1,class:c([e.className,`customEl${t}`]),style:l(q(e.style)),onClick:e.onClick},n(e.title),15,j))],64))),128))],64))],6)):r(``,!0)]),_:2},[v(V)?{name:`header`,fn:_(()=>[t(`div`,{class:c([`CustomModal-header`,v(V).className]),style:l(v(V).style)},[v(V).innerHTML?(a(),m(`div`,{key:0,innerHTML:v(V).innerHTML},null,8,w)):(a(),m(y,{key:1},[v(V).title?(a(),m(`p`,T,n(v(V).title),1)):r(``,!0),(a(!0),m(y,null,f(v(V).children,(e,t)=>(a(),m(y,{key:t},[e.button?(a(),m(`button`,{key:0,class:c([`Button`,e.className,`customEl${t}`]),style:l(q(e.style)),onClick:e.onClick},n(e.title),15,E)):(a(),m(`div`,{key:1,class:c([e.className,`customEl${t}`]),style:l(q(e.style)),onClick:e.onClick},n(e.title),15,D))],64))),128))],64))],6)]),key:`0`}:void 0,v(U)?{name:`footer`,fn:_(()=>[t(`div`,{class:c([`CustomModal-footer`,v(U).className]),style:l(v(U).style)},[v(U).innerHTML?(a(),m(`div`,{key:0,innerHTML:v(U).innerHTML},null,8,M)):(a(),m(y,{key:1},[v(U).title?(a(),m(`p`,N,n(v(U).title),1)):r(``,!0),(a(!0),m(y,null,f(v(U).children,(e,t)=>(a(),m(y,{key:t},[e.button?(a(),m(`button`,{key:0,class:c([`Button`,e.className,`customEl${t}`]),style:l(q(e.style)),onClick:e.onClick},n(e.title),15,P)):(a(),m(`div`,{key:1,class:c([e.className,`customEl${t}`]),style:l(q(e.style)),onClick:e.onClick},n(e.title),15,F))],64))),128))],64))],6)]),key:`1`}:void 0]),1032,[`dialogName`])],42,C)):r(``,!0)}}},L={__name:`CustomModal`,props:[`dataElement`],setup(t){let n=g(),r=o(()=>n.getCustomModals);r.value.forEach(e=>n.activeElements[e.dataElement]=!1);let i=o(()=>r.value.filter(e=>!n.isElementDisabled(e.dataElement)));return(t,n)=>{let r=I;return a(!0),m(y,null,f(i.value,t=>(a(),e(r,{key:t.dataElement,modal:t},null,8,[`modal`]))),128)}}};export{L as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{E as e,Gt as t,P as n,Q as r,T as i,Ut as a,a as o,d as s,k as c,m as l,s as u,st as d,t as f,ut as p,wt as m}from"./viewer-DpBaiFAc.js";import{a as h,c as g,d as _,i as v,n as y,o as b,r as x,s as S,t as C}from"./index-qDC4-eGu.js";var w={class:`sidebar-title`},T={class:`mode-container`},E={class:`mode-item`},D={class:`mode-tabs`},O={class:`mode-item`},k={class:`mode-tabs`},A={class:`mode-item`},j={class:`mode-tabs`},M={__name:`RightPanelPageMode`,setup(M){let N=f(),P=g(),F=i(()=>N.isElementOpen(l.PAGE_MODE_PANEL)),I=i(()=>N.getScrollMode),L=i(()=>N.getPageMode),R=i(()=>N.getTheme),z=i(()=>P.getActiveTool);d(F,e=>{e&&z.value===s.CROP_PAGE&&P.setToolState(``)});let B=(e,t)=>{L.value!==0&&e===`Horizontal`&&(u.switchSpreadMode(0),N.setPageMode(0)),N.setScrollMode(e),u.switchScrollMode(t)},V=e=>{I.value===`Horizontal`&&(N.setScrollMode(`Vertical`),u.switchScrollMode(0)),u.switchSpreadMode(e),N.setPageMode(e)},H=e=>{e!==R.value&&N.setTheme(e)};return(i,s)=>{let l=y,u=_,d=b,f=x,g=C,M=h,N=v,P=S;return r(),c(`div`,{class:a([`page-mode-panel`,{mobile:m(o)}])},[e(`div`,w,t(i.$t(`toolbar.viewControls.viewSetting`)),1),e(`div`,T,[e(`div`,E,[e(`h2`,null,t(i.$t(`panels.pageMode.displayMode.title`)),1),e(`div`,D,[n(u,{class:a({active:L.value===0}),onClick:s[0]||=e=>V(0),title:i.$t(`panels.pageMode.displayMode.singlePage`)},{default:p(()=>[n(l)]),_:1},8,[`class`,`title`]),n(u,{class:a({active:L.value===1}),onClick:s[1]||=e=>V(1),title:i.$t(`panels.pageMode.displayMode.twoPages`)},{default:p(()=>[n(d)]),_:1},8,[`class`,`title`]),n(u,{class:a({active:L.value===2}),onClick:s[2]||=e=>V(2),title:i.$t(`panels.pageMode.displayMode.coverMode`)},{default:p(()=>[n(f)]),_:1},8,[`class`,`title`])])]),e(`div`,O,[e(`h2`,null,t(i.$t(`panels.pageMode.splitView.title`)),1),e(`div`,k,[n(u,{class:a({active:I.value===`Vertical`}),onClick:s[3]||=e=>B(`Vertical`,0),title:i.$t(`panels.pageMode.splitView.vertical`)},{default:p(()=>[n(g)]),_:1},8,[`class`,`title`]),n(u,{class:a({active:I.value===`Horizontal`}),onClick:s[4]||=e=>B(`Horizontal`,1),title:i.$t(`panels.pageMode.splitView.horizontal`)},{default:p(()=>[n(M)]),_:1},8,[`class`,`title`])])]),e(`div`,A,[e(`h2`,null,t(i.$t(`panels.pageMode.themes`)),1),e(`div`,j,[n(u,{onClick:s[5]||=e=>H(`light`),class:a({active:R.value===`light`}),title:i.$t(`toolbar.themeSwitcher.light`)},{default:p(()=>[n(N)]),_:1},8,[`class`,`title`]),n(u,{onClick:s[6]||=e=>H(`dark`),class:a({active:R.value===`dark`}),title:i.$t(`toolbar.themeSwitcher.dark`)},{default:p(()=>[n(P)]),_:1},8,[`class`,`title`])])])])],2)}}};export{M as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{D as e,E as t,Gt as n,O as r,P as i,Q as a,T as o,Ut as s,Y as c,a as l,d as u,dt as d,et as f,k as p,m,s as h,st as g,t as _,ut as v,wt as y,y as b,yt as x}from"./viewer-DpBaiFAc.js";import{r as ee,u as S}from"./CloseA-DlNP-cuj.js";import{c as te,d as ne,l as re,u as ie}from"./index-qDC4-eGu.js";var ae=``+new URL(`../images/stamp/Approved.png`,import.meta.url).href,oe=``+new URL(`../images/stamp/NotApproved.png`,import.meta.url).href,se=``+new URL(`../images/stamp/Completed.png`,import.meta.url).href,ce=``+new URL(`../images/stamp/Final.png`,import.meta.url).href,le=``+new URL(`../images/stamp/Draft.png`,import.meta.url).href,ue=``+new URL(`../images/stamp/Confidential.png`,import.meta.url).href,de=``+new URL(`../images/stamp/ForPublicRelease.png`,import.meta.url).href,fe=``+new URL(`../images/stamp/NotForPublicRelease.png`,import.meta.url).href,pe=``+new URL(`../images/stamp/ForComment.png`,import.meta.url).href,me=``+new URL(`../images/stamp/Void.png`,import.meta.url).href,he=``+new URL(`../images/stamp/PreliminaryResults.png`,import.meta.url).href,C=``+new URL(`../images/stamp/InformationOnly.png`,import.meta.url).href,w=``+new URL(`../images/stamp/Witness.png`,import.meta.url).href,T=``+new URL(`../images/stamp/InitialHere.png`,import.meta.url).href,E=``+new URL(`../images/stamp/SignHere.png`,import.meta.url).href,D=``+new URL(`../images/stamp/revised.png`,import.meta.url).href,O=class{updateStampPreview({imgSrc:e,width:t,height:n,stampType:r,contents:i,stampColor:a,time:o}){this.width=t,this.height=n,this.imgSrc=e,this.stampType=r,this.contents=i,this.stampColor=a,this.time=o;let s=this.stampPreviewElement||document.createElement(`div`);s.innerHTML=``,s.className=`stamp-preview`,this.applyStyles(s,{position:`absolute`,border:`1px solid #00A4E4`,"z-index":85,"pointer-events":`none`,left:`-9999px`,top:`-9999px`,width:t+`px`,height:n+`px`}),document.body.appendChild(s);let c=document.createElement(`img`);this.applyStyles(c,{width:`100%`,height:`100%`}),c.src=e,s.appendChild(c);let l=document.querySelector(`.document`);l.addEventListener(`mousemove`,this.handleMouseMove.bind(this,s)),l.addEventListener(`mouseleave`,()=>{s.style.left=`-9999px`,s.style.top=`-9999px`}),this.stampPreviewElement=s}handleMouseMove(e,t){let n=e.getBoundingClientRect();this.applyStyles(e,{left:t.clientX-n.width/2+`px`,top:t.clientY-n.height/2+`px`})}handleMouseLeave(e){this.applyStyles(e,{left:-9999,top:-9999})}hidePreview(){let e=this.stampPreviewElement||document.querySelector(`.stamp-preview`);e&&(e.style.display=`none`,e.remove(),this.stampPreviewElement=null,this.width=null,this.height=null,this.imgSrc=null,this.stampType=null,this.contents=null,this.stampColor=null,this.time=null)}applyStyles(e,t){Object.keys(t).forEach(n=>{e.style[n]=t[n]})}},k={class:`sidebar-title`},A={class:`sidebar-tabs-header`},j={class:`sidebar-content`},M={key:0,class:`standard-container`},N={class:`block`},P={class:`block`},F={class:`block`},I={class:`block`},L={class:`block`},R={class:`block`},ge={class:`block`},_e={class:`block`},ve={class:`block`},ye={class:`block`},be={class:`block`},xe={class:`block`},Se={class:`block`},Ce={class:`block`},we={class:`block`},Te={class:`block`},Ee={key:1,class:`customize-container`},De={class:`dynamic-stamp red`},Oe={class:`dynamic-stamp green`},ke={key:2,class:`custom-container`},Ae={key:0,class:`empty-list`},je=[`src`],z={class:`create-container`},Me={key:3,class:`custom-container`},Ne={key:0,class:`empty-list`},Pe={class:`stamps-container`},Fe=[`src`],Ie={key:0,class:`delete-page-popup`},Le={__name:`StampPanel`,setup(Le){let{switchTool:Re,switchAnnotationEditorMode:ze}=h,B=_(),Be=te(),V=x(!1),H=x(0),U=x(null),W=o(()=>B.getActiveElementTab(m.STAMP_PANEL)),Ve=o(()=>B.isElementOpen(m.STAMP_PANEL)),He=o(()=>Be.getActiveTool),G=o(()=>B.getCustomStamps),K=o(()=>B.getStampPanelTabs),q=o(()=>B.getImportStamps),J=x(``),Y=new O,Ue=()=>{B.openElement(`createCustomStampDialog`)};c(()=>{Z(),setInterval(Z,1e3);let e=document.querySelector(`.document-container`);e&&e.addEventListener(`click`,Ge)}),g(G.value,()=>{G.value.length&&(Array.isArray(U.value)?U.value[0]:U.value)?.scrollTo({top:0,behavior:`smooth`})});let We=e=>{let t=h.getScrollViewElement();if(!t)return;let n=t.scrollLeft||0,r=t.scrollTop||0,{pageX:i,pageY:a}=e;return{x:i+n,y:a+r}},Ge=e=>{let t=We(e),n=h.getSelectedPage(t,t).first;if(n<1)return;let r=h.windowToPage(t,n);if(Y.stampPreviewElement){let{width:e,height:t}=Y,i={stampType:Y.stampType,page:n,rect:{x:r.x-e/2,y:r.y-t/2,width:e,height:t}};Y.stampType===`dynamic`?(i.stampColor=Y.stampColor,i.stampShape=0,i.contents=Y.contents,i.time=J.value):Y.stampType===`image`?i.imageBase64=Y.imgSrc:i.contents=Y.contents,h.handleStamp(i),Y.hidePreview(),window.innerWidth<=640&&(B.toggleActiveHand(!1),Re(0),ze(0),B.closeElement(m.STAMP_PANEL))}};g(()=>He.value,(e,t)=>{e!==u.STAMP&&B.closeElement(m.STAMP_PANEL)}),g(()=>Ve.value,(e,t)=>{e&&X(m.STANDARD)});let X=e=>{B.setActiveElementTab(m.STAMP_PANEL,e)},Z=()=>{J.value=Ke(new Date)},Ke=e=>{let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`);return`${String(e.getDate()).padStart(2,`0`)}/${n}/${t} ${String(e.getHours()).padStart(2,`0`)}:${String(e.getMinutes()).padStart(2,`0`)}:${String(e.getSeconds()).padStart(2,`0`)}`},Q=async(e,t)=>{let n=await h.getDynamicStampPreview({contents:t,time:J.value,stampColor:e,stampShape:0});Y.updateStampPreview({imgSrc:n.imgSrc,width:n.width,height:n.height,stampType:`dynamic`,stampColor:e,contents:t,stampShape:0,time:J.value})},$=(e,t,n)=>{t===`standard`?Y.updateStampPreview({imgSrc:e.target.src,width:e.target.width,height:e.target.height,stampType:`standard`,contents:n}):Y.updateStampPreview({imgSrc:e.target.src,width:e.target.width,height:e.target.height,stampType:`image`,contents:n})},qe=e=>{V.value=!0,H.value=e},Je=()=>{B.removeCustomStamp(H.value),V.value=!1};return(o,c)=>{let u=ne,h=ee,g=re,_=ie;return a(),p(`div`,{class:s([`stamp-panel`,{mobile:y(l)}])},[t(`div`,k,n(o.$t(`toolbar.annotationTools.stamp`)),1),t(`div`,A,[(a(!0),p(b,null,f(K.value,r=>(a(),e(u,{class:s({active:W.value===r.dataElement,mobile:y(l)&&r.dataElement===`CUSTOM`}),isActive:W.value===r.dataElement,"data-element":r.dataElement,onClick:e=>X(r.dataElement)},{default:v(()=>[t(`span`,null,n(r.text?r.text:o.$t(`panels.stamp.`+r.dataElement.toLowerCase())),1)]),_:2},1032,[`class`,`isActive`,`data-element`,`onClick`]))),256))]),t(`div`,j,[(a(!0),p(b,null,f(K.value,e=>(a(),p(b,null,[e.dataElement===y(m).STANDARD?d((a(),p(`div`,M,[t(`div`,N,[t(`img`,{onClick:c[0]||=e=>$(e,`standard`,`Approved`),src:ae,alt:`Approved`})]),t(`div`,P,[t(`img`,{onClick:c[1]||=e=>$(e,`standard`,`Not Approved`),src:oe,alt:`Not Approved`})]),t(`div`,F,[t(`img`,{onClick:c[2]||=e=>$(e,`standard`,`Completed`),src:se,alt:`Completed`})]),t(`div`,I,[t(`img`,{onClick:c[3]||=e=>$(e,`standard`,`Final`),src:ce,alt:`Final`})]),t(`div`,L,[t(`img`,{onClick:c[4]||=e=>$(e,`standard`,`Draft`),src:le,alt:`Draft`})]),t(`div`,R,[t(`img`,{onClick:c[5]||=e=>$(e,`standard`,`Confidential`),src:ue,alt:`Confidential`})]),t(`div`,ge,[t(`img`,{onClick:c[6]||=e=>$(e,`standard`,`For Public Release`),src:de,alt:`For Public Release`})]),t(`div`,_e,[t(`img`,{onClick:c[7]||=e=>$(e,`standard`,`Not For Public Release`),src:fe,alt:`Not For Public Release`})]),t(`div`,ve,[t(`img`,{onClick:c[8]||=e=>$(e,`standard`,`For Comment`),src:pe,alt:`For Comment`})]),t(`div`,ye,[t(`img`,{onClick:c[9]||=e=>$(e,`standard`,`Void`),src:me,alt:`Void`})]),t(`div`,be,[t(`img`,{onClick:c[10]||=e=>$(e,`standard`,`Preliminary Results`),src:he,alt:`Preliminary Results`})]),t(`div`,xe,[t(`img`,{onClick:c[11]||=e=>$(e,`standard`,`Information Only`),src:C,alt:`Information Only`})]),t(`div`,Se,[t(`img`,{onClick:c[12]||=e=>$(e,`standard`,`Witness`),src:w,alt:`Witness`})]),t(`div`,Ce,[t(`img`,{onClick:c[13]||=e=>$(e,`standard`,`Initial Here`),src:T,alt:`Initial Here`})]),t(`div`,we,[t(`img`,{onClick:c[14]||=e=>$(e,`standard`,`Sign Here`),src:E,alt:`Sign Here`})]),t(`div`,Te,[t(`img`,{onClick:c[15]||=e=>$(e,`standard`,`revised`),src:D,alt:`revised`})])],512)),[[S,W.value===y(m).STANDARD]]):e.dataElement===y(m).DYNAMIC?d((a(),p(`div`,Ee,[t(`div`,{class:`block`,onClick:c[16]||=e=>Q(1,`REVISED`)},[t(`div`,De,[c[22]||=t(`p`,{class:`title`},`REVISED`,-1),t(`p`,null,n(J.value),1)])]),t(`div`,{class:`block`,onClick:c[17]||=e=>Q(2,`REVIEWED`)},[t(`div`,Oe,[c[23]||=t(`p`,{class:`title`},`REVIEWED`,-1),t(`p`,null,n(J.value),1)])])],512)),[[S,W.value===y(m).DYNAMIC]]):e.dataElement===y(m).CUSTOM?d((a(),p(`div`,ke,[G.value&&G.value.length===0?(a(),p(`div`,Ae,n(o.$t(`panels.stamp.createHere`)),1)):r(``,!0),t(`div`,{ref_for:!0,ref_key:`stampsRef`,ref:U,class:`stamps-container`},[(a(!0),p(b,null,f(G.value,(e,n)=>(a(),p(`div`,{class:`block`,key:n},[t(`img`,{onClick:c[18]||=e=>$(e,`custom`,``),src:e},null,8,je),i(u,{class:`close-button`,onClick:e=>qe(n)},{default:v(()=>[i(h)]),_:1},8,[`onClick`])]))),128))],512),t(`div`,z,[t(`div`,{class:`create-button`,onClick:c[19]||=e=>Ue()},n(o.$t(`panels.stamp.create`)),1)])],512)),[[S,W.value===y(m).CUSTOM]]):e.type===`custom`?d((a(),p(`div`,Me,[q.value.length===0?(a(),p(`div`,Ne,n(o.$t(`panels.stamp.importStamp`)),1)):r(``,!0),t(`div`,Pe,[(a(!0),p(b,null,f(q.value,(e,n)=>(a(),p(`div`,{class:`block`,key:n},[t(`img`,{onClick:c[20]||=e=>$(e,`custom`,``),src:e},null,8,Fe)]))),128))])],512)),[[S,W.value===e.dataElement]]):r(``,!0)],64))),256))]),V.value?(a(),p(`div`,Ie,[i(_,{show:V.value,dialogName:o.dialogName},{footer:v(()=>[t(`div`,{class:`rect-button white`,onClick:c[21]||=e=>V.value=!1},n(o.$t(`common.actions.cancel`)),1),t(`div`,{class:`rect-button blue`,onClick:Je},n(o.$t(`common.actions.ok`)),1)]),default:v(()=>[i(g),t(`p`,null,n(o.$t(`signatures.deleteConfirm`)),1)]),_:1},8,[`show`,`dialogName`])])):r(``,!0)],2)}}};export{Le as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.button{cursor:pointer;color:var(--c-text);background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:8px;padding:5px;display:flex;position:relative}.with-text span{white-space:nowrap;margin-left:8px;font-size:12px;line-height:16px}.rect-button{cursor:pointer;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;height:32px;padding:0 15px;font-size:14px;font-weight:700;line-height:16px;display:flex}.rect-button.disabled{opacity:.4;pointer-events:none}.rect-button.blue{color:#fff;border-color:var(--c-popup-bg-active);background-color:var(--c-popup-bg-active)}.rect-button.white{color:var(--c-popup-bg-active);border-color:var(--c-popup-bg-active);background-color:var(--c-side-header-bg)}.rect-button+.rect-button{margin-left:8px}@media screen and (width>=768px){.rect-button.blue:hover{opacity:.8}.rect-button.white:hover{color:#fff;background-color:var(--c-popup-bg-active)}}@media screen and (width<=577px){.button:not(.disabled).active{background-color:var(--c-header-button-active)}.button.disabled{opacity:.3;pointer-events:none}.button .arrow-left{margin-left:9px}.button.with-text{padding-left:8px;padding-right:8px}}@media screen and (width>=578px){.button:not(.disabled).active{background-color:var(--c-header-button-active)}.button.disabled{opacity:.3;pointer-events:none}.button .arrow-left{margin-left:9px}.button.with-text{min-width:120px;margin-right:0}}.custom-stamp-wrapper{z-index:999;text-align:center;background-color:#0000004d;justify-content:center;align-items:center;position:fixed;inset:0}.custom-stamp-wrapper:after{vertical-align:middle;content:"";width:0;height:100%;display:inline-block}.custom-stamp-wrapper .custom-stamp-popup{vertical-align:middle;width:723px;min-height:496px;box-shadow:0px 4px 32px 0px var(--c-sign-shadow);background:var(--c-dialog-bg);border-radius:4px;padding:16px;display:inline-block}.custom-stamp-wrapper .custom-stamp-popup>.title{letter-spacing:0;text-align:left;margin-bottom:16px;font-family:Helvetica;font-size:16px;font-weight:700;line-height:24px}.custom-stamp-wrapper .custom-stamp-popup .stamp-container{justify-content:space-between;display:flex}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview{width:366px}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .preview-title{letter-spacing:0;text-align:left;margin-bottom:8px;font-family:Helvetica;font-size:14px}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .custom-category button.active,.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .custom-category button:hover{background-color:var(--c-button-bg)}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .custom-category button+button{margin-top:8px}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .preview-container{display:flex}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .preview-container .preview{background-color:var(--c-dialog-attribute-bg);height:100%;padding:22px 16px}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .preview-container .canvas-container{background-color:#fff;position:relative}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .preview-container canvas{width:300px;height:300px}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .preview-container .canvas-placeholder{z-index:1;color:#0000004d;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:30px;line-height:64px;display:flex;position:absolute;top:0;left:0}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties{flex-direction:column;width:300px;display:flex}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .properties-title{letter-spacing:0;text-align:left;margin-bottom:8px;font-family:Helvetica;font-size:14px}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .properties-container{background-color:var(--c-dialog-attribute-bg);flex:1;padding:8px 12px}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property{justify-content:space-between;align-items:center;display:flex}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property+.property{margin-top:12px}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-name{font-family:Helvetica;font-size:14px}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container{text-align:left;align-items:center;width:165px;font-size:0;display:flex}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container.text-align .text-align-content{background-color:var(--c-select);border:1px solid #0000001f;width:144px;display:flex}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container.text-align .text-align-content div{text-align:center;cursor:pointer;width:48px;height:30px;padding:8px 0}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container.text-align .text-align-content div.active{background:var(--c-button-bg)}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container.text-align .text-align-content div .border{border-right:var(--c-border) 1px solid}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container.text-align .text-align-content div span{width:100%;font-size:0;display:inline-block}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container .no-color{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:12px;display:flex}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container .no-color.active{border:1px solid var(--c-header-circle-bg)}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container .color-picker{background-color:#fff;height:32px;margin-left:0;display:inline-flex}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container .color-picker .preview-container{border:1px solid #dadbde;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:8px;display:flex}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container .color-picker .preview-container.active{border-color:#1460f3}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container .color-picker .preview{border-radius:50%;width:22px;height:22px;margin-right:0}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container .color-picker .preview.active{border:1px solid var(--c-header-circle-bg)}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .n-base-selection{height:28px;min-height:28px}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .n-base-selection .n-base-selection-label{background-color:var(--c-select);height:28px}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .n-base-selection .n-base-selection-label .n-base-selection-input,.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .n-base-selection .n-base-suffix .n-base-suffix__arrow{color:var(--c-text)}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .n-base-selection .n-base-selection__border{border-color:var(--c-border)}.custom-stamp-wrapper .custom-stamp-popup .footer{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.custom-stamp-wrapper .custom-stamp-popup .footer>span{color:var(--c-header-text-theme-active);font-family:Helvetica;font-size:14px}.custom-stamp-wrapper .custom-stamp-popup .footer>span:hover{cursor:pointer;color:#6499ff}.custom-stamp-wrapper .custom-stamp-popup .buttons-container{justify-content:center;align-items:center;display:flex}.custom-stamp-wrapper .custom-stamp-popup .buttons-container span{border:1px solid var(--c-header-text-theme-active);cursor:pointer;background-color:var(--c-header-text-theme-active);color:#fff;border-radius:4px;justify-content:center;align-items:center;min-width:120px;height:32px;margin-left:8px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.custom-stamp-wrapper .custom-stamp-popup .buttons-container span:hover{opacity:.8}.custom-stamp-wrapper .custom-stamp-popup .buttons-container span.disabled{opacity:.2;pointer-events:none;cursor:not-allowed}.custom-stamp-wrapper .custom-stamp-popup .buttons-container .cancel-container{color:var(--c-header-text-theme-active);background-color:var(--c-border-button)}.n-base-selection:not(.n-base-selection--disabled).n-base-selection--focus .n-base-selection__state-border,.n-base-selection:not(.n-base-selection--disabled).n-base-selection--active .n-base-selection__state-border,.n-base-selection:not(.n-base-selection--disabled):hover .n-base-selection__state-border{box-shadow:none;border:none}.dialog{z-index:6;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;padding:0 20px;display:flex;position:fixed;top:0;left:0}.dialog-wrapper{text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.dialog-wrapper:after{vertical-align:middle;content:"";width:0;height:100%;display:inline-block}.dialog-container{vertical-align:middle;background-color:var(--c-dialog-bg);text-align:left;border-radius:4px;padding:20px;display:inline-block;position:relative}.dialog-container .close{text-align:right;margin-top:-6px;margin-bottom:2px;font-size:0;line-height:0}.dialog-container .close svg{cursor:pointer}.dialog-container header{font-family:Helvetica;font-size:16px;font-weight:700;line-height:24px}.dialog-container main{margin-top:8px;margin-bottom:16px}.dialog-container footer{justify-content:flex-end;display:flex}.dialog-container footer .rect-button{width:120px;height:40px}.signatures-popup{background-color:var(--c-dialog-bg);vertical-align:middle;flex-direction:column;width:628px;height:100%;max-height:610px;display:inline-flex;position:relative;overflow:hidden;box-shadow:2px 6px 18px #0003}.signatures-popup .property-container .font-tool .font-family-select .n-base-selection .n-base-selection-label .n-base-selection-input,.signatures-popup .property-container .font-tool .font-family-select .n-base-selection .n-base-suffix .n-base-suffix__arrow{color:var(--c-text)}@media screen and (width<=640px){.signatures-popup{border-radius:4px;width:calc(100% - 40px)}.signatures-popup .create-sign-header{background-color:var(--c-bg);padding:0}.signatures-popup .mobile{flex-direction:column-reverse;display:flex}.signatures-popup .property-container{flex-direction:row-reverse;margin:24px 20px 0}.signatures-popup .paint-container{background-color:var(--c-side-bg);border:1px solid var(--c-header-border);border-radius:4px;margin:24px 20px}.signatures-popup .paint-container .keyboard-paint input{font-family:Segoe UI;font-size:30px}.signatures-popup .paint-container .keyboard-paint input::placeholder{color:#0000004d}.signatures-popup .buttons-container{align-items:center;margin:0 20px 16px}.signatures-popup .buttons-container .button{padding:0 12px}.signatures-popup .buttons-container .clear{font-size:14px}}@media screen and (width<=450px){.signatures-popup-create{margin:12px 20px 0;box-shadow:0 4px 32px #8195c852}.signatures-popup .property-container{align-items:center}.signatures-popup .property-container .font-tool{text-align:left}.signatures-popup .property-container .width-tool .n-slider.width-slider{margin-left:0}.signatures-popup .property-container .color-tool .cell-container{display:none}.signatures-popup .property-container .color-tool .cell-container.show{display:block}.signatures-popup .buttons-container{justify-content:space-between;margin:12px 0 0}.signatures-popup .buttons-container .button{min-width:62px}.signatures-popup .sign-content{background-color:var(--c-dialog-bg);height:100%;overflow:auto}.signatures-popup-wrapper .signatures-popup{vertical-align:bottom;border-radius:10px 10px 0 0;width:100%}.signatures-popup-wrapper .signatures-popup .sign-title{border-bottom:1px solid #0000001f;margin:0;padding:10px 16px}.signatures-popup-wrapper .signatures-popup .sign-popup-header{margin:16px 20px 0}.signatures-popup-wrapper .signatures-popup .paint-container{margin:12px 20px}.signatures-popup-wrapper .signatures-popup .footer{padding:0 20px 16px}.signatures-popup-wrapper .signatures-popup .clear-container .check{flex-shrink:0}.signatures-popup-wrapper .signatures-popup .clear-container .left-btns{margin-top:0}.signatures-popup-wrapper .signatures-popup .clear{display:block}.signatures-popup-wrapper .signatures-popup .clear.top{display:none}}.modular-panel{z-index:5;background-color:var(--c-side-bg);border-left:1px solid var(--c-side-header-border);flex-direction:column;transition:transform .3s ease-in-out;display:flex;position:fixed}.modular-panel.left{left:0}.modular-panel.right{right:0}.modular-panel.closed.left{transform:translate(-100%)}.modular-panel.closed.right{transform:translate(100%)}.modular-panel.mobile{background-color:var(--c-side-header-bg);box-shadow:0px 4px 32px 0px var(--c-doc-editor-popup-shadow);border-radius:10px 10px 0 0;bottom:0;overflow:hidden}.modular-panel.mobile.left{border-right:none}.modular-panel.mobile.right{border-left:none}.modular-panel.mobile.closed{box-shadow:none;transform:translateY(100%)}.modular-panel.mobile.full{box-shadow:none;border-radius:0}.close-container{cursor:pointer;z-index:1;justify-content:center;align-items:center;max-width:24px;max-height:24px;display:flex;position:absolute;top:10px;right:14px}@media screen and (width<=640px){.modular-panel{width:100vw}}@media screen and (width>=641px){.modular-panel{width:260px}}.property-panel{height:100%}.property-panel .sidebar-title{text-align:center;color:var(--c-side-title);background:var(--c-header-bg);justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:36px;display:flex}.property-panel .edit-container{height:calc(100% - 40px);padding:16px;overflow:auto}.property-panel .edit-container .subtitle{color:var(--c-side-title);font-size:14px;font-weight:700;line-height:32px}.property-panel .edit-container .color .color-title{font-family:Helvetica;line-height:40px}.property-panel .edit-container .color .colors-container{border:none;padding:0}.property-panel .edit-container .color .colors-container .cell-container{padding:2px}.property-panel .edit-container .color .colors-container .cell-container .cell-outer{border:1px solid #0000;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.property-panel .edit-container .color .colors-container .cell-container .cell-outer .cell{width:24px;height:24px}.property-panel .edit-container .color .colors-container .cell-container .cell-outer .while{background-color:#fff;border:.93px solid #dadbde;position:relative;overflow:hidden}.property-panel .edit-container .color .colors-container .cell-container .cell-outer .while:before{content:"";background:#fa1e5d;width:125%;height:2.3px;position:absolute;top:50%;transform:rotate(-45deg)}.property-panel .edit-container .color .colors-container .cell-container .cell-outer.active{border:1px solid var(--c-header-circle-bg)}.property-panel .edit-container .color .colors-container .cell-container .cell-outer.active .cell{width:22px;height:22px}.property-panel .edit-container .color .colors-container .cell-container+.cell-container{margin-left:8px}.property-panel .edit-container .opacity .opacity-title{margin-top:12px}.property-panel .edit-container .opacity .tool{align-items:center;height:32px;display:flex}.property-panel .edit-container .opacity .tool .n-slider.width-slider{width:60%;margin-left:0}.property-panel .edit-container .opacity .tool .n-slider.width-slider .n-slider-rail{border-radius:0;height:2px}.property-panel .edit-container .opacity .tool .n-slider.width-slider .n-slider-rail .n-slider-rail__fill{background-color:#0078d7;border-radius:0}.property-panel .edit-container .opacity .tool .n-slider.width-slider .n-slider-handles{left:0;right:0}.property-panel .edit-container .opacity .tool .n-select,.property-panel .edit-container .opacity .tool select{max-width:35%;margin-left:5%}.property-panel .edit-container .text .text-title{margin-top:12px;margin-bottom:4px}.property-panel .edit-container .text .text-family{width:100%}.property-panel .edit-container .text .content-block{width:100%;height:28px;margin-top:8px}.property-panel .edit-container .text .content-block .font-style-select{width:60%}.property-panel .edit-container .text .content-block .font-size-select{width:35%;margin-left:5%}.property-panel .edit-container .text .text-align{background:var(--c-right-side-content-fillbox-bg);border:1px solid #0000001f;margin-top:8px;display:inline-flex}.property-panel .edit-container .text .text-align div{text-align:center;cursor:pointer;width:48px;height:32px;padding:8px 0}.property-panel .edit-container .text .text-align div span{width:100%;font-size:0;display:inline-block}.property-panel .edit-container .text .text-align div span svg{color:var(--c-text)}.property-panel .edit-container .text .text-align div .border{border-right:var(--c-edit-right-page) 1px solid}.property-panel .edit-container .text .text-align .active{background:#dde9ff}.property-panel .edit-container .text .text-align .active svg{color:#43474d}.property-panel .edit-container .spacing .spacing-title{margin-top:12px;margin-bottom:4px;font-size:14px;font-weight:700;line-height:32px}.property-panel .edit-container .spacing .block{grid-row-gap:8px;grid-column-gap:22px;grid-template-columns:repeat(2,minmax(103px,1fr));display:grid}.property-panel .edit-container .spacing .block>div{align-items:center;display:inline-flex}.property-panel .edit-container .spacing .block>div>svg{min-width:20px;margin-right:8px}.property-panel .edit-container .spacing .arrow{border:solid var(--c-arrow-down-icon);border-width:0 1.5px 1.5px 0;padding:2px}.property-panel .edit-container .spacing .arrow.up{margin-top:13px;transform:rotate(-135deg)}.property-panel .edit-container .spacing .arrow.down{margin-bottom:13px;transform:rotate(45deg)}.property-panel .edit-container .n-input-number .n-input{background-color:var(--c-right-side-content-fillbox-bg);border-radius:1px;height:28px;--n-border:1px solid var(--c-right-side-content-fillbox-border)!important;--n-text-color:var(--c-text)!important;--n-height:28px!important;--n-bezier:unset!important;--n-border-active:none!important;--n-border-focus:none!important;--n-border-hover:none!important;--n-box-shadow-active:none!important;--n-box-shadow-focus:none!important}.property-panel .edit-container .n-input-number .n-input .n-input-wrapper{padding-left:8px;padding-right:4px}.property-panel .edit-container .n-input-number .n-input .n-input-wrapper .n-input__suffix{flex-direction:column-reverse}.property-panel .edit-container .n-input-number .n-input .n-input__placeholder{display:none}.property-panel .edit-container select{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);height:28px;color:var(--c-text);border-radius:1px;padding:6px 8px;font-size:14px;line-height:16px}.property-panel .edit-container .n-select{display:inline-block}.property-panel .edit-container .n-select .n-base-selection{border-radius:1px;min-height:28px;--n-bezier:unset!important;--n-border-active:none!important;--n-border-focus:none!important;--n-border-hover:none!important;--n-box-shadow-active:none!important;--n-box-shadow-focus:none!important}.property-panel .edit-container .n-select .n-base-selection .n-base-selection-label{background:var(--c-right-side-content-fillbox-bg);height:28px}.property-panel .edit-container .n-select .n-base-selection .n-base-selection-label .n-base-selection-input,.property-panel .edit-container .n-select .n-base-selection .n-base-selection-label .n-base-selection-input__content{color:var(--c-text)}.property-panel .edit-container .n-select .n-base-selection .n-base-selection__border{border:1px solid var(--c-right-side-content-fillbox-border)}.property-panel .edit-container .n-select input{background:var(--c-right-side-content-fillbox-bg);caret-color:#0000;padding:0 8px;font-size:14px;line-height:16px}.property-panel .edit-container .n-select .n-base-selection-placeholder__inner{visibility:hidden}.property-panel .edit-container .n-select .n-base-selection-overlay__wrapper{color:var(--c-text)}.property-panel .edit-container .n-select .n-base-selection .n-base-suffix .n-base-suffix__arrow{color:var(--c-arrow-down-icon)}.property-panel .edit-container .overview{background:var(--c-right-side-content-fillbox-bg);border:1px solid #e2e3e6;justify-content:center;align-items:center;width:100%;height:80px;display:flex}.property-panel .edit-container .overview img{max-width:90%;max-height:90%}.property-panel .edit-container .tools,.property-panel .edit-container .flips,.property-panel .edit-container .layer{margin-top:12px}.property-panel .edit-container .tools .buttons,.property-panel .edit-container .flips .buttons,.property-panel .edit-container .layer .buttons{background:var(--c-right-side-content-fillbox-bg);border:1px solid #0000001f;margin-top:8px;display:inline-flex}.property-panel .edit-container .tools .buttons :hover,.property-panel .edit-container .flips .buttons :hover,.property-panel .edit-container .layer .buttons :hover{background:#dde9ff}.property-panel .edit-container .tools .buttons :hover svg,.property-panel .edit-container .flips .buttons :hover svg,.property-panel .edit-container .layer .buttons :hover svg{color:#43474d}.property-panel .edit-container .tools .buttons div,.property-panel .edit-container .flips .buttons div,.property-panel .edit-container .layer .buttons div{text-align:center;cursor:pointer;width:48px;height:32px;padding:8px 0}.property-panel .edit-container .tools .buttons div span,.property-panel .edit-container .flips .buttons div span,.property-panel .edit-container .layer .buttons div span{width:100%;font-size:0;display:inline-block}.property-panel .edit-container .tools .buttons div span svg,.property-panel .edit-container .flips .buttons div span svg,.property-panel .edit-container .layer .buttons div span svg{color:var(--c-text)}.property-panel .edit-container .tools .buttons div+div span,.property-panel .edit-container .flips .buttons div+div span,.property-panel .edit-container .layer .buttons div+div span{border-left:var(--c-edit-right-page) 1px solid}.property-panel .edit-container .rotate{margin-top:12px}.property-panel .edit-container .rotate .buttons{gap:5px;width:100%;margin-top:8px;display:inline-flex}.property-panel .edit-container .rotate .buttons div{text-align:center;cursor:pointer;background:var(--c-right-side-content-fillbox-bg);border:1px solid #0000001f;border-radius:1px;flex:1;justify-content:center;align-items:center;height:32px;padding:8px 0;display:flex}.property-panel .edit-container .rotate .buttons div:hover{background:#dde9ff}.property-panel .edit-container .rotate .buttons div:hover svg{color:#43474d}.property-panel .edit-container .rotate .buttons div svg{margin-right:8px}.property-panel .edit-container .note textarea{margin-top:4px}.property-panel .edit-container textarea{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;color:var(--c-text);resize:vertical;border-radius:0;padding:0 8px;font-family:Helvetica;font-size:16px;line-height:24px}.property-panel.mobile .edit-container{padding-bottom:80px;overflow-y:auto}.property-panel.mobile .edit-container .tools .buttons :hover,.property-panel.mobile .edit-container .flips .buttons :hover,.property-panel.mobile .edit-container .rotate .buttons div:hover{background:0 0}@media screen and (width<=640px){.property-panel .sidebar-title{border-bottom:1px solid #0000001f}.property-panel .edit-container .text .text-title,.property-panel .edit-container .spacing .spacing-title{margin-bottom:0;line-height:40px}.property-panel .edit-container .opacity .tool .n-select,.property-panel .edit-container .text .content-block .font-size-select{max-width:72px}.property-panel .edit-container .opacity .tool .n-slider.width-slider{flex:1}.property-panel .edit-container .text .content-block{display:flex}.property-panel .edit-container .text .content-block .font-style-select{flex:1}.property-panel .n-select .n-base-selection .n-base-selection-label .n-base-selection-input{padding:0 20px 0 8px}}.move-page-popup .dialog-container{width:289px}.move-page-popup .dialog-container .close{float:right;margin-top:3px}.move-page-popup .dialog-container main{margin-top:20px}.move-page-popup .dialog-container footer .rect-button{width:100%}.move-page-popup input[type=number]{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;height:24px;color:var(--c-text);-moz-appearance:textfield;border-radius:1px;padding:0 20px 0 8px;font-size:14px;line-height:16px}.move-page-popup input[type=number]:focus{border-color:#0078d7}.move-page-popup input[type=number]::-webkit-inner-spin-button{appearance:none}.move-page-popup input[type=number]::-webkit-outer-spin-button{appearance:none}.move-page-popup input[type=number]::placeholder{color:#999;font-size:12px}.extract-page-setting-popup .dialog-container{width:460px;box-shadow:0px 4px 32px 0px var(--c-doc-editor-popup-shadow)}.extract-page-setting-popup .dialog-container main{margin-top:16px}.extract-page-setting-popup .title{font-size:14px;font-weight:700;line-height:16px}.extract-page-setting-popup .container{background:var(--c-toolbar-bg);border-radius:4px;margin-top:8px;margin-bottom:16px;padding:8px 16px 16px}.extract-page-setting-popup .container .select-content .option:not(:first-child){margin-top:16px}.extract-page-setting-popup .container .select-content .option.disabled{pointer-events:none;opacity:.5}.extract-page-setting-popup .container .select-content .option.disabled .disabled-btn{background-color:#b4b4b4;border:1px solid #666;border-radius:50%;width:12px;height:12px;margin-right:4px}.extract-page-setting-popup .container .addition{align-items:center;display:flex;position:relative}.extract-page-setting-popup .container .addition span{white-space:nowrap;font-size:14px;line-height:16px}.extract-page-setting-popup .container .addition input{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;height:24px;color:var(--c-text);border-radius:1px;padding:0 20px 0 8px;font-size:16px;line-height:16px}.extract-page-setting-popup .container .addition input::placeholder{font-size:14px}.extract-page-setting-popup .container .addition input[type=text]:focus{border-color:#0078d7}.extract-page-setting-popup .container .option.custom-page{padding:0}.extract-page-setting-popup .container .option.custom-page .addition{flex:1;margin-left:20px}.extract-page-setting-popup .container .option.custom-page .addition span{color:#999;margin-left:8px}.extract-page-setting-popup .check-content{flex-direction:column;align-items:flex-start;padding:0 16px;display:flex}.extract-page-setting-popup .check-content .check-box{cursor:pointer;align-items:center;padding:5px 0;display:inline-flex}.extract-page-setting-popup .check-content .check-box+.check-box{margin-top:8px}.extract-page-setting-popup .check-content .check-box .check{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;width:14px;height:14px;margin-right:4px;transition:none;overflow:hidden}.extract-page-setting-popup .check-content .check-box .check.active{border:none}.extract-page-setting-popup .check-content .check-box .check svg{vertical-align:top}.extract-page-setting-popup .check-content .check-box.disabled{cursor:not-allowed;color:#b4b4b4}.extract-page-setting-popup .check-content .check-box.disabled .check{opacity:.5;background-color:#b4b4b4}.extract-page-setting-popup .check-content .check-box span{font-size:14px;line-height:16px}.delete-page-popup .dialog-container{width:381px}.delete-page-popup .dialog-container main{align-items:center;margin-top:0;margin-bottom:20px;display:flex}.delete-page-popup .dialog-container main svg{width:20px;min-width:20px;height:20px;margin-right:8px}.delete-page-popup .dialog-container main p{font-size:16px;line-height:24px}.merge-page-setting-popup .dialog-container{width:420px;box-shadow:0px 4px 32px 0px var(--c-doc-editor-popup-shadow)}.merge-page-setting-popup .dialog-container main{margin:0}.merge-page-setting-popup .title{font-size:16px;font-weight:700;line-height:24px}.merge-page-setting-popup .container{background:var(--c-toolbar-bg);border-radius:4px;margin-top:8px;margin-bottom:16px;padding:8px 16px 16px}.merge-page-setting-popup .container .select-content .option:not(:first-child){margin-top:16px}.merge-page-setting-popup .container .addition{align-items:center;display:flex;position:relative}.merge-page-setting-popup .container .addition+.addition{margin-top:4px}.merge-page-setting-popup .container .addition span{white-space:nowrap;font-size:14px;line-height:16px}.merge-page-setting-popup .container .addition svg{pointer-events:none;position:absolute;right:4px}.merge-page-setting-popup .container .addition select,.merge-page-setting-popup .container .addition input,.merge-page-setting-popup .container .addition .file-input-underbox{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;width:100%;height:24px;padding:0 20px 0 8px;font-size:14px;line-height:16px}.merge-page-setting-popup .container .addition input{font-size:16px}.merge-page-setting-popup .container .addition input::placeholder{font-size:14px}.merge-page-setting-popup .container .addition input,.merge-page-setting-popup .container .addition select{color:var(--c-text)}.merge-page-setting-popup .container .addition select{appearance:none}.merge-page-setting-popup .container .addition .file-input-underbox{color:#999;align-items:center;display:flex}.merge-page-setting-popup .container .addition .file-input-underbox .uploaded{color:var(--c-text);text-overflow:ellipsis;overflow:hidden}.merge-page-setting-popup .container .addition .file-input-underbox svg{color:var(--c-side-outline-text)}.merge-page-setting-popup .container .addition input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.merge-page-setting-popup .container .addition input[type=file]::file-selector-button{cursor:pointer}.merge-page-setting-popup .container .addition.from-pdf{align-items:baseline}.merge-page-setting-popup .container .addition.from-pdf span{margin-right:8px}.merge-page-setting-popup .container .addition.from-pdf>div{flex:1}.merge-page-setting-popup .container .addition.from-pdf>div input[type=text]{margin-top:4px}.merge-page-setting-popup .container .addition input[type=text]:focus{border-color:#0078d7}.merge-page-setting-popup .container .file-list{max-height:120px;margin:8px 0;overflow-y:auto}.merge-page-setting-popup .container .file-list .file-item{background:var(--c-right-side-content-fillbox-bg);border-radius:2px;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.merge-page-setting-popup .container .file-list .file-item+.file-item{margin-top:4px}.merge-page-setting-popup .container .file-list .file-item .file-name{text-overflow:ellipsis;white-space:nowrap;color:var(--c-text);flex:1;font-size:13px;overflow:hidden}.merge-page-setting-popup .container .file-list .file-item .file-remove{cursor:pointer;color:#999;margin-left:8px;font-size:16px;line-height:1}.merge-page-setting-popup .container .file-list .file-item .file-remove:hover{color:var(--c-text)}.add-page-setting-popup .dialog-container{width:420px;box-shadow:0px 4px 32px 0px var(--c-doc-editor-popup-shadow)}.add-page-setting-popup .dialog-container main{margin:0}.add-page-setting-popup .title{font-size:16px;font-weight:700;line-height:24px}.add-page-setting-popup .container{background:var(--c-toolbar-bg);border-radius:4px;margin-top:8px;margin-bottom:16px;padding:8px 16px 16px}.add-page-setting-popup .container .select-content .option:not(:first-child){margin-top:16px}.add-page-setting-popup .container .addition{align-items:center;display:flex;position:relative}.add-page-setting-popup .container .addition+.addition{margin-top:4px}.add-page-setting-popup .container .addition span{white-space:nowrap;font-size:14px;line-height:16px}.add-page-setting-popup .container .addition svg{pointer-events:none;position:absolute;right:4px}.add-page-setting-popup .container .addition select,.add-page-setting-popup .container .addition input,.add-page-setting-popup .container .addition .file-input-underbox{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;width:100%;height:24px;padding:0 20px 0 8px;font-size:14px;line-height:16px}.add-page-setting-popup .container .addition input{font-size:16px}.add-page-setting-popup .container .addition input::placeholder{font-size:14px}.add-page-setting-popup .container .addition input,.add-page-setting-popup .container .addition select{color:var(--c-text)}.add-page-setting-popup .container .addition select{appearance:none}.add-page-setting-popup .container .addition .file-input-underbox{color:#999;align-items:center;display:flex}.add-page-setting-popup .container .addition .file-input-underbox .uploaded{color:var(--c-text);text-overflow:ellipsis;overflow:hidden}.add-page-setting-popup .container .addition .file-input-underbox svg{color:var(--c-side-outline-text)}.add-page-setting-popup .container .addition input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute}.add-page-setting-popup .container .addition input[type=file]::file-selector-button{cursor:pointer}.add-page-setting-popup .container .addition.from-pdf{align-items:baseline}.add-page-setting-popup .container .addition.from-pdf span{margin-right:8px}.add-page-setting-popup .container .addition.from-pdf>div{flex:1}.add-page-setting-popup .container .addition.from-pdf>div input[type=text]{margin-top:4px}.add-page-setting-popup .container .addition input[type=text]:focus{border-color:#0078d7}.add-page-setting-popup .container .option.custom-page{align-items:baseline;padding:0}.add-page-setting-popup .container .option.custom-page .left{align-items:center;display:flex}.add-page-setting-popup .container .option.custom-page .right{flex:1;margin-left:20px}.add-page-setting-popup .container .option.custom-page .right .addition span{color:#999;margin-left:8px}.add-page-setting-popup .container .option.custom-page .right .addition:last-child{max-width:70%;margin-top:16px}.document-editor-container{background-color:var(--c-doc-editor-bg);width:100%;margin-top:44px;overflow:auto}.document-editor-container .tools-container{z-index:3;background-color:var(--c-toolbar-bg);border-bottom:1px solid var(--c-toolbar-border);opacity:1;justify-content:center;align-items:center;width:100%;height:44px;margin-top:-44px;display:flex;position:absolute;overflow:auto hidden}.document-editor-container .tools-container.hidden{display:none}.document-editor-container .tools-container button.disabled{opacity:1;color:#999}.document-editor-container .tools-container button:last-child{margin-right:0}.document-editor-container .tools-container.mobile .button span{display:none}.document-editor-container .page-container{flex-flow:wrap;padding-bottom:30px;display:flex}.document-editor-container .page-container .page{cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;width:220px;height:256px;margin:30px 30px 0;padding:8px;display:flex;position:relative}.document-editor-container .page-container .page .img-box{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:calc(100% - 24px);display:flex}.document-editor-container .page-container .page .img-box img{pointer-events:none}.document-editor-container .page-container .page .img-box img,.document-editor-container .page-container .page .img-box .blank-page{-webkit-touch-callout:none;-ms-touch-action:manipulation;touch-action:manipulation;border:.5px solid #0000001f;max-width:100%;max-height:100%}.document-editor-container .page-container .page .img-box .blank-page{background-color:#fff}.document-editor-container .page-container .page p{color:var(--c-right-side-header-text);text-align:center;-webkit-user-select:none;user-select:none;margin-top:8px;font-size:12px;line-height:16px}.document-editor-container .page-container .page.selected{background-color:var(--c-header-button-active)}.document-editor-container .page-container .page.drag-indicate-right:after{content:"";background-color:var(--c-popup-bg-active);width:4px;height:100%;display:block;position:absolute;top:0;right:-32px}.document-editor-container .page-container .page.drag-indicate-left:before{content:"";background-color:var(--c-popup-bg-active);width:4px;height:100%;display:block;position:absolute;top:0;left:-32px}.document-editor-container .page-container .page.drag-indicate-disable:after,.document-editor-container .page-container .page.drag-indicate-disable:before{background-color:var(--c-divider)}.document-editor-container .page-container .page.sortable-drag:after{content:var(--after-content,"1");background-color:var(--c-popup-bg-active);color:#fff;border-radius:50px;padding:5px 20px;position:absolute;top:10px;left:10px}@media screen and (width>=820px){.document-editor-container .tools-container button.select-all{position:absolute;right:16px}.document-editor-container .page-container .page.has-hover:hover{background-color:#0000001a}}@media screen and (width<=360px){.document-editor-container .tools-container{justify-content:flex-start;padding:0 10px}}@media screen and (width>=578px){.document-editor-container .tools-container .button:not(.disabled):hover{background-color:var(--c-header-button-active)}}@media screen and (width<=767px){.document-editor-container .page-container .page{width:150px;height:175px;margin:12px 10px;padding:5px}.document-editor-container .page-container .page.drag-indicate-right:after{right:-12px}.document-editor-container .page-container .page.drag-indicate-left:before{left:-12px}.document-editor-container .tools-container:not(.mobile){justify-content:initial}}.print-setting-popup header{padding:4px 0}.print-setting-popup .dialog-container{width:325px;padding:30px 20px}.print-setting-popup .dialog-container main{margin-bottom:20px}.print-setting-popup .dialog-container footer{justify-content:center}.download-setting-popup header{padding:4px 0}.download-setting-popup .dialog-container{width:325px;padding:30px 20px}.download-setting-popup .dialog-container main{margin-bottom:20px}.download-setting-popup .dialog-container footer{justify-content:center}.select-content .option{cursor:default;align-items:center;padding:5px 0;font-size:14px;line-height:16px;display:flex}.select-content .option svg{margin-right:4px}.select-content .option+.option{margin-top:8px}.compare-setting-popup{font-family:Helvetica}.compare-setting-popup .mode{width:100%;max-width:340px;margin:0 auto}.compare-setting-popup .mode div{cursor:pointer;color:#001a4e;text-align:center;background:#f2f2f2;border-radius:2px;justify-content:center;align-items:center;width:50%;padding:8px 10px;font-size:14px;font-weight:400;line-height:16px;display:inline-flex}.compare-setting-popup .mode div.selected{color:#fff;background-color:#1460f3;font-weight:700}.compare-setting-popup .dialog-content{background-color:var(--c-toolbar-bg);border-radius:4px;width:406px;padding:8px 16px}.compare-setting-popup .dialog-content>div{margin-bottom:16px}.compare-setting-popup .dialog-content .title{margin:4px 0;font-size:16px;font-weight:700;line-height:24px}.compare-setting-popup .dialog-content .row{align-items:center;height:28px;display:flex}.compare-setting-popup .dialog-content .row>span{width:110px}.compare-setting-popup .dialog-content .row+.row{margin-top:8px}.compare-setting-popup .dialog-content .row>:nth-child(2),.compare-setting-popup .dialog-content .row>:nth-child(3){margin-left:8px}.compare-setting-popup .dialog-content .opacity .row{height:32px}.compare-setting-popup .dialog-content .opacity .row>span{width:82px}.compare-setting-popup .dialog-content .opacity .row .n-slider{width:129px}.compare-setting-popup .dialog-content .opacity .row .n-slider .n-slider-rail{border-radius:0;height:2px}.compare-setting-popup .dialog-content .opacity .row .n-slider .n-slider-rail .n-slider-rail__fill{background-color:#4982e6;border-radius:0}.compare-setting-popup .dialog-content .opacity .row .n-slider .n-slider-handles{left:0;right:0}.compare-setting-popup .dialog-content .opacity .row input{border:1px solid var(--c-side-header-border);background-color:var(--c-side-header-bg);width:72px;height:30px;color:var(--c-text);border-radius:0;outline:none;padding:6px}.compare-setting-popup .dialog-content .opacity .row input:focus{border-color:var(--c-popup-bg-active)}.compare-setting-popup .dialog-content .opacity .row .percent-input{position:relative}.compare-setting-popup .dialog-content .opacity .row .percent-input:after{content:"%";pointer-events:none;position:absolute;top:5px;left:30px}.compare-setting-popup .dialog-content .compare-items .check-box{cursor:pointer;align-items:center;display:inline-flex}.compare-setting-popup .dialog-content .compare-items .check-box .check{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;width:14px;height:14px;margin-right:4px;overflow:hidden}.compare-setting-popup .dialog-content .compare-items .check-box .check.active{border:none}.compare-setting-popup .dialog-content .compare-items .check-box .check svg{vertical-align:top}.compare-setting-popup .dialog-content .compare-items .check-box span{font-size:14px;font-weight:400;line-height:16px}.compare-setting-popup .mobile{display:none}.compare-setting-popup .pc{display:flex}.mark-color .select{border:1px solid var(--c-side-header-border);background-color:var(--c-side-header-bg);cursor:pointer;border-radius:1px;justify-content:space-between;align-items:center;height:30px;padding:4px 4px 4px 8px;display:flex}.mark-color .select.color-select{width:60px}.colors-container.mark{border:none;padding:0}.colors-container.mark .cell-container{cursor:pointer;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.colors-container.mark .cell-container .cell-outer{border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.colors-container.mark .cell-container .cell-outer+.cell-outer{margin-left:8px}.colors-container.mark .cell-container .cell-outer.active{border-color:var(--c-header-circle-bg)}.colors-container.mark .cell-container .cell-outer.active .cell{width:17px;height:17px}.colors-container.mark .cell-container .cell-outer .cell{border-radius:50%;width:18px;height:18px}.colors-container.mark .cell-container .cell-outer .cell.red{background-color:red}.colors-container.mark .cell-container .cell-outer .cell.yellow{background-color:#ffec66}.colors-container.mark .cell-container .cell-outer .cell.blue{background-color:#2d77fa}.colors-container.mark .cell-container .cell-outer .cell.green{background-color:#64bc38}.colors-container.mark .cell-container+.cell-container{margin-left:8px}.color-popover{margin-top:2px!important}.color-popover .drop-down{padding:4px 8px;display:flex}.color-popover .drop-down .drop-item{padding:0}.color-popover .drop-down .drop-item+.drop-item{margin-left:8px}.color-popover .drop-down .drop-item:hover{background-color:unset}.mask{flex-direction:column}.mask .loading-compare-tip{color:#fff;background:#36383bcc;border-radius:4px;margin-top:23px;padding:12px;font-size:14px}.dark .n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option:before{transition:none}.dark .n-base-select-menu .n-base-select-option.n-base-select-option--pending:before{background-color:var(--c-dropdown-hover-bg)}@media screen and (width<=430px){.compare-setting-popup{position:relative}.compare-setting-popup .pc{display:none}.compare-setting-popup .mobile{display:block}.compare-setting-popup .dialog{overflow:hidden}.compare-setting-popup .dialog-content{z-index:2;background-color:var(--c-header-bg);border-radius:0;width:100%;height:100%;padding-top:20px;padding-bottom:20px;position:fixed;top:0;left:0}.compare-setting-popup .dialog-footer{display:flex;position:absolute;bottom:0;right:16px}.compare-setting-popup .dialog-footer .rect-button{width:120px;height:40px}.mask .loading-compare-tip{position:absolute;bottom:57px}}@media screen and (width<=768px){.compare-setting-popup .dialog-content .opacity .row input{font-size:16px}}.zoom-overlay{align-items:center;margin-right:8px;display:flex}.zoom-overlay.disabled{opacity:.3;pointer-events:none}.zoom-overlay .button{margin-right:4px!important}.zoom-overlay .input-container{box-sizing:border-box;border:1px solid var(--c-header-input-border);border-radius:2px;outline:none;align-items:center;height:30px;margin-right:4px;padding:5px 8px;font-size:14px;transition:background-color .2s cubic-bezier(0,0,.2,1);display:inline-flex}.zoom-overlay .input-container .drop-down-zoom{color:var(--c-text);align-items:center;font-size:0;display:flex}.zoom-overlay .input-container .drop-down-zoom .arrow-left{outline:none}.zoom-overlay .input-container span{margin-left:2px;font-size:14px}.zoom-overlay .input-container input{min-width:27px;color:var(--c-text);text-align:right;-moz-appearance:textfield;background-color:#0000;border:none;outline:none;padding:0}.zoom-overlay .input-container input::-webkit-inner-spin-button{-webkit-appearance:none}.drop-down.zoom{width:100px}.drop-down.zoom .drop-item{width:auto;height:30px;padding:0 8px}.compare-document-container{background-color:var(--c-file-header);width:100%;display:flex}.compare-document-container.under{display:none}.compare-document-container .old,.compare-document-container .new{flex-direction:column;width:100%;max-width:calc(50% - 5px);display:flex}.compare-document-container .old{border-right:1px solid #0000001f;margin-right:10px}.compare-document-container .new{border-left:1px solid #0000001f}.compare-document-container .file-type{background-color:var(--c-file-header);color:var(--c-text);border-bottom:1px solid #0000001f;padding:10px 22px;font-family:Helvetica;font-size:14px;line-height:normal}.compare-document-container .file-content{background-color:var(--c-header-bg);flex:1;position:relative}.compare-document-container .file-content.no-file{padding:20px 20px 25px}.compare-document-container .file-content .drop-area{border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.compare-document-container .file-content .drop-area .upload-tip{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;width:300px;height:126px;font-family:Helvetica;font-size:16px;line-height:24px;display:flex}.compare-document-container .file-content .drop-area .upload-tip .rect-button{border-radius:4px;min-width:240px;height:48px;padding:0 20px;font-weight:700;position:relative}.compare-document-container .file-content .drop-area .upload-tip .rect-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.compare-document-container .file-content .drop-area .upload-tip .file-name{text-align:center;height:62px;font-size:16px;font-weight:700;line-height:24px}.compare-document-container .file-content .drop-area.drag-over{background:#dde9ff;border-color:#1460f3}.compare-document-container .file-content .uploaded .header-info{background-color:var(--c-header-bg);justify-content:space-between;align-items:center;height:40px;padding:4px 12px;display:flex}.compare-document-container .file-content .uploaded .header-info .file-name{text-overflow:ellipsis;white-space:nowrap;font-family:Helvetica;font-size:14px;line-height:20px;overflow:hidden}.compare-document-container .file-content .uploaded .header-info .close{cursor:pointer;min-width:20px}.compare-document-container .file-content .uploaded .header-info .close:hover{opacity:.8}.compare-document-container .file-content .file-container{background:var(--c-bg);outline:none;transition:all .3s ease-in-out;position:absolute;inset:40px 0 0;overflow:auto}.compare-document-container .file-content .file-container.no-file{z-index:-1}.compare-document-container .mobile{display:none!important}@media screen and (width<=768px){.compare-document-container{flex-direction:column}.compare-document-container .pc{display:none!important}.compare-document-container .mobile{display:flex!important}.compare-document-container .old,.compare-document-container .new{flex:1;max-width:none}.compare-document-container .old{border-right:none;margin-right:0}.compare-document-container .old .file-content{padding-bottom:0}.compare-document-container .new{border-left:none}.compare-document-container .file-type{display:none}.compare-document-container .file-content{padding:16px}.compare-document-container .file-content .drop-area{border:2px dashed #d9d9d9;position:relative}.compare-document-container .file-content .drop-area .upload-tip{width:260px;height:auto;margin:0 20px}.compare-document-container .file-content .drop-area .upload-tip .text{text-align:left;position:absolute;top:16px;left:16px}.compare-document-container .file-content .drop-area .upload-tip .text p{color:var(--c-right-side-header-text);margin-bottom:8px;font-size:14px;font-weight:700;line-height:16px}.compare-document-container .file-content .drop-area .upload-tip .rect-button{width:100%;min-width:auto;height:40px;position:relative}.compare-document-container .file-content .drop-area .file-name{color:var(--c-text);text-align:left;word-wrap:break-word;width:100%;font-size:14px;font-weight:700;line-height:16px;position:absolute;top:48px;left:0}}@media screen and (width>=769px){.compare-document-container .file-content.no-file .drop-area{border:2px dashed #d9d9d9}}.measure-curve-guide{border:1px solid var(--c-header-button-active);background-color:var(--c-header-bg);z-index:4;border-radius:6px;width:310px;padding:16px;position:absolute;box-shadow:0 4px 35px #0029921a}.measure-curve-guide img{border:1px solid #93b9fd;border-radius:4px;width:100%;height:200px}.measure-curve-guide p.title{color:var(--c-measure-curve-guide-title-text);padding:4px 0;font-size:16px;font-weight:600;line-height:24px}.measure-curve-guide p{color:var(--c-measure-curve-guide-text);font-size:14px;line-height:20px}.measure-curve-guide .got-button{text-align:right;margin-top:20px}.measure-curve-guide .got-button span{background-color:var(--c-measure-curve-guide-button-bg);height:24px;color:var(--c-measure-curve-guide-title-text);cursor:pointer;border-radius:2px;padding:0 12px;font-size:14px;font-weight:600;line-height:24px;display:inline-block}.measure-curve-guide .got-button span:hover{opacity:.8}.svg-icon[data-v-54e86885]{fill:currentColor;stroke:currentColor;vertical-align:middle;display:inline-block}.statefulButton{background-color:var(--c-right-side-info-tip-bg)}.custom-button{min-width:30px;height:30px}.custom-button .img{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.custom-button .text{margin-left:8px}.annotation-popup.popup{padding:4px 0}.annotation-popup.popup .button:first-child{margin-left:8px}.annotation-popup.popup .button:last-child{margin-right:8px}.measurements-settings .dialog{z-index:6}.measurements-settings .dialog-container{width:532px;box-shadow:0px 0px 12px 0px var(--c-header-border);padding:12px;font-family:Segoe UI}.measurements-settings .dialog-container main{background:var(--c-toolbar-bg);border-radius:4px;margin-top:16px;padding:12px}.measurements-settings .dialog-container footer .rect-button{border-radius:4px;width:112px;height:32px}.measurements-settings .subtitle{color:var(--c-black-text);font-size:14px;font-weight:600;line-height:16px}.measurements-settings .discription{margin-bottom:4px;font-size:14px;line-height:20px}.measurements-settings .scale{grid-template-rows:auto 32px;grid-template-columns:110.5px 110.5px auto 110.5px 110.5px;align-items:center;gap:8px;margin-top:8px;padding-bottom:16px;display:grid;position:relative}.measurements-settings .scale .left-text{grid-column-start:span 3;font-size:14px;line-height:20px}.measurements-settings .scale .right-text{grid-column-start:span 2;font-size:14px;line-height:20px}.measurements-settings .scale .error{color:red;font-size:12px;line-height:16px;position:absolute;bottom:0;left:0}.measurements-settings .caption{margin-top:20px}.measurements-settings .caption .check-content{flex-direction:column;align-items:flex-start;margin-top:4px;padding:6px 4px;display:flex}.measurements-settings .caption .check-content .check-box{cursor:pointer;align-items:center;display:inline-flex}.measurements-settings .caption .check-content .check-box+.check-box{margin-top:8px}.measurements-settings .caption .check-content .check-box .check{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;width:14px;height:14px;margin-right:10px;transition:none;overflow:hidden}.measurements-settings .caption .check-content .check-box .check.active{border:none}.measurements-settings .caption .check-content .check-box .check svg{vertical-align:top}.measurements-settings .caption .check-content .check-box span{color:var(--c-black-text);font-size:14px;line-height:20px}.measurements-settings .form-box{align-items:center;width:110.5px;display:flex;position:relative}.measurements-settings .form-box svg{pointer-events:none;color:var(--c-side-annotation-reply-icon);position:absolute;right:5px}.measurements-settings .form-box select,.measurements-settings .form-box input{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;height:32px;color:var(--c-text);border-radius:1px;padding:0 21px 0 8px;font-size:14px;line-height:20px}.measurements-settings .form-box select{appearance:none}.measurement-board{z-index:4;background-color:var(--c-header-bg);border-radius:3px;min-width:270px;padding:16px;transition:transform .3s ease-in-out;position:fixed;box-shadow:0 0 9px #0000001f}.measurement-board.fold{min-width:0;padding:8px 12px}.measurement-board.fold .header-container .title span{margin-left:4px}.measurement-board .header-container{justify-content:space-between;align-items:center;display:flex}.measurement-board .header-container .title{align-items:center;margin-right:16px;padding:4px 0;display:flex}.measurement-board .header-container .title svg{min-width:20px}.measurement-board .header-container .title span{margin-left:16px;font-size:14px;font-weight:600;line-height:16px}.measurement-board .header-container .fold-button{cursor:pointer;outline:none;display:flex}.measurement-board .header-container .fold-button:hover{color:var(--c-blue-1)}.measurement-board .content{color:var(--c-black-text);grid-template-rows:repeat(auto-fill,15px);grid-template-columns:auto auto;align-items:center;gap:8px 24px;padding:8px 36px;font-size:14px;line-height:20px;display:grid}.measurement-board .content .has-tip{align-items:center;display:flex}.measurement-board .content .has-tip svg{color:var(--c-measure-board-tip);outline:none;margin-left:4px}.measurement-board .content .has-tip svg:hover{color:var(--c-blue-1)}.measurement-board .content .has-input{align-items:center;display:flex}.measurement-board .content .has-input .arrow{border:solid var(--c-arrow-down-icon);border-width:0 1.5px 1.5px 0;padding:2px}.measurement-board .content .has-input .arrow.up{margin-top:13px;transform:rotate(-135deg)}.measurement-board .content .has-input .arrow.down{margin-bottom:13px;transform:rotate(45deg)}.measurement-board .content .has-input .arrow.disabled{opacity:.5}.measurement-board .content .n-input-number .n-input{background-color:var(--c-right-side-content-fillbox-bg);border-radius:1px;width:58px;height:24px;margin-right:8px;--n-border:1px solid var(--c-right-side-content-fillbox-border)!important;--n-text-color:var(--c-text)!important;--n-height:24px!important;--n-bezier:unset!important;--n-border-active:none!important;--n-border-focus:none!important;--n-border-hover:none!important;--n-box-shadow-active:none!important;--n-box-shadow-focus:none!important}.measurement-board .content .n-input-number .n-input .n-input-wrapper{padding-left:8px;padding-right:4px}.measurement-board .content .n-input-number .n-input .n-input-wrapper .n-input__suffix{flex-direction:column-reverse}.measurement-board .content .n-input-number .n-input .n-input__placeholder{display:none}.measurement-board .setting{text-align:right}.measurement-board .setting span{color:var(--c-right-side-header-active);cursor:pointer;font-size:14px;line-height:20px}.measurement-board .setting span:hover{opacity:.8}.redaction-tip-dialog .dialog-container{max-width:284px;padding:40px 16px}.redaction-tip-dialog .dialog-container .close{color:#bababa;margin:0;position:absolute;top:14px;right:14px}.redaction-tip-dialog .dialog-container .close:hover{color:var(--c--text)}.redaction-tip-dialog .dialog-container main{flex-direction:column;align-items:center;margin:0;display:flex}.redaction-tip-dialog .dialog-container main .title{color:var(--c-active-text);margin:16px 0 8px;font-size:16px;font-weight:700;line-height:24px}.redaction-tip-dialog .dialog-container main p{text-align:center;font-size:14px;line-height:16px}.redaction-tip-dialog .dialog-container main .rect-button{border-radius:4px;width:calc(100% - 32px);height:40px;margin-top:24px}.freetext-popup.popup{justify-content:flex-start;width:100%;max-width:427px;padding:0}.freetext-popup.popup .color-picker{margin-left:0;margin-right:4px}.freetext-popup.popup .text-font{width:98px}.freetext-popup.popup .button,.freetext-popup.popup .text-family{margin-right:4px}.freetext-popup.popup .divider{background-color:var(--c-divider);width:1px;height:20px}.freetext-popup.popup .preview-container{border:1px solid #dadbde;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:1px 6px 1px 0;display:flex}.freetext-popup.popup .preview-container.active{border-color:#1460f3}.freetext-popup.popup .preview-container .preview{margin-right:0}.freetext-popup.popup .popup-wrapper{padding:6px 10px;overflow-x:auto}.freetext-popup.popup .popup-wrapper .align-container{background-color:var(--c-header-bg);border-radius:4px;align-items:center;padding:6px 10px;display:flex;position:absolute;box-shadow:0 0 8px #0000001a}.freetext-popup.popup .popup-wrapper .align-container.top{top:-52px}.freetext-popup.popup .popup-wrapper .align-container.bottom{bottom:-50px}.popup-container{align-items:center;display:flex}@media screen and (width>=578px){.popup .button:not(.disabled):hover{background-color:var(--c-header-button-active)}}.popup{z-index:5;background:var(--c-header-bg);border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;transition:transform .3s ease-in-out;display:flex;position:absolute;transform:translateY(5px);box-shadow:0 0 3px #868e96}.popup.transform{transform:translate(-50%)translateY(5px)}.popup .button:last-child{margin-right:0}@media screen and (width>=578px){.popup .button:not(.disabled):hover{background-color:var(--c-header-button-active)}}.redaction-confirm-dialog .dialog-container{max-width:381px}.redaction-confirm-dialog .dialog-container header p{font-size:18px}.redaction-confirm-dialog .dialog-container main{margin-top:16px;margin-bottom:20px}.redaction-confirm-dialog .dialog-container main p{font-size:14px;font-weight:400;line-height:16px}.redaction-confirm-dialog .dialog-container footer .rect-button.blue{border-radius:4px}.add-digital-file-dialog .dialog-container{width:100%;max-width:450px}.add-digital-file-dialog .dialog-container .close{float:right;margin-top:4px}.add-digital-file-dialog .row{justify-content:space-between;display:flex}.add-digital-file-dialog .row>span{white-space:nowrap;width:100px;min-width:100px;margin-right:10px}.add-digital-file-dialog .row>div{flex:1}.add-digital-file-dialog .input-file{margin:20px 0}.add-digital-file-dialog .input-file .addition{align-items:center;width:calc(100% - 110px);display:flex;position:relative}.add-digital-file-dialog .input-file .addition .file-input-underbox{color:var(--c-input-placeholder);cursor:pointer;align-items:center;display:flex;position:relative}.add-digital-file-dialog .input-file .addition .file-input-underbox span{white-space:nowrap;overflow:hidden}.add-digital-file-dialog .input-file .addition .file-input-underbox .uploaded{color:var(--c-text);text-overflow:ellipsis;overflow:hidden}.add-digital-file-dialog .input-file .addition .file-input-underbox .icon-file{background-color:var(--c-input-bg);pointer-events:none;width:24px;height:100%;position:absolute;right:0}.add-digital-file-dialog .input-file .addition .file-input-underbox svg{pointer-events:none;color:var(--c-side-outline-text);position:absolute;top:3px;right:4px}.add-digital-file-dialog input,.add-digital-file-dialog .file-input-underbox{width:100%;max-width:300px;height:24px;color:var(--c-text);background:var(--c-input-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;padding:0 20px 0 8px;font-size:14px;line-height:16px}.add-digital-file-dialog input{font-size:16px}.add-digital-file-dialog input::placeholder{color:var(--c-input-placeholder);font-size:14px}.add-digital-file-dialog input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;display:none;position:absolute}.add-digital-file-dialog input[type=file]::file-selector-button{cursor:pointer}.add-digital-file-dialog .input-pwd .error-text{color:red}.certification-details-dialog .dialog-container{border-radius:0;flex-direction:column;width:100%;max-width:min(870px,100% - 40px);height:100%;min-height:405px;max-height:min(575px,100% - 84px);padding:20px;display:flex}.certification-details-dialog .dialog-container header .title{color:var(--c-right-side-header-text);font-size:16px;line-height:24px}.certification-details-dialog .dialog-container header .desc{margin-top:20px;font-size:14px;font-weight:400;line-height:16px}.certification-details-dialog .dialog-container main{height:calc(100% - 92px);margin:0;padding:32px 0}.certification-details-dialog .dialog-container footer .rect-button{border-radius:4px}.certification-details-dialog .container{height:100%;display:flex}.certification-details-dialog .container .left{border:1px solid var(--c-header-border);width:246px;margin-right:32px;padding:2px}.certification-details-dialog .container .left p{color:var(--c-black-text);cursor:default;padding:4px;font-size:14px;line-height:16px}.certification-details-dialog .container .left p.highlighted{color:#fff;background:#1460f3}.certification-details-dialog .container .right{border:1px solid var(--c-header-border);flex-direction:column;flex:1;max-width:76%;display:flex}.certification-details-dialog .container .right .tabs{border-bottom:1px solid var(--c-header-border);justify-content:center;display:flex}.certification-details-dialog .container .right .tabs>div{cursor:pointer;margin:10px 12px -1px;padding-bottom:4px;font-size:16px;line-height:24px}.certification-details-dialog .container .right .tabs>div.active{color:var(--c-right-side-header-text);border-bottom:2px solid #4982e6;font-weight:700}.certification-details-dialog .container .right .panel{height:calc(100% - 40px);padding:20px}.certification-details-dialog .container .right .panel .summary{flex-direction:column;height:100%;display:flex}.certification-details-dialog .container .right .panel .summary .title{z-index:1;background-color:var(--c-dialog-bg);color:var(--c-black-text);margin:0 auto 0 16px;padding:0 4px;font-size:14px;font-weight:600;line-height:16px;display:flex;position:relative;top:8px}.certification-details-dialog .container .right .panel .summary .info{border:1px solid var(--c-header-border);padding:20px 20px 16px;display:flex;position:relative;overflow-y:auto}.certification-details-dialog .container .right .panel .summary .info p{font-size:14px;line-height:20px}.certification-details-dialog .container .right .panel .summary .info p+p{margin-top:12px}.certification-details-dialog .container .right .panel .summary .info span{color:var(--c-side-annotation-text)}.certification-details-dialog .container .right .panel .summary .info .details{max-height:564px;overflow-y:auto}.certification-details-dialog .container .right .panel .summary .info .details p{color:var(--c-black-text);word-break:break-all}.certification-details-dialog .container .right .panel .summary .info .trust p{align-items:center;display:flex}.certification-details-dialog .container .right .panel .summary .info .trust p span{color:var(--c-right-side-header-text)}.certification-details-dialog .container .right .panel .summary .info .trust p svg{width:20px;max-width:20px;height:20px;margin-right:4px}.certification-details-dialog .container .right .panel .trust-button{text-align:right;margin-top:24px}.certification-details-dialog .container .right .panel .trust-button>div{border:1px solid var(--c-header-border);background:var(--c-header-button-active);cursor:pointer;height:32px;color:var(--c-right-side-header-text);border-radius:1px;padding:0 12px;font-size:14px;line-height:32px;display:inline-block}.certification-details-dialog .container .right .panel .trust-button>div:hover{background:var(--c-popup-bg-hover);color:#fff}.certification-details-dialog .container .right .panel .trust-button>div.disabled{cursor:not-allowed;background-color:var(--c-header-border);color:var(--c-right-side-header-text)}@media screen and (width<=767.9px){.certification-details-dialog .container .left{display:none}.certification-details-dialog .container .right{max-width:100%}.certification-details-dialog .container .right .panel{padding:10px}}.signature-details-dialog .dialog-container{border-radius:0;width:552px;padding:0;position:relative}.signature-details-dialog .dialog-container header p{color:var(--c-black-text);margin-top:6px;margin-left:12px;font-size:14px;font-weight:400;line-height:20px}.signature-details-dialog .dialog-container header .close{cursor:pointer;margin:0;position:absolute;top:8px;right:8px}.signature-details-dialog .dialog-container main{margin-top:20px;margin-bottom:15px}.signature-details-dialog .dialog-container main .info{align-items:center;margin:0 26px 26px;display:flex}.signature-details-dialog .dialog-container main .info svg{width:32px;min-width:32px;height:32px;color:var(--c-icon-blue);margin-right:16px}.signature-details-dialog .dialog-container main .info .title{word-break:break-word;font-size:16px;font-weight:600;line-height:24px}.signature-details-dialog .dialog-container main .info .desc{margin-top:8px;font-size:14px;line-height:20px}.signature-details-dialog .dialog-container main .summary{border:1px solid var(--c-header-border);height:100%;max-height:345px;color:var(--c-black-text);border-top-width:0;margin:auto 24px;font-size:14px;line-height:20px}.signature-details-dialog .dialog-container main .summary .title{display:flex}.signature-details-dialog .dialog-container main .summary .title span{margin:-10px 4px 0;font-weight:600}.signature-details-dialog .dialog-container main .summary .title .line-left{border-top:1px solid var(--c-header-border);width:12px}.signature-details-dialog .dialog-container main .summary .title .line-right{border-top:1px solid var(--c-header-border);flex:1}.signature-details-dialog .dialog-container main .summary .content{flex-direction:column;height:calc(100% - 40px);margin-top:10px;margin-bottom:20px;padding:0 20px;display:flex;overflow:auto}.signature-details-dialog .dialog-container main .summary .content p+p{margin-top:12px}.signature-details-dialog .dialog-container footer .view-button{border:1px solid var(--c-header-border);background:var(--c-header-button-active);cursor:pointer;height:32px;color:var(--c-black-text);border-radius:1px;margin-bottom:20px;margin-right:26px;padding:6px 8px;font-size:14px;line-height:20px}.signature-details-dialog .dialog-container footer .view-button:hover{background:var(--c-popup-bg-hover);color:#fff}.digital-signature-dialog .paint-container .keyboard-paint{flex:1}.digital-signature-dialog .paint-container .keyboard-paint input{color:#000;text-align:center;background:0 0;border:none;width:100%;font-family:Courier New,Courier,monospace;font-size:46px;font-weight:400;line-height:64px}.signature-appearance-dialog .digital-signature-dialog .dialog-container{height:auto;padding:16px 24px}.signature-appearance-dialog .digital-signature-dialog .dialog-container main{margin-top:40px;margin-bottom:12px}.signature-appearance-dialog .digital-signature-dialog .dialog-container footer .rect-button.white{border-radius:2px}.signature-appearance-dialog .digital-signature-dialog .dialog-container footer .rect-button:first-child{margin-right:auto}.signature-appearance-dialog .digital-signature-dialog .paint-container{background-color:#f2f3f5;justify-content:center;align-items:center;height:270px;display:flex;position:relative}.signature-appearance-dialog .digital-signature-dialog .paint-container canvas{z-index:1}.signature-appearance-dialog .digital-signature-dialog .paint-container p{color:#757780;pointer-events:none;font-size:14px;line-height:16px;position:absolute}@media screen and (width<=640px){.dialog-wrapper{justify-content:center;align-items:center;display:flex;overflow:auto}.dialog-wrapper:after{display:none}.signature-appearance-dialog .digital-signature-dialog.trackpad .dialog-container{flex-direction:column;width:90vh;height:90vw;display:inline-flex;transform:rotate(90deg)}.signature-appearance-dialog .digital-signature-dialog.trackpad .dialog-container main{flex:1}.signature-appearance-dialog .digital-signature-dialog.trackpad .dialog-container main .paint-container{width:100%;height:100%}}.signature-appearance-dialog .signatures-popup-danger{z-index:1;text-align:left;color:#43474d;background-color:#fbeded;border:1px solid #f871714d;border-radius:6px;align-items:center;max-width:400px;padding:8px 16px;font-size:14px;line-height:16px;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.signature-appearance-dialog .signatures-popup-danger svg{flex-shrink:0;margin-right:8px}.signature-appearance-dialog .signatures-popup-danger .full-text{color:var(--c-text)}.signature-appearance-dialog .dialog-container{border-radius:0;flex-direction:column;width:100%;max-width:628px;height:100%;max-height:650px;padding:18px 12px 20px;display:inline-flex;position:relative}.signature-appearance-dialog .dialog-container header{margin:0 8px}.signature-appearance-dialog .dialog-container header p{color:var(--c-right-side-header-text);margin-bottom:18px;font-size:14px;font-weight:400;line-height:18px}.signature-appearance-dialog .dialog-container header .close{cursor:pointer;color:#43474d;margin:0;position:absolute;top:8px;right:8px}.signature-appearance-dialog .dialog-container header .close:hover{color:#1460f3}.signature-appearance-dialog .dialog-container main{height:calc(100% - 36px);margin-top:0;margin-bottom:0}.signature-appearance-dialog .dialog-container .sign-content{height:100%}.signature-appearance-dialog .dialog-container footer{flex-direction:column;padding:0 8px;display:flex}.signature-appearance-dialog .dialog-container footer .left-btns{color:var(--c-sign-note);align-items:center;margin-top:12px;font-size:14px;line-height:20px;display:flex}.signature-appearance-dialog .dialog-container footer .left-btns .check{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);cursor:pointer;width:14px;height:14px;margin-right:4px}.signature-appearance-dialog .dialog-container footer .left-btns .check.active{border:none}.signature-appearance-dialog .dialog-container footer .left-btns .check.disabled{cursor:not-allowed;background-color:#f2f3f5}.signature-appearance-dialog .dialog-container footer .right-btns{justify-content:flex-end;margin-top:12px;display:flex}.signature-appearance-dialog .dialog-container footer .right-btns .button+.button{margin-left:8px}.signature-appearance-dialog .dialog-container footer .rect-button{color:var(--c-sign-color);min-width:120px;height:32px;border:1px solid var(--c-sign-color);border-radius:2px;margin-right:0;padding:0 20px;font-size:14px;font-weight:700;line-height:20px}.signature-appearance-dialog .dialog-container footer .rect-button:first-child:hover{background-color:#f2f3f5}.signature-appearance-dialog .dialog-container footer .rect-button.disabled{color:#999;opacity:1;background-color:#0003}.signature-appearance-dialog .dialog-container footer .rect-button.blue{color:#fff;background-color:var(--c-sign-color)}.signature-appearance-dialog .dialog-container footer .rect-button.blue:hover{background-color:#1460f3cc}.signature-appearance-dialog .digital-signature-dialog .dialog-container footer{flex-direction:row;justify-content:space-between}.signature-appearance-dialog .sign-popup-header{text-align:center;background-color:var(--c-tabs-bg);border:1px solid #0000001f;padding:3px;display:flex}.signature-appearance-dialog .sign-popup-header div{color:var(--c-side-annotation-icon);flex:1;padding:8px 0;font-size:14px;line-height:16px}.signature-appearance-dialog .sign-popup-header div:hover{color:#fff;cursor:pointer;background-color:#6499ff}.signature-appearance-dialog .sign-popup-header div.active{color:#fff;background-color:var(--c-tab-bg);font-weight:700}.signature-appearance-dialog .signatures-popup-create{padding:12px 12px 0}.signature-appearance-dialog .signatures-popup-lists{height:calc(100% - 40px);padding:12px 12px 19px}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-empty{background-color:var(--c-sign-panel-bg);text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-empty .no-signatures div{color:#1460f3;margin-top:10px;font-family:Segoe UI;font-size:14px;line-height:20px;text-decoration:underline}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-empty .no-signatures div:hover{cursor:pointer;color:#6499ff}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-list-container{background-color:var(--c-sign-panel-bg);height:100%;padding:20px;overflow:auto}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list{background-color:var(--c-sign-list-bg);border:1px solid #0000001f;border-radius:4px;justify-content:center;align-items:center;padding:14px;display:flex;position:relative}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list+.signatures-popup-list{margin-top:8px}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list:hover{cursor:pointer;background-color:#dde9ff}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list:hover .close-button{display:block}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list img{max-width:100%;max-height:36px}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list .close-button{color:var(--c-sign-close);display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.signature-appearance-dialog .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list .close-button:hover{color:var(--c-sign-tab-active);background-color:#0000}.signature-appearance-dialog .create-sign-header{margin-bottom:12px;display:flex}.signature-appearance-dialog .create-sign-header>div{color:#666;cursor:pointer;height:30px;margin:10px 12px 0;font-size:16px;font-weight:400;line-height:24px}.signature-appearance-dialog .create-sign-header>div.active{color:var(--c-sign-tab-text-active);border-bottom:2px solid var(--c-sign-tab-active)}.signature-appearance-dialog .preview-area{color:#232531;background:#f4f7ff;width:100%;font-size:30px;display:flex;position:relative;overflow:hidden}.signature-appearance-dialog .preview-area img{width:100%}.signature-appearance-dialog .preview-options{min-height:16px;margin-top:12px;display:flex}.signature-appearance-dialog .preview-options span{color:var(--c-sign-color);cursor:pointer;font-size:12px;line-height:16px;display:inline-block}.signature-appearance-dialog .preview-options span+span{margin-left:16px}.signature-appearance-dialog .preview-options .upload{cursor:pointer;align-items:center;display:inline-flex;position:relative}.signature-appearance-dialog .preview-options .upload input[type=file]{display:none}.signature-appearance-dialog .preview-options .upload input[type=file]::file-selector-button{cursor:pointer}.signature-appearance-dialog .title{margin:12px 0;font-size:14px;font-weight:700;line-height:16px}.signature-appearance-dialog .configurations{justify-content:space-between;display:flex}.signature-appearance-dialog .configurations span{white-space:nowrap;color:var(--c-text);font-size:14px;line-height:16px}.signature-appearance-dialog .configurations .left{flex:1}.signature-appearance-dialog .configurations .left .checkboxes{grid-gap:8px 12px;grid-template-columns:auto auto;justify-content:space-between;margin-right:48px;display:grid}.signature-appearance-dialog .configurations .left .addition{width:240px;margin-top:12px;margin-bottom:38px}.signature-appearance-dialog .configurations .left .addition>div{justify-content:space-between;align-items:center;display:flex}.signature-appearance-dialog .configurations .left .addition>div select,.signature-appearance-dialog .configurations .left .addition>div input{flex:1;margin-left:8px}.signature-appearance-dialog .configurations .left .addition>div+div{margin-top:8px}.signature-appearance-dialog .configurations .check-box{cursor:pointer;align-items:center;padding:6px 0;display:inline-flex}.signature-appearance-dialog .configurations .check-box .check{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;width:14px;min-width:14px;height:14px;margin-right:4px;overflow:hidden}.signature-appearance-dialog .configurations .check-box .check.active{border:none}.signature-appearance-dialog .configurations .check-box .check svg{vertical-align:top}.signature-appearance-dialog .configurations .right{width:42%;margin-top:-32px}.signature-appearance-dialog .configurations .right .grid-box{grid-template-columns:auto minmax(80px,192px);align-items:center;gap:8px;display:grid}.signature-appearance-dialog .configurations select,.signature-appearance-dialog .configurations input{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;height:32px;color:var(--c-text);border-radius:1px;padding:0 8px;font-family:Helvetica;font-size:14px;line-height:20px}.signature-appearance-dialog .configurations select::placeholder,.signature-appearance-dialog .configurations input::placeholder{color:var(--c-text);opacity:.6}.signature-appearance-dialog .configurations .select-box{align-items:center;width:100%;display:flex;position:relative}.signature-appearance-dialog .configurations .select-box svg{pointer-events:none;position:absolute;right:4px}.signature-appearance-dialog .configurations select{appearance:none;padding-right:20px;font-size:14px}.signature-appearance-dialog .configurations .text-align{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.signature-appearance-dialog .configurations .text-align .buttons{background:var(--c-right-side-content-fillbox-bg);border:1px solid #0000001f;flex:1;max-width:140px;margin-left:8px;display:inline-flex}.signature-appearance-dialog .configurations .text-align .buttons div{text-align:center;cursor:pointer;flex:1;height:30px;padding:7px}.signature-appearance-dialog .configurations .text-align .buttons .active{background:#dde9ff}.signature-appearance-dialog .configurations .text-align .buttons .active svg{color:#43474d}.signature-appearance-dialog .digital-signature-dialog.keyboard .dialog-container{height:auto}.signature-appearance-dialog .digital-signature-dialog.keyboard main{margin:24px 0 20px}@media screen and (width>=500px) and (width<=628px){.signature-appearance-dialog .dialog-container footer{margin-top:0}.signature-appearance-dialog .configurations .left .checkboxes{grid-gap:8px;justify-content:left;margin-right:20px}.signature-appearance-dialog .configurations .left .addition{width:100%;max-width:200px}}@media screen and (width<=499px){.signature-appearance-dialog .appearance-dialog .dialog-container{padding:15px 0}.signature-appearance-dialog .appearance-dialog .dialog-container header{padding-left:23px;padding-right:23px}.signature-appearance-dialog .appearance-dialog .dialog-container main{margin-bottom:0;padding-left:23px;padding-right:23px}.signature-appearance-dialog .appearance-dialog .dialog-container footer{border-top:1px solid #ccc;margin-top:0;padding-top:8px}.signature-appearance-dialog .appearance-dialog .dialog-container footer .left-btns{margin-left:23px}.signature-appearance-dialog .appearance-dialog .dialog-container footer>div:last-child{margin-right:23px}.signature-appearance-dialog .appearance-dialog .configurations{flex-direction:column;height:152px;padding-bottom:16px;overflow:auto}.signature-appearance-dialog .appearance-dialog .configurations .right{width:100%;margin-top:16px}.signature-appearance-dialog .appearance-dialog .configurations .right .text-align{flex-direction:column;align-items:normal}.signature-appearance-dialog .appearance-dialog .configurations .right .text-align .buttons{margin-top:4px;margin-left:0}.signature-appearance-dialog .appearance-dialog .configurations .right .addition>div{margin-top:8px}}@media screen and (width<=768px){.signature-appearance-dialog .configurations input{font-size:16px}}.select-type-popup .dialog-container{max-width:372px}.select-type-popup .dialog-container .close{float:right;margin-top:3px}.select-type-popup .dialog-container main{margin-top:32px}.select-type-popup .dialog-container footer .rect-button{border-radius:4px;width:100%}.select-type-popup .title{font-size:16px;font-weight:700;line-height:24px}.select-type-popup .title-color{color:var(--c-right-side-header-text)}.select-type-popup .select-text{margin-top:16px;margin-bottom:24px}.select-type-popup .select-text .option{padding:5px 0;font-size:14px;line-height:16px;display:flex}.select-type-popup .select-text .option+.option{margin-top:16px}.select-type-popup .select-text .option svg{width:16px;min-width:16px;height:16px;margin-top:3.5px;margin-right:8px}.select-type-popup .select-text .option .text{flex-direction:column;display:flex}.select-type-popup .select-text .option .text .title{margin-bottom:8px}.edit-dialog{z-index:5;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;bottom:0;left:0}.edit-dialog .edit{background-color:var(--c-side-bg);width:100%;max-width:284px;padding:16px 16px 40px;box-shadow:0 4px 32px #8195c852}.edit-dialog .edit .close{text-align:right;font-size:0}.edit-dialog .edit .close svg{cursor:pointer;width:12px;height:12px}.edit-dialog .edit .warning{text-align:center;margin-top:12px;font-size:0}.edit-dialog .edit .title{color:var(--c-right-side-header-text);text-align:center;margin-top:16px;font-size:16px;font-weight:700;line-height:24px}.edit-dialog .edit .des{color:var(--c-edit-text);text-align:center;margin-top:8px;font-size:14px;line-height:16px}.edit-dialog .edit .button{background:var(--c-header-text-theme-active);color:#fff;cursor:pointer;border-radius:4px;width:220px;margin:24px auto 0;font-size:14px;font-weight:700;line-height:40px}.edit-dialog .edit .button:hover{background-color:#1460f3cc}.settings-popup .dialog-container{width:480px;box-shadow:0px 4px 32px 0px var(--c-doc-editor-popup-shadow)}.settings-popup .dialog-container main{margin:0}.settings-popup .title{font-size:16px;font-weight:700;line-height:24px}.settings-popup span{font-size:14px;line-height:16px}.settings-popup .row{justify-content:space-between;align-items:center;height:30px;display:flex}.settings-popup .row+.row{margin-top:8px}.settings-popup .container{background:var(--c-toolbar-bg);border-radius:4px;margin-top:16px;margin-bottom:24px;padding:16px}.settings-popup .container .info{border-bottom:1px solid var(--c-right-side-content-fillbox-border);margin-bottom:16px;padding-bottom:20px}.settings-popup .container .form-sign{border-top:1px solid var(--c-right-side-content-fillbox-border);margin-top:20px;padding-top:16px}.settings-popup .container select,.settings-popup .container input{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:200px;height:30px;color:var(--c-text);border-radius:1px;padding:0 20px 0 8px;line-height:16px}.settings-popup .container input{font-size:16px}.settings-popup .container input::placeholder{color:var(--c-settings-text);font-size:14px}.settings-popup .container input:focus{border-color:#0078d7}.settings-popup .container select{color:var(--c-settings-text);appearance:none;font-size:14px}.settings-popup .container .select-box{align-items:center;display:flex;position:relative}.settings-popup .container .select-box span{white-space:nowrap;font-size:14px;line-height:16px}.settings-popup .container .select-box svg{pointer-events:none;position:absolute;right:4px}.settings-popup .version{margin:16px 0;padding-right:5px}.settings-popup .controller .n-switch .n-switch__rail{background-color:#dbe8ff;border-radius:100px;min-width:44px;height:24px}.settings-popup .controller .n-switch .n-switch__rail .n-switch__button{width:16px;height:16px;top:4px;left:4px}.settings-popup .controller .n-switch.n-switch--active .n-switch__rail{background-color:#1460f3}.settings-popup .controller .n-switch.n-switch--active .n-switch__rail .n-switch__button{left:calc(100% - 20px)}.settings-popup .controller .n-switch:focus .n-switch__rail{box-shadow:none}.enter-document-password-dialog .password-container .modal-container .wrapper{text-align:center;padding:0 16px 40px;display:flex}.enter-document-password-dialog .password-container{color:var(--c-popup-bg-active)}.enter-document-password-dialog .password-container .wrong-password{align-self:flex-start}.enter-document-password-dialog .password-container .wrapper{justify-content:center;display:flex}.enter-document-password-dialog .password-container .modal-container{background-color:var(--c-dialog-bg);max-width:286px}.enter-document-password-dialog .password-container .password-title{text-align:center;color:var(--c-text);margin-top:8px;font-size:16px;font-weight:700;line-height:24px}.enter-document-password-dialog .password-container .input-container{width:100%;max-width:228px;margin-top:30px;margin-left:0;position:relative}.enter-document-password-dialog .password-container .input-container input{border:1px solid #0000001f;border-color:var(--c-side-header-border);width:100%;height:24px;color:var(--c-text);background-color:var(--c-side-header-bg);border-radius:1px;padding:4px 24px 4px 8px;font-size:16px}.enter-document-password-dialog .password-container .input-container .eye-btn{cursor:pointer;color:var(--c-side-outline-text);top:4px;right:4px}.enter-document-password-dialog .password-container .wrong-password{color:red;align-self:flex-start;margin-top:4px;font-size:12px;line-height:16px}.enter-document-password-dialog .password-container .set-btn{color:#fff;cursor:pointer;background-color:var(--c-popup-bg-active);border-radius:4px;justify-content:center;align-items:center;width:100%;max-width:220px;margin-top:40px;padding:12px 0;font-size:14px;font-weight:700;line-height:16px;display:flex}.enter-document-password-dialog .password-container .set-btn:hover{opacity:.8}.modal-container{background-color:var(--c-header-bg);box-shadow:0px 4px 32px 0px var(--c-doc-editor-popup-shadow);border-radius:4px}.modal-container .wrapper{flex-direction:column;align-items:center;padding:8px 32px 40px;display:flex;position:relative}.modal-container .wrapper .header-container{justify-content:space-between;align-items:center;width:100%;margin-top:8px;margin-bottom:8px;display:flex}.modal-container .wrapper .header-container .title{height:24px;font-size:16px;font-weight:700;line-height:24px;display:block}.modal-container .wrapper .header-container .close-button{margin-right:0;padding:0;position:absolute;top:16px;right:16px}.password-container{z-index:125;background-color:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;bottom:0;left:0}.password-container .modal-container{background-color:var(--c-dialog-bg);width:100%;max-width:426px}.password-container .modal-container .wrapper{padding:20px;display:block}.password-container .encrypt-container{color:var(--c-password-text);background-color:var(--c-dialog-attribute-bg);border-radius:4px;padding:16px}.password-container .encrypt-container .note{align-items:center;gap:2px;margin-top:16px;display:flex}.password-container .encrypt-document .input-container{margin-bottom:30px}.password-container .document-title,.password-container .permission-title{align-items:center;display:flex}.password-container .input-container{margin-left:24px}.password-container .input-container.disabled{opacity:.4}.password-container .check{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);cursor:pointer;width:14px;height:14px;margin-right:4px}.password-container .check.active{border:none}.password-container .input-container{margin-top:14px;position:relative}.password-container .input-container input{border:1px solid #0000001f;border-color:var(--c-side-header-border);width:100%;height:24px;color:var(--c-text);background-color:var(--c-side-header-bg);border-radius:1px;padding:4px 24px 4px 8px;font-size:16px}.password-container .input-container input::placeholder{color:var(--c-text);opacity:.6;font-size:14px}.password-container .input-container .eye-btn{cursor:pointer;color:var(--c-side-outline-text);position:absolute;top:4px;right:4px}.password-container .wrong-password{color:red;text-align:left;align-self:flex-start;margin-top:4px;font-size:12px;line-height:16px}.password-container .items{margin-top:16px;margin-left:24px}.password-container .item{display:flex}.password-container .item.disabled{opacity:.4}.password-container .item+.item{margin-top:16px}.password-container .item .check{flex-shrink:0;margin-top:1px}.password-container .item span{font-family:Helvetica;font-size:14px;line-height:16px}.password-container .note{color:var(--c-note);margin-top:24px;font-size:12px;line-height:16px}.password-container .btn-container{justify-content:flex-end;margin-top:24px;display:flex}.password-container .btn-container span{cursor:pointer;min-width:120px;height:32px;color:var(--c-header-text-theme-active);background-color:var(--c-border-button);border:1px solid var(--c-header-text-theme-active);border-radius:4px;justify-content:center;align-items:center;padding:0 20px;font-size:14px;line-height:20px;display:flex}.password-container .btn-container span+span{margin-left:8px}.password-container .btn-container span.blue{color:#fff;background-color:var(--c-header-text-theme-active)}.password-container .btn-container span:hover{opacity:.8}.password-container .btn-container span.disabled{opacity:.2;pointer-events:none}.password-container .permission .n-base-select-menu .n-base-select-option .n-base-select-option__content{white-space:normal;padding:8px 0;line-height:1.2}.enter-password-dialog .password-container .modal-container .wrapper{text-align:center;padding:0 16px 40px}.enter-password-dialog .password-container{color:var(--c-popup-bg-active)}.enter-password-dialog .password-container .wrapper{justify-content:center;display:flex}.enter-password-dialog .password-container .modal-container{max-width:286px}.enter-password-dialog .password-container .password-title{text-align:center;color:var(--c-text);margin-top:8px;font-size:16px;font-weight:700;line-height:24px}.enter-password-dialog .password-container .input-container{width:100%;max-width:228px;margin-top:30px;margin-left:0;position:relative}.enter-password-dialog .password-container .input-container input{border:1px solid #0000001f;border-color:var(--c-side-header-border);width:100%;height:24px;color:var(--c-text);background-color:var(--c-side-header-bg);border-radius:1px;padding:4px 24px 4px 8px;font-size:16px}.enter-password-dialog .password-container .input-container .eye-btn{cursor:pointer;color:var(--c-side-outline-text);top:4px;right:4px}.enter-password-dialog .password-container .wrong-password{color:red;text-align:left;align-self:flex-start;margin-top:4px;font-size:12px;line-height:16px}.enter-password-dialog .password-container .set-btn{color:#fff;cursor:pointer;background-color:var(--c-popup-bg-active);border-radius:4px;justify-content:center;align-items:center;width:100%;margin-top:40px;padding:12px 0;font-size:14px;font-weight:700;line-height:16px;display:flex}.password-dialog{display:none}.password-dialog.show{display:block}.password-dialog .password-container .wrong-password{align-self:flex-start}.set-btn.disabled{opacity:.4;pointer-events:none}.page-nav{z-index:3;background:#000c;border-radius:2px;justify-content:space-between;align-items:center;min-width:100px;height:36px;padding:8px;transition:left .3s ease-in-out;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.page-nav .button{color:#fff;margin:0;padding:0}.page-nav .button:hover,.page-nav .button:active{background-color:#0000}.form-container{align-items:center;margin:0 10px;display:flex}.form-container input{text-align:right;color:#fff;box-sizing:border-box;text-align:center;-moz-appearance:textfield;background-color:#0000;border:none;border-bottom:1px solid #fff;outline:none;min-width:8px;padding:0;font-size:16px;line-height:16px}.form-container input::-webkit-inner-spin-button{-webkit-appearance:none}.form-container span{color:#fff;white-space:nowrap;font-size:14px;line-height:16px;display:inline-block}.grab-to-pan-grab{cursor:grab!important}.grab-to-pan-grab .document *{pointer-events:none!important}.grab-to-pan-grabbing{z-index:50000;background:0 0;display:block;position:fixed;inset:0;overflow:hidden;cursor:grabbing!important}.document-container{text-align:center;background:var(--c-bg);touch-action:pan-x pan-y;outline:none;transition:all .3s ease-in-out;position:absolute;bottom:0;left:0;right:0;overflow:auto}.grab-to-pan-grab .textLayer span{-webkit-user-select:none;user-select:none}.grab-to-pan-grab .annotationContainer>div .freetext{pointer-events:none}.no-touch{touch-action:none}.under{z-index:-1;opacity:0;pointer-events:none}.loading-state{z-index:2;font-size:46px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.upload-container{z-index:1;justify-content:center;align-items:center;width:100%;height:calc(100vh - 44px);display:flex;position:absolute;inset:44px 0 0}.upload-container input{display:none}.upload-container label{text-align:center;color:#fff;background-color:#396ffa;width:260px;height:48px;font-size:24px;line-height:48px;display:inline-block}.annotationLayer{transform-origin:0 0;z-index:2;background:0 0;position:absolute;top:0;left:0}.annotationLayer>svg{pointer-events:auto;display:block}.inkEditor .inkEditorCanvas{touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0}.inkEditor{z-index:1;transform-origin:0 0;cursor:auto;background:0 0;border-radius:3px;width:100%;height:100%;position:absolute;overflow:auto}.inkEditor.selectedAnnotation{outline:2px solid #477ede}.stickyAnnotation,.editor-container{pointer-events:auto;position:absolute}.stickyAnnotation{border:1px solid #0000;outline:none;font-size:0}.selectedAnnotation{border-color:#477ede}.editor-container{z-index:1;box-sizing:border-box;color:#333;resize:none;text-align:left;background-color:#fff5cb;border:none;border-radius:5px;outline:none;width:300px;height:247px;padding:6px;font-size:12px;line-height:17px;transform:translate(-50%);box-shadow:0 -2px 12px 2px #0000001a}@media screen and (width<=640px){.document-container{width:100%}}@media screen and (width>=641px){.document-container{width:calc(100% - 260px);margin-left:260px}}.document{padding:0 8px}.document .page{-webkit-user-select:none;user-select:none;background-color:#fff;background-clip:content-box;margin:20px auto;position:relative}.document .page.focus{border:1px solid red}.document .page>.freetext{z-index:5;pointer-events:auto;outline:none;position:absolute}.document .page .text-title{color:#333;padding:8px 0 5px;font-size:14px;font-weight:700;line-height:16px}.document .page.text .annotationLayer{cursor:text}.document .page .text-container .text-selection{z-index:122;cursor:text;background-color:#0000ff40;position:absolute}.document.scrollHorizontal,.spread{white-space:nowrap}.document.scrollHorizontal .spread,.document.scrollHorizontal .page,.spread .spread,.spread .page{vertical-align:middle;margin:20px;display:inline-block}.pdfPresentationMode .spread{justify-content:center;align-items:center;height:100vh;display:flex}.pdfPresentationMode .spread .page{vertical-align:middle;margin:2px;display:inline-block}.document.scrollHorizontal .spread{margin:0}.document-container:not(.pdfPresentationMode) .document:not(.scrollHorizontal){justify-content:center;margin:auto}.document.annotation-edit .textLayer{pointer-events:none}.document.annotation-edit .annotationLayer{cursor:crosshair}.document.annotation-edit .page{touch-action:none}.document.color-separation .textLayer{pointer-events:none}.document.color-separation .annotationLayer{cursor:crosshair}.document.color-separation .annotationLayer .annotationContainer>div,.document.color-separation .annotationLayer .annotationContainer>div.annotation>div,.document.color-separation .annotationLayer .annotationContainer>div.annotation>img{cursor:inherit;pointer-events:none}.document .canvasWrapper{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;overflow:hidden}.document .indicator{width:100px;position:absolute;left:0;translate:calc(-100% - 15px)}.document .indicator div{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#1460f3;width:80px;height:40px;padding:4px 0;font-family:Arial;font-size:10px;font-weight:700;line-height:32px;overflow:hidden}.document .indicator div:before{content:"";border-top:20px solid #0000;border-bottom:20px solid #0000;border-left:20px solid #1460f3;width:0;height:0;display:block;position:absolute;bottom:0;right:0}.document .page canvas{width:100%;height:100%}.document .page.loadingIcon:after{content:"";z-index:5;contain:strict;pointer-events:none;background:url(../images/loading-icon.gif) 50% no-repeat;width:100%;height:100%;transition-property:display;transition-delay:.4s;display:none;position:absolute;top:0;left:0}.document .page.loading:after{display:block}.textLayer{text-align:initial;pointer-events:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:3;line-height:1;position:absolute;inset:0;overflow:hidden}.textLayer ::selection{background-color:#0000ff40}.textLayer .blank::selection{background-color:#0000}[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}.textLayer .markedContent{height:0;top:0}.textLayer br{display:none}.textLayer span{color:#0000;white-space:pre;pointer-events:none;cursor:text;transform-origin:0 0;position:absolute}.searchContainer{z-index:3;pointer-events:none;position:absolute;top:0;left:0}.searchContainer .highlight{background-color:#ffff0040;position:absolute}.searchContainer .selected .highlight{background-color:#ffff00b3}.findbar{background-color:var(--c-findbar-bg);padding:8px}.findbar.hidden{display:none}.findbar .findbarInputContainer{align-items:center;display:flex}.findbar .input-container{border:1px solid var(--c-findbar-input-border);background-color:var(--c-findbar-input-bg);border-radius:1px;flex-grow:1;width:180px;margin:3px 0;padding:0 8px;display:flex}.findbar input{width:0;height:30px;box-shadow:none;background-color:var(--c-findbar-input-bg);color:var(--c-findbar-text);border:none;outline:none;flex-grow:1;padding:5px 8px;font-size:16px}.findbar .button{color:var(--c-findbar-text);margin-left:8px;padding:0}.contentContainer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:3;line-height:1;position:absolute;inset:0;overflow:hidden}.contentContainer .cursor-animation{animation:1.2s steps(2,jump-none) infinite both caretanimation}.contentContainer .frame-container .text-container,.contentContainer .frame-container .image-container{border-style:dashed}.contentContainer .frame-container .text-container textarea{cursor:pointer}.contentContainer .frame-container.selected{z-index:2}.contentContainer .frame-container.editing .text-container,.contentContainer .frame-container.editing .image-container{z-index:1;border-style:solid}.contentContainer .frame-container.editing .text-container,.contentContainer .frame-container.editing .text-container textarea{cursor:text}.contentContainer .frame-container.multiple-selected .text-container,.contentContainer .frame-container.multiple-selected .image-container{border-style:solid}.document-container.pdfPresentationMode .contentContainer{display:none!important}.document-container.pdfPresentationMode{cursor:none;-webkit-user-select:none;user-select:none;background-color:#000;width:100%;height:100%;top:0;overflow:hidden}.document .dummyPage{vertical-align:middle;width:0;height:100vh;display:inline-block;position:relative}@keyframes caretanimation{0%{color:#000}to{color:#0000}}.annot-no-selet .annotationContainer>div:not(.redact),.annot-no-selet .annotationContainer>div:not(.redact).annotation>div,.annot-no-selet .annotationContainer>div:not(.redact).annotation>img{cursor:inherit;pointer-events:none}.security-apply-bar{z-index:4;background:#dde9ff;justify-content:space-between;align-items:center;min-height:48px;padding:8px 16px;display:flex;position:relative}.security-apply-bar.hidden{visibility:hidden;pointer-events:none;z-index:-1}.security-apply-bar span{color:#001a4e;font-size:14px;line-height:16px}.security-apply-bar .buttons{align-items:center;margin-left:8px;display:flex}.security-apply-bar .buttons .view-button{cursor:pointer;color:#1460f3;white-space:nowrap;border:1px solid #1460f3;height:32px;padding:8px 28px;font-size:14px;font-weight:700;line-height:16px}.security-apply-bar .buttons .view-button:hover{color:#fff;background:#1460f3}.security-apply-bar .buttons .view-button:first-child{margin-right:8px}.security-apply-bar .buttons .view-button.disabled{opacity:.2;pointer-events:none;cursor:not-allowed}@media screen and (width<=500px){.security-apply-bar{flex-direction:column;align-items:flex-end}.security-apply-bar>span{width:100%}.security-apply-bar .buttons{margin-top:8px;margin-left:0}}.signature-verify[data-v-13128a5e]{z-index:4;background:#dde9ff;justify-content:space-between;align-items:center;height:48px;padding:8px 16px;animation:1s ease-out-13128a5e;display:flex;position:relative}.signature-verify div[data-v-13128a5e]:first-child{align-items:center;display:flex}.signature-verify svg[data-v-13128a5e]{width:32px;height:32px;color:var(--c-icon-blue)}.signature-verify span[data-v-13128a5e]{color:#001a4e;margin-left:8px;font-size:14px;line-height:16px}.signature-verify .view-button[data-v-13128a5e]{cursor:pointer;color:#1460f3;white-space:nowrap;border:1px solid #1460f3;height:32px;padding:8px 12px;font-size:14px;line-height:16px}.signature-verify .view-button[data-v-13128a5e]:hover{color:#fff;background:#1460f3}@keyframes ease-out-13128a5e{0%{opacity:0}to{opacity:1}}.form-board{z-index:4;background-color:var(--c-header-bg);border-radius:3px;max-width:310px;padding:16px;transition:transform .3s ease-in-out;position:fixed;box-shadow:0 4px 35px #0029921a}.form-board.fold{flex-direction:row-reverse;align-items:center;min-width:0;padding:8px 12px;display:flex}.form-board.fold .fold-button{margin-bottom:0;margin-left:16px}.form-board.fold .navigator{margin-top:0}.form-board .fold-button{outline:none;justify-content:flex-end;margin-bottom:4px;display:flex}.form-board .fold-button div{cursor:pointer;display:flex}.form-board .fold-button div:hover{color:var(--c-blue-1)}.form-board .form-content{color:var(--c-black-text);flex-direction:column;font-size:14px;line-height:20px;display:flex}.form-board .form-content .text{color:var(--c-right-side-header-text);font-size:14px;line-height:20px;display:flex}.form-board .form-content .text:before{content:"";background-color:var(--c-right-side-header-text);border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-top:8px;margin-right:8px;display:block}.form-board .form-content .disable{color:var(--c-button-bar);cursor:pointer;text-decoration:underline}.form-board .navigator{justify-content:flex-end;margin-top:20px;display:flex}.form-board .navigator .start-btn{cursor:pointer;color:var(--c-button-bar);background-color:#ebf1fe;border-radius:2px;padding:4px 12px;font-size:14px;font-weight:700;line-height:16px}.form-board .navigator .start-btn:hover{opacity:.8}.form-board .navigator .button{color:var(--c-button-bar);margin-left:8px;margin-right:0;padding:2px}.form-board .navigator .button:hover{opacity:.8;background-color:#0000}.ribbons-container[data-v-a936f1e5]{flex:1;justify-content:center;display:flex;position:relative}.ribbons[data-v-a936f1e5]{background:var(--c-tool-mode-bg);border:1px solid var(--c-toolbar-border);border-radius:2px;align-items:center;padding:8px 12px;display:flex}.ribbons .item[data-v-a936f1e5]{text-align:center;cursor:pointer;color:var(--c-right-side-header-text);white-space:nowrap;padding:0 8px;font-size:14px;font-weight:700;line-height:16px}.ribbons .item+.item[data-v-a936f1e5]{margin-left:16px}.ribbons .item.active[data-v-a936f1e5]{color:var(--c-right-side-header-active)}.ribbons.single-drop[data-v-a936f1e5]{padding:4px 8px}.ribbons.single-drop .drop[data-v-a936f1e5]{white-space:nowrap;align-items:center;gap:8px;line-height:16px;display:flex}.left-panel-button{flex-shrink:0;align-items:center;margin-right:8px;display:flex;position:relative}.left-panel-button.active{background-color:var(--c-header-button-active)}.left-panel-button.disabled{opacity:.3;pointer-events:none}.left-panel-button .arrow-container{white-space:nowrap}.left-panel-button .arrow-container:before{content:"";vertical-align:middle;width:30px;height:30px;display:inline-block}.left-panel-button .arrow{cursor:pointer;vertical-align:middle;outline:none}.left-panel-button .button{position:absolute;top:0;left:0}.n-popover .drop-down.medium .drop-item{padding:6px 8px}.n-popover .drop-down.medium .drop-item svg{margin-right:8px}.n-popover .drop-down.medium.left-panel-button-popover .drop-item{padding:5px 8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.more[data-v-b7efa6c8]{margin-right:0!important}.more svg[data-v-b7efa6c8]:last-child{margin-left:5px}.drop-item .custom-button{justify-content:flex-start;width:100%}.signature-tool{align-items:center;display:flex}.signature-tool button{align-items:center;font-family:Helvetica;font-size:12px;font-weight:400;line-height:16px;display:flex}.signature-tool button:last-child{margin-right:0}.signature-tool button svg{min-width:20px}.signature-tool button span{white-space:nowrap}.sign-danger .n-message{background-color:#fff4e5}@media screen and (width<=670px){.signature-tool{width:100%}}.security-toolbar{display:flex}.security-toolbar .button{border-radius:2px;padding:7px 11.5px 7px 15.5px}.security-toolbar .button .arrow-left{margin-left:4px}.security-popover .drop-down{border-radius:2px}.security-popover .drop-item{border-radius:4px}.security-popover .drop-item.disabled{cursor:not-allowed}.security-popover .drop-item.disabled:hover{background-color:#999}.redaction-toolbar{align-items:center;display:flex}.redaction-toolbar button:last-child{margin-right:0}.compared-toolbar{justify-content:space-between;align-items:center;width:100%;margin-left:12px;margin-right:16px;display:flex}.compared-toolbar .zoom-overlay .input-container{background-color:var(--c-findbar-bg)}.compared-toolbar .file-color{display:flex}.compared-toolbar .file-color>div{align-items:center;display:flex}.compared-toolbar .file-color>div+div{margin-left:16px}.compared-toolbar .file-color .color{background-color:#7fffd4;border-radius:4px;width:16px;height:16px;margin-right:4px}.compared-toolbar .file-color span{font-family:Helvetica;font-size:14px;line-height:16px}.compared-toolbar .close{cursor:pointer;min-width:20px}.hand-tools .drop-menu[data-v-9e2b7f13]{align-items:center;margin-right:7px;padding-left:0;padding-right:0;display:flex}.hand-tools .drop-menu[data-v-9e2b7f13] :last-child{margin-left:4px}.n-popover[data-v-9e2b7f13]:has(.drop-down){box-shadow:none}.n-popover:has(.drop-down) .drop-down.hand-tools[data-v-9e2b7f13]{padding:4px}.n-popover:has(.drop-down) .drop-down.hand-tools .button[data-v-9e2b7f13]{margin-right:0;padding:4px 8px}.always-hide[data-v-1a903acb]{display:none!important}@media screen and (width>=768px){.hide-in-desktop[data-v-1a903acb]{display:none}}@media screen and (width>=430px) and (width<=767.9px){.hide-in-tablet[data-v-1a903acb]{display:none}}@media screen and (width<=640px){.hide-in-mobile[data-v-1a903acb]{display:none}}@media screen and (width<=429.9px){.hide-in-small-mobile[data-v-1a903acb]{display:none}}.header-items[data-v-1a903acb]{align-items:center;width:100%;display:flex}.header-items .spacer[data-v-1a903acb]{flex:1;height:100%}.n-popover[data-v-1a903acb]:has(.drop-down){box-shadow:none}.n-popover:has(.drop-down) .drop-down.hand-tools[data-v-1a903acb]{padding:4px}.n-popover:has(.drop-down) .drop-down.hand-tools .button[data-v-1a903acb]{margin-right:0;padding:4px 8px}.events-none[data-v-1a903acb]{opacity:.5;pointer-events:none}.tools-header[data-v-bbeb83db]{z-index:4;background-color:var(--c-toolbar-bg);border-bottom:1px solid var(--c-toolbar-border);opacity:1;width:100%;height:44px;display:flex;position:relative}.tools-header.hidden[data-v-bbeb83db]{display:none}.tools-header.disabled[data-v-bbeb83db]{opacity:.5;pointer-events:none}.tools-header .tools[data-v-bbeb83db]{scroll-behavior:smooth;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:auto hidden}.tools-header.overflow .tools[data-v-bbeb83db]{justify-content:flex-start;padding:0 16px}.tools-header .scroll-container[data-v-bbeb83db]{z-index:1;pointer-events:none;background:var(--c-toolbar-bg);align-items:center;width:60px;display:flex;position:absolute;top:0;bottom:0}.tools-header .scroll-container.left[data-v-bbeb83db]{-webkit-mask-image:-webkit-gradient(linear,100% 0,0 0,from(#0000),to(#000),color-stop(.5,#000));justify-content:flex-start;left:0;-webkit-mask-image:-webkit-gradient(linear,100% 0,0 0,from(#0000),to(#000),color-stop(.5,#000))}.tools-header .scroll-container.left .flip-button[data-v-bbeb83db]{margin-left:10px}.tools-header .scroll-container.right[data-v-bbeb83db]{-webkit-mask-image:-webkit-gradient(linear,0 0,100% 0,from(#0000),to(#000),color-stop(.5,#000));justify-content:flex-end;right:0;-webkit-mask-image:-webkit-gradient(linear,0 0,100% 0,from(#0000),to(#000),color-stop(.5,#000))}.tools-header .scroll-container.right .flip-button[data-v-bbeb83db]{margin-right:10px}.tools-header .scroll-container .flip-button[data-v-bbeb83db]{pointer-events:all;color:#999;flex-shrink:0}.tools-header .scroll-container .flip-button.button[data-v-bbeb83db]:not(.disabled):active{background-color:unset}.header{box-sizing:content-box;background-color:var(--c-header-bg);border-bottom:1px solid var(--c-header-border);z-index:4;align-items:center;width:100%;height:44px;padding:0 16px;display:flex;position:relative;overflow:auto hidden}.header.disabled{opacity:.5;pointer-events:none}.click-tip{color:#fff;text-align:center;z-index:4;background:#596177;border-radius:4px;padding:12px;animation:1s ease-in-out infinite translateLeftRow;position:absolute;top:50px;left:78px;box-shadow:0 4px 16px #00299233}.click-tip:before{content:"";border-bottom:10px solid #596177;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;top:-10px;left:calc(50% - 10px)}@keyframes translateLeftRow{0%{transform:translateY(0)}50%{transform:translateY(6px)}to{transform:translateY(0)}}@media screen and (width<=767.9px){.header{padding:10px}.click-tip{left:35px}}.colors-container .cell-container .cell-outer.active svg[data-v-b6d61687]{width:22px;height:22px}.colors-container .color-picker .preview-container[data-v-b6d61687]{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:8px;display:flex}.colors-container .color-picker .preview-container.active[data-v-b6d61687]{border:1px solid #1460f3}.colors-container .color-picker .preview[data-v-b6d61687]{cursor:pointer;margin-right:0}.colors-container .color-picker .preview.active[data-v-b6d61687]{border:1px solid var(--c-header-circle-bg)}.style-panel{height:100%}.style-panel .freetext-sample{text-align:center;background-color:#fff;border:1px solid #e2e3e6;justify-content:center;align-items:center;min-height:80px;padding:6px 8px;display:flex}.style-panel .edit-container>div+div{margin-top:12px}.style-panel .edit-container .font-style{margin-left:0}.style-panel .edit-container .text-align{background:var(--c-right-side-content-fillbox-bg);border:1px solid #0000001f;margin-top:8px;display:inline-flex}.style-panel .edit-container .text-align div{text-align:center;cursor:pointer;width:48px;height:32px;padding:8px 0}.style-panel .edit-container .text-align div span{width:100%;font-size:0;display:inline-block}.style-panel .edit-container .text-align div span svg{color:var(--c-text)}.style-panel .edit-container .text-align div .border{border-right:var(--c-edit-right-page) 1px solid}.style-panel .edit-container .text-align .active{background:#dde9ff}.style-panel .edit-container .text-align .active svg{color:#43474d}.style-panel .edit-container .slider{align-items:center;height:32px;display:flex}.style-panel .edit-container .slider .n-slider.width-slider{width:60%;margin-left:0}.style-panel .edit-container .slider .n-slider.width-slider .n-slider-rail{border-radius:0;height:2px}.style-panel .edit-container .slider .n-slider.width-slider .n-slider-rail .n-slider-rail__fill{background-color:#0078d7;border-radius:0}.style-panel .edit-container .slider .n-slider.width-slider .n-slider-handles{left:0;right:0}.style-panel .edit-container .slider .n-select,.style-panel .edit-container .slider select{max-width:35%;margin-left:5%}.style-panel .edit-container .line-style .line-style-title{margin-bottom:4px}.style-panel .edit-container .line-style .arrow{border:solid var(--c-arrow-down-icon);border-width:0 1.5px 1.5px 0;padding:2px}.style-panel .edit-container .line-style .arrow.up{margin-top:13px;transform:rotate(-135deg)}.style-panel .edit-container .line-style .arrow.down{margin-bottom:13px;transform:rotate(45deg)}.style-panel .edit-container .line-style .arrow.disabled{opacity:.5}.style-panel .edit-container .line-style .block{grid-template-columns:auto 72px;display:grid}.style-panel .edit-container .line-style .block .line-select{align-items:center;height:32px;display:flex}.style-panel .edit-container .line-style .block .line-select .checkbox{border:2px solid var(--c-black-text);opacity:.8;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.style-panel .edit-container .line-style .block .line-select .checkbox .solid{background-color:var(--c-black-text);border-radius:50%;width:10px;height:10px}.style-panel .edit-container .line-style .block .line-select .checkbox.active{border-color:var(--c-right-side-header-active)}.style-panel .edit-container .line-style .block .line-select .solid-line,.style-panel .edit-container .line-style .block .line-select .dashed-line{border-top-width:1px;border-top-color:var(--c-black-text);flex:1;height:1px;margin:0 12px}.style-panel .edit-container .line-style .block .line-select .solid-line{border-top-style:solid}.style-panel .edit-container .line-style .block .line-select .dashed-line{border-top-style:dashed}.style-panel .edit-container .arrow-style .content-block{display:flex}.style-panel .edit-container .arrow-style .content-block>div:last-child{margin-left:8px}.style-panel .edit-container .note textarea{margin-top:4px}.style-panel .edit-container textarea{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;color:var(--c-text);resize:vertical;border-radius:0;padding:0 8px;font-family:Helvetica;font-size:16px;line-height:24px}@media screen and (width<=640px){.style-panel .edit-container .line-style .line-style-title{margin-bottom:0;line-height:40px}.style-panel .edit-container .slider .n-select{max-width:72px}.style-panel .edit-container .slider .n-slider.width-slider{flex:1}}.search-container .page-title{color:var(--c-side-title);background-color:var(--c-findbar-bg);text-align:right;padding:8px 16px;font-size:14px;line-height:16px}.search-container .item-content{cursor:pointer;color:var(--c-side-text);white-space:nowrap;text-overflow:ellipsis;padding:6px 16px;font-size:14px;line-height:20px;overflow:hidden}.search-container .item-content .highlight{background:#ffec66}.search-number{color:var(--c-side-text);background-color:var(--c-findbar-page-number-bg);justify-content:space-between;padding:8px 16px;font-size:14px;line-height:16px;display:flex}.search-container{height:calc(100% - 95px);position:relative;overflow:auto}.search-container .no-annotations{color:var(--c-side-text);text-align:center;font-size:14px;font-weight:700;line-height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}.findbar{padding:8px 0 8px 8px}.findbar .findbar-input-container{justify-content:space-between;align-items:center;display:flex}.findbar .input-container{border:1px solid var(--c-findbar-input-border);background-color:var(--c-findbar-input-bg);border-radius:1px;flex-grow:1;width:180px;padding:0 8px;display:flex;position:relative}.findbar input{width:0;height:30px;box-shadow:none;background-color:var(--c-findbar-input-bg);color:var(--c-findbar-text);border:none;outline:none;flex-grow:1;padding:5px 20px 5px 0}.findbar .empty-input{cursor:pointer;position:absolute;top:7px;right:4px}.findbar .toolbarLabel{color:var(--c-findbar-text);white-space:nowrap;font-size:14px;line-height:30px}.findbar .button-container{align-items:center;display:flex}.findbar .button-container button{color:var(--c-findbar-text);margin-left:8px;padding:0}.findbar.mobile .button:not(.disabled):hover,.findbar.mobile .button:not(.disabled):active{background-color:unset}.signature-container .container{flex-direction:column;height:100%;display:flex}.signature-container .container .signature-title{color:var(--c-side-title);margin:0;padding:9px 16px;font-size:14px;font-weight:700;line-height:17px}.signature-container .container .signatures{flex-grow:1;overflow-y:auto}.signature-container .container .signatures .signature{cursor:default;color:var(--c-icon-blue);align-items:center;padding:6px 16px;display:flex}.signature-container .container .signatures .signature:hover,.signature-container .container .signatures .signature.focus{background-color:var(--c-side-header-active)}.signature-container .container .signatures .signature span{white-space:nowrap;text-overflow:ellipsis;color:var(--c-right-side-header-text);margin-left:8px;font-size:14px;line-height:16px;overflow:hidden}.signature-container .container .signatures .signature svg{min-width:20px}.signature-container .container .signatures .signature .more{border-radius:2px;margin-left:auto;margin-right:0;padding:0}.signature-container .container .no-signatures{text-align:center;color:var(--c-side-text);font-size:14px;font-weight:700;line-height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}.layer-property-popup .dialog-container{width:420px;box-shadow:0px 4px 32px 0px var(--c-doc-editor-popup-shadow)}.layer-property-popup .dialog-container .close{color:#bababa;margin-top:0;margin-bottom:0;position:absolute;top:25px;right:20px}.layer-property-popup .dialog-container .close:hover{color:var(--c--text)}.layer-property-popup .dialog-container main{margin:16px 0 24px}.layer-property-popup .dialog-container footer .rect-button{border-radius:4px;width:100%;font-family:Helvetica}.layer-property-popup .container{background:var(--c-toolbar-bg);border-radius:4px;grid-template-columns:minmax(100px,120px) auto;align-items:center;row-gap:16px;padding:16px;display:grid}.layer-property-popup .container .row{display:flex}.layer-property-popup .container .select-container{align-items:center;display:flex;position:relative}.layer-property-popup .container .select-container svg{pointer-events:none;color:var(--c-arrow-down-icon);position:absolute;right:4px}.layer-property-popup .container span{font-size:14px;line-height:16px}.layer-property-popup .container .text-start{align-self:flex-start}.layer-property-popup .container select,.layer-property-popup .container input{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;height:30px;color:var(--c-settings-text);border-radius:1px;padding:0 20px 0 8px;font-size:14px;line-height:16px}.layer-property-popup .container input{font-size:16px}.layer-property-popup .container input::placeholder{font-size:14px}.layer-property-popup .container input:focus{border-color:#0078d7}.layer-property-popup .container select{appearance:none}.layer-property-popup .container .check-box{cursor:pointer;align-items:center;margin-top:4px;display:inline-flex}.layer-property-popup .container .check-box .check{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;width:16px;height:16px;margin-right:4px;overflow:hidden}.layer-property-popup .container .check-box .check.active{border:none}.layer-property-popup .container .check-box .check svg{width:16px;height:16px}.layer-property-popup .container .check-box span{color:var(--c-settings-text);line-height:20px}.layer .layer-item{cursor:default;align-items:center;padding:6px 16px;display:flex}.layer .layer-item:hover,.layer .layer-item.focus{background-color:var(--c-side-header-active)}.layer .layer-item .layer-item-name{text-overflow:ellipsis;flex:1;margin-left:8px;overflow:hidden}.layer .layer-item .layer-item-name span{white-space:nowrap;color:var(--c-right-side-header-text);-webkit-user-select:none;user-select:none;font-size:14px;line-height:16px}.layer .layer-item .layer-item-name input{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-header-input-border);width:100%;height:20px;color:var(--c-right-side-header-text);padding:2px 4px;font-size:14px;line-height:16px}.layer .layer-item>svg{cursor:pointer;min-width:20px}.layer .layer-item .more{border-radius:2px;margin-left:4px;margin-right:0;padding:0}.layer .layer-item .layer-item-toggle{align-items:center;min-width:16px;margin-right:8px;transition:transform .1s;display:flex}.layer .layer-item .layer-item-toggle.active{transform:rotate(90deg)}.layers.single .layer .layer-item .layer-item-toggle{display:none}.left-panel:not(.mobile) .layer .layer-item .more{opacity:0}.left-panel:not(.mobile) .layer .layer-item:hover .more,.left-panel:not(.mobile) .layer .layer-item.focus .more{opacity:1}.layer-container>.container{flex-direction:column;height:100%;display:flex}.layer-container>.container .layer-title{color:var(--c-side-title);justify-content:space-between;align-items:center;margin:0;padding:9px 16px;font-size:14px;font-weight:700;line-height:17px;display:flex}.layer-container>.container .layer-title svg{cursor:pointer;outline:none}.layer-container>.container .layers{flex-grow:1;overflow-y:auto}.layer-container>.container .no-layers{text-align:center;color:var(--c-side-text);font-size:14px;font-weight:700;line-height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}.left-panel:not(.mobile) .layer-container>.container .layer-title{background-color:var(--c-header-bg)}.no-margin-top.n-popover{margin-top:0}.layer-title-popover .drop-down .drop-item.disabled{opacity:.3;pointer-events:none}.layer-locked-tip-popup .dialog-container{width:381px}.layer-locked-tip-popup .dialog-container main{align-items:flex-start;margin-top:0;margin-bottom:20px;display:flex}.layer-locked-tip-popup .dialog-container main svg{width:20px;min-width:20px;height:20px;margin-top:2px;margin-right:8px}.layer-locked-tip-popup .dialog-container main p{color:var(--c-active-text);font-size:16px;line-height:24px}.layer-locked-tip-popup .dialog-container footer .rect-button.blue{border-radius:4px;width:auto}.outline-item{align-items:center;padding:8px 16px;display:flex}.outline-item.selected{background-color:var(--c-side-outline-bg-active)}.outline-item-toggle{align-items:center;min-width:16px;margin-right:8px;transition:transform .1s;display:flex}.outline-item-toggle.active{transform:rotate(90deg)}.outline-item-title{color:var(--c-side-outline-text);cursor:pointer;font-size:14px;line-height:16px}.outline{flex-direction:column;height:100%;display:flex}.outlines-container{flex-grow:1;overflow-y:auto}.outline-title{color:var(--c-side-title);margin:0;padding:9px 16px;font-size:14px;font-weight:700;line-height:17px}.no-outlines{text-align:center;color:var(--c-side-text);font-size:14px;font-weight:700;line-height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}.annotation-view{height:100%;padding:0 8px;position:relative;overflow:auto}.annotation-view.pb{padding-bottom:44px}.annotation-view .page-title{color:var(--c-side-title);justify-content:space-between;padding:6px 8px;display:flex}.annotation-view .page-title span{font-size:14px;line-height:20px}.annotation-view .annotation-item{background:var(--c-side-annotation-bg);border:1.2px solid #0000;border-radius:4px;margin-top:4px;padding:4px 8px}.annotation-view .annotation-item+.annotation-item{margin-top:8px}.annotation-view .annotation-item.selected{border:1.2px solid var(--c-findbar-input-border)}.annotation-view .annotation-item.selected-annotation{background:var(--c-side-header-active)}.annotation-view .annotation-item .item-header{color:var(--c-side-text);padding:8px 22px 8px 0;display:flex;position:relative}.annotation-view .annotation-item .item-header svg{min-width:20px;margin-top:6px;margin-right:8px}.annotation-view .annotation-item .item-header .mark-box{cursor:pointer;background:#fff;border:1.2px solid #d9d9d9;border-radius:2px;width:14px;height:14px;position:absolute;top:17px;right:0}.annotation-view .annotation-item .item-header .mark-box.marked{border-color:var(--c-side-annotation-icon);background:0 0}.annotation-view .annotation-item .item-header .mark-box.marked:before{content:"";background:var(--c-side-annotation-icon);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.annotation-view .annotation-item .info .name{font-size:12px;font-weight:700;line-height:16px}.annotation-view .annotation-item .info .date{color:var(--c-side-annotation-icon);font-size:10px;line-height:16px}.annotation-view .annotation-item .info .content{text-overflow:ellipsis;-webkit-line-clamp:4;line-clamp:4;color:var(--c-settings-text);word-break:break-word;-webkit-box-orient:vertical;padding-top:4px;font-size:14px;line-height:16px;display:-webkit-box;overflow:hidden}.annotation-view .annotation-item .item-reply{padding:8px 0 8px 28px}.annotation-view .annotation-item .item-reply input,.annotation-view .annotation-item .item-reply textarea{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;height:24px;color:var(--c-text);border-radius:1px;padding:3px 4px 3px 8px;font-size:16px;line-height:16px}.annotation-view .annotation-item .item-reply input::placeholder,.annotation-view .annotation-item .item-reply textarea::placeholder{color:#999}.annotation-view .annotation-item .item-reply textarea{resize:vertical;font-family:Helvetica}.annotation-view .annotation-item .item-reply .buttons{justify-content:flex-end;align-items:center;margin-top:4px;margin-bottom:8px;display:flex}.annotation-view .annotation-item .item-reply .buttons span{cursor:pointer;margin-right:8px;font-size:12px;line-height:16px}.annotation-view .annotation-item .item-reply .buttons button{color:#999;background:#d9d9d9;border:none;border-radius:2px;padding:2px 6.5px;font-size:12px;line-height:16px}.annotation-view .annotation-item .item-reply .buttons button.active{cursor:pointer;color:#fff;background:#1460f3}.annotation-view .annotation-item .item-reply .buttons button.disabled{cursor:not-allowed}.annotation-view .annotation-item .item-reply .replies .info+.info{margin-top:12px}.annotation-view .annotation-item .item-reply .replies .info .info-header{justify-content:space-between;align-items:center;display:flex}.annotation-view .annotation-item .item-reply .replies .info .info-header .more{border-radius:2px;margin-right:0;padding:0}.annotation-view .annotation-item .item-footer{color:var(--c-side-annotation-reply-icon);justify-content:space-between;align-items:center;display:flex}.annotation-view .annotation-item .item-footer button{color:var(--c-side-annotation-reply-icon)}.annotation-view .annotation-item .item-footer .re{align-items:center;height:30px;display:flex}.annotation-view .annotation-item .item-footer .re span{margin-left:4px}.annotation-view .annotation-item .item-footer .re .return{cursor:pointer;margin-left:12px}.annotation-view .no-annotations{color:var(--c-side-text);text-align:center;font-size:14px;font-weight:700;line-height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}.state-popover .drop-down .drop-item{padding:4px 8px;font-size:14px;line-height:16px}.state-popover .drop-down .drop-item:hover{color:var(--c-text);background-color:var(--c-header-button-active)}.state-popover .drop-down .drop-item svg{margin-right:8px}.mark-popover{color:#fff;background:#414960!important;padding:4px!important}.mark-popover .n-popover-arrow{background-color:#414960!important}.reply-popover{margin-top:0!important}.reply-popover .drop-down .drop-item{padding:0 2px;font-size:14px;line-height:20px}.reply-popover .drop-down .drop-item+.drop-item{margin-top:4px}.reply-popover .drop-down .drop-item:hover{color:var(--c-text);background-color:var(--c-header-button-active)}@keyframes flash{0%,to{border-color:#0000}50%{border-color:#1460f3}}.flash-border{animation:1s 2 flash}.annotation-header{justify-content:space-between;align-items:center;padding:6px 16px;display:flex}.annotation-header .annotation-title{padding:0}.annotation-header .annotation-header-buttons{align-items:center;display:flex}.annotation-header .annotation-header-buttons button{margin-right:0;padding:0}.annotation-header .annotation-header-buttons button+button{margin-left:8px}.left-panel{height:100%}.left-panel .sidebar-content{width:100%;height:100%;overflow:hidden}.left-panel .sidebar-content .hidden{display:none}.left-panel h2{color:var(--c-side-title);margin:0;padding:9px 16px;font-size:14px;line-height:17px}.left-panel .thumbnail-container{width:100%;height:100%;position:relative}.left-panel .thumbnail-view{-webkit-user-select:none;user-select:none;width:100%;height:calc(100% - 35px);padding:4px 4px 0;position:relative;overflow:auto}.left-panel .thumbnail{flex-direction:column;align-items:center;margin:20px 0 40px;display:flex}.left-panel .thumbnail .box-thumbnail{width:24px;height:18px;color:var(--c-side-text);text-align:center;margin-top:8px;font-size:12px;line-height:19px}.left-panel .thumbnail.selected .thumbnailSelectionRing{border:1px solid var(--c-side-thumbnails-active)}.left-panel .thumbnail.selected .box-thumbnail{color:#fff;background-color:var(--c-side-thumbnails-active)}.left-panel .thumbnailSelectionRing{border:1px solid var(--c-black-5);margin:0 auto;box-sizing:content-box!important}.left-panel .no-outline,.left-panel .no-layer{text-align:center;color:var(--c-side-text);font-size:14px;font-weight:700;line-height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}.left-panel .outline-view-container,.left-panel .annotation-container,.left-panel .layer-container,.left-panel .findbar-container,.left-panel .signature-container{height:calc(100% - 41px)}@media screen and (width>=641px){.left-panel .thumbnail-view{padding:0 16px}}.right-panel{height:100%}.right-panel .sidebar-tabs-header{background-color:var(--c-right-side-header-bg);align-items:center;display:flex}.right-panel .sidebar-tabs-header .button{border-radius:initial;color:var(--c-right-side-header-text);flex:1;margin:0;padding:12px 0}.right-panel .sidebar-tabs-header .button:not(.disabled):hover{background-color:var(--c-right-side-header-bg)}.right-panel .sidebar-tabs-header .button:not(.disabled).active{background-color:var(--c-right-side-header-active);color:var(--c-white)}.right-panel .sidebar-tabs-header .button span{font-size:12px;line-height:16px}.right-panel .sidebar-tabs-header .divider{margin-right:0}.right-panel .sidebar-title{height:36px;color:var(--c-right-side-header-text);justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:17px;display:flex}.right-panel .appearance-container .colors-container{border:none;padding:0}.right-panel .appearance-container .colors-container .cell-container .cell-outer{border-width:1px;width:30px;height:30px}.right-panel .appearance-container .colors-container .cell-container .cell-outer.active .cell{width:22px;height:22px}.right-panel .appearance-container .colors-container .cell-container .cell-outer .cell{border:1px solid #dadbde;width:24px;height:24px}.right-panel .appearance-container .colors-container .cell-container .cell-outer .light-red{background-color:#fbbdbf}.right-panel .appearance-container .colors-container .cell-container .cell-outer .light-yellow{background-color:#fdf4b2}.right-panel .appearance-container .colors-container .cell-container .cell-outer .light-blue{background-color:#dde9ff}.right-panel .appearance-container .colors-container .cell-container .cell-outer .red{background-color:red}.right-panel .appearance-container .colors-container .cell-container .cell-outer .black{background-color:#000}.right-panel .appearance-container .colors-container .cell-container .cell-outer .yellow{background-color:#ffec66}.right-panel .appearance-container .colors-container .cell-container .cell-outer .blue{background-color:#2d77fa}.right-panel .appearance-container .colors-container .cell-container .cell-outer .white{background-color:#fff}.right-panel .appearance-container .colors-container .cell-container .cell-outer .green{background-color:#64bc38}.right-panel .appearance-container .colors-container .cell-container+.cell-container{margin-left:8px}.right-panel .appearance-container .text-style{display:flex}.right-panel .appearance-container .text-style .font-family-select{flex:2;margin-right:8px}.right-panel .appearance-container .text-style .font-size-select{flex:1}.right-panel .sidebar-content{width:100%;height:calc(100% - 76px);overflow:auto}.right-panel .sidebar-content .hidden{display:none}.right-panel .sidebar-content h2{color:var(--c-side-title);margin:0;padding-top:4px;padding-bottom:8px;font-size:14px;line-height:16px}.right-panel .sidebar-content h2.wider{padding-top:10px;padding-bottom:14px}.right-panel .sidebar-content .content-block{margin-bottom:12px;padding-left:16px;padding-right:16px}.right-panel .sidebar-content .content-block:first-child{padding-top:16px}.right-panel .sidebar-content .content-block input,.right-panel .sidebar-content .content-block select,.right-panel .sidebar-content .content-block textarea{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;color:var(--c-text);border-radius:1px;padding:0 8px;font-family:Helvetica;font-size:16px;line-height:20px}.right-panel .sidebar-content .content-block input::placeholder,.right-panel .sidebar-content .content-block select::placeholder,.right-panel .sidebar-content .content-block textarea::placeholder{color:var(--c-text);opacity:.6;font-size:14px}.right-panel .sidebar-content .content-block input{height:24px}.right-panel .sidebar-content .content-block .n-select{display:inline-block}.right-panel .sidebar-content .content-block .n-select .n-base-selection{min-height:28px}.right-panel .sidebar-content .content-block .n-select .n-base-selection-label{height:28px}.right-panel .sidebar-content .content-block textarea{resize:vertical;padding:8px}.right-panel .sidebar-content .content-block .button-content{justify-content:space-between;align-items:center;display:flex}.right-panel .sidebar-content .content-block .button-content .buttons{flex-direction:column;justify-content:space-between;height:96px;display:flex}.right-panel .sidebar-content .content-block .button-content .item{height:28px}.right-panel .sidebar-content .content-block .button-content.item-list{height:96px}.right-panel .sidebar-content .content-block .button-content.item-list ul{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;width:100%;height:100%;padding:0;list-style:none;overflow:auto;box-sizing:content-box!important}.right-panel .sidebar-content .content-block .button-content.item-list ul li{color:var(--c-text);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:13px;line-height:16px;overflow:hidden}.right-panel .sidebar-content .content-block .button-content.item-list ul li.active{background:var(--c-right-side-list-item-bg)}.right-panel .sidebar-content .content-block .operate-button{cursor:pointer;border:1px solid #757780;border-radius:1px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:8px;display:flex}.right-panel .sidebar-content .content-block .operate-button.disabled{background-color:var(--c-right-side-header-bg);opacity:.5}.right-panel .sidebar-content .content-block .error-text{color:red}.right-panel .sidebar-content .check-box,.right-panel .sidebar-content .indicator-box{cursor:pointer;align-items:center;display:flex}.right-panel .sidebar-content .check-box.disabled,.right-panel .sidebar-content .indicator-box.disabled{pointer-events:none;opacity:.3}.right-panel .sidebar-content .check-box .check,.right-panel .sidebar-content .indicator-box .check{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;width:16px;height:16px;margin-right:8px;overflow:hidden}.right-panel .sidebar-content .check-box .check.active,.right-panel .sidebar-content .indicator-box .check.active{border:none}.right-panel .sidebar-content .check-box .check svg,.right-panel .sidebar-content .indicator-box .check svg{vertical-align:top;width:16px;height:16px}.right-panel .sidebar-content .check-box span,.right-panel .sidebar-content .indicator-box span{color:var(--c-text);font-size:16px;line-height:16px}.right-panel .sidebar-content .indicator-box{align-items:flex-start;margin-top:12px}.right-panel .sidebar-content .indicator-box .indicator-content{color:var(--c-text);font-size:16px;line-height:16px}.right-panel .sidebar-content .indicator-box .label{margin-bottom:12px}.right-panel .radio-top-tip{background-color:var(--c-right-side-error-tip-bg);color:var(--c-text);padding:8px;font-size:11px;line-height:14px}.right-panel .radio-bottom-tip{background-color:var(--c-right-side-info-tip-bg);color:var(--c-text);margin:0 16px;padding:8px;font-size:11px;line-height:14px;position:absolute;bottom:20px}.right-panel input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.right-panel.mobile .standard-container{padding-bottom:80px}.right-panel.mobile .radio-bottom-tip{bottom:20px}.link-panel{height:100%}.link-panel .sidebar-tabs-header{background-color:var(--c-right-side-header-bg);align-items:center;display:flex}.link-panel .sidebar-tabs-header .button{border-radius:initial;color:var(--c-right-side-header-text);flex:1;margin:0;padding:12px 0}.link-panel .sidebar-tabs-header .button:not(.disabled):hover{background-color:var(--c-right-side-header-bg)}.link-panel .sidebar-tabs-header .button:not(.disabled).active{background-color:var(--c-right-side-header-active);color:var(--c-white)}.link-panel .sidebar-tabs-header .button span{font-size:12px;line-height:16px}.link-panel .sidebar-tabs-header .divider{margin-right:0}.link-panel .sidebar-title{height:36px;color:var(--c-right-side-header-text);justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:17px;display:flex}.link-panel .sidebar-content{width:100%;height:calc(100% - 76px);margin-top:16px;overflow:auto}.link-panel .input-container{margin:0 16px;position:relative}.link-panel .input-container input{background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);width:100%;height:24px;color:var(--c-text);border-radius:1px;padding:0 20px 0 8px;font-family:Helvetica;font-size:16px;line-height:20px}.link-panel .input-container input::placeholder{color:var(--c-text);opacity:.6;font-size:14px}.link-panel .input-container svg{cursor:pointer;position:absolute;top:4px;right:4px}.link-panel .save{width:120px;margin:40px auto}.link-panel .save.disabled{opacity:1;background-color:#999;border-color:#999}.color-separation-panel .sidebar-title[data-v-69cc04dc]{text-align:center;color:var(--c-side-title);background:var(--c-header-bg);justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:36px;display:flex}.color-separation-panel .container[data-v-69cc04dc]{-webkit-user-select:none;user-select:none;height:calc(100% - 36px)}.color-separation-panel .container .all[data-v-69cc04dc]{align-items:center;padding:12px 18px;display:flex}.color-separation-panel .container .all .check-box[data-v-69cc04dc]{border:2px solid var(--c-input-placeholder);width:16px;height:16px;color:var(--c-input-placeholder);border-radius:1.5px;margin-right:10px}.color-separation-panel .container .all .check-box svg[data-v-69cc04dc]{width:16px;height:16px}.color-separation-panel .container .all span[data-v-69cc04dc]{color:var(--c-separation-panel-title);font-size:14px;font-weight:700;line-height:16px}.color-separation-panel .container .color-list[data-v-69cc04dc]{height:calc(100% - 40px);padding:0 16px 12px;overflow:scroll}.color-separation-panel .container .color-list .row[data-v-69cc04dc]{align-items:center;height:26px;display:flex}.color-separation-panel .container .color-list .row+.row[data-v-69cc04dc]{margin-top:8px}.color-separation-panel .container .color-list .row span[data-v-69cc04dc]{font-size:12px;line-height:16px}.color-separation-panel .container .color-list .row .name[data-v-69cc04dc]{flex:1}.color-separation-panel .container .check-box[data-v-69cc04dc]{border:1px solid var(--c-right-side-content-fillbox-border);cursor:pointer;border-radius:1px;width:14px;height:14px;margin-right:8px;overflow:hidden}.color-separation-panel .container .check-box.active[data-v-69cc04dc]{border:none}.color-separation-panel .container .check-box.darker[data-v-69cc04dc]{filter:brightness(.95)}.color-separation-panel .container .check-box svg[data-v-69cc04dc]{vertical-align:top;width:14px;height:14px}@media screen and (width<=640px){.color-separation-panel .sidebar-title[data-v-69cc04dc]{border-bottom:1px solid #0000001f}}.signatures-popup-wrapper{text-align:center;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.signatures-popup-wrapper:after{vertical-align:middle;content:"";width:0;height:100%;display:inline-block}.signatures-popup{background-color:var(--c-dialog-bg);vertical-align:middle;flex-direction:column;width:628px;height:100%;max-height:610px;display:inline-flex;position:relative;box-shadow:2px 6px 18px #0003}.signatures-popup .sign-title{text-align:left;margin:18px 0 0 20px;font-size:14px;line-height:18px}.signatures-popup .close-button{cursor:pointer;color:var(--c-sign-close);font-size:16px;line-height:24px;position:absolute;top:9px;right:8px}.signatures-popup .close-button:hover{color:#1460f3}.signatures-popup .sign-content{flex-direction:column;height:calc(100% - 36px);display:flex}.signatures-popup .signatures-popup-create{flex-direction:column;flex:1;display:flex}.signatures-popup .sign-popup-header{text-align:center;background-color:var(--c-tabs-bg);border:1px solid #0000001f;margin:20px 12px 0;padding:4px;display:flex}.signatures-popup .sign-popup-header div{color:var(--c-side-annotation-icon);flex:1;padding:8px 0;font-size:14px;line-height:16px}.signatures-popup .sign-popup-header div:hover{color:#fff;cursor:pointer;background-color:#6499ff}.signatures-popup .sign-popup-header div.active{color:#fff;background-color:var(--c-tab-bg);font-weight:700}.signatures-popup .signatures-popup-lists{height:calc(100% - 62px);padding:0 12px 19px}.signatures-popup .signatures-popup-lists .signatures-popup-empty{background-color:var(--c-sign-panel-bg);justify-content:center;align-items:center;height:100%;display:flex}.signatures-popup .signatures-popup-lists .signatures-popup-empty .no-signatures div{color:#1460f3;margin-top:10px;font-family:Segoe UI;font-size:14px;line-height:20px;text-decoration:underline}.signatures-popup .signatures-popup-lists .signatures-popup-empty .no-signatures div:hover{cursor:pointer;color:#6499ff}.signatures-popup .signatures-popup-lists .signatures-popup-list-container{background-color:var(--c-sign-panel-bg);height:calc(100% - 12px);margin-top:12px;padding:20px;overflow:auto}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list{background-color:var(--c-sign-list-bg);border:1px solid #0000001f;border-radius:4px;padding:14px;position:relative}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list+.signatures-popup-list{margin-top:8px}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list:hover{cursor:pointer;background-color:#dde9ff}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list:hover .close-button{display:block}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list img{max-width:100%;max-height:36px}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list .close-button{color:var(--c-sign-close);display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list .close-button:hover{color:var(--c-sign-tab-active);background-color:#0000}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list .close-button.show{display:block}.signatures-popup .create-sign-header{padding:12px;display:flex}.signatures-popup .create-sign-header>div{color:#666;cursor:pointer;height:40px;margin:0 12px;font-size:16px;line-height:40px}.signatures-popup .create-sign-header>div.active{color:var(--c-sign-tab-text-active);border-bottom:2px solid var(--c-sign-tab-active)}.signatures-popup .sign-create-container{flex-direction:column;flex:1;display:flex}.signatures-popup .sign-create-container .paint-container{flex:1}.signatures-popup .paint-container{background-color:#f2f3f5;justify-content:center;align-items:center;height:265px;margin:0 24px;display:flex}.signatures-popup .paint-container .keyboard-paint{flex:1}.signatures-popup .paint-container .keyboard-paint input{color:#000;text-align:center;background:0 0;border:none;width:100%;font-family:Courier New,Courier,monospace;font-size:46px;font-weight:400}.signatures-popup .paint-container .image-paint{color:#666;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;display:flex}.signatures-popup .paint-container .image-paint div{color:var(--c-sign-text)}.signatures-popup .paint-container .image-paint a{color:var(--c-sign-color);font-size:14px;font-weight:400;line-height:20px;text-decoration:underline;position:relative}.signatures-popup .paint-container .image-paint a input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;font-size:0;position:absolute;left:0}.signatures-popup .property-container{min-height:30px;color:var(--c-text);justify-content:space-between;margin:18px 24px 12px;font-family:Segoe UI;font-size:14px;line-height:20px;display:flex}.signatures-popup .property-container select{background-color:var(--c-select)}.signatures-popup .property-container .width-tool{align-items:center;display:flex}.signatures-popup .property-container .width-tool .n-slider.width-slider{width:96px;margin-left:12px;margin-right:8px}.signatures-popup .property-container .width-tool .n-slider.width-slider .n-slider-rail{border-radius:0}.signatures-popup .property-container .width-tool .n-slider.width-slider .n-slider-rail .n-slider-rail__fill{background-color:#0078d7;border-radius:0}.signatures-popup .property-container .width-tool .n-slider.width-slider .n-slider-handles{left:0;right:0}.signatures-popup .property-container .width-tool input{border:1px solid #b4b4b4;border-radius:0;outline:none;width:72px;height:30px;padding:6px}.signatures-popup .property-container .width-tool input:focus{border-color:#1460f3}.signatures-popup .property-container .color-tool{align-items:center;display:flex}.signatures-popup .property-container .color-tool .colors-container{border:none;margin-left:8px;padding:0}.signatures-popup .property-container .color-tool .colors-container .cell-container{margin-right:8px}.signatures-popup .property-container .color-tool .colors-container .cell-container .cell-outer{border-width:1px;width:30px;height:30px}.signatures-popup .property-container .color-tool .colors-container .cell-container .cell-outer.active .cell{width:22px;height:22px}.signatures-popup .property-container .color-tool .colors-container .cell-container .cell-outer .cell{width:24px;height:24px}.signatures-popup .property-container .color-tool .colors-container .cell-container .cell-outer .red{background-color:red}.signatures-popup .property-container .color-tool .colors-container .cell-container .cell-outer .black{background-color:#000}.signatures-popup .property-container .color-tool .colors-container .cell-container .cell-outer .blue{background-color:#2d77fa}.signatures-popup .property-container .color-tool .colors-container .box{background-color:#0000;border-radius:50%;position:relative;overflow:hidden}.signatures-popup .property-container .color-tool .colors-container .box .box-outer{background-color:#0000;border:1px solid #dadbde;border-radius:50%;width:100%;height:100%;position:absolute}.signatures-popup .property-container .color-tool .colors-container .box .box-inner{background-color:#fa1e5d;border:1px solid #fa1e5d;height:110%;position:absolute;left:14px;transform:rotate(45deg)translate(0%)}.signatures-popup .property-container .color-tool .color-picker{margin-left:0}.signatures-popup .property-container .font-tool{align-items:center;display:flex}.signatures-popup .property-container .font-tool span{margin-right:8px}.signatures-popup .property-container .font-tool .font-family-select{flex-shrink:0;width:auto}.signatures-popup .property-container .font-tool .font-family-select .n-base-selection{min-height:28px}.signatures-popup .property-container .font-tool .font-family-select .n-base-selection .n-base-selection-label{background-color:var(--c-select);min-width:100px;height:28px}.signatures-popup .property-container .font-tool .font-family-select .n-base-selection .n-base-selection-label .n-base-selection-input,.signatures-popup .property-container .font-tool .font-family-select .n-base-selection .n-base-suffix .n-base-suffix__arrow{color:var(--c-text)}.signatures-popup .property-container .font-tool .font-family-select .n-base-selection .n-base-selection__border{border-color:var(--c-border)}.signatures-popup .footer{padding:12px}.signatures-popup .clear-container{text-align:left;flex-direction:column;display:flex}.signatures-popup .clear-container .left-btns{color:var(--c-sign-note);align-items:center;margin-top:12px;font-size:14px;line-height:20px;display:flex}.signatures-popup .clear-container .left-btns .check{background:var(--c-sign-checkbox-bg);cursor:pointer;border:1px solid #d9d9d9;width:14px;height:14px;margin-right:4px}.signatures-popup .clear-container .left-btns .check.active{border:none}.signatures-popup .clear-container .left-btns .check.disabled{cursor:not-allowed;background-color:#f2f3f5}.signatures-popup .clear{color:var(--c-sign-color);font-size:12px;line-height:16px}.signatures-popup .clear:hover{cursor:pointer;color:#6499ff}.signatures-popup .clear.bottom{display:none}.signatures-popup .buttons-container{justify-content:flex-end;margin-top:12px;display:flex}.signatures-popup .buttons-container .button{min-width:120px;height:32px;color:var(--c-sign-color);border:1px solid var(--c-sign-color);border-radius:2px;margin-right:0;padding:0 20px;font-size:14px;font-weight:700;line-height:20px}.signatures-popup .buttons-container .button:first-child:hover{background-color:#f2f3f5}.signatures-popup .buttons-container .button.disabled{cursor:not-allowed;opacity:.2}.signatures-popup .buttons-container .button.blue{color:#fff;background-color:var(--c-sign-color)}.signatures-popup .buttons-container .button.blue:hover{background-color:#1460f3cc}.signatures-popup .buttons-container .right-btns{display:flex}.signatures-popup .buttons-container .right-btns .button+.button{margin-left:8px}.signatures-popup .buttons-container .right-btns .button.disabled{pointer-events:none;cursor:not-allowed;opacity:.2}@media screen and (width<=640px){.signatures-popup{border-radius:4px;width:calc(100% - 40px)}.signatures-popup .create-sign-header{background-color:var(--c-bg);padding:0}.signatures-popup .mobile{flex-direction:column-reverse;display:flex}.signatures-popup .property-container{flex-direction:row-reverse;margin:24px 20px 0}.signatures-popup .paint-container{background-color:var(--c-side-bg);border:1px solid var(--c-header-border);border-radius:4px;margin:24px 20px}.signatures-popup .paint-container .keyboard-paint input{font-family:Segoe UI;font-size:30px}.signatures-popup .paint-container .keyboard-paint input::placeholder{color:#0000004d}.signatures-popup .buttons-container{align-items:center;margin:0 20px 16px}.signatures-popup .buttons-container .button{padding:0 12px}.signatures-popup .buttons-container .clear{font-size:14px}}@media screen and (width<=450px){.signatures-popup-create{margin:12px 20px 0;box-shadow:0 4px 32px #8195c852}.signatures-popup .property-container{align-items:center}.signatures-popup .property-container .font-tool{text-align:left}.signatures-popup .property-container .width-tool .n-slider.width-slider{margin-left:0}.signatures-popup .property-container .color-tool .cell-container{display:none}.signatures-popup .property-container .color-tool .cell-container.show{display:block}.signatures-popup .buttons-container{justify-content:space-between;margin:12px 0 0}.signatures-popup .buttons-container .button{min-width:62px}.signatures-popup .sign-content{background-color:var(--c-dialog-bg);height:100%;overflow:auto}.signatures-popup-wrapper .signatures-popup{vertical-align:bottom;border-radius:10px 10px 0 0;width:100%}.signatures-popup-wrapper .signatures-popup .sign-title{border-bottom:1px solid #0000001f;margin:0;padding:10px 16px}.signatures-popup-wrapper .signatures-popup .sign-popup-header{margin:16px 20px 0}.signatures-popup-wrapper .signatures-popup .paint-container{margin:12px 20px}.signatures-popup-wrapper .signatures-popup .footer{padding:0 20px 16px}.signatures-popup-wrapper .signatures-popup .clear-container .check{flex-shrink:0}.signatures-popup-wrapper .signatures-popup .clear-container .left-btns{margin-top:0}.signatures-popup-wrapper .signatures-popup .clear{display:block}.signatures-popup-wrapper .signatures-popup .clear.top{display:none}}.dark .loading,.dark .form-container span{color:#fff}.dark .findbar{background-color:#343a40}.dark .thumbnail .box-thumbnail{color:#fff}.dark .print-dialog .print-container{color:#fff;background-color:#000}.dark#outerContainer .drop-down{color:#fff;background-color:#343a40}.dark#outerContainer .drop-item:hover{background-color:#ffffff1a}.dark#outerContainer .drop-item.active{background-color:#fff3}.dark .measure-pop{background-color:#000}.dark .measure-pop div{color:#fff}.app{-webkit-font-smoothing:antialiased;flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.content{transform-origin:50%;flex-direction:row;flex:1;display:flex;overflow:auto}.divider{background-color:var(--c-divider);flex-shrink:0;width:1px;height:20px;margin-right:8px}.mask{z-index:999;text-align:center;background-color:#0000004d;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.mask .loading svg{animation:.8s linear infinite spin}.mask .close-btn .button{margin-left:auto;margin-right:0}.mask.active{display:flex}.mask .error-dialog{color:#232a40;width:100%;max-width:284px;box-shadow:0px 4px 32px var(--c-doc-editor-popup-shadow);background:#fff;border-radius:4px;padding:16px 16px 40px}.mask .error-dialog .fail-logo svg{width:60px;height:60px;margin-top:12px;margin-bottom:16px}.mask .error-dialog .text{color:#232a40;font-size:16px;line-height:20px}.mask .error-dialog .confirm-btn{color:#fff;background-color:#1460f3;border-radius:6px;justify-content:center;align-items:center;width:100%;max-width:220px;margin:30px auto 0;padding:12px 0;font-size:14px;font-weight:700;line-height:16px;display:flex}:root{--c-white:#fff;--c-white-1:#ffffff1a;--c-black:#000;--c-black-1:#000c;--c-black-2:#0003;--c-black-3:#222429;--c-black-4:#303238;--c-black-5:#43474d;--c-black-6:#42464d;--c-black-7:#414347;--c-black-8:#666;--c-black-9:#606773;--c-black-10:#f2f3f5;--c-black-11:#f2f2f2;--c-black-12:#999;--c-black-13:#001a4e;--c-black-14:#54575c;--c-black-15:#dadbde;--c-black-16:#878c98;--c-black-17:#ccc;--c-black-18:#0000001f;--c-black-19:#757780;--c-black-20:#0e1114;--c-black-21:#d9d9d9;--c-black-22:#52555f;--c-black-23:#8195c852;--c-black-24:#00000052;--c-blue-1:#1460f3;--c-blue-2:#2d77fa;--c-blue-3:#6499ff;--c-blue-4:#dde9ff;--c-blue-5:#fafcff;--c-blue-6:#f7f8fa;--c-blue-7:#3048bf;--c-blue-8:#396ffa;--c-blue-9:#ebf1fe;--c-blue-10:#1460f3cc;--c-bg:var(--c-black-11);--c-text:var(--c-black-5);--c-black-text:var(--c-black);--c-border-button:#fff;--c-select:var(--c-white);--c-border:var(--c-black-18);--c-color-bg:var(--c-black-18);--c-tabs-bg:var(--c-blue-5);--c-tab-bg:var(--c-blue-1);--c-divider:#0000001f;--c-header-bg:var(--c-white);--c-header-border:#0000001f;--c-header-text:var(--c-black-5);--c-header-text-theme-active:var(--c-blue-1);--c-header-button-hover:var(--c-black-10);--c-header-button-active:var(--c-blue-4);--c-header-input-border:var(--c-black-21);--c-button-bg:var(--c-blue-4);--c-popup-text:var(--c-black-5);--c-popup-text-hover:var(--c-white);--c-popup-text-active:var(--c-white);--c-popup-bg-hover:#1460f3cc;--c-popup-bg-active:var(--c-blue-1);--c-side-header-text:var(--c-black-5);--c-side-header-bg:var(--c-white);--c-side-header-active:var(--c-blue-4);--c-side-header-border:#0000001f;--c-side-text:var(--c-black-5);--c-side-bg:var(--c-blue-5);--c-side-title:var(--c-black-6);--c-side-thumbnails:var(--c-black-5);--c-side-thumbnails-active:var(--c-blue-1);--c-side-outline-text:var(--c-black-8);--c-side-outline-bg-active:var(--c-black-10);--c-findbar-text:var(--c-black-5);--c-findbar-bg:var(--c-white);--c-findbar-input-bg:var(--c-white);--c-findbar-input-border:var(--c-black-21);--c-findbar-page-number-bg:#f2f3f5;--c-scrollbar-bg:var(--c-black-8);--c-side-layers-not-checked-bg:var(--c-white);--c-side-layers-not-checked-border:var(--c-black-9);--c-side-layers-checked-bg:var(--c-blue-2);--c-side-annotation-bg:var(--c-black-10);--c-side-annotation-text:var(--c-black-8);--c-side-annotation-icon:var(--c-black-12);--c-side-annotation-reply-icon:var(--c-black-8);--c-header-circle-bg:var(--c-blue-1);--c-right-side-header-text:var(--c-black-13);--c-right-side-header-bg:var(--c-black-11);--c-right-side-header-active:var(--c-blue-1);--c-right-side-header-active-hover:var(--c-blue-10);--c-right-side-content-fillbox-bg:var(--c-white);--c-right-side-content-fillbox-border:#0000001f;--c-right-side-error-tip-bg:#fa1e5d1f;--c-right-side-info-tip-bg:var(--c-black-15);--c-right-side-list-item-bg:#4982e633;--c-toolbar-bg:var(--c-black-10);--c-toolbar-border:#0000001f;--c-tool-mode-bg:var(--c-blue-5);--c-tool-right-page:var(--c-black-12);--c-tool-right-page-active:var(--c-blue-1);--c-file-header:var(--c-blue-5);--c-edit-text:var(--c-black-5);--c-edit-right-page:var(--c-black-18);--c-doc-editor-bg:var(--c-blue-6);--c-doc-editor-popup-shadow:#8195c852;--c-input-placeholder:var(--c-black-12);--c-input-bg:var(--c-white);--c-dialog-bg:var(--c-white);--c-dialog-attribute-bg:var(--c-black-10);--c-active-text:var(--c-black-13);--c-icon-blue:var(--c-blue-7);--c-dropdown-hover-bg:#f3f3f5;--c-settings-text:var(--c-black-8);--c-dynamic-stamp-red-bg:linear-gradient(259deg, #ff523145 0%, #ff52310f 100%);--c-dynamic-stamp-green-bg:linear-gradient(259deg, #a0ba8e45 0%, #a0ba8e0f 100%);--c-arrow-down-icon:var(--c-black-19);--c-separation-panel-title:var(--c-black-20);--c-measure-board-tip:var(--c-black-21);--c-measure-curve-guide-text:var(--c-black-22);--c-measure-curve-guide-title-text:var(--c-blue-8);--c-measure-curve-guide-button-bg:var(--c-blue-9);--c-sign-panel-bg:var(--c-black-10);--c-sign-tab-active:var(--c-blue-1);--c-sign-tab-text-active:var(--c-black-5);--c-sign-text:var(--c-black-8);--c-sign-color:var(--c-blue-1);--c-select-bg:var(--c-white);--c-sign-close:var(--c-black-5);--c-sign-list-bg:var(--c-white);--c-sign-list-bg-hover:var(--c-blue-4);--c-sign-checkbox-bg:var(--c-black-10);--c-sign-shadow:var(--c-black-23);--c-sign-note:var(--c-black-8);--c-input-text:var(--c-black-5);--c-password-text:var(--c-black-5);--c-note:var(--c-black-12);--c-button-bar:var(--c-blue-1)}html.dark{--c-bg:var(--c-black-3);--c-text:var(--c-white);--c-black-text:var(--c-white);--c-border-button:transparent;--c-select:var(--c-black-9);--c-border:var(--c-white-1);--c-color-bg:var(--c-white);--c-tabs-bg:var(--c-black-9);--c-tab-bg:var(--c-blue-3);--c-divider:#fff3;--c-header-bg:var(--c-black-7);--c-header-border:#fff3;--c-header-text:var(--c-white);--c-header-text-theme-active:var(--c-blue-3);--c-header-button-hover:var(--c-black-8);--c-header-button-active:var(--c-black-9);--c-header-input-border:var(--c-black-9);--c-button-bg:var(--c-blue-3);--c-popup-text:var(--c-white);--c-popup-text-hover:var(--c-white);--c-popup-text-active:var(--c-white);--c-popup-bg-hover:#1460f3cc;--c-popup-bg-active:var(--c-blue-3);--c-side-header-text:var(--c-white);--c-side-header-bg:var(--c-black-9);--c-side-header-active:var(--c-blue-3);--c-side-header-border:#fff3;--c-side-text:var(--c-white);--c-side-bg:var(--c-black-7);--c-side-title:var(--c-white);--c-side-thumbnails:var(--c-white);--c-side-thumbnails-active:var(--c-blue-3);--c-side-outline-text:var(--c-white);--c-side-outline-bg-active:var(--c-black-9);--c-findbar-text:var(--c-black-12);--c-findbar-bg:var(--c-black-4);--c-findbar-input-bg:var(--c-black-3);--c-findbar-input-border:var(--c-black-9);--c-findbar-page-number-bg:var(--c-black-9);--c-scrollbar-bg:var(--c-black-12);--c-side-layers-not-checked-bg:var(--c-black-9);--c-side-layers-not-checked-border:var(--c-white);--c-side-layers-checked-bg:var(--c-blue-3);--c-side-annotation-bg:var(--c-black-9);--c-side-annotation-text:var(--c-black-12);--c-side-annotation-icon:var(--c-white);--c-side-annotation-reply-icon:var(--c-white);--c-header-circle-bg:var(--c-white);--c-right-side-header-text:var(--c-white);--c-right-side-header-bg:var(--c-black-9);--c-right-side-header-active:var(--c-blue-3);--c-right-side-content-fillbox-bg:var(--c-black-9);--c-right-side-content-fillbox-border:#ffffff1a;--c-right-side-error-tip-bg:#e73861;--c-right-side-info-tip-bg:var(--c-black-16);--c-right-side-list-item-bg:var(--c-blue-3);--c-toolbar-bg:var(--c-black-14);--c-toolbar-border:#ffffff1a;--c-tool-mode-bg:var(--c-black-14);--c-tool-right-page:var(--c-white);--c-tool-right-page-active:var(--c-blue-3);--c-file-header:var(--c-black-14);--c-edit-text:var(--c-black-17);--c-edit-right-page:var(--c-white);--c-doc-editor-bg:var(--c-black-7);--c-doc-editor-popup-shadow:#ffffff1a;--c-input-placeholder:var(--c-black-12);--c-input-bg:var(--c-black-3);--c-dialog-bg:var(--c-black-7);--c-dialog-attribute-bg:var(--c-black-4);--c-active-text:var(--c-white);--c-icon-blue:var(--c-blue-1);--c-dropdown-hover-bg:#ffffff17;--c-settings-text:var(--c-white);--c-dynamic-stamp-red-bg:linear-gradient(269.41deg, #ffa594 15.3%, #ffe4df 85.77%);--c-dynamic-stamp-green-bg:linear-gradient(269.41deg, #aae681 15.3%, #e0ffcb 85.77%);--c-arrow-down-icon:var(--c-white);--c-separation-panel-title:var(--c-white);--c-measure-board-tip:var(--c-black);--c-measure-curve-guide-text:var(--c-white);--c-measure-curve-guide-title-text:var(--c-blue-3);--c-measure-curve-guide-button-bg:var(--c-black-9);--c-sign-panel-bg:var(--c-black-3);--c-sign-tab-active:var(--c-blue-1);--c-sign-tab-text-active:var(--c-black-17);--c-sign-text:var(--c-black-17);--c-sign-color:var(--c-blue-3);--c-select-bg:var(--c-black-9);--c-sign-close:var(--c-black-17);--c-sign-list-bg:var(--c-black-14);--c-sign-list-bg-hover:#6499ff4d;--c-sign-checkbox-bg:var(--c-black-9);--c-sign-shadow:var(--c-black-24);--c-sign-note:var(--c-black-12);--c-input-text:var(--c-white);--c-password-text:var(--c-black-17);--c-note:var(--c-black-16);--c-button-bar:var(--c-blue-3)}body{color:var(--c-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#printContainer{display:none}@page{margin:0;size:auto}@media print{body{background:0 0}#outerContainer{display:none}#printContainer{height:100%;display:block}#printContainer>.printedPage{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}#printContainer>.printedPage:not(:last-child){page-break-after:always}#printContainer>.xfaPrintedPage .xfaPage{position:absolute}#printContainer>.xfaPrintedPage{page-break-after:always;page-break-inside:avoid;width:100%;height:100%;position:relative}#printContainer>.printedPage canvas,#printContainer>.printedPage img{direction:ltr;max-width:100%;max-height:100%}}*{transition:background-color .25s}::-webkit-scrollbar{width:7px}::-webkit-scrollbar:horizontal{height:7px}::-webkit-scrollbar-track{background:0 0;border-radius:4px;width:4px}::-webkit-scrollbar-thumb{background-color:var(--c-scrollbar-bg);border-top:2px solid #0000;border-radius:4px}:focus-visible{outline:2px solid #64bc38}.DocumentContainer{border-right:3px solid #0000}p{margin:0}html,body,#app{width:100%;max-width:100vw;height:100%;margin:0;padding:0}button,label,form,select,#app{font-size:13px}input,textarea{font-size:16px}button{outline:none}input,textarea,select{border-radius:2px}input:focus,textarea:focus,select:focus{outline:none}#app{-webkit-font-smoothing:antialiased;flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex;position:relative}#app>.content{flex-direction:row;flex:1;display:flex;overflow:auto}#app *,#app :before,#app :after{box-sizing:border-box}#app div{-webkit-tap-highlight-color:transparent}#app canvas{-webkit-user-select:none;user-select:none}#app canvas.ql-clipboard{-webkit-user-select:text;user-select:text}#app textarea,#app input[type=text]{appearance:none;-webkit-user-select:text!important;user-select:text!important}#app input[type=password]::-ms-reveal{display:none}.freetext-editor .ql-editor{padding:0}.drop-down{text-align:left;cursor:default;color:var(--c-text);background:#fff;border-radius:4px;padding:8px;box-shadow:2px 6px 18px #0003}.drop-item{cursor:pointer;white-space:nowrap;border-radius:2px;align-items:center;width:100%;padding:12px 8px;font-size:16px;line-height:18px;display:flex}.drop-item:hover{color:var(--c-popup-text-hover);background-color:var(--c-popup-bg-hover)}.drop-item:hover .button{color:var(--c-popup-text-hover)}.drop-item.active{color:var(--c-popup-text-active);background-color:var(--c-popup-bg-active)}.drop-item.active .button{color:var(--c-popup-text-active)}.drop-item .button{margin-right:8px;padding:0}.drop-item .button:not(.disabled):hover{background-color:#0000}.drop-down-divider{background-color:var(--c-divider);width:100%;height:1px;margin:4px 0}.n-base-select-menu{background-color:var(--c-findbar-bg);max-height:300px;margin-top:2px;overflow:auto}.n-base-select-menu .n-base-select-menu-option-wrapper{padding:8px 0}.n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option{min-height:30px;color:var(--c-text);padding:0 16px}.n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option .n-base-icon{display:none}.n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option:before{left:8px;right:8px}.n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option.n-base-select-option--selected{color:#fff}.n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option.n-base-select-option--selected:before{background-color:var(--c-popup-bg-active)}.n-base-select-menu .n-base-select-option.n-base-select-option--selected{color:var(--c-text)}.n-base-select-menu .n-base-select-option .n-base-select-option__check{color:var(--c-header-text-theme-active)!important}.n-base-select-menu .n-base-select-option .n-base-select-option__check.fade-in-scale-up-transition-leave-active{display:none}.n-base-select-menu .n-base-select-option:active{color:var(--c-text)}.n-base-select-menu .n-base-select-option.n-base-select-option--show-checkmark{color:var(--c-text);padding-right:calc(var(--n-option-padding-right) + 10px)}.n-base-select-menu .edit-select{background:var(--c-right-side-content-fillbox-bg);color:var(--c-text)}.n-popselect-menu.n-base-select-menu{padding:8px}.n-popselect-menu.n-base-select-menu .n-base-select-menu-option-wrapper{padding-top:0!important;padding-bottom:0!important}.n-popselect-menu.n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option{cursor:pointer;white-space:nowrap;align-items:center;min-height:auto;padding:12px 8px;font-size:16px;line-height:18px;display:flex}.n-popselect-menu.n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option:before{border-radius:2px;transition:background-color .25s;left:0;right:0}.n-popselect-menu.n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option.n-base-select-option--pending:not(.n-base-select-option--selected):before{background-color:var(--c-popup-bg-hover)}.n-popselect-menu.n-base-select-menu .n-base-select-menu-option-wrapper .n-base-select-option.n-base-select-option--pending:not(.n-base-select-option--selected) .n-base-select-option__content{color:var(--c-popup-text-hover)}.n-popselect-menu.n-base-select-menu.narrower .n-base-select-option{padding:5px 8px;font-size:14px;font-weight:700;line-height:16px}.annotationContainer{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.annotationContainer .popupElement{background:var(--c-header-bg);color:var(--c-text);border-radius:4px;align-items:center;padding:4px 8px;display:flex;position:absolute;box-shadow:0 0 8px #0000001a}.annotationContainer .popupElement>div:hover{background-color:var(--c-header-button-active);border-radius:4px}.annotationContainer>div{cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.annotationContainer>div.annotation.text{border:1px solid #0000}.annotationContainer>div.annotation.selected{border-color:#1460f3}.annotationContainer>div.annotation>div,.annotationContainer>div.annotation>img{pointer-events:auto}.annotationContainer>div.annotation>.focus{border-color:#64bc38!important}.annotationContainer>div.annotation.multiple-selected{outline:1px dashed #1460f3}.annotationContainer>div .freetext{pointer-events:auto;color:#000;white-space:pre-wrap;word-break:break-word;outline:none;font-size:16px}.annotationContainer>div>svg,.annotationContainer>div>.reply-button{width:100%;height:100%;position:absolute;left:0;right:0}.annotationContainer>div line,.annotationContainer>div rect,.annotationContainer>div ellipse,.annotationContainer>div path,.annotationContainer>div circle{pointer-events:painted;-webkit-user-select:auto;user-select:auto}.annotationContainer>div.markup .strikeout{top:calc(50% + 1px)}.annotationContainer>div.markup{mix-blend-mode:multiply;cursor:pointer;pointer-events:auto}.annotationContainer>div.markup.multiple-selected div{outline:1px dashed #1460f3}.document.selection .annotationContainer *,.annotationContainer.no-edit .outline-container svg,.annotationContainer.no-edit .outline-container rect{pointer-events:none!important}.annotationContainer.no-edit .outline-container [class$=-resize],.annotationContainer.no-edit .outline-container circle{display:none}.grab-to-pan-grab .annotationContainer>div line,.grab-to-pan-grab .annotationContainer>div rect,.grab-to-pan-grab .annotationContainer>div ellipse,.grab-to-pan-grab .annotationContainer>div path,.grab-to-pan-grab .annotationContainer>div circle{pointer-events:none}.annotationContainer>.outline-container{z-index:1}.annotationContainer>.outline-container svg{pointer-events:none}.annotationContainer>.outline-container svg .delete-button{cursor:pointer;pointer-events:auto}.annotationContainer>.outline-container svg line{pointer-events:painted;cursor:all-scroll}.annotationContainer>.outline-container svg circle{pointer-events:auto;cursor:all-scroll}.annotationContainer>.outline-container .reply-button,.annotationContainer>.outline-container .delete-button,.annotationContainer>.outline-container .attrbute-button{pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;display:flex}.annotationContainer>.outline-container .delete-button,.annotationContainer>.outline-container .attrbute-button{margin-left:4px}.point-none{pointer-events:auto}.n-message-container.n-message-container--top{margin:0 16px;top:100px}.n-message-container.n-message-container--top .n-message{border:1px solid #0000;border-radius:6px;padding:8px 16px}.n-message-container.n-message-container--top .n-message .n-message__icon{width:unset;height:unset;margin-right:8px;font-size:0;line-height:0}.n-message-container.n-message-container--top .n-message .n-message__icon>*{position:unset}.n-message-container.n-message-container--top .n-message .n-message__content{color:#000;font-size:14px;font-weight:400;line-height:20px}.n-message-container.n-message-container--top .n-message.n-message--error-type{background-color:#fbeded;border-color:#f871714d}.n-message-container.n-message-container--top .n-message.n-message--success-type{background-color:#e2f7ef;border-color:#00cf854d}.contentContainer .popupElement{background:var(--c-header-bg);color:var(--c-text);border-radius:4px;align-items:center;padding:4px 8px;display:flex;position:absolute;box-shadow:0 0 8px #0000001a}.contentContainer .popupElement>div:hover{background-color:var(--c-header-button-active);border-radius:4px}.contentContainer .popupElement .attrbute-button,.contentContainer .popupElement .delete-button{cursor:pointer}.color-picker{border:1px solid #0000001f;border-radius:20px;align-items:center;margin-left:8px;padding:0 3px;display:flex}.color-picker .preview{background-color:#000;border-radius:50%;width:24px;height:24px;margin-right:8px}.n-color-picker{width:24px;height:24px}.n-color-picker .n-color-picker-trigger{border:none;border-radius:50%}.n-color-picker .n-color-picker-trigger .n-color-picker-trigger__fill{border-radius:50%;inset:0;overflow:hidden}.n-color-picker .n-color-picker-trigger .n-color-picker-trigger__fill div{display:none}.n-color-picker .n-color-picker-trigger .n-color-picker-trigger__fill .n-color-picker-trigger__value{position:unset;align-items:center;display:flex}.n-input:not(.n-input--disabled):hover .n-input__state-border{border-color:var(--c-blue-1)}.n-input:not(.n-input--disabled).n-input--focus .n-input__state-border{border-color:var(--c-blue-1);box-shadow:0 0 0 2px var(--c-right-side-list-item-bg)}.n-input .n-input__input-el{caret-color:var(--c-blue-1);text-decoration:none!important}.colors-container{border:1px solid var(--c-findbar-input-border);padding:5px 8px;display:flex}.colors-container span{display:block}.colors-container .cell-container{cursor:pointer;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:flex}.colors-container .cell-container .cell-outer{border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.colors-container .cell-container .cell-outer+.cell-outer{margin-left:8px}.colors-container .cell-container .cell-outer.active{border-color:var(--c-header-circle-bg)}.colors-container .cell-container .cell-outer .cell{border-radius:50%;width:14px;height:14px}.outline-container .move{cursor:all-scroll}.outline-container .nw-resize{cursor:nw-resize}.outline-container .w-resize{cursor:w-resize}.outline-container .sw-resize{cursor:sw-resize}.outline-container .s-resize{cursor:s-resize}.outline-container .se-resize{cursor:se-resize}.outline-container .e-resize{cursor:e-resize}.outline-container .ne-resize{cursor:ne-resize}.outline-container .n-resize{cursor:n-resize}input[type=date]::-webkit-datetime-edit{color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none}input[type=date]::-webkit-datetime-edit-fields-wrapper{color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none}input[type=date]::-webkit-datetime-edit-text{color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none}input[type=date]::-webkit-datetime-edit-year-field{color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none}input[type=date]::-webkit-datetime-edit-month-field{color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none}input[type=date]::-webkit-datetime-edit-day-field{color:#0000;-webkit-user-select:none;user-select:none;pointer-events:none}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:auto;height:auto;margin:0;padding:0;position:absolute;inset:0}
|