.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,bottom .2s ease,background-color .2s ease,-webkit-transform .2s ease;transition:width .2s ease,height .2s ease,top .2s ease,bottom .2s ease,background-color .2s ease,transform .2s ease;transition:width .2s ease,height .2s ease,top .2s ease,bottom .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%;bottom:-18px;-webkit-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg)}.block-area-comment-box .comment-icon.icon-middle{left:50%;top:3px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.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{bottom:-21px}