.pdf-mob-components-anno-info-bar{display:flex;align-items:center;padding:14px}.pdf-mob-components-anno-info-bar .pdf-mob-components-anno-info-bar-icon{margin-right:12px}.pdf-mob-components-anno-info-bar .pdf-mob-components-anno-info-bar-icon .avatar{border-radius:50%;height:24px;width:24px;overflow:hidden;position:relative;background-size:cover;background-position:50%;background-repeat:no-repeat;background-color:#fff}.pdf-mob-components-anno-info-bar .pdf-mob-components-anno-info-bar-content{overflow:hidden;flex:1}.pdf-mob-components-anno-info-bar .pdf-mob-components-anno-info-bar-content p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#383838;font-size:14px;margin-bottom:4px}.pdf-mob-components-anno-info-bar .pdf-mob-components-anno-info-bar-content p:last-child{margin-bottom:0;color:#969696;font-size:12px}.pdf-mob-components-anno-info-bar .pdf-mob-components-anno-info-bar-content .pdf-mob-components-anno-info-bar-content-title{padding:2px 0}.pdf-mob-components-anno-info-bar .pdf-mob-components-anno-info-bar-tool.disabled{pointer-events:none;opacity:.3}.pdf-mob-components-anno-info-bar .pdf-mob-components-anno-info-bar-tool .pdf-mob-component-icon{margin-left:14px}.pdf-mob-components-anno-info-bar .pdf-mob-components-anno-info-bar-tool .color-icon i{height:24px!important;width:24px!important}.anno-info-bar-wrap{width:100%;z-index:1000;overflow:hidden}.anno-info-bar-wrap .anno-info-bar-main{width:100%}.anno-info-bar-wrap .anno-info-bar-main.has-split-line{border-bottom:.5px solid rgba(0,0,0,.12)}.anno-info-bar-wrap .anno-info-bar-main .anno-info-bar-title{font-weight:bold;text-align:center;padding:5px 15px 15px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:5px}.anno-info-bar-wrap .anno-info-bar-setting-panel{width:100%;height:100%}.anno-info-bar-half-panel .panel-body,.anno-info-bar-half-panel .panel-content{overflow:hidden!important;height:100%}
.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-list{width:100%;height:211px;background:#fff;padding:12px 16px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.m-pdf-comment-panel-list.horizontal-screen{height:111px}.pdf-component-comment-item{padding:12px 0}.pdf-component-comment-item:first-child{padding-top:0}.pdf-component-comment-item:last-child{border-bottom:none;padding-bottom:0}.pdf-component-comment-item:only-child{border-bottom:none;padding-bottom:16px}.pdf-component-comment-item.less-mode{border-bottom:none}.pdf-component-comment-item .item-title{display:flex;align-items:center;color:rgba(0,0,0,.4)}.pdf-component-comment-item .item-title>span{font-size:13px}.pdf-component-comment-item .item-title .name{line-height:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-right:8px;margin-left:12px}.pdf-component-comment-item .item-title .time{color:rgba(0,0,0,.2);white-space:nowrap}.pdf-component-comment-item .item-content{font-size:14px;padding-left:36px;white-space:pre-wrap;line-height:normal}.pdf-component-comment-item .item-content.hasEmptyContent{min-height:19px}.pdf-component-comment-item .item-content .voice-bubble-placeholder{height:46px}.pdf-component-comment-item .item-content .comment-unable-view{color:rgba(8,14,23,.46);justify-content:space-between;display:flex;align-items:center;padding:5px 8px;height:36px;background:#f5f7fa;border-radius:6px}.pdf-component-comment-item .item-content .comment-unable-view .feedback-btn{color:#0a6cff;padding:0 8px}
.card-voice{display:flex;align-items:center;margin-top:14px}.card-voice .voice-play-bar{display:flex;align-items:center;min-width:66px;max-width:186px;height:32px;border-radius:6px;border:.5px solid rgba(0,0,0,.4);padding:4px 0 4px 8px;margin-right:8px;font-size:13px;font-weight:400;color:#000;line-height:18px}.card-voice .voice-play-bar .voice-status{width:24px;height:24px;margin-right:5px;background-image:url(../../../../images/voice_play_status.458e79bc.svg);background-size:96px 24px;background-repeat:no-repeat;background-position:-72px 0;animation-duration:1s;animation-timing-function:step-start;animation-iteration-count:infinite}.card-voice .voice-loading{width:20px;height:20px;background-image:url(../../../../images/voice_comment_loading.5f338124.svg);background-size:100% 100%;animation:voiceCommentRotate infinite .75s linear}.voice-translation{display:flex;align-items:center}.voice-translation .translation-text{display:flex;justify-content:center;align-items:center;min-width:37px;min-height:32px;background:#f3f3f3;border-radius:4px;font-size:13px;font-weight:400;color:#000;line-height:18px;margin-top:3px;margin-right:3px;padding:7px 8px;word-break:break-word}.voice-translation .translation-text .text-omit{width:100%;display:flex;justify-content:space-between;align-items:center}.voice-translation .translation-text .text-omit span{width:3px;height:3px;background:#a9a9a9;border-radius:50%}@keyframes voiceCommentRotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes playStatus{25%{background-position:0 0}50%{background-position:-24px 0}75%{background-position:-48px 0}to{background-position:-72px 0}}
.component-avatar-info{display:flex;flex-direction:column;align-items:center}.component-avatar-info .component-avatar{margin-top:44px;width:60px;height:60px;margin-bottom:12px}.component-avatar-info .name{color:rgba(8,14,23,.9);color:hsla(0,0%,5%,.9);color:var(--kd-color-text-primary);height:22px;font-size:14px;line-height:22px;max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.component-avatar-info .address{height:20px;line-height:20px;font-size:12px;color:rgba(8,14,23,.66);color:hsla(0,0%,5%,.66);color:var(--kd-color-text-secondary);margin-bottom:50px;max-width:70%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.m-pdf-comment-panel-input-container{width:100%;display:flex;flex-direction:row;background:#fff;padding:12px 16px 8px;align-items:center;border-top:.5px solid rgba(0,0,0,.12)}.m-pdf-comment-panel-input-container .m-pdf-comment-panel-input{font-size:14px;display:flex;align-items:center;flex:1;border-radius:4px;padding:9px 12px;background:#f5f7fb;height:40px;color:rgba(0,0,0,.2)}.m-pdf-comment-panel-input-container .m-pdf-comment-panel-input-send{margin-left:12px;width:46px;height:30px;background:rgba(65,127,249,.4);border-radius:4px;color:#fff;display:flex;justify-content:center;align-items:center}.m-pdf-comment-panel-input-container .m-pdf-comment-panel-recorder-btn.component-icon-btn{padding:6px 16px 6px 0}
.m-pdf-remark-panel-header{display:flex;width:100%;padding:0;justify-content:space-between;align-items:center;border-bottom:.5px solid rgba(0,0,0,.12);text-align:center}.m-pdf-remark-panel-header .m-pdf-remark-panel-header-right{display:flex;align-items:center;margin-right:14px}.m-pdf-remark-panel-header .m-pdf-remark-panel-header-text{margin-left:16px;font-size:17px;font-weight:bold;padding:7px 0 13px;width:100%}.m-pdf-remark-panel-header .m-pdf-remark-panel-header-text b{position:relative;font-weight:bold;left:11px;color:#000}
.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}