.ui-popup-mask .wrapper-edit-method{width:100%}.ui-popup-mask .wrapper-edit-method .ui-check-wrapper{padding:0 28px}.comm{display:flex;flex-direction:column;width:320px;background-color:var(--dark-fore-color);border:1px solid var(--title-bg-color);margin-left:12px}.comm{--dark-fore-color: #fff;--dark-fore-opacity-color: rgba(255, 255, 255, .6);--strong-color: #333;--light-color: #ccc}.comm .roundbtn{width:30px;height:30px;display:inline-block;box-sizing:border-box;cursor:pointer;padding:7px;margin-left:10px;fill:var(--dark-fore-color);border-radius:15px;border:none;transition:background-color .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.comm .roundbtn:focus,.comm .roundbtn:focus-visible{outline:none}.comm .roundbtn:hover{background-color:var(--dark-fore-opacity-color)}.comm .roundbtn:hover>svg{opacity:.6}.comm .roundbtn.disabled,.comm .roundbtn:disabled{background-color:transparent!important}.comm .roundbtn.disabled,.comm .roundbtn:disabled{fill:#d3d3d3}.comm .roundbtn.disabled:hover>svg,.comm .roundbtn:disabled:hover>svg{opacity:1;opacity:initial}.comm .roundbtn>svg{width:13px;height:14px;display:block;transition:opacity .2s}.comm .title-bar{flex:0 0 auto;padding:5px 0 5px 10px;color:var(--title-color);background-color:var(--title-bg-color);line-height:24px;display:flex;align-items:center;font-size:var(--font-larger-size)}.comm .title-bar>div{flex:1 1 auto}.comm .title-bar>.title-functions{flex:0 0 auto;display:flex;padding:4px}.comm .title-bar>.title-functions>label{margin:0 4px;box-sizing:border-box;cursor:pointer;width:30px;height:30px;background-color:var(--dark-fore-color);border-radius:15px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.comm .title-bar>.title-functions>label>svg{fill:var(--strong-color);width:14px;height:14px;transition:opacity .2s}.comm .title-bar>.title-functions>label:hover{background-color:var(--dark-fore-opacity-color)}.comm .title-bar>.title-functions>label:hover>svg{opacity:.6}.comm .title-bar>.title-functions>label.disabled{cursor:default;opacity:.6}.comm .title-bar>.title-functions>label.disabled:hover{background-color:var(--dark-fore-color)}.comm .title-bar>.title-functions>label.disabled:hover>svg{opacity:1;opacity:initial}.comm .contact-bar{flex:0 0 auto;padding:4px 0;display:flex;border-bottom:1px solid var(--title-bg-color)}.comm .contact-bar>.bar-icon{flex:0 0 auto}.comm .contact-bar>.bar-icon>svg{width:30px;height:30px;margin:0 8px}.comm .contact-bar>.bar-list{flex:1 1 auto;width:calc(100% - 46px)}.comm .contact-bar>.bar-list .bar-list-container{max-height:120px;overflow:auto}.comm .contact-bar>.bar-list .contact-item{display:flex;align-items:center;line-height:22px}.comm .contact-bar>.bar-list .contact-item>svg{flex:0 0 auto;width:16px;height:16px;margin-right:6px;fill:var(--strong-color)}.comm .contact-bar>.bar-list .contact-item>span{color:var(--strong-color);font-size:var(--font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.comm .contact-bar .roundbtn{float:right;margin:4px 10px 10px}.comm .contact-bar .roundbtn>svg{width:16px}.comm .message-bar{flex:0 0 auto;border-bottom:1px solid var(--title-bg-color);display:flex;flex-direction:column}.comm .message-bar>textarea{padding:10px 10px 0;border:1px solid var(--title-bg-color);border-radius:5px;height:70px;resize:none;font-size:var(--font-smaller-size);font-family:var(--font-family);margin:3px 5px;background:#f0f0f0}.comm .message-bar>textarea:focus,.comm .message-bar>textarea:focus-visible{outline:none}.comm .message-bar>div{padding:0 10px 10px}.comm .message-bar>div>.customer-name{float:left}.comm .message-bar>div>.customer-name>span{font-size:var(--font-smaller-size)}.comm .message-bar>div>.customer-name>.ui-input{margin-left:4px;width:150px;border-top:none;border-left:none;border-right:none}.comm .message-bar>div>.prompt-count{display:inline-block;color:var(--light-color);font-size:var(--font-smaller-size)}.comm .list-bar{flex:1 1 auto;overflow:auto;margin-top:8px;min-height:100px}.comm .list-bar .item-div{margin-top:5px;border-bottom:solid 1px lightgray;padding:3px 10px 5px;line-height:1.5rem;white-space:normal;word-break:break-word;overflow:hidden;font-size:var(--font-size);color:#333;display:flex;flex-direction:column}.comm .list-bar .item-div:last-child{border-bottom:none}.comm .list-bar .item-div .item-poster{font-weight:700;font-size:var(--font-size);align-self:flex-start}.comm .list-bar .item-div .item-poster .ui-tooltip-wrapper>.ui-tooltip-content{font-weight:400}.comm .list-bar .item-div .item-content{line-height:1.2rem;padding:8px 20px;border-radius:5px;white-space:pre-wrap;word-break:break-word;max-width:240px;background-color:#f4f4f4}.comm .list-bar .item-div .item-content a>svg{width:13px;height:13px;fill:#2140fb}.comm .list-bar .item-div .item-content a>svg:hover{border-bottom:1px solid}.comm .list-bar .item-div .item-content>span:after{content:"";display:block}.comm .list-bar .item-div .item-content .item-status{text-align:right;margin-top:3px;font-weight:700;margin-right:-12px;font-size:.625rem;float:right}.comm .list-bar .item-div .item-time{align-self:flex-end;color:#aaa;font-size:.6875rem}.comm .list-bar .item-div.item-other .item-content{margin-left:10px;align-self:flex-start}.comm .list-bar .item-div.item-self .item-poster,.comm .list-bar .item-div.item-self .item-content{align-self:flex-end}.comm .list-bar .item-div.item-self .item-content{margin-right:10px;background-color:#9eea6a}.comm .list-bar .item-div.item-sent .item-content{background-color:#a4e2fb}.comm .ui-popup-mask .ui-grid{height:100%;min-height:120px}.comm .ui-popup-mask .ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td{vertical-align:top}.comm .ui-popup-mask .ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .col-icon{padding:10px 4px 10px 8px}.comm .ui-popup-mask .ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .icon-contact-type{cursor:inherit}.comm .ui-popup-mask .ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .icon-contact-type>svg{fill:#333}.comm .ui-popup-mask .ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .icon-contact-type:hover>svg{opacity:1;opacity:initial}.comm .ui-popup-mask .ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .contact-wrapper{width:100px;padding:var(--spacing-cell)}.comm .ui-popup-mask .ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .contact-wrapper .contact-name{overflow:hidden;text-overflow:ellipsis}.comm .ui-popup-mask .ui-grid>.ui-grid-body .ui-grid-body-content>.ui-grid-row>td .contact-wrapper .contact-note{color:#999;overflow:hidden;text-overflow:ellipsis}.comm .ui-popup-mask .follower-wrapper{display:flex;flex-direction:column;width:600px}.comm .ui-popup-mask .follower-wrapper>.follower-search{margin-bottom:6px}.comm .ui-popup-mask .follower-wrapper>.follower-grid{height:380px}.comm .ui-popup-mask .selcontact-wrapper{display:flex;flex-direction:column;width:780px}.comm .ui-popup-mask .selcontact-wrapper>.selcontact-grid{height:200px}