.cmm-comments-sidebar{transform:translateZ(0);height:100%;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.cmm-comments-sidebar:after{content:"";position:absolute;z-index:9999;top:4px;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.64)}.cmm-comments-sidebar .cmm-comments-sidebar__progress{position:absolute;z-index:10000;height:4px;top:0}.cmm-comments-sidebar.cmm-comments-sidebar--init:after{animation:.32s .32s both cmm-comments-sidebar-init}@keyframes cmm-comments-sidebar-init{0%{opacity:1;backdrop-filter:blur(1px);animation-timing-function:cubic-bezier(.27,.09,.83,1)}to{opacity:0;backdrop-filter:none;visibility:hidden}}.cmm-comments-sidebar.cmm-comments-sidebar--init .cmm-comments-sidebar__progress{animation:.32s .64s both cmm-comments-sidebar-progress-hide}@keyframes cmm-comments-sidebar-progress-hide{0%{opacity:1;animation-timing-function:cubic-bezier(.27,.09,.83,1)}to{opacity:0}}.cmm-comments-sidebar .cmm-comments-sidebar__content{height:100%;overflow:auto;padding:68px 16px 210px}.cmm-comments-sidebar .cmm-comments-sidebar__section{padding:0 0 16px}.cmm-comments-sidebar .cmm-comments-sidebar__footer{display:flex;justify-content:flex-end;align-items:center;position:fixed;bottom:0;left:0;right:0;padding:0 16px;height:48px;z-index:99;background:#fff;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}[dir=ltr] .cmm-comments-sidebar .cmm-comments-sidebar__footer-button:not(:last-child){margin-right:16px}[dir=rtl] .cmm-comments-sidebar .cmm-comments-sidebar__footer-button:not(:last-child){margin-left:16px}.cmm-comments-sidebar .cmm-comments-sidebar__footer{height:194px;flex-direction:column;padding:16px}.cmm-comments-sidebar .cmm-comments-sidebar__footer-button{width:100%}.cmm-comments-header{position:fixed;z-index:9999;display:flex;align-items:center;top:0;left:0;right:0;background:#fff;opacity:0;height:56px;border-top:1px solid rgba(0,0,0,.16);border-bottom:1px solid rgba(0,0,0,.12)}[dir=ltr] .cmm-comments-header{padding:0 8px 0 16px}[dir=rtl] .cmm-comments-header{padding:0 16px 0 8px}.cmm-comments-header.cmm-comments-header--init{opacity:1;animation:.96s both cmm-comments-header-init}@keyframes cmm-comments-header-init{0%{transform:translateY(-16px);animation-timing-function:cubic-bezier(.12,.87,.15,1)}to{transform:translateY(0)}}.cmm-comments-header .cmm-comments-header__section{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1;justify-content:center;height:40px;overflow:hidden}.cmm-comments-header .cmm-comments-header__title{width:calc(100% - 40px - 8px);height:22px;line-height:22px;font-size:18px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cmm-comments-header .cmm-comments-header__action{flex:0 0 auto}[dir=ltr] .cmm-comments-header .cmm-comments-header__action{margin-left:8px}[dir=ltr] .cmm-comments-header .cmm-comments-header__action:last-child,[dir=rtl] .cmm-comments-header .cmm-comments-header__action{margin-right:8px}[dir=rtl] .cmm-comments-header .cmm-comments-header__action:last-child{margin-left:8px}.cmm-comments-toolbar{display:flex;justify-content:space-between}.cmm-comments-toolbar .cmm-comments-toolbar__section:first-child{display:flex}.cmm-comments-toolbar .cmm-comments-toolbar__img{width:32px;height:32px;padding:6px;background-color:#f3f3fb;border-radius:16px}[dir=ltr] .cmm-comments-toolbar .cmm-comments-toolbar__img{margin-right:12px}[dir=rtl] .cmm-comments-toolbar .cmm-comments-toolbar__img{margin-left:12px}.cmm-comments-toolbar .cmm-comments-toolbar__img svg{fill:#9498bc}.cmm-comments-toolbar .cmm-comments-toolbar__author{line-height:1.3}.cmm-comments-toolbar .cmm-comments-toolbar__author :first-child{font-weight:600}.cmm-comments-toolbar .cmm-comments-toolbar__reply{opacity:0;visibility:hidden;cursor:pointer;font-weight:400;transition:opacity .12s linear}.cmm-comments-toolbar .cmm-comments-toolbar__reply:hover{text-decoration:underline}.cmm-comments-toolbar .cmm-comments-toolbar__action{transform:rotate(90deg);color:#2c79e7;padding:0;max-width:40px;min-width:40px;transition:all .32s cubic-bezier(.27,.09,.83,1),color 0s}.cmm-comments-toolbar .cmm-comments-toolbar__action:before{content:"";position:absolute;width:32px;height:32px;border-radius:3px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0}.cmm-comments-toolbar .cmm-comments-toolbar__action:hover{color:#fff}.cmm-comments-toolbar .cmm-comments-toolbar__action:hover:before{opacity:1}.cmm-comments-toolbar .cmm-comments-toolbar__action .mat-button-focus-overlay,.cmm-comments-toolbar .cmm-comments-toolbar__action .mat-ripple{display:none!important}.cmm-comments .cmm-comments__main{position:relative;padding:12px;border-radius:6px;transition:background-color .12s linear}.cmm-comments .cmm-comments__main:hover{background-color:#f9fafc}.cmm-comments .cmm-comments__main:hover .cmm-comments-toolbar__reply{opacity:1;visibility:visible}.cmm-comments .cmm-comments__main.cmm-comments__main--nested:before{content:"";position:absolute;top:42px;left:27px;width:2px;height:calc(100% - 42px);background-color:#f3f3fb}.cmm-comments .cmm-comments__content{padding-left:44px;word-break:break-word}.cmm-comments .cmm-comments__content .mention{height:24px;width:65px;border-radius:6px;background-color:#d3e1eb;padding:3px 0;margin-right:2px;user-select:all}.cmm-comments .cmm-comments__content .mention>span{margin:0 3px}.cmm-comments .cmm-comments__subsection{position:relative;padding:12px 12px 12px 44px;border-radius:6px;transition:background-color .12s linear}.cmm-comments .cmm-comments__subsection:hover{background-color:#f9fafc}.cmm-comments .cmm-comments__subsection:hover .cmm-comments-toolbar__reply{opacity:1;visibility:visible}.cmm-comments .cmm-comments__subsection:before{content:"";position:absolute;top:0;left:27px;width:20px;height:28px;border:2px solid #f3f3fb;border-top:0;border-right:0;border-bottom-left-radius:14px}.cmm-comments .cmm-comments__subsection:not(.cmm-comments__subsection--last):after{content:"";position:absolute;top:0;left:27px;width:2px;height:100%;background-color:#f3f3fb}.cmm-comments .cmm-comments__load-more{position:relative;display:flex;justify-content:space-around;margin-top:12px;cursor:pointer;font-size:14px;color:#2c79e7;user-select:none}.cmm-comments .cmm-comments__load-more:before{content:"";position:absolute;z-index:1;width:100%;height:50%;border-bottom:2px dashed #f3f3fb}.cmm-comments .cmm-comments__load-more>span{position:relative;z-index:2;padding:0 12px;background-color:#fff}[dir=ltr] .cmm-comments .cmm-comments__load-more svg{margin-right:8px}[dir=rtl] .cmm-comments .cmm-comments__load-more svg{margin-left:8px}.cmm-comments-editor{position:relative;width:100%;height:130px}.cmm-comments-editor .cmm-comments-editor__label{position:absolute;top:-16px;color:#a5a5a5;font-size:11px}.cmm-comments-editor .cmm-comments-editor__counter.cmm-comments-editor__counter--invalid{color:#f85c53}.cmm-comments-editor .cmm-comments-editor__input .ql-container{height:114px;border:1px solid #bdc1de;border-radius:6px}.cmm-comments-editor .cmm-comments-editor__input .ql-container.cmm-comments-editor__input--invalid{border-color:#f85c53}.cmm-comments-editor .cmm-comments-editor__input .ql-mention-list-container{max-height:130px;overflow:auto}.cmm-comments-editor .ql-mention-list-container{width:270px;border:1px solid #f0f0f0;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px 0 rgba(30,30,30,.08);z-index:9001}.cmm-comments-editor .ql-mention-list{list-style:none;margin:0;padding:0;overflow:hidden}.cmm-comments-editor .ql-mention-list-item{cursor:pointer;height:44px;line-height:44px;font-size:16px;padding:0 20px;vertical-align:middle}.cmm-comments-editor .ql-mention-list-item.selected{background-color:#d3e1eb;text-decoration:none}.cmm-comments-editor .mention{height:24px;width:65px;border-radius:6px;background-color:#d3e1eb;padding:3px 0;margin-right:2px;user-select:all}.cmm-comments-editor .mention>span{margin:0 3px}.cmm-comments-editor .ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.cmm-comments-editor .ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}