@compdfkit_pdf_sdk/webviewer
Version:
[ComPDFKit PDF SDK](https://www.compdf.com) seamlessly operates on [Web](https://www.compdf.com/web), [Windows](https://www.compdf.com/windows), [Android](https://www.compdf.com/android), [iOS](https://www.compdf.com/ios), [Mac](https://www.compdf.com/con
1 lines • 183 kB
CSS
.button{padding:5px;margin-right:8px;border:none;background-color:transparent;position:relative;display:flex;justify-content:center;align-items:center;border-radius:4px;cursor:pointer;color:var(--c-text)}.with-text{padding-left:8px;padding-right:8px}.with-text span{margin-left:8px;font-size:12px;line-height:16px;white-space:nowrap}@media screen and (max-width: 577px){.button:not(.disabled):active{background-color:var(--c-header-button-hover)}.button:not(.disabled).active{background-color:var(--c-header-button-active)}.button.disabled{opacity:.3;pointer-events:none}.button .arrow-left{margin-left:9px}}@media screen and (min-width: 578px){.button:not(.disabled):hover{background-color:var(--c-header-button-hover)}.button:not(.disabled).active{background-color:var(--c-header-button-active)}.button.disabled{opacity:.3;pointer-events:none}.button .arrow-left{margin-left:9px}}.custom-stamp-wrapper{position:fixed;z-index:999;top:0;bottom:0;left:0;right:0;justify-content:center;align-items:center;background-color:#0000004d;text-align:center}.custom-stamp-wrapper:after{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.custom-stamp-wrapper .custom-stamp-popup{display:inline-block;vertical-align:middle;width:723px;min-height:496px;padding:16px;box-shadow:0 4px 32px 0 var(--c-sign-shadow);border-radius:4px;background:var(--c-dialog-bg)}.custom-stamp-wrapper .custom-stamp-popup>.title{margin-bottom:16px;font-family:Helvetica;font-weight:700;font-size:16px;line-height:24px;letter-spacing:0px;text-align:left}.custom-stamp-wrapper .custom-stamp-popup .stamp-container{display:flex;justify-content:space-between}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview{width:366px}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .preview-title{margin-bottom:8px;font-family:Helvetica;font-size:14px;letter-spacing:0px;text-align:left}.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{height:100%;padding:22px 16px;background-color:var(--c-dialog-attribute-bg)}.custom-stamp-wrapper .custom-stamp-popup .stamp-preview .preview-container .canvas-container{position:relative;background-color:#fff}.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{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:30px;line-height:64px;color:#0000004d;pointer-events:none}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties{display:flex;flex-direction:column;width:300px}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .properties-title{margin-bottom:8px;font-family:Helvetica;font-size:14px;letter-spacing:0px;text-align:left}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .properties-container{flex:1;padding:8px 12px;background-color:var(--c-dialog-attribute-bg)}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property{display:flex;justify-content:space-between;align-items:center}.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{display:flex;align-items:center;width:165px;text-align:left;font-size:0}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container.text-align .text-align-content{display:flex;width:144px;border:1px solid rgba(0,0,0,.1215686275);background-color:var(--c-select)}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container.text-align .text-align-content div{padding:8px 0;width:48px;height:30px;text-align:center;cursor:pointer}.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{display:inline-block;font-size:0;width:100%}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container .no-color{margin-right:12px;width:28px;height:28px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;border-radius:50%}.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{display:inline-flex;height:32px;margin-left:0;background-color:#fff}.custom-stamp-wrapper .custom-stamp-popup .stamp-properties .property .property-container .color-picker .preview-container{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:8px;border:1px solid #DADBDE}.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{width:22px;height:22px;border-radius:50%;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{height:28px;background-color:var(--c-select)}.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{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.custom-stamp-wrapper .custom-stamp-popup .footer>span{font-family:Helvetica;font-size:14px;color:var(--c-header-text-theme-active)}.custom-stamp-wrapper .custom-stamp-popup .footer>span:hover{cursor:pointer;color:#6499ff}.custom-stamp-wrapper .custom-stamp-popup .buttons-container{display:flex;align-items:center;justify-content:center}.custom-stamp-wrapper .custom-stamp-popup .buttons-container span{padding:0 12px;min-width:120px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid var(--c-header-text-theme-active);margin-left:8px;font-size:14px;font-weight:700;cursor:pointer;background-color:var(--c-header-text-theme-active);color:#fff}.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{border:none;box-shadow:none}.dialog{position:fixed;top:0;left:0;padding:0 20px;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:5}.dialog-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center;overflow:auto;text-align:center}.dialog-wrapper:after{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.dialog-container{display:inline-block;vertical-align:middle;background-color:var(--c-dialog-bg);padding:20px;border-radius:4px;position:relative;text-align:left}.dialog-container .close{margin-top:-6px;margin-bottom:2px;text-align:right;line-height:0;font-size: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{display:flex;justify-content:flex-end}.dialog-container footer .rect-button{width:120px;height:40px}.signatures-popup-wrapper{position:absolute;top:0;left:0;bottom:0;right:0;overflow:auto;text-align:center}.signatures-popup-wrapper:after{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.signatures-popup{position:relative;display:inline-flex;flex-direction:column;width:628px;height:100%;max-height:610px;background-color:var(--c-dialog-bg);vertical-align:middle;box-shadow:2px 6px 18px #0003}.signatures-popup .sign-title{margin:18px 0 0 20px;font-size:14px;line-height:18px;text-align:left}.signatures-popup .close-button{position:absolute;top:9px;right:8px;cursor:pointer;color:var(--c-sign-close);font-size:16px;line-height:24px}.signatures-popup .close-button:hover{color:#1460f3}.signatures-popup .sign-content{display:flex;flex-direction:column;height:calc(100% - 36px)}.signatures-popup .signatures-popup-create{flex:1;display:flex;flex-direction:column}.signatures-popup .sign-popup-header{display:flex;margin:20px 12px 0;padding:4px;border:1px solid rgba(0,0,0,.1215686275);text-align:center;background-color:var(--c-tabs-bg)}.signatures-popup .sign-popup-header div{flex:1;padding:8px 0;font-size:14px;line-height:16px;color:var(--c-side-annotation-icon)}.signatures-popup .sign-popup-header div:hover{color:#fff;background-color:#6499ff;cursor:pointer}.signatures-popup .sign-popup-header div.active{color:#fff;font-weight:700;background-color:var(--c-tab-bg)}.signatures-popup .signatures-popup-lists{height:calc(100% - 62px);padding:0 12px 19px}.signatures-popup .signatures-popup-lists .signatures-popup-empty{display:flex;justify-content:center;align-items:center;height:100%;background-color:var(--c-sign-panel-bg)}.signatures-popup .signatures-popup-lists .signatures-popup-empty .no-signatures div{margin-top:10px;font-family:Segoe UI;font-size:14px;line-height:20px;text-decoration:underline;color:#1460f3}.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{height:calc(100% - 12px);overflow:auto;margin-top:12px;padding:20px;background-color:var(--c-sign-panel-bg)}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list{position:relative;padding:14px;border:1px solid rgba(0,0,0,.1215686275);background-color:var(--c-sign-list-bg);border-radius:4px}.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{display:none;position:absolute;top:50%;right:12px;transform:translateY(-50%);color:var(--c-sign-close)}.signatures-popup .signatures-popup-lists .signatures-popup-list-container .signatures-popup-list .close-button:hover{background-color:transparent;color:var(--c-sign-tab-active)}.signatures-popup .create-sign-header{display:flex;padding:12px}.signatures-popup .create-sign-header>div{margin:0 12px;height:40px;font-size:16px;line-height:40px;color:#666;cursor:pointer}.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:1;display:flex;flex-direction:column}.signatures-popup .sign-create-container .paint-container{flex:1}.signatures-popup .paint-container{display:flex;justify-content:center;align-items:center;margin:0 24px;height:265px;background-color:#f2f3f5}.signatures-popup .paint-container .keyboard-paint{flex:1}.signatures-popup .paint-container .keyboard-paint input{width:100%;font-size:46px;font-weight:400;color:#000;border:none;background:transparent;text-align:center;font-family:Courier New,Courier,monospace}.signatures-popup .paint-container .image-paint{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px;color:#666}.signatures-popup .paint-container .image-paint div{color:var(--c-sign-text)}.signatures-popup .paint-container .image-paint a{position:relative;font-size:14px;line-height:20px;font-weight:400;color:var(--c-sign-color);text-decoration:underline}.signatures-popup .paint-container .image-paint a input[type=file]{position:absolute;left:0;width:100%;height:100%;opacity:0;font-size:0;cursor:pointer}.signatures-popup .property-container{display:flex;justify-content:space-between;margin:18px 24px 12px;min-height:30px;font-family:Segoe UI;font-size:14px;line-height:20px;color:var(--c-text)}.signatures-popup .property-container select{background-color:var(--c-select)}.signatures-popup .property-container .width-tool{display:flex;align-items:center}.signatures-popup .property-container .width-tool .n-slider.width-slider{margin-left:12px;margin-right:8px;width:96px}.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{padding:6px;width:72px;height:30px;border:1px solid #B4B4B4;outline:none;border-radius:0}.signatures-popup .property-container .width-tool input:focus{border-color:#1460f3}.signatures-popup .property-container .color-tool{display:flex;align-items:center}.signatures-popup .property-container .color-tool .colors-container{margin-left:8px;padding:0;border:none}.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{position:relative;background-color:transparent;border-radius:50%;overflow:hidden}.signatures-popup .property-container .color-tool .colors-container .box .box-outer{width:100%;height:100%;position:absolute;border-radius:50%;border:1px solid #DADBDE;background-color:transparent}.signatures-popup .property-container .color-tool .colors-container .box .box-inner{height:110%;left:14px;position:absolute;border:1px solid #FA1E5D;background-color:#fa1e5d;transform:rotate(45deg) translate(0)}.signatures-popup .property-container .color-tool .color-picker{margin-left:0}.signatures-popup .property-container .font-tool select{margin-left:8px;padding:4px 4px 4px 8px;height:28px;color:#43474d;color:var(--c-text);border:1px solid rgba(0,0,0,.12);border-radius:1px}.signatures-popup .footer{padding:12px}.signatures-popup .clear-container{display:flex;flex-direction:column;text-align:left}.signatures-popup .clear-container .left-btns{display:flex;align-items:center;margin-top:12px;font-size:14px;line-height:20px;color:var(--c-sign-note)}.signatures-popup .clear-container .left-btns .check{width:14px;height:14px;margin-right:4px;background:var(--c-sign-checkbox-bg);border:1px solid #D9D9D9;cursor:pointer}.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{font-size:12px;line-height:16px;color:var(--c-sign-color)}.signatures-popup .clear:hover{cursor:pointer;color:#6499ff}.signatures-popup .clear.bottom{display:none}.signatures-popup .buttons-container{display:flex;justify-content:flex-end;margin-top:12px}.signatures-popup .buttons-container .button{padding:0 20px;min-width:120px;height:32px;font-size:14px;font-weight:700;line-height:20px;color:var(--c-sign-color);border:1px solid var(--c-sign-color);border-radius:2px;margin-right:0}.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 (max-width: 640px){.signatures-popup{width:calc(100% - 40px);border-radius:4px}.signatures-popup .create-sign-header{padding:0;background-color:var(--c-bg)}.signatures-popup .mobile{display:flex;flex-direction:column-reverse}.signatures-popup .property-container{margin:24px 20px 0;flex-direction:row-reverse}.signatures-popup .property-container .color-tool .colors-container{margin-left:0}.signatures-popup .paint-container{margin:24px 20px;background-color:var(--c-side-bg);border:1px solid var(--c-header-border);border-radius:4px}.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{margin:0 20px 16px;align-items:center}.signatures-popup .buttons-container .button{padding:0 12px}.signatures-popup .buttons-container .clear{font-size:14px}}@media screen and (max-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 .font-tool select,.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 .buttons-container{justify-content:space-between;margin:12px 0 0}.signatures-popup .buttons-container .button{min-width:62px}.signatures-popup-wrapper .signatures-popup{width:100%;vertical-align:bottom;border-radius:10px 10px 0 0}.signatures-popup-wrapper .signatures-popup .sign-title{margin:0;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.1215686275)}.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}}.colors-container .cell-container .cell-outer.active svg[data-v-77b9368c]{width:22px;height:22px}.colors-container .color-picker .preview-container[data-v-77b9368c]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:8px}.colors-container .color-picker .preview-container.active[data-v-77b9368c]{border:1px solid #1460F3}.colors-container .color-picker .preview[data-v-77b9368c]{margin-right:0}.colors-container .color-picker .preview.active[data-v-77b9368c]{border:1px solid var(--c-header-circle-bg)}.freetext-panel .freetext-sample{display:flex;justify-content:center;align-items:center;min-height:80px;padding:6px 8px;border:1px solid #E2E3E6;text-align:center;background-color:#fff}.freetext-panel .edit-container>div+div{margin-top:12px}.freetext-panel .edit-container .text-align{margin-top:8px;display:inline-flex;border:1px solid rgba(0,0,0,.1215686275);background:var(--c-right-side-content-fillbox-bg)}.freetext-panel .edit-container .text-align div{padding:8px 0;width:48px;height:32px;text-align:center;cursor:pointer}.freetext-panel .edit-container .text-align div span{display:inline-block;font-size:0;width:100%}.freetext-panel .edit-container .text-align div span svg{color:var(--c-text)}.freetext-panel .edit-container .text-align div .border{border-right:var(--c-edit-right-page) 1px solid}.freetext-panel .edit-container .text-align .active{background:#DDE9FF}.freetext-panel .edit-container .text-align .active svg{color:#43474d}.freetext-panel .edit-container .slider{display:flex;align-items:center;height:32px}.freetext-panel .edit-container .slider .n-slider.width-slider{margin-left:0;width:60%}.freetext-panel .edit-container .slider .n-slider.width-slider .n-slider-rail{height:2px;border-radius:0}.freetext-panel .edit-container .slider .n-slider.width-slider .n-slider-rail .n-slider-rail__fill{background-color:#0078d7;border-radius:0}.freetext-panel .edit-container .slider .n-slider.width-slider .n-slider-handles{left:0;right:0}.freetext-panel .edit-container .slider .n-select,.freetext-panel .edit-container .slider select{max-width:35%;margin-left:5%}.freetext-panel .edit-container .line-style .line-style-title{margin-bottom:4px;color:var()}.freetext-panel .edit-container .line-style .arrow{border:solid var(--c-arrow-down-icon);border-width:0 1.5px 1.5px 0;padding:2px}.freetext-panel .edit-container .line-style .arrow.up{margin-top:13px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.freetext-panel .edit-container .line-style .arrow.down{margin-bottom:13px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.freetext-panel .edit-container .line-style .arrow.disabled{opacity:.5}.freetext-panel .edit-container .line-style .block{display:grid;grid-template-columns:auto 72px}.freetext-panel .edit-container .line-style .block .line-select{display:flex;align-items:center;height:32px}.freetext-panel .edit-container .line-style .block .line-select .checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--c-black-text);border-radius:50%;opacity:.8;cursor:pointer}.freetext-panel .edit-container .line-style .block .line-select .checkbox .solid{width:10px;height:10px;background-color:var(--c-black-text);border-radius:50%}.freetext-panel .edit-container .line-style .block .line-select .checkbox.active{border-color:var(--c-right-side-header-active)}.freetext-panel .edit-container .line-style .block .line-select .solid-line,.freetext-panel .edit-container .line-style .block .line-select .dashed-line{margin:0 12px;flex:1;height:1px;border-top-width:1px;border-top-color:var(--c-black-text)}.freetext-panel .edit-container .line-style .block .line-select .solid-line{border-top-style:solid}.freetext-panel .edit-container .line-style .block .line-select .dashed-line{border-top-style:dashed}.colors-container .cell-container .cell-outer.active svg[data-v-46da3324]{width:22px;height:22px}.measure-panel .edit-container>div+div{margin-top:12px}.measure-panel .edit-container .border-width .tool{display:flex;align-items:center;height:32px}.measure-panel .edit-container .border-width .tool .n-slider.width-slider{margin-left:0;width:60%}.measure-panel .edit-container .border-width .tool .n-slider.width-slider .n-slider-rail{height:2px;border-radius:0}.measure-panel .edit-container .border-width .tool .n-slider.width-slider .n-slider-rail .n-slider-rail__fill{background-color:#0078d7;border-radius:0}.measure-panel .edit-container .border-width .tool .n-slider.width-slider .n-slider-handles{left:0;right:0}.measure-panel .edit-container .border-width .tool .n-select,.measure-panel .edit-container .border-width .tool select{max-width:35%;margin-left:5%}.measure-panel .edit-container .line-style .line-style-title{margin-bottom:4px;color:var()}.measure-panel .edit-container .line-style .arrow{border:solid var(--c-arrow-down-icon);border-width:0 1.5px 1.5px 0;padding:2px}.measure-panel .edit-container .line-style .arrow.up{margin-top:13px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.measure-panel .edit-container .line-style .arrow.down{margin-bottom:13px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.measure-panel .edit-container .line-style .arrow.disabled{opacity:.5}.measure-panel .edit-container .arrow-style .content-block{display:flex}.measure-panel .edit-container .arrow-style .content-block>div:last-child{margin-left:8px}.measure-panel .edit-container .note textarea{margin-top:4px}.measure-panel .edit-container textarea{padding:0 8px;width:100%;background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:0;font-size:16px;line-height:24px;color:var(--c-text);font-family:Helvetica;resize:vertical}@media screen and (max-width: 640px){.measure-panel .edit-container .line-style .line-style-title{margin-bottom:0;line-height:40px}.measure-panel .edit-container .border-width .tool .n-select{max-width:72px}.measure-panel .edit-container .border-width .tool .n-slider.width-slider{flex:1}}.color-separation-panel[data-v-babd6c8f]{position:fixed;right:0;z-index:3;display:flex;flex-direction:column;height:calc(100% - 44px);transition:transform .3s ease-in-out;background-color:var(--c-side-bg);border-left:1px solid var(--c-side-header-border)}.color-separation-panel.closed[data-v-babd6c8f]{transform:translate(100%)}.color-separation-panel .sidebar-title[data-v-babd6c8f]{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:36px;text-align:center;color:var(--c-side-title);background:var(--c-header-bg)}.color-separation-panel .container[data-v-babd6c8f]{height:calc(100% - 36px);user-select:none}.color-separation-panel .container .all[data-v-babd6c8f]{display:flex;align-items:center;padding:12px 18px}.color-separation-panel .container .all .check-box[data-v-babd6c8f]{margin-right:10px;width:16px;height:16px;border:2px solid var(--c-input-placeholder);border-radius:1.5px;color:var(--c-input-placeholder)}.color-separation-panel .container .all .check-box svg[data-v-babd6c8f]{width:16px;height:16px}.color-separation-panel .container .all span[data-v-babd6c8f]{font-size:14px;line-height:16px;font-weight:700;color:var(--c-separation-panel-title)}.color-separation-panel .container .color-list[data-v-babd6c8f]{padding:0 16px 12px;height:calc(100% - 40px);overflow:scroll}.color-separation-panel .container .color-list .row[data-v-babd6c8f]{display:flex;align-items:center;height:26px}.color-separation-panel .container .color-list .row+.row[data-v-babd6c8f]{margin-top:8px}.color-separation-panel .container .color-list .row span[data-v-babd6c8f]{font-size:12px;line-height:16px}.color-separation-panel .container .color-list .row .name[data-v-babd6c8f]{flex:1}.color-separation-panel .container .check-box[data-v-babd6c8f]{margin-right:8px;width:14px;height:14px;border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;overflow:hidden;cursor:pointer}.color-separation-panel .container .check-box.active[data-v-babd6c8f]{border:none}.color-separation-panel .container .check-box.darker[data-v-babd6c8f]{filter:brightness(.95)}.color-separation-panel .container .check-box svg[data-v-babd6c8f]{width:14px;height:14px;vertical-align:top}.color-separation-panel.mobile[data-v-babd6c8f]{background-color:var(--c-side-header-bg);border-left:none;bottom:0;border-radius:10px 10px 0 0;box-shadow:0 4px 32px 0 var(--c-doc-editor-popup-shadow);overflow:hidden}.color-separation-panel.mobile.closed[data-v-babd6c8f]{transform:translateY(100%);box-shadow:none}.color-separation-panel.mobile .close-button[data-v-babd6c8f]{position:absolute;right:14px}@media screen and (max-width: 640px){.color-separation-panel[data-v-babd6c8f]{width:100vw}.color-separation-panel .sidebar-title[data-v-babd6c8f]{border-bottom:1px solid rgba(0,0,0,.12)}}@media screen and (min-width: 641px){.color-separation-panel[data-v-babd6c8f]{width:260px}}.property-panel{position:fixed;right:0;z-index:5;display:flex;flex-direction:column;height:calc(100% - 88px);transition:transform .3s ease-in-out;background-color:var(--c-side-bg);border-left:1px solid var(--c-side-header-border)}.property-panel.closed{transform:translate(100%)}.property-panel .sidebar-title{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:36px;text-align:center;color:var(--c-side-title);background:var(--c-header-bg)}.property-panel .edit-container{overflow:auto;padding:16px}.property-panel .edit-container .subtitle{font-size:14px;font-weight:700;line-height:32px;color:var(--c-side-title)}.property-panel .edit-container .color .color-title{font-family:Helvetica;line-height:40px}.property-panel .edit-container .color .colors-container{padding:0;border:none}.property-panel .edit-container .color .colors-container .cell-container{padding:2px}.property-panel .edit-container .color .colors-container .cell-container .cell-outer{width:28px;height:28px;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.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{border:.93px solid #DADBDE;overflow:hidden;position:relative;background-color:#fff}.property-panel .edit-container .color .colors-container .cell-container .cell-outer .while:before{content:"";width:125%;height:2.3px;position:absolute;top:50%;background:#FA1E5D;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{display:flex;align-items:center;height:32px}.property-panel .edit-container .opacity .tool .n-slider.width-slider{margin-left:0;width:60%}.property-panel .edit-container .opacity .tool .n-slider.width-slider .n-slider-rail{height:2px;border-radius:0}.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{margin-top:12px}.property-panel .edit-container .text .text-title{margin-bottom:4px}.property-panel .edit-container .text .text-family{width:100%}.property-panel .edit-container .text .content-block{margin-top:8px;height:28px;width:100%}.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{margin-top:8px;display:inline-flex;border:1px solid rgba(0,0,0,.1215686275);background:var(--c-right-side-content-fillbox-bg)}.property-panel .edit-container .text .text-align div{padding:8px 0;width:48px;height:32px;text-align:center;cursor:pointer}.property-panel .edit-container .text .text-align div span{display:inline-block;font-size:0;width:100%}.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{display:grid;grid-row-gap:8px;grid-column-gap:22px;grid-template-columns:repeat(2,minmax(103px,1fr))}.property-panel .edit-container .spacing .block>div{display:inline-flex;align-items:center}.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);-webkit-transform:rotate(-135deg)}.property-panel .edit-container .spacing .arrow.down{margin-bottom:13px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.property-panel .edit-container .n-input-number .n-input{height:28px;border-radius:1px;background-color:var(--c-right-side-content-fillbox-bg);--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 select{height:28px;padding:6px 8px;font-size:14px;line-height:16px;border-radius:1px;background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);color:var(--c-text)}.property-panel .edit-container .n-select{display:inline-block}.property-panel .edit-container .n-select .n-base-selection{min-height:28px;border-radius:1px;--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{height:28px;background:var(--c-right-side-content-fillbox-bg)}.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{font-size:14px;line-height:16px;padding:0 8px;background:var(--c-right-side-content-fillbox-bg);caret-color:transparent}.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{display:flex;align-items:center;justify-content:center;width:100%;height:80px;border:1px solid #E2E3E6;background:var(--c-right-side-content-fillbox-bg)}.property-panel .edit-container .overview img{max-width:90%;max-height:90%}.property-panel .edit-container .tools,.property-panel .edit-container .flips{margin-top:12px}.property-panel .edit-container .tools .buttons,.property-panel .edit-container .flips .buttons{margin-top:8px;display:inline-flex;border:1px solid rgba(0,0,0,.1215686275);background:var(--c-right-side-content-fillbox-bg)}.property-panel .edit-container .tools .buttons :hover,.property-panel .edit-container .flips .buttons :hover{background:#DDE9FF}.property-panel .edit-container .tools .buttons :hover svg,.property-panel .edit-container .flips .buttons :hover svg{color:#43474d}.property-panel .edit-container .tools .buttons div,.property-panel .edit-container .flips .buttons div{padding:8px 0;width:48px;height:32px;text-align:center;cursor:pointer}.property-panel .edit-container .tools .buttons div span,.property-panel .edit-container .flips .buttons div span{display:inline-block;font-size:0;width:100%}.property-panel .edit-container .tools .buttons div span svg,.property-panel .edit-container .flips .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{border-left:var(--c-edit-right-page) 1px solid}.property-panel .edit-container .rotate{margin-top:12px}.property-panel .edit-container .rotate .buttons{margin-top:8px;display:inline-flex;width:100%;gap:5px}.property-panel .edit-container .rotate .buttons div{display:flex;align-items:center;justify-content:center;flex:1;padding:8px 0;height:32px;text-align:center;cursor:pointer;border:1px solid rgba(0,0,0,.1215686275);border-radius:1px;background:var(--c-right-side-content-fillbox-bg)}.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.mobile{background-color:var(--c-side-header-bg);border-left:none;bottom:0;border-radius:10px 10px 0 0;box-shadow:0 4px 32px 0 var(--c-doc-editor-popup-shadow);overflow:hidden}.property-panel.mobile.closed{transform:translateY(100%);box-shadow:none}.property-panel.mobile .close-button{position:absolute;right:14px}.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:none}@media screen and (max-width: 640px){.property-panel{width:100vw}.property-panel .sidebar-title{border-bottom:1px solid rgba(0,0,0,.12)}.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}}@media screen and (min-width: 641px){.property-panel{width:260px}}.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)}.color-picker{display:flex;align-items:center;margin-left:8px;padding:0 3px;border:1px solid rgba(0,0,0,.1215686275);border-radius:20px}.color-picker .preview{margin-right:8px;width:24px;height:24px;background-color:#000;border-radius:50%}.n-color-picker{width:24px;height:24px}.n-color-picker .n-color-picker-trigger{border-radius:50%;border:none}.n-color-picker .n-color-picker-trigger .n-color-picker-trigger__fill{border-radius:50%;overflow:hidden;left:0;right:0;top:0;bottom:0}.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{display:flex;align-items:center;position:unset}.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}.link-panel{position:fixed;right:0;z-index:3;display:flex;flex-direction:column;height:calc(100% - 88px);overflow:hidden;transition:transform .3s ease-in-out;background-color:var(--c-side-bg);border-left:1px solid var(--c-side-header-border)}.link-panel.closed{transform:translate(100%)}.link-panel a{text-decoration:none}.link-panel .sidebar-tabs-header{display:flex;align-items:center;background-color:var(--c-right-side-header-bg)}.link-panel .sidebar-tabs-header .button{flex:1;margin:0;padding:12px 0;border-radius:initial;color:var(--c-right-side-header-text)}.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{display:flex;justify-content:center;align-items:center;height:36px;font-size:14px;line-height:17px;font-weight:700;color:var(--c-right-side-header-text)}.link-panel .sidebar-content{margin-top:16px;width:100%;flex:1;overflow:hidden}.link-panel .input-container{margin:0 16px;position:relative}.link-panel .input-container input{padding:0 20px 0 8px;width:100%;height:24px;background:var(--c-right-side-content-fillbox-bg);border:1px solid var(--c-right-side-content-fillbox-border);border-radius:1px;font-size:16px;line-height:20px;color:var(--c-text);font-family:Helvetica}.link-panel .input-container input::placeholder{font-size:14px;color:var(--c-text);opacity:.6}.link-panel .input-container svg{position:absolute;right:4px;top:4px;cursor:pointer}.link-panel .save{margin:40px auto;width:120px}.link-panel .save.disabled{opacity:1;border-color:#999;background-color:#999}.link-panel.mobile{background-color:var(--c-side-header-bg);border-left:none;bottom:0;border-radius:10px 10px 0 0;box-shadow:0 4px 32px 0 var(--c-doc-editor-popup-shadow)}.link-panel.mobile.closed{transform:translateY(100%);box-shadow:none}.link-panel.mobile .close-button{position:absolute;right:14px}@media screen and (max-width: 640px){.link-panel{width:100vw}}@media screen and (min-width: 641px){.link-panel{width:260px}}.hidden{display:none}.stamp-panel{position:fixed;right:0;z-index:3;display:flex;flex-direction:column;height:calc(100% - 88px);overflow:hidden;transition:transform .3s ease-in-out;background-color:var(--c-side-bg);border-left:1px solid var(--c-side-header-border)}.stamp-panel.closed{transform:translate(100%)}.stamp-panel a{text-decoration:none}.stamp-panel .sidebar-tabs-header{display:flex;align-items:center;background-color:var(--c-right-side-header-bg)}.stamp-panel .sidebar-tabs-header .button{flex:1;margin:0;padding:12px 0;border-radius:initial;color:var(--c-right-side-header-text)}.stamp-panel .sidebar-tabs-header .button:not(.disabled):hover{background-color:var(--c-right-side-header-bg)}.stamp-panel .sidebar-tabs-header .button:not(.disabled).active{background-color:var(--c-right-side-header-active);color:var(--c-white)}.stamp-panel .sidebar-tabs-header .button span{font-size:12px;line-height:16px}.stamp-panel .sidebar-tabs-header .mobile{display:none}.stamp-panel .sidebar-tabs-header .divider{margin-right:0}.stamp-panel .sidebar-title{display:flex;justify-content:center;align-items:center;height:36px;font-size:14px;line-height:17px;font-weight:700;color:var(--c-right-side-header-text)}.stamp-panel .sidebar-content{width:100%;flex:1;overflow:hidden}.stamp-panel .sidebar-content .empty-list{display:flex;justify-content:center;align-items:center;height:100%;color:var(--c-text);font-weight:700;font-size:14px}.stamp-panel .sidebar-content .block{position:relative;padding:8px 0;display:flex;align-items:center;justify-content:center}.stamp-panel .sidebar-content .block:hover{background-color:#dde9ff}.stamp-panel .sidebar-content img{max-width:190px;max-height:66px}.stamp-panel .sidebar-content .standard-container,.stamp-panel .sidebar-content .customize-container{margin-top:16px;overflow:auto;height:100%}.stamp-panel .sidebar-content .dynamic-stamp{display:flex;flex-direction:column;justify-content:center;padding:0 16px;width:190px;height:36px;border-radius:6px;text-align:left;font-family:Helvetica;font-size:10px;font-weight:400;line-height:16px}.stamp-panel .sidebar-content .dynamic-stamp .title{font-size:14px}.stamp-panel .sidebar-content .dynamic-stamp.red{color:#9a1c04;border:1px solid #9A1C04;background:var(--c-dynamic-stamp-red-bg)}.stamp-panel .sidebar-content .dynamic-stamp.green{color:#4f7d2a;border:1px solid #A0BA8E;background:var(--c-dynamic-stamp-green-bg)}.stamp-panel .sidebar-content .close-button{display:none;position:absolute;right:8px}.stamp-panel .sidebar-content .custom-container{display:flex;flex-direction:column;width:100%;height:100%}.stamp-panel .sidebar-content .custom-container.hidden{display:none}.stamp-panel .sidebar-content .custom-container .stamps-container{flex:1;padding:16px 0;overflow:auto}.stamp-panel .sidebar-content .custom-container .block:hover .close-button{display:flex}.stamp-panel .sidebar-content .create-container{background-color:var(--c-side-bg);width:100%;display:flex;justify-content:center;align-items:center}.stamp-panel .sidebar-content .create-button{display:flex;justify-content:center;align-items:center;width:200px;margin-bottom:12px;border-radius:8px;font-size:16px;line-height:20px;font-weight:700;padding:14px 0;text-align:center;background-color:var(--c-right-side-header-active);cursor:pointer;color:var(--c-white)}.stamp-panel .sidebar-content .create-button:hover{background-color:var(--c-right-side-header-active-hover)}.stamp-panel.mobile{background-color:var(--c-side-header-bg);border-left:none;bottom:0;border-radius:10px 10px 0 0;box-shadow:0 4px 32px 0 var(--c-doc-editor-popup-shadow)}.stamp-panel.mobile.closed{transform:translateY(100%);box-shadow:none}.stamp-panel.mobile .close-button{position:absolute;right:14px}.stamp-panel.mobile .standard-container{padding-bottom:80px}@media screen and (max-width: 640px){.stamp-panel{width:100vw}}@media screen and (min-width: 641px){.stamp-panel{width:260px}.stamp-panel .thumbnail-view{padding:0 16px}}.right-panel-page{position:fixed;right:0;z-index:3;display:flex;flex-direction:column;height:calc(100% - 44px);overflow:hidden;transition:transform .3s ease-in-out;background-color:var(--c-side-bg);border-left:1px solid var(--c-side-header-border)}.right-panel-page.closed{transform:translate(100%)}.right-panel-page .sidebar-title{display:flex;justify-content:center;align-items:center;height:40px;font-size:14px;font-weight:700;color:var(--c-right-side-header-text);background-color:var(--c-side-header-bg);border-bottom:1px solid var(--c-side-header-border)}.right-panel-page .mode-container{padding:0 20px 0 16px}.right-panel-page .mode-item{padding:26px 0 7px}.right-panel-page .mode-item+.mode-item{border-top:1px solid var(--c-side-header-border)}.right-panel-page .mode-item h2{margin:0 0 18px;font-size:14px;line-height:16px}.right-panel-page .mode-tabs{display:flex;align-items:center}.right-panel-page .mode-tabs .button{padding:6px 13px;border-radius:6px;color:var(--c-tool-right-page)}.right-panel-page .mode-tabs .button.active{color:var(--c-tool-right-page-active)}.right-panel-page.mobile{background-color:var(--c-side-header-bg);border-left:none;bottom:0;border-radius:10px 10px 0 0;box-shadow:0 4px 32px 0 var(--c-doc-editor-popup-shadow)}.right-panel-page.mobile.closed{transform:translateY(100%);box-shadow:none}.right-panel-page.mobile .close-button{position:absolute