.locations[data-v-7f89d87c]{width:12.1354167%;flex:0 0 12.1354167%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;min-height:0;border-right:1px solid #dfe3eb;background:#fff;color:#607484;transition:width .2s,flex-basis .2s}.locations.collapsed[data-v-7f89d87c]{width:calc(var(--commbook-unit)*54);flex-basis:calc(var(--commbook-unit)*54)}.panel-heading[data-v-7f89d87c]{display:flex;align-items:center;height:var(--commbook-panel-header-height);padding-bottom:calc(var(--commbook-unit)*4);box-sizing:border-box;flex-shrink:0}.panel-heading strong[data-v-7f89d87c]{min-width:0;font-size:calc(var(--commbook-unit)*16);font-family:OpenSans-Bold,OpenSans,sans-serif;font-weight:400;color:#425b6a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button[data-v-7f89d87c]{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}button[data-v-7f89d87c]:focus-visible{outline:2px solid #1a73e8;outline-offset:-2px}.collapse-button[data-v-7f89d87c]{width:calc(var(--commbook-unit)*44);height:calc(var(--commbook-unit)*40);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0}.collapse-icon[data-v-7f89d87c]{position:relative;display:block;width:calc(var(--commbook-unit)*20);height:calc(var(--commbook-unit)*18)}.collapse-icon[data-v-7f89d87c]:after,.collapse-icon[data-v-7f89d87c]:before{content:"";position:absolute;top:calc(var(--commbook-unit)*4);width:calc(var(--commbook-unit)*8);height:calc(var(--commbook-unit)*8);border-bottom:calc(var(--commbook-unit)*2) solid #606367;border-left:calc(var(--commbook-unit)*2) solid #606367;transform:rotate(45deg)}.collapse-icon[data-v-7f89d87c]:before{left:calc(var(--commbook-unit)*3)}.collapse-icon[data-v-7f89d87c]:after{left:calc(var(--commbook-unit)*10)}.collapse-icon.is-right[data-v-7f89d87c]{transform:rotate(180deg)}.collapsed .collapse-button[data-v-7f89d87c]{width:calc(var(--commbook-unit)*54)}.location-scroll[data-v-7f89d87c]{flex:1;min-height:0;overflow-y:auto;padding:calc(var(--commbook-unit)*12)}.create-wrap[data-v-7f89d87c]{padding:0 calc(var(--commbook-unit)*16) calc(var(--commbook-unit)*16);border-bottom:1px solid #dfe3eb}.create-button[data-v-7f89d87c]{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--commbook-unit)*14);height:calc(var(--commbook-unit)*46);min-width:calc(var(--commbook-unit)*126);padding:0 calc(var(--commbook-unit)*16);border:0;border-radius:calc(var(--commbook-unit)*24);box-shadow:0 2px 6px rgba(0,0,0,.13333333333333333);color:#455465;font-size:calc(var(--commbook-unit)*14);background:#fff}.create-plus[data-v-7f89d87c]{display:block;flex:0 0 calc(var(--commbook-unit)*30);width:calc(var(--commbook-unit)*30);height:calc(var(--commbook-unit)*30);background:linear-gradient(90deg,#ed003a 50%,#4caf30 0) 50%/100% calc(var(--commbook-unit)*5) no-repeat,linear-gradient(180deg,#be00e9 50%,#f2a31b 0) 50%/calc(var(--commbook-unit)*5) 100% no-repeat}.location-group[data-v-7f89d87c]{margin-bottom:0}.location-row[data-v-7f89d87c]{display:flex;min-height:calc(var(--commbook-unit)*40)}.expand-button[data-v-7f89d87c]{width:calc(var(--commbook-unit)*36);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.expand-caret[data-v-7f89d87c]{width:0;height:0;border-top:calc(var(--commbook-unit)*6) solid transparent;border-bottom:calc(var(--commbook-unit)*6) solid transparent;border-left:calc(var(--commbook-unit)*6) solid #606367}.expand-caret.open[data-v-7f89d87c]{border-top:calc(var(--commbook-unit)*6) solid #1a73e8;border-right:calc(var(--commbook-unit)*6) solid transparent;border-bottom:0;border-left:calc(var(--commbook-unit)*6) solid transparent}.scope-button[data-v-7f89d87c]{display:flex;align-items:center;gap:calc(var(--commbook-unit)*8);min-width:0;padding:calc(var(--commbook-unit)*10) calc(var(--commbook-unit)*12) calc(var(--commbook-unit)*10) 0;box-sizing:border-box;text-align:left;flex:1;font-size:calc(var(--commbook-unit)*14);line-height:calc(var(--commbook-unit)*20)}.scope-name[data-v-7f89d87c]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-row[data-v-7f89d87c]{width:100%;padding-left:calc(var(--commbook-unit)*36)}.starred-row[data-v-7f89d87c]{width:100%;margin-bottom:calc(var(--commbook-unit)*4);padding-left:calc(var(--commbook-unit)*8)}.starred-icon[data-v-7f89d87c]{width:calc(var(--commbook-unit)*20);font-size:calc(var(--commbook-unit)*18);color:#ffc400;flex-shrink:0}.starred-row[data-v-7f89d87c]:disabled{opacity:.5;cursor:default}.active[data-v-7f89d87c]{background:#e8f0fe;color:#1a73e8;font-weight:600}.class-row[data-v-7f89d87c]:not(.active):hover,.location-row[data-v-7f89d87c]:not(.active):hover,.starred-row[data-v-7f89d87c]:not(.active):not(:disabled):hover{background:#f5f8fa}.count[data-v-7f89d87c]{font-size:calc(var(--commbook-unit)*14);font-weight:400;font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;color:#3c4043}.state[data-v-7f89d87c]{margin:0;padding:24px 16px;color:#72777f;font-size:13px;line-height:1.6}.conversation-list[data-v-ee4bd460]{flex:0 0 21.0416667%;width:21.0416667%;min-width:0;box-sizing:border-box;min-height:0;display:flex;flex-direction:column;border-right:1px solid #dfe3eb;background:#f5f8fa;color:#425b6a}.list-heading[data-v-ee4bd460]{height:var(--commbook-panel-header-height);box-sizing:border-box;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--commbook-unit)*18) calc(var(--commbook-unit)*4);border-bottom:1px solid #dfe3eb;background:#fff}.filters[data-v-ee4bd460]{display:inline-flex;border:1px solid #cbd6e2;border-radius:2px;overflow:hidden}.more-button[data-v-ee4bd460]{width:calc(var(--commbook-unit)*28);height:calc(var(--commbook-unit)*32);border:0;background:transparent;color:#7c98b6;font-size:calc(var(--commbook-unit)*18)}.more-button .el-icon-more[data-v-ee4bd460]{transform:rotate(90deg)}.more-button[data-v-ee4bd460]:disabled{cursor:default;opacity:.5}.operation-error[data-v-ee4bd460]{display:flex;align-items:center;gap:calc(var(--commbook-unit)*8);padding:calc(var(--commbook-unit)*10) calc(var(--commbook-unit)*12);background:#fff2ef;color:#a33124;font-size:calc(var(--commbook-unit)*12)}.operation-error span[data-v-ee4bd460]{flex:1;min-width:0;overflow-wrap:anywhere}.operation-error button[data-v-ee4bd460]{border:0;background:transparent;padding:4px}.conversation-row[data-v-ee4bd460]{position:relative}.star-button[data-v-ee4bd460]{position:absolute;top:50%;left:calc(var(--commbook-unit)*16);transform:translateY(-50%);width:calc(var(--commbook-unit)*28);height:calc(var(--commbook-unit)*28);border:0;border-radius:50%;background:transparent;color:#8a96a3;font-size:calc(var(--commbook-unit)*18)}.star-button.starred[data-v-ee4bd460]{color:#ffc400}.star-button[data-v-ee4bd460]:disabled{cursor:default}button[data-v-ee4bd460]{font:inherit;color:inherit;cursor:pointer}button[data-v-ee4bd460]:focus-visible{outline:2px solid #1a73e8;outline-offset:-2px}.filters button[data-v-ee4bd460]{border:0;background:#f5f8fa;color:#6f879c;font-size:calc(var(--commbook-unit)*12);line-height:calc(var(--commbook-unit)*16);min-width:calc(var(--commbook-unit)*66);padding:calc(var(--commbook-unit)*7) calc(var(--commbook-unit)*12)}.filters button+button[data-v-ee4bd460]{border-left:1px solid #cbd6e2}.filters button.active[data-v-ee4bd460]{color:#425b6a;background:#e4ebf2;font-weight:600}.list-scroll[data-v-ee4bd460]{flex:1;min-height:0;min-width:0;overflow-y:auto}.list-scroll[data-v-ee4bd460]::-webkit-scrollbar{width:calc(var(--commbook-unit)*12)}.list-scroll[data-v-ee4bd460]::-webkit-scrollbar-thumb{background:#c4c4c4}.conversation[data-v-ee4bd460]{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid #dfe3eb;border-left:calc(var(--commbook-unit)*4) solid transparent;padding:calc(var(--commbook-unit)*15) calc(var(--commbook-unit)*12) calc(var(--commbook-unit)*16) calc(var(--commbook-unit)*58);background:transparent;box-sizing:border-box}.conversation[data-v-ee4bd460]:hover{background:#edf3f9}.conversation.selected[data-v-ee4bd460]{background:#e8f0fe;border-left-color:#1a73e8}.row-top[data-v-ee4bd460]{display:flex;align-items:center;gap:calc(var(--commbook-unit)*8);margin-bottom:calc(var(--commbook-unit)*6)}.student-name[data-v-ee4bd460]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--commbook-unit)*16);line-height:calc(var(--commbook-unit)*22);font-family:OpenSans-Bold,OpenSans,sans-serif;font-weight:400}.unread .student-name[data-v-ee4bd460]{font-weight:700}.unread-dot[data-v-ee4bd460]{width:calc(var(--commbook-unit)*8);height:calc(var(--commbook-unit)*8);border-radius:50%;background:#e64a4a;flex-shrink:0}.conversation-title[data-v-ee4bd460]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--commbook-unit)*15);line-height:calc(var(--commbook-unit)*22);font-family:OpenSans-Bold,OpenSans,sans-serif;font-weight:400;margin-bottom:calc(var(--commbook-unit)*4)}.preview[data-v-ee4bd460]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-word;color:#6f8290;font-size:calc(var(--commbook-unit)*14);line-height:calc(var(--commbook-unit)*20)}.preview.without-title[data-v-ee4bd460]{-webkit-line-clamp:2}.preview i[data-v-ee4bd460]{font-size:calc(var(--commbook-unit)*14);margin-right:calc(var(--commbook-unit)*2)}.preview .reply-arrow[data-v-ee4bd460]{display:inline-block;width:calc(var(--commbook-unit)*15);height:calc(var(--commbook-unit)*15);margin-right:calc(var(--commbook-unit)*2);vertical-align:calc(var(--commbook-unit)*-3);color:#516f90;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.activity-time[data-v-ee4bd460]{display:flex;align-items:center;gap:calc(var(--commbook-unit)*6);flex-shrink:0;white-space:nowrap}time[data-v-ee4bd460]{color:#6f8290;font-size:calc(var(--commbook-unit)*12);line-height:calc(var(--commbook-unit)*16)}.state[data-v-ee4bd460]{text-align:center;color:#777d85;padding:40px 24px;font-size:13px;line-height:1.6}.load-more-state[data-v-ee4bd460]{padding:14px 10px;text-align:center;color:#6f8290;font-size:12px}.load-more-state i[data-v-ee4bd460]{margin-right:4px}.load-more-state button[data-v-ee4bd460]{margin-left:8px;padding:2px 4px;border:0;background:transparent;color:#1a73e8}.colors[data-v-41aad631]{position:absolute;width:306px;height:282px;padding:16px;left:0;top:28px;z-index:20;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#fff;border:1px solid #cbd6e2}.colors .content[data-v-41aad631]{display:flex;flex-wrap:wrap}.colors .content .inner[data-v-41aad631]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:2px}.colors .content .inner:hover span[data-v-41aad631]{box-shadow:0 0 0 2px #7fd1de;width:28px;height:28px}.colors .content .inner span[data-v-41aad631]{display:inline-block;border:1px solid rgba(0,0,0,.2);border-radius:2px;width:25px;height:25px}.colors .content .selected span[data-v-41aad631]{box-shadow:0 0 0 1px #fff,0 0 0 3px #00a4bd}.colors .content .selected:hover span[data-v-41aad631]{box-shadow:0 0 0 1px #fff,0 0 0 3px #00a4bd;width:25px;height:25px}.colors .reset[data-v-41aad631]{background-color:#eaf0f6;border:1px solid #cbd6e2;color:#506e91;font-size:14px;font-family:OpenSans;width:100%;margin-top:12px;border-radius:2px;line-height:32px}.colors .reset[data-v-41aad631]:hover{background-color:#f5f8fa}.links[data-v-03ecfdaa]{width:330px;height:308px;position:absolute;padding:24px;z-index:555;background-color:#fff;border:1px solid #cbd6e2;border-radius:2px;box-shadow:0 0 10px rgba(0,0,0,.1)}.links .foot[data-v-03ecfdaa]{align-items:center;display:flex;margin-top:16px}.links .foot .remove[data-v-03ecfdaa]{font-size:14px;color:#0091ae;font-family:OpenSans-Bold;margin-left:12px;cursor:pointer}.links .foot .remove[data-v-03ecfdaa]:hover{text-decoration:underline}.links .foot .sureBtn[data-v-03ecfdaa]{border-radius:2px;background-color:#425b76;color:#fff;margin-right:13px;width:48px;height:28px;display:flex;align-items:center;font-size:12px;justify-content:center}.links .foot .sureBtn[data-v-03ecfdaa]:hover{background-color:#516f90}.links .foot .disBtn[data-v-03ecfdaa]{background-color:#eaf0f6;color:#b0c1d4}.links .foot .disBtn[data-v-03ecfdaa]:hover{background-color:#eaf0f6}.links .foot .cancelBtn[data-v-03ecfdaa]{display:flex;align-items:center;justify-content:center;height:28px;width:62px;font-size:12px;border-radius:2px;color:#506e91;background-color:#eaf0f6;border:1px solid #cbd6e2}.links .foot .cancelBtn[data-v-03ecfdaa]:hover{background-color:#f5f8fa}.links .head[data-v-03ecfdaa]{height:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.links .head-title[data-v-03ecfdaa]{font-size:16px;font-family:OpenSans-Bold1;color:#33475b}.links .head .visit[data-v-03ecfdaa]{display:flex;flex-direction:row;align-items:center}.links .head .visit-text[data-v-03ecfdaa]{font-size:14px;font-family:OpenSans-Bold1;color:#0091ae}.links .head .visit-text[data-v-03ecfdaa]:hover{text-decoration:underline}.links .head .visit .iconfont[data-v-03ecfdaa]{color:#7c98b6;font-size:16px;margin-left:4px}.links .subtitle[data-v-03ecfdaa]{font-size:14px;font-family:OpenSans-Bold;color:#33475b;line-height:20px;margin-bottom:8px}.links .put[data-v-03ecfdaa]{width:100%;height:40px;border-radius:2px;background-color:#f5f8fa;border:1px solid #cbd6e2;display:flex;flex-direction:row;align-items:center;position:relative;margin-bottom:16px}.links .put.textarea[data-v-03ecfdaa]{height:unset;min-height:40px}.links .put .close-datepicker[data-v-03ecfdaa]{margin:0;padding:0 8px;min-height:unset}.links .put .close-datepicker[data-v-03ecfdaa] input{font-family:OpenSans;font-size:16px;color:#33475b;-webkit-text-fill-color:#33475b}.links .put .close-datepicker[data-v-03ecfdaa]:after,.links .put .close-datepicker[data-v-03ecfdaa]:before{height:0}.links .put[data-v-03ecfdaa] .el-input{background-color:#f5f8fa;height:100%;display:flex;align-items:center}.links .put[data-v-03ecfdaa] .el-input .el-input__inner,.links .put[data-v-03ecfdaa] .el-input .el-textarea__inner{border:none;padding:0 8px;font-family:OpenSans;font-size:16px;color:#33475b;background-color:#f5f8fa}.links .put[data-v-03ecfdaa] .el-input .el-input__inner{height:auto;line-height:unset}.links .put.active[data-v-03ecfdaa]{border:2px solid #00d0e4}.links .check[data-v-03ecfdaa]{display:flex;align-items:center;height:20px}.md-checkbox.md-theme-default.md-checked.md-primary .md-checkbox-container{background-color:#fff!important;border-color:#00a4bd!important}.md-checkbox.md-theme-default.md-checked.md-primary .md-checkbox-container:hover{background-color:#eaf0f6!important}.md-checkbox.md-theme-default.md-checked .md-checkbox-container:after{border-color:#00a4bd!important}.md-checkbox.md-theme-default.md-disabled.md-primary .md-checkbox-container{background-color:#eaf0f6!important;border-color:#cbd6e2!important}.md-checkbox.md-theme-default.md-checked.md-disabled .md-checkbox-container:after{border-color:#cbd6e2!important}.md-checkbox.md-theme-default.md-disabled.md-primary .md-checkbox-label{color:#99acc2}.mentionList.items{width:400px;max-height:200px;overflow-y:auto;position:relative;overflow-x:hidden;background:#fff;border:1px solid #cbd6e2;box-shadow:0 0 10px rgba(0,0,0,.1)}.items::-webkit-scrollbar-thumb:vertical{-webkit-border-radius:0}.items::-webkit-scrollbar{width:12px;height:12px;border-radius:0}.items::-webkit-scrollbar-thumb:horizontal{-webkit-border-radius:0}.items::-webkit-scrollbar-button{width:6px;height:6px;display:block;background-color:#eee}.items::-webkit-scrollbar-track{background:#eee!important}.items::-webkit-scrollbar-button:horizontal:single-button:start{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAEVJREFUKFNjZCARMJKonoF6GuKSMhoWzZvRgO4CrDaAFDMyMtQvnDsDQx5DAKYYZDJtNIBMJslJME+S5Gl8cUO9eMBlCwBuZxgNC6MOJwAAAABJRU5ErkJggg==) no-repeat 50% #eee;cursor:pointer}.items::-webkit-scrollbar-button:horizontal:single-button:end{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAEBJREFUKFNjZCARMJKonoE6GuKSMhoWzZvRgM12rDbEJ2f8//+foRGbJpwaQKZj00Q9DSQ5iWRP44sb6sQDPhsACTkkDazJsrYAAAAASUVORK5CYII=) no-repeat 50% #eee;cursor:pointer}.items::-webkit-scrollbar-button:vertical:single-button:start{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAD9JREFUKFNjZCARMJKonmGoaIhNykhgYmCwXzhvRiK6HzH8AFbMyDAfrPA/wwJ0TSgaUBTDjEbTNFRCCV/sAwBJthANivk0qgAAAABJRU5ErkJggg==) no-repeat 50% #eee;cursor:pointer}.items::-webkit-scrollbar-button:vertical:single-button:end{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAABHNCSVQICAgIfAhkiAAAAENJREFUKFNjZCARMJKonmGwa4hNykhgYmSYj+yv/wwMCxfNnZEAE8PwA7ImdMUgTVg9DdLEyMjggGwyThsIBfMgDFYAD9EQDUkZzRYAAAAASUVORK5CYII=) no-repeat 50% #eee;cursor:pointer}.mentionList .item{margin:0;width:100%;min-height:40px;display:flex;align-items:center;flex-wrap:wrap;color:#33475b;font-family:OpenSans;font-size:14px;padding:8px 8px;background:#fff}.mentionList .item.is-selected,.mentionList .item:hover{background-color:#dfe3eb}.mentionList .itemNo{height:63px}.mentionList .itemNo:hover{background-color:#fff}.showB[data-v-c4062cf8]{top:32px!important}.showC[data-v-c4062cf8]{top:-400px!important}.inset-emoji[data-v-c4062cf8]{width:366px;color:#202124;font-family:Roboto;border-radius:2px;height:384px;padding:12px 0;box-shadow:0 0 10px rgba(0,0,0,.1);background-color:#fff;z-index:22;left:-200px;top:30px;position:absolute}.inset-emoji ul[data-v-c4062cf8]{margin:0!important;list-style:none!important}.inset-emoji-search[data-v-c4062cf8]{height:40px;border-radius:4px;border:1px solid #e0e0e0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 8px;margin:0 12px 12px 12px}.inset-emoji-search .search-input[data-v-c4062cf8]{border:none;outline:none;font-size:14px}.inset-emoji-search .iconfont[data-v-c4062cf8]{color:#5f6368}.inset-emoji-search .iconclear-px[data-v-c4062cf8]{cursor:pointer}.inset-emoji-content[data-v-c4062cf8]{height:calc(100% - 40px);overflow:hidden}.inset-emoji-content .emoji-result[data-v-c4062cf8]{padding:0 12px}.inset-emoji-content .emoji-types[data-v-c4062cf8]{display:flex;height:30px;flex-direction:row;align-items:center;justify-content:space-between;padding:0 12px;list-style:none!important}.inset-emoji-content .emoji-types .type-item[data-v-c4062cf8]{font-size:20px;margin:0 8px;cursor:pointer;color:#5f6368;position:relative}.inset-emoji-content .emoji-types .type-item .iconfont[data-v-c4062cf8]{font-size:20px;vertical-align:0}.inset-emoji-content .emoji-types .type-item img[data-v-c4062cf8]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.inset-emoji-content .emoji-types .type-item.active[data-v-c4062cf8]{color:#1a73e8}.inset-emoji-content .emoji-types .type-item.active[data-v-c4062cf8]:after{content:"";position:absolute;bottom:0;left:0;width:20px;display:block;height:2px;background-color:#1a73e8}.inset-emoji-content .emoji-main[data-v-c4062cf8]{height:calc(100% - 30px);padding:0 2px 0 12px;overflow-y:auto}.inset-emoji-content .emoji-box .emoji-title[data-v-c4062cf8]{font-family:Roboto-Medium;font-size:12px;color:#5f6368;padding:15px 0}.inset-emoji-content .emoji-list[data-v-c4062cf8]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;list-style:none!important}.inset-emoji-content .emoji-list .emoji-item[data-v-c4062cf8]{width:37px;height:37px;font-size:27px;margin-bottom:8px;cursor:pointer;font-family:Twemoji Country Flags,emoji}.editors[data-v-2108900b]{position:relative;border:1px solid #dfe3eb}.editors .tools[data-v-2108900b]{width:100%;height:48px;display:flex;align-items:center;position:absolute;bottom:0;padding:0 8px;background:#f5f8fa}.editors .content[data-v-2108900b]{overflow-y:auto;display:flex;flex-direction:column;font-size:14px;font-family:OpenSans;color:#33475b;padding:8px}.editors .content[data-v-2108900b] .ProseMirror{flex:1;height:100%}button[data-v-2108900b]{width:24px;height:27px;margin-right:4px;outline-width:0;border-radius:3px;overflow:visible;background-color:hsla(0,0%,100%,0);display:flex;position:relative;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,0)}button[data-v-2108900b]:hover{border:1px solid #cbd6e2}button .iconfont[data-v-2108900b]{color:#425b76;font-size:16px}.insert[data-v-2108900b]{cursor:pointer}.insert .insert-btn[data-v-2108900b]{height:40px;width:92px;padding:0 12px;display:flex;align-items:center;justify-content:space-between}.insert .insert-btn-name[data-v-2108900b]{font-family:OpenSans-Bold;font-size:14px;color:#0091ae}.insert .insert-btn .iconfont[data-v-2108900b]{font-size:16px;color:#7c98b6}.insert .insert-btn:hover .insert-btn-name[data-v-2108900b]{color:#007a8c}.lists[data-v-2108900b]{padding:0 0;width:30px;justify-content:space-between;overflow:visible}.lists .clickB[data-v-2108900b]{width:100%;display:flex;justify-content:space-between}.lists .iconfont[data-v-2108900b]{font-size:16px}.lists .iconarrow_drop_down-24px[data-v-2108900b]{font-size:16px;margin-left:-4px}.lists .listsMenu1[data-v-2108900b],.lists .listsMenu2[data-v-2108900b]{bottom:28px!important;top:unset!important}.lists .listsMenu[data-v-2108900b]{position:absolute;left:0;top:28px;z-index:10;border-radius:2px;background-color:#fff;overflow:hidden;border:1px solid #dfe3eb;box-shadow:0 0 6px rgba(0,0,0,.16);width:44px;padding:8px 0}.lists .listsMenu .item[data-v-2108900b]{width:44px;height:28px!important;display:flex;align-items:center;justify-content:center;color:#425b76;overflow:hidden;border-radius:0}.lists .listsMenu .item .iconfont[data-v-2108900b]{font-size:20px}.lists .listsMenu .item[data-v-2108900b]:hover{background-color:#e5f5f8}.line[data-v-2108900b]{width:1px;height:24px;margin-left:4px;margin-right:8px;background-color:#dfe3eb}.more[data-v-2108900b]{display:flex;position:relative;align-items:center;margin-right:4px;z-index:22;cursor:pointer}.more .selectedStyle[data-v-2108900b]{background-color:#e5f5f8}.more span[data-v-2108900b]{font-size:14px;font-family:OpenSans-Bold1;color:#0091ae}.more .iconarrow_drop_down-24px[data-v-2108900b]{color:#7c98b6}.more:hover span[data-v-2108900b]{text-decoration:underline;color:#007a8c}.more:hover .menu[data-v-2108900b]{display:flex}.more .menu[data-v-2108900b]{height:48px;display:flex;align-items:center;padding:8px 8px 8px 8px;border-radius:2px;border:1px solid #dfe3eb;box-shadow:0 0 6px rgba(0,0,0,.16);position:absolute;left:0;bottom:32px;background-color:#fff}.more .menu .line1[data-v-2108900b]{width:1px;height:24px;margin-left:4px;margin-right:8px;background-color:#dfe3eb}.font[data-v-2108900b]{width:112px;height:32px;display:flex;background-color:#eaf0f6;align-items:center;padding:8px;border-radius:2px;border:1px solid #cbd6e2;position:relative;color:#33475b;font-size:12px;margin-right:8px;font-family:OpenSans}.font .clickBtn[data-v-2108900b]{width:104px}.font .iconarrow_drop_down-24px[data-v-2108900b]{color:#7c98b6;position:absolute;right:5px}.font[data-v-2108900b]:hover{background-color:#f5f8fa}.font .fontsMenuTop[data-v-2108900b]{top:unset!important;bottom:34px!important}.font .fontsMenu[data-v-2108900b]{position:absolute;left:0;top:34px;background-color:#fff;border-radius:2px;overflow:hidden;border:1px solid #dfe3eb;box-shadow:0 0 6px rgba(0,0,0,.16);width:112px;padding:8px 0}.font .fontsMenu .item[data-v-2108900b]{width:112px;height:28px!important;padding:0 8px;display:flex;align-items:center;justify-content:left;overflow:hidden;border-radius:0;color:#33475b;font-size:12px;font-family:OpenSans}.font .fontsMenu .item[data-v-2108900b]:hover{background-color:#e5f5f8}.fontS[data-v-2108900b]{margin-right:4px;width:48px}.fontS .clickBtn[data-v-2108900b]{width:40px}.fontS .sizesMenu[data-v-2108900b]{width:48px;z-index:20}.fontS .sizesMenu .item[data-v-2108900b]{width:48px!important}.is-active[data-v-2108900b]{background-color:#cbd6e2;border:1px solid #99acc2}.is-active[data-v-2108900b]:hover{border:1px solid #99acc2}.fixedS[data-v-2108900b]{position:fixed;height:332px;width:0}.modal[data-v-2108900b]{margin-bottom:20px;display:flex;flex-wrap:wrap}.modal-item[data-v-2108900b]{width:244px;height:36px;display:flex;align-items:center;padding:0 28px 0 12px;border:1px solid #eaf0f6;margin:8px 8px 0 0;position:relative;background-color:#f5f8fa}.modal-item .iconattach_file-24px[data-v-2108900b]{color:#33475b;margin-right:8px;font-size:16px}.modal-item .name[data-v-2108900b]{display:inline-block;color:#0091ae;max-width:124px;overflow:hidden;text-overflow:ellipsis;font-family:OpenSans-Bold;white-space:nowrap;margin-right:4px}.modal-item .name[data-v-2108900b]:hover{color:#007a8c;text-decoration:underline}.modal-item .size[data-v-2108900b]{color:#7c98b6}.modal-item .iconClose_24px[data-v-2108900b]{color:#7c98b6;position:absolute;font-size:16px;right:12px}.ProseMirror-focused{border:none!important;outline:none!important}.ProseMirror{height:100%}.ProseMirror ol,.ProseMirror ul{padding:0 1rem}.ProseMirror ul{list-style:disc!important}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{line-height:1.1}.ProseMirror code{background-color:rgba(97,97,97,.1);color:#616161}.ProseMirror pre{background:#0d0d0d;color:#fff;font-family:JetBrainsMono,monospace;padding:.75rem 1rem;border-radius:.5rem}.ProseMirror pre code{color:inherit;padding:0;background:none;font-size:.8rem}.ProseMirror img{max-width:100%;height:auto}.ProseMirror blockquote{padding-left:1rem;border-left:2px solid rgba(13,13,13,.1)}.ProseMirror hr{border:none;border-top:2px solid rgba(13,13,13,.1);margin:2rem 0}.ProseMirror .mention{color:#425b76;font-family:OpenSans-Bold1!important;-webkit-box-decoration-break:clone;box-decoration-break:clone}.ProseMirror a{cursor:pointer;font-size:16px!important;font-family:OpenSans-Bold1!important;color:#0091ae!important}.ProseMirror a:hover{color:#007a8c!important;text-decoration:underline!important}.ProseMirror p.is-editor-empty:first-child:before,.ProseMirror p.is-empty:before{color:#b4b4b4;font-size:14px;font-family:OpenSans;content:attr(data-placeholder);float:left;height:0;pointer-events:none}.attachment-strip[data-v-56aae276]{display:flex;align-items:flex-start;gap:12px;height:82px;box-sizing:border-box;padding:6px 12px 0;overflow-x:auto;overflow-y:hidden;background:#fff}.attachment-strip[data-v-56aae276]::-webkit-scrollbar{height:12px}.attachment-strip[data-v-56aae276]::-webkit-scrollbar-thumb{background:#b8b8b8}.attachment-card[data-v-56aae276]{position:relative;display:flex;align-items:center;gap:10px;flex:0 0 220px;width:220px;height:64px;box-sizing:border-box;padding:8px 26px 8px 10px;border:1px solid #e0e9f2;border-radius:3px;background:#f5f8fa;color:#425b76;font-size:12px}.attachment-preview[data-v-56aae276]{flex:0 0 40px;width:40px;height:40px;-o-object-fit:cover;object-fit:cover}.file-icon[data-v-56aae276]{display:flex;align-items:center;justify-content:center;font-size:32px}.attachment-copy[data-v-56aae276]{display:flex;flex-direction:column;min-width:0}.attachment-copy small[data-v-56aae276],.attachment-copy strong[data-v-56aae276]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-copy strong[data-v-56aae276]{font-weight:600}.attachment-copy small[data-v-56aae276]{margin-top:2px;color:#7c98b6}.upload-card[data-v-56aae276]{padding-bottom:12px}.upload-error[data-v-56aae276]{border-color:#e34646;background:#fff5f5}.upload-error .attachment-copy small[data-v-56aae276]{color:#d93636}.progress-track[data-v-56aae276]{position:absolute;right:10px;bottom:5px;left:10px;height:4px;overflow:hidden;border-radius:2px;background:#d9e5f1}.progress-fill[data-v-56aae276]{display:block;height:100%;border-radius:inherit;background:#1a73e8}.progress-fill.indeterminate[data-v-56aae276]{animation:upload-slide-56aae276 1.2s ease-in-out infinite alternate}.progress-fill.processing[data-v-56aae276]{animation:upload-pulse-56aae276 1.2s ease-in-out infinite alternate}@keyframes upload-slide-56aae276{0%{transform:translateX(0)}to{transform:translateX(130px)}}@keyframes upload-pulse-56aae276{0%{opacity:.45}to{opacity:1}}button[data-v-56aae276]{position:absolute;top:7px;right:7px;padding:0;border:0;background:transparent;color:#7c98b6;cursor:pointer}button[data-v-56aae276]:disabled{cursor:default;opacity:.5}.edit-message[data-v-0a241f14]{padding:12px 14px;background:#fff}.edit-fields[data-v-0a241f14]{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px 10px;margin-bottom:12px;color:#425b76;font-size:13px}.edit-fields input[data-v-0a241f14]{display:block;width:100%;height:32px;padding:0 8px;box-sizing:border-box;border:1px solid #cbd6e2;border-radius:2px;color:#33475b}.edit-field-content[data-v-0a241f14]{position:relative;min-width:0}.topic-field[data-v-0a241f14]{z-index:4}.topic-trigger[data-v-0a241f14]{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:32px;padding:0 8px;border:0;background:transparent;color:#33475b;font:inherit;cursor:pointer}.topic-trigger span[data-v-0a241f14]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic-trigger i[data-v-0a241f14]{color:#7c98b6}.topic-trigger[data-v-0a241f14]:disabled{cursor:default}.topic-menu[data-v-0a241f14]{position:absolute;z-index:5;top:100%;left:0;width:300px;max-width:100%;max-height:240px;overflow-y:auto;padding:8px 0;border:1px solid #dfe3eb;border-radius:4px;background:#fff;box-shadow:0 3px 8px rgba(41,65,93,.2)}.topic-menu button[data-v-0a241f14]{display:block;width:100%;min-height:30px;padding:0 14px;border:0;background:#fff;color:#33475b;font:inherit;text-align:left;cursor:pointer}.topic-menu button.is-active[data-v-0a241f14],.topic-menu button[data-v-0a241f14]:hover{background:#f0f2f4}.field-error[data-v-0a241f14]{display:block;margin-top:3px;color:#e34646;font-size:11px}.topic-error[data-v-0a241f14]{grid-column:2;margin:0}.edit-editor[data-v-0a241f14]{display:block}.edit-attachments[data-v-0a241f14]{margin-top:8px}.edit-error[data-v-0a241f14]{margin:8px 0 0;color:#e34646;font-size:12px}.edit-actions[data-v-0a241f14]{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.message-row[data-v-43e25924]{display:flex;align-items:flex-start;gap:calc(var(--commbook-unit)*8);margin-bottom:calc(var(--commbook-unit)*8)}.message-avatar[data-v-43e25924]{width:var(--commbook-avatar-size);flex:0 0 var(--commbook-avatar-size)}.message-avatar>.user_avatar[data-v-43e25924]{width:var(--commbook-avatar-size);height:var(--commbook-avatar-size);line-height:var(--commbook-avatar-size);font-size:calc(var(--commbook-unit)*14)}.message-card[data-v-43e25924]{flex:1;min-width:0;background:#fff;border:1px solid #dfe3eb;border-radius:2px}.deleted-card[data-v-43e25924]{margin-left:calc(var(--commbook-unit)*40)}.message-header[data-v-43e25924]{display:flex;align-items:flex-start;gap:calc(var(--commbook-unit)*8);padding:calc(var(--commbook-unit)*12) calc(var(--commbook-unit)*16) calc(var(--commbook-unit)*8);border-bottom:1px solid transparent}.parent-header[data-v-43e25924]{padding-bottom:calc(var(--commbook-unit)*12);background:#e8f0fe;border-bottom-color:#d7e3f1}.author[data-v-43e25924]{min-width:0;flex:1}.author strong[data-v-43e25924]{font-size:calc(var(--commbook-unit)*12);line-height:calc(var(--commbook-unit)*16);font-family:OpenSans-Bold,OpenSans,sans-serif;font-weight:400;color:#425b6a;overflow-wrap:anywhere}.author-line[data-v-43e25924]{display:flex;align-items:baseline;flex-wrap:wrap;gap:calc(var(--commbook-unit)*2) calc(var(--commbook-unit)*8)}.relationship[data-v-43e25924]{display:block;margin-top:calc(var(--commbook-unit)*2);color:#607484;font-size:calc(var(--commbook-unit)*12);line-height:calc(var(--commbook-unit)*16)}.edited[data-v-43e25924],.message-time[data-v-43e25924]{color:#6f8290;font-size:calc(var(--commbook-unit)*12);line-height:calc(var(--commbook-unit)*16)}.unread-dot[data-v-43e25924]{width:calc(var(--commbook-unit)*8);height:calc(var(--commbook-unit)*8);border-radius:50%;background:#e64a4a;flex-shrink:0;margin-top:calc(var(--commbook-unit)*4)}.message-menu[data-v-43e25924]{border:0;background:transparent;color:#688499;cursor:pointer;padding:0 calc(var(--commbook-unit)*2);font-size:calc(var(--commbook-unit)*18);line-height:calc(var(--commbook-unit)*20)}.message-menu[data-v-43e25924]:focus-visible,.message-menu[data-v-43e25924]:hover{color:#1a73e8}.message-menu[data-v-43e25924]:focus-visible{outline:2px solid #1a73e8}.action-error[data-v-43e25924]{margin:0;padding:calc(var(--commbook-unit)*8) calc(var(--commbook-unit)*16);color:#c43b3b;font-size:calc(var(--commbook-unit)*12)}.message-body[data-v-43e25924]{padding:calc(var(--commbook-unit)*6) calc(var(--commbook-unit)*16);box-sizing:border-box;color:#607484;font-size:calc(var(--commbook-unit)*14);line-height:calc(var(--commbook-unit)*20);white-space:pre-wrap;overflow-wrap:anywhere}.message-body[data-v-43e25924] p{margin:0 0 calc(var(--commbook-unit)*18)}.message-body[data-v-43e25924] p:last-child{margin-bottom:0}.message-body[data-v-43e25924] img{max-width:100%;height:auto}.message-body[data-v-43e25924] video{max-width:100%;max-height:320px}.message-body[data-v-43e25924] ol,.message-body[data-v-43e25924] ul{padding-left:24px}.message-body[data-v-43e25924] ul{list-style:disc}.message-body[data-v-43e25924] ol{list-style:decimal}.message-body[data-v-43e25924] blockquote{margin:8px 0;border-left:3px solid #d5dce5;padding-left:14px}.message-body[data-v-43e25924] table{max-width:100%;display:block;overflow-x:auto}.message-body[data-v-43e25924] a{color:#1a73e8;text-decoration:none}.message-body[data-v-43e25924] a:hover{text-decoration:underline}.message-body[data-v-43e25924] pre{white-space:pre-wrap}.message-body.truncated[data-v-43e25924]{position:relative;max-height:calc(var(--commbook-unit)*216);overflow:hidden}.message-body.truncated[data-v-43e25924]:after{content:"";position:absolute;right:0;bottom:0;left:0;height:calc(var(--commbook-unit)*40);background:linear-gradient(transparent,#fff);pointer-events:none}.expand-body[data-v-43e25924]{display:flex;align-items:center;justify-content:center;gap:calc(var(--commbook-unit)*6);width:100%;padding:calc(var(--commbook-unit)*6) calc(var(--commbook-unit)*16) calc(var(--commbook-unit)*8);color:#1a73e8;background:transparent;border:0;cursor:pointer;font:inherit;font-size:calc(var(--commbook-unit)*14);line-height:calc(var(--commbook-unit)*20);font-weight:600}.expand-body[data-v-43e25924]:focus-visible{outline:2px solid #1a73e8;outline-offset:-2px}.attachments[data-v-43e25924]{display:flex;flex-direction:column;gap:calc(var(--commbook-unit)*8);margin:calc(var(--commbook-unit)*8) calc(var(--commbook-unit)*16) calc(var(--commbook-unit)*12)}.attachment[data-v-43e25924]{display:flex;align-items:center;padding:calc(var(--commbook-unit)*8);border:1px solid #dfe3eb;border-radius:2px;gap:calc(var(--commbook-unit)*8)}.image-preview[data-v-43e25924]{width:calc(var(--commbook-unit)*40);height:calc(var(--commbook-unit)*40);flex-shrink:0;cursor:pointer}.attachment-icon[data-v-43e25924]{width:calc(var(--commbook-unit)*40);flex-shrink:0;text-align:center;font-size:calc(var(--commbook-unit)*24);color:#8b9098}.file-info[data-v-43e25924]{min-width:0;flex:1}.file-name[data-v-43e25924]{display:block;font-size:calc(var(--commbook-unit)*12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size[data-v-43e25924]{display:block;margin-top:calc(var(--commbook-unit)*4);color:#8b9098;font-size:calc(var(--commbook-unit)*10)}.file-actions[data-v-43e25924]{display:flex;gap:calc(var(--commbook-unit)*14);margin-top:calc(var(--commbook-unit)*6)}.file-actions a[data-v-43e25924]{font-size:calc(var(--commbook-unit)*12);color:#1a73e8}.deleted-message[data-v-43e25924]{padding:calc(var(--commbook-unit)*12) calc(var(--commbook-unit)*16);color:#8b9098;font-style:italic;font-size:calc(var(--commbook-unit)*14)}.reply-composer[data-v-23fbfa82]{flex-shrink:0;min-height:210px;max-height:calc(100vh - 240px);background:#fff;border-top:1px solid #dfe3eb;display:flex;flex-direction:column;position:relative;color:#33475b}.resize-handle[data-v-23fbfa82]{position:absolute;z-index:2;left:0;top:0;width:100%;height:18px;cursor:ns-resize;display:flex;justify-content:center}.resize-handle[data-v-23fbfa82]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:#1a73e8;opacity:0;pointer-events:none}.resize-handle[data-v-23fbfa82]:focus:before,.resize-handle[data-v-23fbfa82]:hover:before{opacity:1}.resize-handle span[data-v-23fbfa82]{width:24px;height:10px;margin-top:5px;background-image:radial-gradient(circle,#7c98b6 1px,transparent 1.5px);background-size:5px 5px}.composer-label[data-v-23fbfa82]{position:relative;height:48px;flex-shrink:0;display:flex;align-items:center;padding:0 18px;box-sizing:border-box;border-bottom:1px solid #dfe3eb;font-family:OpenSans-Bold,Open Sans,sans-serif;font-size:16px;line-height:22px}.composer-label[data-v-23fbfa82]:after{content:"";position:absolute;left:0;bottom:-1px;width:150px;height:4px;border-radius:2px 2px 0 0;background:#33475b}.composer-label i[data-v-23fbfa82]{margin-right:8px;font-size:16px}.composer-editor[data-v-23fbfa82]{flex:1;min-height:0;overflow:hidden}.composer-editor[data-v-23fbfa82] .content{box-sizing:border-box}.composer-attachments[data-v-23fbfa82]{position:absolute;z-index:1;right:0;bottom:48px;left:0}.composer-footer[data-v-23fbfa82]{position:absolute;z-index:2;right:0;bottom:0;height:48px;display:flex;align-items:center;padding:0 18px 0 8px;background:#f5f8fa}.composer-footer[data-v-23fbfa82] .el-button{min-width:70px;height:36px;padding:0 14px;border-radius:2px;font-size:13px}.composer-footer[data-v-23fbfa82] .el-button.is-disabled{color:#a5bbd2;background:#eaf0f6;border-color:#eaf0f6}.send-error[data-v-23fbfa82]{position:absolute;z-index:2;right:18px;bottom:52px;max-width:calc(100% - 36px);padding:4px 8px;color:#e34646;background:#fff;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reply-composer.has-attachments .send-error[data-v-23fbfa82]{bottom:134px}.message-panel[data-v-5c46ef73]{flex:1;min-width:0;box-sizing:border-box;min-height:0;display:flex;flex-direction:column;background:#f5f8fa;color:#425b6a}.student-header[data-v-5c46ef73]{display:flex;align-items:center;gap:calc(var(--commbook-unit)*16);padding:calc(var(--commbook-unit)*8) calc(var(--commbook-unit)*38) calc(var(--commbook-unit)*12) calc(var(--commbook-unit)*16);height:var(--commbook-panel-header-height);box-sizing:border-box;flex-shrink:0;background:#fff;border-bottom:1px solid #dfe3eb}.student-summary[data-v-5c46ef73]{display:flex;align-items:center;gap:calc(var(--commbook-unit)*8);flex:1 1 45%;min-width:0}.student-summary>.user_avatar[data-v-5c46ef73]{width:var(--commbook-avatar-size);height:var(--commbook-avatar-size);line-height:var(--commbook-avatar-size);font-size:calc(var(--commbook-unit)*14)}.student-info[data-v-5c46ef73]{min-width:0}.student-info strong[data-v-5c46ef73]{display:block;font-size:calc(var(--commbook-unit)*16);line-height:calc(var(--commbook-unit)*22);font-family:OpenSans-Bold,OpenSans,sans-serif;font-weight:400}.student-info p[data-v-5c46ef73]{color:#607484;font-size:calc(var(--commbook-unit)*14);line-height:calc(var(--commbook-unit)*20);margin:0}.student-info p[data-v-5c46ef73],.student-info strong[data-v-5c46ef73]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-scroll[data-v-5c46ef73]{flex:1;min-height:0;overflow-y:auto;padding:calc(var(--commbook-unit)*28) calc(var(--commbook-unit)*26) calc(var(--commbook-unit)*20) calc(var(--commbook-unit)*24)}.message-scroll[data-v-5c46ef73]::-webkit-scrollbar{width:calc(var(--commbook-unit)*12)}.message-scroll[data-v-5c46ef73]::-webkit-scrollbar-thumb{background:#c4c4c4}.refresh-error[data-v-5c46ef73]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;color:#8c5b14;background:#fff8e8;font-size:12px;flex-shrink:0}.conversation-heading[data-v-5c46ef73]{flex:1 1 55%;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--commbook-unit)*8)}.conversation-heading h1[data-v-5c46ef73]{margin:0;font-size:calc(var(--commbook-unit)*16);line-height:calc(var(--commbook-unit)*22);font-family:OpenSans-Bold,OpenSans,sans-serif;font-weight:400;text-decoration:underline}.conversation-heading h1[data-v-5c46ef73],.topic[data-v-5c46ef73]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topic[data-v-5c46ef73]{display:block;max-width:calc(var(--commbook-unit)*120);flex-shrink:0;padding:calc(var(--commbook-unit)*2) calc(var(--commbook-unit)*8);background:#e8f0fe;color:#1a73e8;font-size:calc(var(--commbook-unit)*11);line-height:calc(var(--commbook-unit)*16);border-radius:calc(var(--commbook-unit)*12)}.state[data-v-5c46ef73]{margin:auto;text-align:center;padding:40px;color:#777d85;font-size:13px;line-height:1.6}.choose-conversation i[data-v-5c46ef73]{font-size:52px;color:#c2ccda;display:block;margin-bottom:18px}.create-dialog[data-v-771a5a52]{position:fixed;z-index:1005;right:calc(var(--commbook-unit)*20);bottom:calc(var(--commbook-unit)*16);width:calc(var(--commbook-unit)*680);max-width:calc(100vw - 24px);height:calc(var(--commbook-unit)*650);max-height:calc(100vh - 70px);display:flex;flex-direction:column;background:#fff;border:1px solid #d6dfe8;box-shadow:0 4px 18px rgba(41,65,93,.25098039215686274);color:#33475b;font-size:calc(var(--commbook-unit)*14)}.dialog-heading[data-v-771a5a52]{flex:0 0 calc(var(--commbook-unit)*55);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--commbook-unit)*18);background:#1a73e8;color:#fff;font-size:calc(var(--commbook-unit)*18)}.dialog-heading button[data-v-771a5a52]{border:0;border-radius:50%;width:calc(var(--commbook-unit)*34);height:calc(var(--commbook-unit)*34);background:hsla(0,0%,100%,.16862745098039217);color:inherit;cursor:pointer;font-size:calc(var(--commbook-unit)*18)}.dialog-body[data-v-771a5a52]{flex:1;min-height:0;display:flex;flex-direction:column}.field-row[data-v-771a5a52]{position:relative;display:flex;align-items:center;gap:calc(var(--commbook-unit)*10);flex-shrink:0;min-height:calc(var(--commbook-unit)*43);padding:0 calc(var(--commbook-unit)*18);box-sizing:border-box;background:#fff}.field-label[data-v-771a5a52]{flex:0 0 calc(var(--commbook-unit)*32);color:#425b76;font-size:calc(var(--commbook-unit)*14);line-height:calc(var(--commbook-unit)*20);font-weight:400}.recipient-row[data-v-771a5a52]{min-height:calc(var(--commbook-unit)*60);z-index:3}.recipient-row.editing[data-v-771a5a52]{align-items:flex-start;padding-top:calc(var(--commbook-unit)*6);padding-bottom:calc(var(--commbook-unit)*6)}.recipient-row.editing .field-label[data-v-771a5a52]{padding-top:calc(var(--commbook-unit)*15)}.recipient-row.editing .chips[data-v-771a5a52]{max-height:calc(var(--commbook-unit)*240);overflow-y:auto}.recipient-field[data-v-771a5a52]{position:relative;flex:1;min-width:0}.chips[data-v-771a5a52]{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--commbook-unit)*7);min-height:calc(var(--commbook-unit)*48);cursor:text}.chips input[data-v-771a5a52]{flex:1 1 calc(var(--commbook-unit)*90);min-width:calc(var(--commbook-unit)*65);height:calc(var(--commbook-unit)*32);border:0;outline:0;background:transparent;color:#33475b;font:inherit}.chips input[data-v-771a5a52]::-moz-placeholder{color:#7c98b6}.chips input[data-v-771a5a52]::placeholder{color:#7c98b6}.chip[data-v-771a5a52]{display:inline-flex;align-items:center;gap:calc(var(--commbook-unit)*8);width:calc(var(--commbook-unit)*225);max-width:100%;height:calc(var(--commbook-unit)*48);padding:0 calc(var(--commbook-unit)*8);box-sizing:border-box;border:1px solid #9ab6d2;background:#f5f8fa}.chip .avatar[data-v-771a5a52],.chip img[data-v-771a5a52]{flex:0 0 calc(var(--commbook-unit)*30);width:calc(var(--commbook-unit)*30);height:calc(var(--commbook-unit)*30);border-radius:50%;-o-object-fit:cover;object-fit:cover}.chip .avatar[data-v-771a5a52]{display:inline-flex;align-items:center;justify-content:center;background:#bfc8d2;color:#fff;font-size:calc(var(--commbook-unit)*12)}.chip button[data-v-771a5a52]{flex-shrink:0;padding:0;border:0;background:none;color:#425b76;cursor:pointer;font-size:calc(var(--commbook-unit)*16)}.chip-copy[data-v-771a5a52]{min-width:0;flex:1}.chip-copy small[data-v-771a5a52],.chip-copy strong[data-v-771a5a52]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.chip-copy strong[data-v-771a5a52]{font-size:calc(var(--commbook-unit)*14);line-height:calc(var(--commbook-unit)*19)}.chip-copy small[data-v-771a5a52]{font-size:calc(var(--commbook-unit)*12);line-height:calc(var(--commbook-unit)*17)}.extra-chip[data-v-771a5a52]{color:#0091ae;font-size:calc(var(--commbook-unit)*14);white-space:nowrap}.candidate-menu[data-v-771a5a52]{position:absolute;z-index:15;top:calc(100% + 2px);left:0;width:100%;max-height:calc(var(--commbook-unit)*286);box-sizing:border-box;overflow-y:auto;padding:calc(var(--commbook-unit)*8) calc(var(--commbook-unit)*8) calc(var(--commbook-unit)*8) 0;border:1px solid #9bbfea;border-radius:2px;background:#fff;box-shadow:0 3px 8px rgba(41,65,93,.2)}.candidate-menu[data-v-771a5a52]::-webkit-scrollbar{width:calc(var(--commbook-unit)*11)}.candidate-menu[data-v-771a5a52]::-webkit-scrollbar-thumb{background:#b8b8b8}.candidate[data-v-771a5a52]{display:flex;align-items:center;gap:calc(var(--commbook-unit)*12);width:100%;min-height:calc(var(--commbook-unit)*54);padding:calc(var(--commbook-unit)*7) calc(var(--commbook-unit)*22);border:0;background:#fff;text-align:left;color:#33475b;cursor:pointer}.candidate[data-v-771a5a52]:hover{background:#f0f2f4}.candidate[data-v-771a5a52]:disabled{opacity:.55;cursor:default}.candidate .avatar[data-v-771a5a52],.candidate img[data-v-771a5a52]{width:calc(var(--commbook-unit)*36);height:calc(var(--commbook-unit)*36);border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.candidate .avatar[data-v-771a5a52]{display:flex;align-items:center;justify-content:center;background:#b5b5b5;color:#fff;font-size:calc(var(--commbook-unit)*12)}.candidate-copy[data-v-771a5a52]{display:flex;flex-direction:column;min-width:0;flex:1}.candidate-copy small[data-v-771a5a52],.candidate-copy strong[data-v-771a5a52]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.candidate-copy strong[data-v-771a5a52]{font-size:calc(var(--commbook-unit)*14);font-weight:400;line-height:calc(var(--commbook-unit)*19)}.candidate-copy small[data-v-771a5a52]{font-size:calc(var(--commbook-unit)*12);line-height:calc(var(--commbook-unit)*17);color:#425b76}.candidate-state[data-v-771a5a52]{padding:calc(var(--commbook-unit)*14);color:#9ab6d2;font-size:calc(var(--commbook-unit)*12)}.candidate-state.error[data-v-771a5a52],.field-error[data-v-771a5a52],.message-error[data-v-771a5a52]{color:#d93636}.topic-row[data-v-771a5a52]{z-index:2}.topic-field[data-v-771a5a52]{position:relative;flex:1;min-width:0}.topic-trigger[data-v-771a5a52]{display:inline-flex;align-items:center;gap:calc(var(--commbook-unit)*7);max-width:100%;padding:0;border:0;background:transparent;color:#425b76;font:inherit;cursor:pointer}.topic-trigger .placeholder[data-v-771a5a52],.topic-trigger i[data-v-771a5a52]{color:#7c98b6}.topic-menu[data-v-771a5a52]{position:absolute;z-index:15;top:calc(100% + 7px);left:0;width:calc(var(--commbook-unit)*300);max-width:100%;max-height:calc(var(--commbook-unit)*240);box-sizing:border-box;overflow-y:auto;padding:calc(var(--commbook-unit)*8) calc(var(--commbook-unit)*8) calc(var(--commbook-unit)*8) 0;border:1px solid #dfe3eb;border-radius:4px;background:#fff;box-shadow:0 3px 8px rgba(41,65,93,.2)}.topic-menu button[data-v-771a5a52]{display:block;width:100%;height:calc(var(--commbook-unit)*29);padding:0 calc(var(--commbook-unit)*14);border:0;background:#fff;color:#33475b;font:inherit;text-align:left;cursor:pointer}.topic-menu button.is-active[data-v-771a5a52],.topic-menu button[data-v-771a5a52]:hover{background:#f0f2f4}.topic-error[data-v-771a5a52]{margin:0 calc(var(--commbook-unit)*18)}.title-row[data-v-771a5a52]{min-height:calc(var(--commbook-unit)*47);border-bottom:1px solid #dfe3eb}.title-wrap[data-v-771a5a52]{flex:1;min-width:0}.title-field[data-v-771a5a52]{display:block;width:100%;height:calc(var(--commbook-unit)*34);padding:0;border:0;outline:0;background:transparent;color:#33475b;font:inherit}.title-field[data-v-771a5a52]:not(:focus){overflow:hidden;text-overflow:ellipsis}.title-field[data-v-771a5a52]::-moz-placeholder{color:#7c98b6}.title-field[data-v-771a5a52]::placeholder{color:#7c98b6}.field-error[data-v-771a5a52]{display:block;margin:0 0 calc(var(--commbook-unit)*5);font-size:calc(var(--commbook-unit)*10)}.editor-area[data-v-771a5a52]{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.visually-hidden[data-v-771a5a52]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.message-editor[data-v-771a5a52]{flex:1;min-height:0;border:0}.message-editor[data-v-771a5a52] .content{box-sizing:border-box;padding:calc(var(--commbook-unit)*12) calc(var(--commbook-unit)*18)}.message-editor[data-v-771a5a52] .tools{box-sizing:border-box;padding-right:calc(var(--commbook-unit)*110);border-top:1px solid #dfe3eb}.composer-attachments[data-v-771a5a52]{position:absolute;z-index:1;right:0;bottom:48px;left:0}.message-error[data-v-771a5a52]{position:absolute;z-index:2;right:calc(var(--commbook-unit)*14);bottom:calc(var(--commbook-unit)*53);left:calc(var(--commbook-unit)*18);margin:0;padding:calc(var(--commbook-unit)*3) 0;background:#fff;font-size:calc(var(--commbook-unit)*10)}.editor-area.has-attachments .message-error[data-v-771a5a52]{bottom:135px}.send-slot[data-v-771a5a52]{position:absolute;z-index:3;right:0;bottom:0;width:calc(var(--commbook-unit)*110);height:48px;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;padding-right:calc(var(--commbook-unit)*16);border-top:1px solid #dfe3eb;background:#f5f8fa}.send-slot[data-v-771a5a52] .el-button{min-width:calc(var(--commbook-unit)*60);height:calc(var(--commbook-unit)*36);border-radius:2px}.send-slot[data-v-771a5a52] .el-button.is-disabled{color:#a5bbd2;background:#eaf0f6;border-color:#eaf0f6}.global-commbook[data-v-28596832]{--commbook-unit:clamp(0.75px,0.05208333vw,1px);--commbook-topbar-height:calc(var(--commbook-unit)*54);--commbook-panel-header-height:calc(var(--commbook-unit)*60);--commbook-avatar-size:calc(var(--commbook-unit)*32);height:100vh;color:#425b6a;font-family:OpenSans,Open Sans,sans-serif;font-size:calc(var(--commbook-unit)*14);overflow:hidden}.commbook-header[data-v-28596832] .topAppBar{height:var(--commbook-topbar-height);line-height:var(--commbook-topbar-height);padding:0 calc(var(--commbook-unit)*16);box-sizing:border-box}.commbook-header[data-v-28596832] .topAppBar-left .title{min-width:0;font-size:calc(var(--commbook-unit)*22);line-height:calc(var(--commbook-unit)*30)}.commbook-header[data-v-28596832] .topAppBar .circleBtn{width:calc(var(--commbook-unit)*36);height:calc(var(--commbook-unit)*36);margin:0 calc(var(--commbook-unit)*18) 0 0;flex-shrink:0}.commbook-header[data-v-28596832] .topAppBar .circleBtn i{font-size:calc(var(--commbook-unit)*20);line-height:calc(var(--commbook-unit)*20)}.commbook-header[data-v-28596832] .topAppBar .circleBtn i.iconapps{display:block;width:calc(var(--commbook-unit)*18);height:calc(var(--commbook-unit)*18);font-size:0;line-height:0}.commbook-header[data-v-28596832] .topAppBar .circleBtn i.iconapps:before{content:"";display:block;width:calc(var(--commbook-unit)*4);height:calc(var(--commbook-unit)*4);background:#fff;box-shadow:calc(var(--commbook-unit)*7) 0 #fff,calc(var(--commbook-unit)*14) 0 #fff,0 calc(var(--commbook-unit)*7) #fff,calc(var(--commbook-unit)*7) calc(var(--commbook-unit)*7) #fff,calc(var(--commbook-unit)*14) calc(var(--commbook-unit)*7) #fff,0 calc(var(--commbook-unit)*14) #fff,calc(var(--commbook-unit)*7) calc(var(--commbook-unit)*14) #fff,calc(var(--commbook-unit)*14) calc(var(--commbook-unit)*14) #fff}.commbook-header[data-v-28596832] .topAppBar-right .avatar{margin:0}.commbook-header[data-v-28596832] .topAppBar-right .avatar,.commbook-header[data-v-28596832] .topAppBar-right .avatar .user_head{width:var(--commbook-avatar-size);height:var(--commbook-avatar-size);line-height:var(--commbook-avatar-size)}.commbook-header[data-v-28596832] .el-menu-vertical,.inbox-layout[data-v-28596832]{top:var(--commbook-topbar-height)}.inbox-layout[data-v-28596832]{position:fixed;right:0;bottom:0;left:0;display:flex;overflow:hidden}.access-state[data-v-28596832]{padding:120px 32px;text-align:center;color:#777d85}