.styles_modalOpened__mUpWR{overflow:hidden}.styles_modalDialog__WwTh3{position:relative;display:flex;justify-content:center;align-items:center;padding:1rem;height:100%}.styles_modalContent__f7w7K{position:relative;background-color:#fff;border-radius:10px;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);max-width:550px;width:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column}.styles_modalOverlay__VHq8r{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;transition:opacity .2s ease-in-out;overflow-x:hidden;overflow-y:auto;backface-visibility:hidden;transform:translateZ(0)}.styles_modalHeader__aadXy{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem;flex-shrink:0}.styles_modalHeader__aadXy .styles_title__BQOC4{font-size:1.5rem;font-weight:600}.styles_closeButton__kQqNP{font-size:1.8rem;font-weight:700;cursor:pointer;width:40px;height:40px;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:20px;padding-bottom:2px;padding-left:2px;color:#000}.styles_closeButton__kQqNP:hover{background-color:#eee}.channel-preview__container{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:16px 8px}.channel-preview__container:hover{background:#f7f7f7;transition:background .1s ease-in-out}.str-chat.str-chat__theme-dark .channel-preview__container:hover{background:#2c2c30}.channel-preview__container.selected{background:#f7f7f7;transition:background .1s ease-in-out}.str-chat.str-chat__theme-dark .channel-preview__container.selected{background:#2c2c30}.channel-preview__content-wrapper{display:flex;flex-direction:column;justify-content:center;margin-left:8px;margin-right:8px;width:100%}.channel-preview__content-top{display:flex;justify-content:space-between;align-items:center;height:18px;margin:0 0 4px}.channel-preview__content-name{font-family:Helvetica Neue,sans-serif;font-weight:500;font-size:15px;color:#000000;margin:0;max-width:158px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.str-chat.str-chat__theme-dark .channel-preview__content-name{color:#ffffff}.channel-preview__content-time{font-family:Helvetica Neue,sans-serif;font-size:11px;color:#858688;margin:0}.channel-preview__content-message{font-family:Helvetica Neue,sans-serif;font-size:13px;line-height:16px;margin:0;color:#858688;height:16px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-preview__content-message p{margin:0}.channel-preview__container .str-chat__avatar{margin-right:0}