.CMMT-component{display:flex;flex-direction:column;gap:1rem;padding:0 1rem;font-size:.8rem;flex:1 1 auto;min-height:0;overflow:auto}.CMMT-component-comment-panel{--cmh-theme-color:var(--main-color);border:.1rem solid #ddd;border-left:.3rem solid var(--cmh-theme-color);border-radius:.375rem;display:flex;flex-direction:column;min-width:0;box-shadow:0 .1rem .3rem #00000010;flex:0 0 auto}.CMMT-component-comment-panel.CMMT-zendesk{--cmh-theme-color:#038153}.CMMT-component-comment-panel.CMMT-error{--cmh-theme-color:#038153}.CMMT-component-comment-panel.CMMT-email{--cmh-theme-color:#038153}.CMMT-component-comment-panel.CMMT-chat{--cmh-theme-color:#038153}.CMMT-component-comment-panel.CMMT-comment_published{--cmh-theme-color:#398e40}.CMMT-component-comment-panel.CMMT-request_change_sla{--cmh-theme-color:#7b1fa2}.CMMT-Flag{font-size:.65rem;text-transform:uppercase;padding:.25rem .25rem .25rem 4rem;font-weight:500;margin-bottom:.25rem}.CMMT-component-comment-panel.CMMT-comment_published .CMMT-Flag{background:#c5e5c7;color:#03520a}.CMMT-component-comment-panel.CMMT-request_change_sla .CMMT-Flag{background:#dfc4ea;color:#5a0081}.CMMT-component-comment-panel .CMMT-Body{flex:1;display:flex;min-width:0;margin:.25rem 0}.CMMT-component-comment-panel .CMMT-Body > div:nth-child(1){margin:.25rem 1rem 0 .75rem}.CMMT-component-comment-panel .CMMT-Body > div:nth-child(1) > i{display:flex;width:2.25rem;height:2.25rem;background:var(--color);color:#fff;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;border-radius:50%;font-style:normal}.CMMT-component-comment-panel .CMMT-Body > div:nth-child(1) > i:before{content:attr(initials)}.CMMT-component-comment-panel .CMMT-Body > div:nth-child(2){flex:1;display:flex;flex-direction:column}.CMMT-header{display:flex;align-items:center;padding:0 0 .25rem;gap:.3rem}.CMMT-header > span:nth-child(1){font-weight:500}.CMMT-header > span:nth-child(2){background:var(--main-color);color:var(--main-font-color);text-transform:uppercase;font-size:.6rem;padding:.1rem .3rem;border-radius:.25rem;font-weight:500}.CMMT-header > .CMMT-isPublic{color:#2b8fa5;font-size:.65rem;padding:.15rem .3rem 0.05rem;border-radius:.25rem;font-weight:500;border:.1rem solid #4fb6cc;display:flex;align-items:center;gap:.2rem}.CMMT-header > .CMMT-isPublic:before{content:"\f06e";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.55rem;padding-bottom:.15rem;display:inline-block}.CMMT-component-comment-panel.CMMT-zendesk .CMMT-header > span:nth-child(2){background:#038153;color:#fff}.CMMT-component-comment-panel.CMMT-error .CMMT-header > span:nth-child(2){background:#F82929;color:#fff}.CMMT-component-comment-panel.CMMT-email .CMMT-header > span:nth-child(2){background:#dba32f;color:#fff}.CMMT-component-comment-panel.CMMT-chat .CMMT-header > span:nth-child(2){background:#167a8f;color:#fff}.CMMT-content{padding:.25rem .5rem .25rem 0;max-width:100%;max-height:12rem;overflow:hidden;transition:max-height .2s ease}.CMMT-content.fullview{max-height:var(--fullsize)}.CMMT-content img{max-width:100%;object-fit:contain}.CMMT-content-read-toggle{text-align:center;position:relative;margin-bottom:.25rem}.CMMT-content-read-toggle:before{content:"";background:linear-gradient(180deg,#fff0,#fff);position:absolute;width:100%;height:2rem;pointer-events:none;left:0;top:-1.9rem}.CMMT-content-read-toggle:has(.less):before{background:#fff0}.CMMT-content-read-toggle a > b{margin-left:.3rem}.CMMT-content-files{display:flex;align-items:center;flex-wrap:wrap;padding:.3rem 0;font-size:.7rem;gap:.5rem}.CMMT-content-files > div{background:#fafafa;border:.1rem solid #ddd;padding:.3rem;border-radius:.375rem;color:#666;transition:background .2s ease;cursor:pointer;display:flex;align-items:center;gap:.3rem}.CMMT-content-files > div:hover{background:#f0f0f0}.CMMT-content-files > div:before{content:"\f15b";font-family:"Font Awesome 6 Free";font-weight:900;color:#888}.CMMT-content-files > div:has(span:nth-child(2)):before{font-weight:400;color:#2e7d32}.CMMT-content-files > div > span:nth-child(2){color:#2e7d32;font-size:.6rem;padding:.15rem .3rem 0.05rem;border-radius:.25rem;font-weight:500;border:.1rem solid #80bb82;text-transform:uppercase}.CMMT-content-likes{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;padding:0 .5rem}.CMMT-content-likes > span{padding:0 .2rem .1rem;cursor:help;transition:background .2s ease;border-radius:.375rem;border:.1rem solid #ddd0;transition-property:background,border-color}.CMMT-content-likes > span:hover{background:#f0f0f0;border-color:#ddd}.CMMT-content-likes > span:after{content:attr(count);font-size:.7rem;font-weight:500}.CMMT-footer{display:flex;align-items:center;padding:.5rem;gap:.2rem;min-height:2rem;background:#fafafa;border-top:.1rem solid #eee;margin-top:.3rem;font-size:.7rem;border-radius:0 0 .375rem .375rem}.CMMT-footer > span:last-child{color:#888;margin-left:auto}.CMMT-component-reply-panel{border:.1rem solid #ddd;border-radius:.375rem;display:flex;flex-direction:column;min-width:0;box-shadow:0 .1rem .3rem #00000010;margin-left:1rem;position:relative;flex:0 0 auto}.CMMT-component-reply-panel:before{content:"";height:var(--dist);width:.9rem;border:.15rem solid var(--color);border-right:0;border-top:0;position:absolute;top:.07rem;left:-.9rem;transform:translateY(-100%);border-radius:0 0 0 .375rem}.CMMT-component-reply-panel .CMMT-header{padding:.5rem 0 .25rem .5rem}.CMMT-component-reply-panel .CMMT-header:before{content:"\f111";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--color);position:absolute;left:-.3rem;top:-.2rem;font-size:.5rem}.CMMT-component-reply-panel .CMMT-header i{display:flex;width:1.25rem;height:1.25rem;background:var(--color);color:#fff;align-items:center;justify-content:center;font-size:.6rem;font-weight:500;border-radius:50%;font-style:normal}.CMMT-component-reply-panel .CMMT-header i:before{content:attr(initials)}.CMMT-component-reply-panel .CMMT-header > span:nth-child(1){display:flex;align-items:center;gap:.3rem}.CMMT-component-reply-panel .CMMT-content{padding:.5rem}.CMMT-component-reply-panel .CMMT-content-files{padding:.3rem .5rem}.CMMT-reply-footer{display:flex;align-items:center;padding:.5rem;gap:.3rem;min-height:2rem;background:#fafafa;border-top:.1rem solid #eee;margin-top:.5rem;font-size:.7rem;border-radius:0 0 .375rem .375rem}.CMMT-reply-footer > span:last-child{color:#888;margin-left:auto}.CMMT-component-reply-panel + .CMMT-component-comment-panel{margin-top:1rem}#CMTLikesPanelContent{display:flex;align-items:center;padding:.5rem 1.25rem .5rem .25rem;max-width:4rem}#CMTLikesPanelContent:empty{padding:.25rem}#CMTLikesPanelContent:empty:before{content:"";width:1rem;height:1rem;border:.2rem solid #00000020;border-radius:50%;border-top-color:var(--main-color);animation:roll 1s linear infinite}#CMTLikesPanelContent:before{content:attr(react);margin-right:.3rem}#CMTLikesPanelContent > b{max-width:.5rem;position:relative}#CMTLikesPanelContent > b > b{width:1.25rem;height:1.25rem;font-size:.5rem;display:flex;align-items:center;justify-content:center;background:var(--usr-color);color:#fff;border-radius:50%;cursor:pointer;transition:transform .2s ease}#CMTLikesPanelContent > b:hover{z-index:1}#CMTLikesPanelContent > b:hover > b{transform:scale(1.3)}.CMT-action{padding:.2rem !important;background:#0000 !important;border:none !important;text-transform:initial !important;font-size:.7rem !important;color:#999 !important;margin:0 !important}.CMT-action:hover{color:#666 !important}.CMT-action > .icon{margin-right:.35rem !important}.CMT-publish{padding:.2rem .5rem !important;margin:0 0 0 auto !important}.CMT-publish > .icon{margin-right:.35rem !important}.CMT-publish + span{margin-left:.5rem !important}.CMT-edit-actions{display:flex;align-items:center;margin:0 .25rem 0 auto;gap:.3rem;color:#aaa;font-size:.7rem;position:relative}.CMT-edit-actions > span{width:1.5rem;height:1.5rem;display:grid;place-items:center;transition:background .2s ease;transition-property:background,color,border-color;border-radius:50%;position:absolute;border:.1rem solid #ccc0}.CMT-edit-actions > span:hover{background:#eee;color:#888;border-color:#ccc}.CMT-public-action{margin-right:.5rem}.CMT-public-action > b:after{content:"|";font-size:.5rem;position:absolute;pointer-events:none;right:-.5rem;margin-top:.1rem}.CMT-edit-actions > span:has(.fa-trash-alt):hover{color:#F82929}