.bitable-comment{position:fixed;right:-1px;top:0;bottom:0;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);width:304px;background:var(--bg-float);border:1px solid var(--line-border-card);border-top:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;height:auto}.bitable-comment .bitable-doc-position{position:relative}.bitable-comment .bitable-doc-position .m-mention-container{z-index:999}.bitable-comment--hide{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.bitable-comment__header{padding:0 14px 0 18px}.bitable-comment__header,.bitable-comment__header-title{font-size:14px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:47px;color:var(--text-caption)}.bitable-comment__header-close{font-size:20px;display:inline-block;width:20px;height:20px;cursor:pointer;text-align:center}.bitable-comment__header-close svg{width:16px;height:16px;fill:var(--icon-n2)}.bitable-comment__header-close svg:hover{fill:var(--primary-content-default)}.bitable-comment__header-close svg:active{fill:var(--primary-content-pressed)}.bitable-comment__list-container{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.bitable-comment__panel-list{position:absolute;top:0;left:0;overflow:scroll;width:100%;height:100%}.bitable-comment__panel-list::-webkit-scrollbar{display:none}.bitable-comment__panel-list .comment-panel{background-color:var(--bg-float);margin:20px 0 20px 18px;width:270px}.bitable-comment-scroll-contaier{overflow-y:auto;overflow-x:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.bitable-comment-scroll-contaier:after{content:"";display:block;height:116px}.bitable-comment-scroll-contaier::-webkit-scrollbar{display:none}.bitable-feed-comment{width:0}.bitable-feed-comment .bitable-doc-position{position:relative}.bitable-comment.bitable-comment--sheet{z-index:2}.bitable-comment.bitable-comment--sheet.bitable-comment--hide{width:0}.bitable-comment.bitable-comment--sheet .bitable-comment__header{padding:0 18px}.bitable-comment.bitable-comment--sheet .bitable-comment__panel-list .comment-panel{background-color:var(--bg-float);margin:20px 0 20px 10px;width:282px}.bitable-card-comment{margin:0 40px 40px;width:444px;position:relative}.bitable-card-comment .comment-inner-text-loading{--comment-loading-bg:var(--bg-float)}.bitable-card-comment .reply-info-text-name{max-width:100%}.bitable-card-comment__title{font-size:18px;font-weight:500;color:var(--text-title);border-bottom:1px solid var(--line-divider-default);height:47px;line-height:50px;padding-left:8px;margin-bottom:8px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bitable-card-comment-reply-container{margin-bottom:10px}.bitable-card-comment__append-textarea{color:var(--text-title);position:relative;left:51px;width:393px;border:1px solid var(--line-divider-default);border-radius:6px;background-color:var(--bg-body);padding:7px 10px}.bitable-card-comment__append-textarea:focus,.bitable-card-comment__append-textarea:hover{border-color:var(--primary-content-default)}.bitable-card-comment__append-textarea .comment-avatar{position:absolute;pointer-events:none;top:0;left:-44px}.bitable-card-comment__append-textarea .comment-placeholder{display:none}.bitable-card-comment .bitable-card-doc-position{position:relative;z-index:999}.bitable-card-comment-v2{margin:0;width:100%;position:relative;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bitable-card-comment-v2 .reply-info-text-name{max-width:100%}.bitable-card-comment-v2 .bitable-card-comment .comment-inner-text-loading{--comment-loading-bg:var(--bg-float)}.bitable-card-comment-v2 .bitable-card-comment-reply-container{margin-bottom:10px}.bitable-card-comment-v2 .bitable-card-comment-reply-input{padding:4px 24px 16px;position:relative;min-height:88px;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.bitable-card-comment-v2 .bitable-card-comment-reply-input .editor-kit-container,.bitable-card-comment-v2 .bitable-card-comment-reply-input .zone-container{max-height:calc(100vh - 396px);overflow-x:hidden;overflow-y:auto}.bitable-card-comment-v2 .bitable-card-comment-reply-list{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:scroll;padding-left:14px;padding-right:14px;padding-top:12px}.bitable-card-comment-v2 .bitable-card-comment-empty{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bitable-card-comment-v2 .bitable-card-comment__append-textarea{color:var(--text-title);position:relative;left:51px;width:calc(100% - 51px);border:1px solid var(--line-divider-default);border-radius:6px;background-color:var(--bg-body);padding:7px 10px}.bitable-card-comment-v2 .bitable-card-comment__append-textarea:focus,.bitable-card-comment-v2 .bitable-card-comment__append-textarea:hover{border-color:var(--primary-content-default)}.bitable-card-comment-v2 .bitable-card-comment__append-textarea .comment-avatar{position:absolute;pointer-events:none;top:0;left:-44px}.bitable-card-comment-v2 .bitable-card-comment__append-textarea .comment-placeholder{display:none}.bitable-card-comment-v2 .bitable-card-comment .bitable-card-doc-position{position:relative;z-index:999}