.image-viewer .image-viewer-add-area-comment{display:flex;color:var(--static-white);margin:0 4px;line-height:24px}.image-viewer .toolbox-list>li.active .image-viewer-add-area-comment{color:var(--colorful-yellow)}.preview-sdk__box-preview-container .toolbox-vc-whiteboard{background:var(--bg-float);border:1px solid var(--line-border-card);box-shadow:var(--shadow-s4-down)}.preview-sdk__box-preview-container .toolbox-vc-whiteboard button{color:var(--N800)}.preview-sdk__box-preview-container .toolbox-vc-whiteboard button:not(:disabled):hover{background-color:rgba(31,35,41,.1)}.preview-sdk__box-preview-container .toolbox-vc-whiteboard button:not(:disabled):active{background-color:rgba(31,35,41,.15)}.toolbox-vc-whiteboard span{font-size:14px;line-height:22px;color:currentColor}.viewer-container .viewer-toolbar{margin-left:0!important;margin-right:0!important}.toolbox-vc-whiteboard{border-radius:6px;background-color:var(--ccmtoken-doc-picture-toolbar-bg);padding:12px 16px;cursor:default;display:flex;flex-direction:row;align-items:center;height:48px;margin:0 0 0 6px}.toolbox-vc-whiteboard>li{width:auto;background-repeat:no-repeat;color:#2b2f36;height:26px;position:relative}.toolbox-vc-whiteboard>li button{display:flex;justify-content:space-between;color:var(--static-white);cursor:pointer;border-radius:6px;transition:color .15s,background-color .1s linear;padding:1px 4px}.toolbox-vc-whiteboard>li button:disabled{cursor:not-allowed}.toolbox-vc-whiteboard>li button:disabled svg,.toolbox-vc-whiteboard>li button:disabled svg path{fill:var(--static-white-40)}.toolbox-vc-whiteboard>li button:not(:disabled):hover{background-color:var(--static-white-20)}.toolbox-vc-whiteboard>li button:not(:disabled):active{background-color:var(--static-white-30)}.toolbox-vc-whiteboard>li button>span:first-child{width:18px;height:22px;line-height:22px;font-size:18px;vertical-align:middle}.toolbox-vc-whiteboard>li button>span:last-child{line-height:22px;vertical-align:middle;margin:0 0 0 4px}.vc-wb-loading{color:var(--static-white);-webkit-animation:load_rotate 1s linear infinite;animation:load_rotate 1s linear infinite}@-webkit-keyframes load_rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load_rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.block-area-comment-container{position:absolute;top:0;left:0;overflow:visible;pointer-events:none;--hot-area-size:10px;--border-width:3px}.is-drawing.block-area-comment-container{display:none}.is-cropped.block-area-comment-container{overflow:hidden}.adit-draggable-snapshot-container .block-area-comment-container,.docx-image-block .img .block-area-comment-container{max-width:100%;max-height:100%}.block-area-comment-box{position:absolute}.block-area-comment-box .ui-only-div{width:100%;height:100%;border:var(--border-width) solid var(--colorful-yellow);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.block-area-comment-box:not(.area-comment-to-activate){pointer-events:none;cursor:zoom-in}.block-area-comment-box.area-comment-to-activate{pointer-events:auto;cursor:pointer}.block-area-comment-box .comment-icon{position:absolute;display:inline-flex;width:20px;height:20px;font-size:24px;z-index:2;pointer-events:auto;cursor:pointer;transition:width .2s ease,height .2s ease,top .2s ease,background-color .2s ease,-webkit-transform .2s ease;transition:width .2s ease,height .2s ease,top .2s ease,background-color .2s ease,transform .2s ease;transition:width .2s ease,height .2s ease,top .2s ease,background-color .2s ease,transform .2s ease,-webkit-transform .2s ease;--icon-bg-fill:#fcdf7e;--icon-bg-stroke:var(--static-white);--icon-minus-fill:var(--static-white)}.block-area-comment-box .comment-icon .icon-svg{width:100%;height:100%;display:block}.block-area-comment-box .comment-icon.icon-top{left:50%;top:-18px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.block-area-comment-box .comment-icon.icon-bottom{left:50%;top:100%;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}.block-area-comment-box .comment-icon.icon-left{left:-20px;top:50%;-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.block-area-comment-box .comment-icon.icon-right{top:50%;left:100%;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.block-area-comment-box .border{position:absolute;pointer-events:auto;cursor:pointer}.block-area-comment-box .border.bottom,.block-area-comment-box .border.top{left:0;width:100%;height:var(--hot-area-size)}.block-area-comment-box .border.left,.block-area-comment-box .border.right{top:0;height:100%;width:var(--hot-area-size)}.block-area-comment-box .border.top{top:0}.block-area-comment-box .border.bottom{bottom:0}.block-area-comment-box .border.left{left:0}.block-area-comment-box .border.right{right:0}.block-area-comment-box.active,.block-area-comment-box.is-hovering{z-index:2}.block-area-comment-box.active .ui-only-div,.block-area-comment-box.is-hovering .ui-only-div{opacity:1}.block-area-comment-box.active .comment-icon,.block-area-comment-box.is-hovering .comment-icon{width:24px;height:24px;--icon-bg-fill:#ffc60a}.block-area-comment-box.active .comment-icon.icon-top,.block-area-comment-box.is-hovering .comment-icon.icon-top{top:-21px}.block-area-comment-box.active .comment-icon.icon-bottom,.block-area-comment-box.is-hovering .comment-icon.icon-bottom{top:calc(100% + 3px)}.block-area-comment-box.active .comment-icon.icon-left,.block-area-comment-box.is-hovering .comment-icon.icon-left{left:-23px}.block-area-comment-box.active .comment-icon.icon-right,.block-area-comment-box.is-hovering .comment-icon.icon-right{left:calc(100% + 3px)}.image-viewer-wrapper img{opacity:1;background-color:var(--static-white)}.image-viewer-wrapper img.unloaded-view-image{opacity:0!important;visibility:hidden!important;background-color:initial!important}.image-viewer-wrapper img.mime-type-png{background-color:var(--bg-base)}.image-viewer-wrapper img.mime-type-svg{background-color:var(--static-white)}.image-draggable{cursor:grab}.image-draggable.image-dragging{opacity:1;cursor:grabbing}.image-view-area-comment-renderer.comment-highlight{box-shadow:0 0 0 3px var(--Y200)}html[data-theme=dark]{--AI-img-placeholder-bg:var(--N00)}html[data-theme=light]{--AI-img-placeholder-bg:#f0f0fd}.vc-hover-background{background-color:var(--C50)!important;border-radius:8px}.vc-hover-border{border-color:var(--colorful-carmine)!important}.dx-btn-close-top-right{position:absolute;width:48px;height:48px;background-color:var(--ccmtoken-doc-picture-toolbar-bg);border-radius:50%;top:20px;right:20px;padding:12px;cursor:pointer}.dx-btn-close-top-right:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;border-radius:50%}.dx-btn-close-top-right:hover:before{background-color:var(--static-white-20)}.dx-btn-close-top-right:active:before{background-color:var(--static-white-30)}@-webkit-keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotator{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;-webkit-transform:rotate(135deg);transform:rotate(135deg)}to{stroke-dashoffset:187;-webkit-transform:rotate(450deg);transform:rotate(450deg)}}.image-viewer{width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;transition:all .2s ease-in-out;background-color:rgba(var(--static-black-raw),0);cursor:zoom-out;z-index:1049;overflow:hidden}.image-viewer>:not(#block-area-comment-container){-webkit-user-select:none;user-select:none}.image-viewer.in-vc{z-index:994}.image-viewer .image-viewer-wrapper{width:100%;height:100%;-webkit-user-select:none;user-select:none}.image-viewer .image-viewer-wrapper.show-comment{width:calc(100% - 295px);position:relative}.image-viewer .image-viewer-wrapper.show-comment .comment-picker,.image-viewer .image-viewer-wrapper.show-comment .image-operation-container,.image-viewer .image-viewer-wrapper.show-comment .image-view-area-comment-renderer{cursor:default}.image-viewer .image-viewer-main.show-comment{width:calc(100% - 295px);position:relative}.image-viewer .image-operation-container,.image-viewer .image-operation-container img,.image-viewer .image-view-area-comment-renderer{position:absolute;top:50%;left:50%;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}.image-viewer .image-operation-container,.image-viewer .image-view-area-comment-renderer{backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;outline:1px solid transparent}.image-viewer .image-operation-container img,.image-viewer .image-view-area-comment-renderer img{position:unset;top:unset;left:unset;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:unset;transform:unset;-webkit-user-select:none;user-select:none}.image-viewer .image-viewer-loading{position:relative;width:100%;height:100%;-webkit-user-select:none;user-select:none}.image-viewer .image-viewer-loading svg{display:block;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-animation:rotator 1.4s linear infinite;animation:rotator 1.4s linear infinite}.image-viewer .image-viewer-loading .spinner-path{-webkit-animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite;stroke:var(--B500-FG);stroke-dasharray:187;stroke-dashoffset:0;-webkit-transform-origin:center;transform-origin:center}.image-viewer.viewer-show{background-color:var(--static-black-80)}.image-viewer.toolbar-hide *{cursor:none}.image-viewer.toolbar-hide [data-cursor-hide=hide]{opacity:0}.image-viewer.no-transition img{transition:none}.toolbox-container{position:absolute;bottom:20px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);height:48px;display:flex;justify-content:center;align-items:center}.toolbox-list{border-radius:6px;background-color:var(--ccmtoken-doc-picture-toolbar-bg);padding:12px 16px;cursor:default;display:flex;flex-direction:row;height:48px;margin:0}.toolbox-list>li{width:24px;height:24px;margin:0 6px;border-radius:4px;font-size:14px;line-height:24px;text-align:center;cursor:default;color:var(--static-white);list-style:none}.toolbox-list>li.btn-item button{cursor:pointer;border-radius:4px}.toolbox-list>li.btn-item button:disabled{cursor:not-allowed}.toolbox-list>li.btn-item button:disabled svg,.toolbox-list>li.btn-item button:disabled svg path{fill:var(--static-white-40)}.toolbox-list>li.active.btn-item button{color:#ffc60a}.toolbox-list>li.active.btn-item button svg path{fill:#ffc60a!important}.toolbox-list>li.page-container{width:auto}.toolbox-list>li.percent-container{width:40px}.toolbox-list>li.divider{width:1px;margin:2px 10px;border-left:1px solid var(--static-white-30);cursor:default;height:20px}.toolbox-list>li:first-child{margin-left:0}.toolbox-list>li:last-child{margin-right:0}.toolbox-list>li.btn-item button:not(:disabled):hover{background-color:var(--static-white-20)}.toolbox-list>li.btn-item button:not(:disabled):active{background-color:var(--static-white-30)}.toolbox-list>li.autoWidth{width:auto}.image-viewer-tooltip{-webkit-user-select:none;user-select:none}.image-viewer-tooltip .ud__tooltip-content{background-color:var(--ccmtoken-mindnote-highlightcolor-neutral);color:var(--text-title);box-shadow:0 3px 5px var(--static-black-20)}.image-viewer-tooltip .ud__tooltip__arrow__streamline__content{fill:var(--ccmtoken-mindnote-highlightcolor-neutral)}#docx-h5-image-viewer{background-color:var(--N00)}.image-block-viewer-vc-wb-hidden>*{opacity:0}