.m-pdf-comment-bar{width:100%;height:100%;position:fixed;top:0;left:0;z-index:1001;display:flex;flex-direction:column;background:#fff;overflow:hidden}.m-pdf-comment-bar .m-pdf-comment-bar-header{display:flex;justify-content:space-between;align-items:center;border-bottom:.5px solid rgba(0,0,0,.12);padding:9px 16px;transform:translateZ(999px)}.m-pdf-comment-bar .m-pdf-comment-bar-header .m-pdf-comment-bar-header-cancel{font-size:16px;font-weight:bold}.m-pdf-comment-bar .m-pdf-comment-bar-header .m-pdf-comment-bar-header-btns{display:flex;align-items:center}.m-pdf-comment-bar .m-pdf-comment-bar-header .m-pdf-comment-bar-header-save{white-space:nowrap;overflow:hidden;border-radius:4px;color:#fff;display:flex;justify-content:center;align-items:center;margin-left:14px;padding:6px 0}.m-pdf-comment-bar .m-pdf-comment-bar-header .m-pdf-comment-bar-header-save.disabled{opacity:.4}.m-pdf-comment-bar .m-pdf-comment-bar-textarea{height:200px;padding:12px;border:none;overflow-y:scroll;resize:none;z-index:1001;font-size:16px;line-height:22px;border:0;box-sizing:border-box;-webkit-overflow-scrolling:touch}.m-pdf-comment-bar .m-pdf-comment-bar-textarea::-webkit-input-placeholder{color:#000;opacity:.2}.m-pdf-comment-bar .m-pdf-comment-bar-textarea:-ms-input-placeholder{color:#000;opacity:.2}.m-pdf-comment-bar .m-pdf-comment-bar-textarea::placeholder{color:#000;opacity:.2}.m-pdf-comment-bar-full-screen-panel .component-panel-header{display:none}
.pdf-mob-components-slider-root{padding:0 15px 15px}.pdf-mob-components-slider-root.hidden{display:none}.pdf-mob-components-slider-root .pdf-mob-components-slider-wrap{background:#f5f7fb;border-radius:8px;padding:15px 15px 8px}.pdf-mob-components-slider-title{color:rgba(0,0,0,.4);font-size:12px}.pdf-mob-components-slider{display:flex;align-items:center;width:100%;margin-top:10px}.pdf-mob-components-slider .pdf-mob-components-slider-container{flex:1;padding:14px 0}.pdf-mob-components-slider .pdf-mob-components-slider-container .pdf-mob-components-slider-rail{background:#d8d8d8;border-radius:3px;height:3px;position:relative}.pdf-mob-components-slider .pdf-mob-components-slider-container .pdf-mob-components-slider-rail .pdf-mob-components-slider-progress{position:absolute;left:0;top:0;bottom:0;background:#417ff9;border-radius:3px}.pdf-mob-components-slider .pdf-mob-components-slider-container .pdf-mob-components-slider-rail .pdf-mob-components-slider-thumb{position:absolute;top:50%;left:0;width:18px;height:18px;background:#fff;box-shadow:0 3px 6px 0 rgba(0,0,0,.08);border-radius:50%;transform:translate(-50%,-50%)}.pdf-mob-components-slider .pdf-mob-components-slider-container .pdf-mob-components-slider-rail .pdf-mob-components-slider-thumb:active,.pdf-mob-components-slider .pdf-mob-components-slider-container .pdf-mob-components-slider-rail .pdf-mob-components-slider-thumb:hover{background:#fff}.pdf-mob-components-slider .pdf-mob-components-slider-label{color:#969696;padding-left:12px;font-size:12px;text-align:center}.right-to-left .pdf-mob-components-slider-thumb{transform:translate(50%,-50%)!important}
.anno-style{padding:15px 15px 0}.anno-style-wrap{background:#f5f7fb;border-radius:8px;padding:10px 15px 8px}.anno-style-wrap .anno-style-title{color:rgba(0,0,0,.4);font-size:12px}.anno-style-items{display:flex;justify-content:space-between;overflow:hidden;margin-top:10px;margin-left:-15px;margin-right:-15px}.anno-style-items .item-container{border-radius:3px;padding:15px;display:flex;align-items:center}.anno-style-items .item-container .item{padding:0 1px;pointer-events:none}.anno-style-items .item-container .item svg{pointer-events:none;height:18px;width:18px}.anno-style-items .item-container.selected{background:#e9ecf0;border-radius:0}
.pdf-mob-components-line-width{padding:0 15px 15px}.pdf-mob-components-line-width .line-width-wrap{background:#f5f7fb;border-radius:8px;padding:10px 15px;overflow:hidden}.pdf-mob-components-line-width .line-width-wrap .line-width-title{color:rgba(0,0,0,.4);font-size:12px}.pdf-mob-components-line-width .pdf-mob-components-line-width-bar-color-wrapper{display:flex;justify-content:center;align-items:center;margin:0 -15px;margin-top:10px;overflow:hidden}.pdf-mob-components-line-width .pdf-mob-components-line-width-bar-color-wrapper div{flex:1;position:relative;height:48px;display:flex;justify-content:center;align-items:center;padding:18px}.pdf-mob-components-line-width .pdf-mob-components-line-width-bar-color-wrapper div>i{display:block;background:#343941;width:100%;pointer-events:none}.pdf-mob-components-line-width .pdf-mob-components-line-width-bar-color-wrapper div.selected{background:#e9ecf0}
.component-color-panel{flex-grow:1;background:#f5f7fb;border-radius:8px;overflow:hidden}.component-color-panel.has-color-title{padding-bottom:8px}.component-color-panel .group-title{padding:7px 16px;font-size:13px;line-height:22px;color:rgba(0,0,0,.7)}.component-color-panel .color-group{display:flex}
.component-color-item{flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;height:48px;opacity:.999}.component-color-item:active{opacity:.4}.component-color-item.show-border .color{border:1px solid #d9d9d9}.component-color-item .color{width:26px;height:26px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}
.component-more-color-panel{padding:0 16px}.component-more-color-panel .component-color-panel{margin-bottom:16px}
.pdf-mob-components-color-bar{padding:8px 15px}.pdf-mob-components-color-bar .pdf-mob-components-color-bar-color-text{color:#969696;font-size:12px}.pdf-mob-components-color-bar .pdf-mob-components-color-bar-color-wrapper{display:flex;width:100%;justify-content:space-between;background:#f5f7fb;padding:10px;border-radius:8px}.pdf-mob-components-color-bar .pdf-mob-components-color-bar-color-wrapper .pdf-mob-components-color-bar-item{flex:1;position:relative;display:flex;justify-content:center;align-items:center}.pdf-mob-components-color-bar .pdf-mob-components-color-bar-color-wrapper .pdf-mob-components-color-bar-item .pdf-mob-components-color-bar-item-value{border-radius:50%;width:24px;height:24px;pointer-events:none;display:flex;justify-content:center;align-items:center}.pdf-mob-components-color-bar .pdf-mob-components-color-bar-color-wrapper .pdf-mob-components-color-bar-item .pdf-mob-components-color-bar-item-value.revert{border:1px solid #d2d2d2}.pdf-mob-components-color-bar .pdf-mob-components-color-bar-color-wrapper .pdf-mob-components-color-bar-item .pdf-mob-components-color-bar-item-value.selected{width:28px;height:28px;border:2px solid #fff}.pdf-mob-components-color-bar .pdf-mob-components-color-bar-color-wrapper .pdf-mob-components-color-bar-item .pdf-mob-components-color-bar-item-value.selected:before{content:"";display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;height:30px;width:30px;background:transparent;border:1px solid rgba(0,0,0,.08)}.color-group{justify-content:space-around}
.anno-info-bar-attr-setting{height:100%;width:100%}.anno-info-bar-attr-setting .anno-info-bar-title{width:100%;font-weight:bold;text-align:left;padding:5px 15px 15px;border-bottom:.5px solid rgba(0,0,0,.12);margin-bottom:5px}.anno-info-bar-attr-setting .anno-info-bar-attr{width:100%;height:calc(100% - 45px);overflow:auto}
.m-pdf-comment-panel{width:100%;z-index:1000;display:flex;flex-direction:column;align-items:center;overflow:hidden}.comment-set-panel{height:100%}.comment-half-panel .panel-body,.comment-half-panel .panel-content{overflow:hidden!important;height:100%}.iphoneX-pdf-pop-panel{padding-bottom:34px;background:#fff}
