*{box-sizing:border-box}body{font-family:"Noto Sans";margin:0;position:relative}#root,body{height:100vh}.cm-avatar,.dm-header-icon-detail{border-radius:.25rem}.landing-grid{height:100vh;display:grid;grid-template-columns:260px 1fr;grid-template-rows:40px calc(100vh - 84px) 44px;grid-template-areas:"nav1 nav2" "sidebar main" "foot foot";align-items:stretch}.grid-nav-top{border-bottom:1px solid rgb(255 255 255/10%);display:flex;align-items:center}.login-general-div{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:50px 0 15px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.login-general-div>a>img{height:26px}.user-form{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;height:calc(100% - 301px)}.user-form-button-div,.user-form-inputs-div{width:400px;height:64px}.login-error-div{display:flex;flex-direction:column;grid-row-gap:6px;row-gap:6px;margin:15px 0}.user-form-inputs-div>input{padding:11px 40px 13px 12px;border:1px solid rgba(29,28,29,.3);border-radius:4px;background:#fff}.user-form-button-div>button,.user-form-inputs-div>input{width:100%;margin-bottom:20px;font-size:18px;box-sizing:border-box}.user-form-button-div>button{padding:12px;border:1px solid #611f69;border-radius:4px;background:#611f69;color:#fff;cursor:pointer}.logout-button{cursor:pointer}.form-error-container{width:400px;padding-bottom:1rem;color:red}.form-error-block{padding:.2rem 0}.landing-log-in-navbar{padding:0 24px;height:80px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background-color:#4a154b}.landing-login-logo-link{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;grid-column-gap:4px;column-gap:4px;text-decoration:none}.slack-logo-svg{height:45px;width:45px}.landing-page-logo-text{font-weight:800;font-size:min(1.4rem,24px);color:#fff}.nav-links-div{display:flex;flex-wrap:wrap;align-items:center;grid-column-gap:20px;column-gap:20px}.landing-nav-links{text-decoration:none;padding:8px 16px;box-sizing:border-box;border:1px solid #fff;border-radius:4px;font-size:.875rem;color:#fff}.home-main-div{color:#fff;display:flex;flex-direction:column;align-items:center;background-color:#4a154b;height:calc(100% - 124px)}.home-main-div>img{width:auto;height:50%;max-height:50%}.home-main-div>a{cursor:pointer;width:20%}.home-main-div>a>button{cursor:pointer;width:100%;padding:12px;border:1px solid #fff;border-radius:4px;font-size:18px;background:#fff;box-sizing:border-box}.dm-header{font-size:18px;font-weight:700}.dm-header-icon{height:24px;margin-right:10px;position:relative;z-index:inherit}.dm-header-icon-detail{width:26px;height:26px}.user-active-circle{width:12px;height:12px;border:2px solid #fff;border-radius:50%;position:absolute;bottom:-6px;right:-6px;z-index:2}.is_online{background-color:green}.all-msg-container{position:relative;margin-top:auto!important}.chat-body{width:100%;flex-grow:1;display:flex;flex-flow:column nowrap}.chat-body,.react-scroll-to-bottom--css-niyfd-1n7m0yu{overflow-x:hidden}.flex-msg-container{display:flex;padding:8px 32px;overflow-x:hidden}.with-mb-24{margin-bottom:20px}.flex-msg-container-without-icon{display:flex;padding:0 32px}.user-icon-container-dm{display:flex;margin-right:8px;flex-shrink:0}.user-icon-dm{height:36px;width:36px;border-radius:4px}.msg-text-container{padding-left:12px;overflow-x:hidden}.msg-detail-container{margin-bottom:4px}.msg-detail-container-without-icon{margin-left:44px;margin-bottom:12px;padding-left:12px;font-size:15px}.msg-username{color:#1d1c1d;font-weight:800;font-size:16px;overflow-x:hidden}.msg-sendtime{font-size:12px;color:#616061}.msg-detail{font-size:15px;text-align:left;color:#1d1c1d;padding-top:4px}.chat-footer-container{display:flex;padding:0 20px;position:absolute}.chat-footer{display:grid;grid-template-rows:1fr 1fr 1fr;flex-direction:column;width:100%;border:1px solid grey;height:142px;border-radius:8px}.form-top-flex{display:flex;background-color:#f8f8f8;padding:4px;border-top-left-radius:8px;border-top-right-radius:8px}.form-middle{font-size:16px;display:flex;padding:4px}.form-input{border:none;padding:8px;width:100%;height:100%}.form-input::placeholder{font-size:18px;color:#b1aeae;font-weight:lighter}.form-input:focus{border-color:none}.form-bottom{margin-right:20px;display:flex;align-items:center;justify-content:end}.fa-paper-plane{font-size:.875rem;rotate:60deg;cursor:pointer}.loading-dm{display:flex;align-items:center;justify-content:center}.loading-dm p{font-size:18px;font-weight:600}.msg-detail-without-icon{overflow-wrap:anywhere}.profile-menu-div{color:#1d1c1d;background-color:#f8f8f8;position:absolute;right:16px;top:32px;border-radius:6px;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 12px 0 rgba(0,0,0,.12156862745098039);max-width:360px;min-width:200px;width:300px;z-index:4;padding:1rem 0}.profile-block{padding:.4rem 1.5rem}.logout-button{text-align:left;width:100%;padding:0;border:none;color:rgba(0,0,0,.7);background:transparent;font-size:.9rem}.profile-user-block{display:flex;grid-column-gap:1rem;column-gap:1rem;width:100%;box-sizing:border-box}.profile-user-block-left{width:36px;min-width:36px;max-width:36px}.profile-username-box{font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.profile-user-block-right,.profile-username-box{width:calc(100% - 36px)}.profile-avatar{width:36px;height:36px;border-radius:4px}.profile-online-box{display:flex;align-items:center;grid-column-gap:.3rem;column-gap:.3rem}.profile-online-text p{font-size:.8rem;margin:0;color:rgba(0,0,0,.5)}.fa-circle.fa-solid{color:#2bac76}.profile-status-box{display:flex;align-items:center;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:.5rem 0;grid-column-gap:1rem;column-gap:1rem;background-color:#fff}.profile-status-icon{width:36px;display:flex;justify-content:center}.profile-status-text p{font-size:.85rem;margin:0;color:rgba(0,0,0,.5)}.profile-status-box:hover{border:1px solid rgba(0,0,0,.5)}.profile-status-box:hover .profile-status-text p{color:rgba(0,0,0,.7)}.profile-block-divider:first-of-type{padding-bottom:.5rem}.profile-block-divider:nth-of-type(2){border-top:1px solid rgba(0,0,0,.15);border-bottom:1px solid rgba(0,0,0,.15);padding-bottom:.5rem;padding-top:.5rem}.profile-block-divider:nth-of-type(3){padding-top:.5rem}.profile-option-box{padding:.3rem 1.5rem;color:rgba(0,0,0,.7)}.profile-option-box p{margin:0;font-size:.9rem}.profile-option-box:hover,.profile-option-box:hover button{background-color:#1164a3;color:#fff}.sidebar-div{color:#fff}.sidebar-index{height:calc(100vh - 134px);overflow-y:auto}.sidebar-header{min-height:51px;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(255 255 255/10%)}.sidebar-header>button{width:34px;height:34px;border:none;border-radius:50%;cursor:pointer}.channels-index-div,.groups-index-div{color:#fff;display:flex;flex-direction:column;padding:8px 16px}.sidebar-wrapper{padding:6px 0;font-size:15px;font-weight:300;display:flex;align-items:center}.sidebar-text,.sidebar-text a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-wrapper-cursor{cursor:pointer}.sidebar-icon-span{margin-left:-5px;margin-right:6px;width:20px;height:20px;font-size:18px;display:flex;justify-content:center;min-width:20px;max-width:20px}.channels-index-div a{color:#fff;text-decoration:none}.plus-div{border-radius:4px;font-size:14px;background-color:hsla(0,0%,100%,.1);width:20px;height:20px;padding:1px;box-sizing:border-box;display:flex;justify-content:center;align-items:center}.sidebar-icon-span-navlink{display:flex;flex-wrap:wrap;font-size:15px;font-weight:300;justify-content:flex-start;align-items:center;margin-left:-5px;grid-column-gap:6px;column-gap:6px}.plus-div svg{color:#fff;height:18px;width:18px}#modal{display:flex;justify-content:center;align-items:center;z-index:4}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.5)}#modal-content{position:absolute;display:flex;justify-content:center}.channel-create-div{padding:20px 0;width:min(520px,100%);max-width:520px;height:min(85vh,90%);background-color:#fff;border-radius:8px}.channel-create-form{padding:16px 24px;display:flex;flex-direction:column;grid-row-gap:24px;row-gap:24px;color:#1d1c1d;font-weight:500;height:min(65vh,80%);box-sizing:border-box;overflow-y:scroll}.create-channel-labels-div{margin-bottom:6px;font-size:15px}.create-channel-labels-div label{display:flex;align-items:baseline;grid-column-gap:6px;column-gap:6px}.channel-create-form input[type=text]{border:1px solid rgba(29,28,29,.5);border-radius:4px;width:100%;min-height:45px;box-sizing:border-box;font-size:15px;padding:4px 16px;outline:unset}.channel-create-form input[type=text]:focus-within{box-shadow:0 0 0 4px rgba(29,155,209,.30196078431372547);outline:1px solid #1264a3;outline-offset:-1px}.optional-note-span{color:rgba(29,28,29,.7);font-size:13px}.create-channel-privacy-div{display:flex;flex-wrap:wrap;justify-content:space-between}.create-channel-privacy-div>span{color:rgba(29,28,29,.7);width:70%;font-size:15px}.privacy-slider-switch{position:relative;display:inline-block;width:54px;height:30px}.privacy-slider-switch input{opacity:0;width:0;height:0}.privacy-slider{border:1px solid rgba(29,28,29,.5);border-radius:18px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;transition:.4s}.privacy-slider:before{position:absolute;content:"";height:20px;width:20px;left:5px;bottom:4px;background-color:rgba(29,28,29,.7);transition:.4s;border-radius:50%}input[type=checkbox]:checked+.privacy-slider{background-color:#007a5a;border:1px solid #007a5a}input[type=checkbox]:focus+.privacy-slider{box-shadow:0 0 1px #007a5a}input[type=checkbox]:checked+.privacy-slider:before{transform:translateX(21px);background-color:#fff}.create-channel-button-div{padding-top:24px;display:flex;justify-content:end}.modal-submit-button{cursor:pointer;padding:6px 12px;border:#d3d3d3;border-radius:4px;background-color:#007a5a;width:80px;height:35px;color:#fff}.modal-submit-button:disabled{background-color:#d3d3d3;color:#1d1c1d}.channel-form-error-span{font-size:14px;color:#e8912d}.channel-modal-header{display:flex;flex-direction:column;grid-row-gap:16px;row-gap:16px;padding:0 24px 16px}.channel-modal-header-top{display:flex;justify-content:space-between;align-items:center}.channel-modal-header-top h2{width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-modal-header-bottom{color:rgba(29,28,29,.7);font-size:15px}.sidebar-text a{color:#fff;text-decoration:none}.user-icon-container-sidebar,.user-icon-sidebar{width:20px;height:20px;border-radius:4px}.user-icon-sidebar{object-fit:cover}.cursor{cursor:pointer}.user-con-sidebar-nourl{width:20px;height:20px;border-radius:4px;display:flex;justify-content:center;align-items:center;border:unset}.footer-div{height:44px;color:#fff;background-color:#4a154b;border-top:1px solid rgb(255 255 255/10%);justify-content:space-between;padding:0 12px;font-size:15px}.footer-div,.footer-individual-div{display:flex;flex-wrap:wrap;align-items:center}.footer-individual-div{justify-content:center;grid-column-gap:6px;column-gap:6px;font-size:12px}.right_box{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.footer-individual-div a{color:#4a154b;cursor:pointer;width:25px}.footer-individual-div a:hover{color:#00f}.fa-brands.fa-github:focus-visible{outline:unset;background-color:unset}.fa-brands.fa-github{cursor:pointer}.footer-individual-div img{cursor:pointer;padding-right:0}.footer-individual-div img:hover{background-color:#000}.fa-github{padding-left:0}#linkedin_icon{padding-right:0}#developer_ls{font-size:13px}.user_icon{margin-left:0}img.user_icon{border:1px solid #c4c0c0;border-radius:5px;margin:6px;width:35px;height:35px}.channel_msg_container{border:1px solid #e9dfdf;border-radius:10px;width:93%;font-size:13px;margin:10px;background-color:#fbfbfb;display:flex;flex-direction:column}.channel_msg_ls{display:flex;flex-direction:row}.small_box{display:flex;flex-direction:column}.channel_name_ls{font-size:11px;text-align:left}#channel_name{font-weight:700;color:#2626b9}#user_name{margin-top:4px;font-weight:bolder;font-size:14px}#search_content{margin-top:3px}.result_channel{font-size:15px;margin:10px;height:50px}.view_link{text-decoration:none;color:#2a2828;margin-right:30px}.view_link:hover{font-weight:bolder;color:#2626b9}.first_line{display:flex;justify-content:space-between}.search-container{height:30vh;overflow-y:scroll}.logged-in-navbar{display:flex;justify-content:space-between;align-items:center;width:calc(100vw - 260px)}.profile-icon-div{padding:0 16px;position:relative;box-sizing:border-box}.profile-icon-span{width:26px;height:26px;border-radius:4px;overflow:hidden;display:flex;align-items:center}.profile-icon-span>img{width:26px;background-size:100%}.nav_bar_search_login{flex-grow:1;max-width:calc(100vw - 318px)}.profile-icon-span img{cursor:pointer}.search-navbar{display:flex;align-items:center}.serach_input_contanier{width:55vw;border:1px solid transparent;border-radius:4px;background-color:#634964;display:flex;justify-content:space-between}.nav_bar_search{width:45vw;background-color:initial;border-color:transparent;outline:none;padding:.2rem 1.5rem;color:#fff}.nav_bar_search::placeholder{color:#fff}.searchBar-button{cursor:pointer;border:none;outline:none;background-color:initial;color:#fff}.dm-to-user{margin-left:6px;font-size:18px;color:#1d1c1d;font-weight:500}.dm-header-name,.dm-to-user,.user-name,.user-name-status{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dm-header{text-overflow:ellipsis;white-space:nowrap}.none{word-wrap:anywhere}.cm-input-container{width:95%;margin:1rem auto;border:1px solid #ddd;display:flex;border-radius:.5rem;background-color:#fff}.cm-input-block,.cm-input-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.cm-input-block{width:100%}.cm-form{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:300px}.cm-input-box{width:100%;display:flex;justify-content:end}.cm-input-top{display:flex;align-items:center;padding:.5rem 1rem;height:25px;background-color:hsla(0,0%,82.7%,.1)}.cm-input-top-box{padding-right:1.5rem;color:#d3d3d3}.cm-input-box{padding:.5rem 1rem;height:80px}.cm-input{width:100%;border:none;outline:none;resize:none;font-family:"Noto Sans";font-size:.8rem;line-height:1rem}.cm-input-bottom{width:100%;display:flex;justify-content:space-between;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-top:1px solid #ddd}.cm-submit-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.5rem;display:flex;justify-content:center;align-items:center}.cm-cancel-button,.cm-submit-button{padding:.25rem .5rem;border:1px solid transparent;border-radius:.25rem;font-size:.75rem;text-align:center}.cm-cancel-button{border:1px solid #ddd;background-color:#fff;margin-right:.5rem}.cm-submit-button-highlight-false{color:#ddd;background-color:#fff;border:none}.cm-submit-button-highlight-true{color:#fff;background-color:#2bac76;border:none}.public-DraftStyleDefault-block{margin:0!important}.editor-class{padding:.5rem .75rem;display:block;max-height:200px!important}.toolbar-class.rdw-editor-toolbar{margin-bottom:0;background-color:hsla(0,0%,86.7%,.25)}.rdw-option-wrapper{background-color:unset!important;border:unset!important;border-radius:.25rem!important;padding:.5rem!important;margin:unset!important;min-height:25px!important;max-height:25px!important;height:25px!important;min-width:25px!important;max-width:25px!important;width:25px!important}.rdw-option-wrapper:hover{background-color:#ddd!important;box-shadow:unset!important}.cm-block{width:100%;display:flex;padding:.5rem 2rem;position:relative}.cm-block:hover{background-color:hsla(0,0%,86.7%,.3)}.cm-with-avatar{align-items:flex-start}.cm-without-avatar{align-items:baseline}.cm-block-left{min-width:32px;text-align:center}.cm-avatar{width:2rem;aspect-ratio:1/1}.cm-user-block{display:flex;align-items:baseline}.cm-name-box{padding-right:1rem;vertical-align:text-top}.cm-name-box p{font-weight:bolder}.cm-block-left P,.cm-content-box p,.cm-time-box p{font-size:.8rem}.cm-block p{margin:0}.cm-block-right{width:70vw;padding-left:1rem}.cm-block-left p{display:none}.cm-without-avatar:hover .cm-block-left p{display:block}.cm-block-menu{display:none}.cm-block-menu button{border:none;outline:none;padding:.7rem;background-color:initial}.cm-block-menu button:hover{background-color:hsla(0,0%,86.7%,.3)}.cm-block:hover .cm-block-menu{display:flex;position:absolute;right:2rem;top:-1rem;border:1px solid #ddd;border-radius:.4rem;background-color:#fff}.cm-block .cm-input-container{width:100%}.channel-message-container{height:100%;display:flex;flex-direction:column-reverse;overflow-y:scroll;padding-bottom:1rem;scrollbar-color:#fff #939393}.channel-message-page{width:calc(100vw - 260px);height:calc(100vh - 84px);display:flex;flex-direction:column;justify-content:space-between;position:relative}.grid-nav-top-mobile{grid-area:nav1;color:#fff;background-color:#350d36;height:100%;display:flex;justify-content:flex-start;align-items:center;padding:0 1rem}.grid-nav-top{grid-area:nav2;background-color:#350d36;width:calc(100vw - 260px)}.grid-sidebar{grid-area:sidebar;background-color:#4a154b}.grid-main-view{grid-area:main;width:calc(100vw - 260px)}.grid-footer{grid-area:foot}.grid-nav-top-mobile-wrapper{display:none}@media (max-width:744px){.grid-nav-top-mobile-wrapper{display:flex}.grid-sidebar{display:none}.landing-grid{grid-template-columns:60px 1fr;grid-template-areas:"nav1 nav2" "main main" "foot foot"}.grid-footer{overflow-y:auto}.channel-banner-div,.channel-message-page,.grid-main-view{width:100vw!important;box-sizing:border-box}.grid-nav-top-mobile{grid-area:nav1}.grid-nav-top{grid-area:nav2}.grid-nav-top,.logged-in-navbar{width:calc(100vw - 60px)}.showSideBar{display:block;position:absolute;top:40px;z-index:4;width:100vw}}.channel-details-div{padding-top:20px;width:min(580px,100vw);max-width:580px;height:min(85vh,560px);background-color:#fff;border-radius:8px}.channel-details-header{display:flex;justify-content:space-between;align-items:center;margin:0 28px 8px;width:calc(100% - 28px)}.modal-exit-button{cursor:pointer;width:36px;height:36px;border-radius:4px;border:none;background-color:#fff}.modal-exit-button:hover{background-color:rgba(29,28,29,.04)}.channel-name-inmodal{color:#1d1c1d;font-size:22px;font-weight:700;align-items:center;grid-column-gap:4px;column-gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 64px)}.channel-details-nav{height:36px;display:flex;flex-wrap:wrap;align-items:center;font-size:13px;font-weight:500;color:#616061;border-bottom:1px solid rgba(29,28,29,.13)}.channel-details-nav>span{cursor:pointer;margin-left:28px}.channel-details-body-about{height:calc(100% - 81px);background-color:rgba(29,28,29,.04);overflow-y:auto;width:100%}.channel-details-body-about::-webkit-scrollbar,.channel-details-body-members::-webkit-scrollbar{width:0;background:transparent}.channel-details-body-members{height:calc(100% - 81px);overflow-y:auto}.channel-detail-about{margin:16px 28px;background-color:#fff;border:1px solid rgba(29,28,29,.13);border-radius:12px;width:calc(100% - 56px);box-sizing:border-box}.channel-detail-sections{padding:16px 20px;border-bottom:1px solid rgba(29,28,29,.13);display:flex;flex-direction:column;width:100%}.channel-detail-sections.last{border-bottom:unset;color:#e01e5a;font-weight:500}.channel-detail-content{color:rgba(29,28,29,.7);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.channel-delete-leave{cursor:pointer}.channel-detail-members{margin:16px 28px;display:flex;flex-direction:column;grid-row-gap:24px;row-gap:24px;overflow-y:scroll;height:min(55vh,316px)}.channel-detail-member-div{display:flex;flex-wrap:wrap;align-items:center;grid-column-gap:12px;column-gap:12px;color:#1d1c1d;font-size:15px}.channel-detail-member-add{height:36px;width:36px;border-radius:4px;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#1264a3;background-color:rgba(29,155,209,.10196078431372549)}.channel-detail-edit{cursor:pointer;font-size:13px;color:#1264a3;font-weight:600}.add-people-icon-text{cursor:pointer}.add-member-div{width:600px;max-width:600px;height:min(35vh,218px)}.add-member-div,.edit-channel-div{background-color:#fff;border-radius:8px;padding-top:20px}.edit-channel-div{width:520px;max-width:520px;height:min(85vh,316px)}.member-search-row-span,.member-search-row-span>img{height:36px;width:36px;border-radius:4px;overflow:hidden}.member-search-row-span>img{object-fit:cover}.member-search-row-span>button{height:36px;width:36px;border-radius:4px;overflow:hidden;border:none}.member-search-row-div{cursor:pointer;padding:6px 0;display:flex;align-items:center;grid-column-gap:6px;column-gap:6px;width:100%}.search-result-div{border:1px solid rgba(29,28,29,.5);border-radius:4px;background-color:#fff;margin:8px 24px;padding:16px 30px 16px 24px;overflow-y:scroll;height:min(300px,30vh)}.add-member-div-sub{padding:0 30px 24px 24px}.member-search-input{border:1px solid rgba(29,28,29,.5);border-radius:4px;width:100%;min-height:45px;box-sizing:border-box;font-size:15px;padding:4px 16px;outline:unset}.member-search-input:focus-within{box-shadow:0 0 0 4px rgba(29,155,209,.30196078431372547);outline:1px solid #1264a3;outline-offset:-1px}.channel-banner-div{padding:0 16px 0 20px;grid-column-gap:16px;column-gap:16px;min-height:50px;border-bottom:1px solid #ddd;display:grid;grid-template-columns:fit-content(100%) auto fit-content(100%);align-items:center;width:calc(100vw - 260px);box-sizing:border-box}.channel-banner-div.channel-banner-div-all-channel{display:flex;width:100%}.channel-name{cursor:pointer;font-size:18px;font-weight:700;line-height:1.33;display:flex;align-items:center;overflow:hidden}.channel-name>span,.channel-topic{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-topic{cursor:default;font-size:13px;color:#1d1c1d;font-weight:400}.channel-members{border:1px solid #ddd;border-radius:5px;font-size:15px;font-weight:400;color:#1d1c1d;height:32px;display:flex;align-items:center}.channel-members-add{width:30px;height:31px;border-left:1px solid #ddd}.channel-members-add,.channel-members-pics{cursor:pointer;display:flex;align-items:center;justify-content:center}.channel-members-pics{padding:4px 0 4px 4px}.channel-members-pics button{cursor:pointer}.member-pics-div-outer{cursor:pointer;width:22px;height:22px;border-radius:4px;overflow:hidden;margin-right:-4px}.member-pics-div-outer.position-0{z-index:3;box-shadow:0 0 0 2px #fff}.member-pics-div-outer.position-1{z-index:2;box-shadow:0 0 0 2px #fff}.member-pics-div-outer.position-2{z-index:1}.member-pics-div{width:22px;height:22px;border-radius:4px;overflow:hidden}.member-pics-div>img{object-fit:cover;width:22px;height:22px}.member-total{margin-left:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:13px;color:rgba(29,28,29,.7)}@media (max-width:900px){.channel-topic{display:none}.channel-banner-div{grid-template-columns:auto fit-content(100%)}}@media (max-width:600px){.member-pics-div-outer{display:none}.channel-banner-div{display:flex;justify-content:space-between}}li,ul{margin:0;padding:0}.dm-to-input{position:relative}.user-list{position:absolute;top:85%;left:-1%;padding:18px 0;overflow:hidden auto;border-radius:6px;box-shadow:0 0 0 1px #c0bebe;background-color:#f8f8f8;width:100%;min-height:150px;max-height:300px}.no-user{width:100%;height:100%}.list-items,.no-user{display:flex;justify-content:center}.list-items{list-style:none;flex-direction:column}.item-detail{justify-content:flex-start;align-items:center;padding:5px 0 5px 30px;cursor:pointer}.item-detail:hover,.item-detail:hover .user-active,.item-detail:hover .user-list-name{background-color:#1264a3;color:#fff}.item-detail:hover .is-active{background-color:#fff;border:1px solid #1264a3}.user-list-icon{margin-right:10px;border-color:none}.user-list-name{color:#1d1c1d;font-weight:600;font-size:15px;margin-right:15px}.user-active{width:11px;height:11px;border-radius:50%;border:2px solid #787676;margin-right:15px}.is-active{background-color:green;border-radius:50%;border:1px solid #fff}.dm-header-flex{display:flex;box-shadow:0 1px 0 0 #e2e2e2;align-items:center;padding:0 16px 0 20px;height:49px}.header-detail-flex{display:flex;font-size:20px;font-weight:700;align-items:center}.dm-body-container-flex{display:flex;flex-direction:column;height:100%}.dm-to{width:100%}.dm-to-flex{display:flex;height:52px;padding:0 20px;position:relative;box-shadow:0 1px 0 0 #e2e2e2;align-items:center}.dm-to-text{color:#787676}.dm-to-body{padding:0 38px 0 12px;font-size:15px;min-height:36px;border-radius:4px;position:relative;width:100%;display:flex;align-items:center}.dm-to-input::placeholder{font-size:15px;color:#787676;letter-spacing:.5px}.dm-to-input{border:none;width:100%}.dm-to-input:focus{outline:none}.dm-history{background-color:#f8f8f8;height:100%}.dm-history-scroll{outline:none;height:100%;width:100%;overflow-y:scroll;overflow-x:hidden}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.dm-sameblock-date{font-size:14px;font-weight:600;margin:0 16px;padding:24px 0 12px 16px}.dm-sameblock-group{align-items:flex-start;margin:0 16px;padding:12px 16px;border-left:1px solid #bab8b8;border-right:1px solid #bab8b8;border-top:1px solid #bab8b8;text-decoration:none}.top-left-right{border-top-right-radius:12px;border-top-left-radius:12px}.bottom-left-right{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom:1px solid #bab8b8}.dm-user-icon{margin:4px 10px 0 0;cursor:pointer}.dm-user-icon-img{width:36px;height:36px;border-radius:4px}.dm-username-msg{font-size:15px;flex:1 1}.dm-username{align-items:center;cursor:pointer;font-weight:600;color:#1d1c1d}.dm-msg{max-height:44px;min-height:22px;overflow:hidden;cursor:pointer;color:rgba(29,28,29,.7019607843137254);font-weight:400}.dm-msg-detail,.dm-username.flex-row{word-wrap:anywhere}.dm-time{font-size:14px;color:rgba(29,28,29,.7019607843137254);font-weight:400}.draft-box{justify-content:flex-end;height:calc(100% - 110px)}.plr-20{padding:0 20px}.mb-20{margin-bottom:20px}.draft-receiver{min-height:36px;align-items:center;justify-content:flex-start;margin-bottom:16px}.user-icon-container{margin-right:12px}.user-icon-container,.user-icon-img{width:56px;height:56px;border-radius:4px}.user-name-status{margin-left:10px;align-items:center}.user-name{font-size:16px;font-weight:600;color:#1d1c1d;margin-right:10px}.none{font-size:16px;font-weight:400;color:rgba(29,28,29,.7019607843137254)}.all-channels-div{overflow-y:auto;height:calc(100vh - 134px);padding:16px;font-size:15px}.all-channles-single-div{padding:16px 12px;border-bottom:1px solid rgba(29,28,29,.3);display:flex;align-items:center;justify-content:space-between;grid-gap:.5rem;gap:.5rem}.all-channels-button-div{text-align:center}.all-channels-info-div{display:flex;flex-direction:column;max-width:80%}.all-channels-single-child-top{display:flex;align-items:center;grid-column-gap:6px;column-gap:6px;padding-bottom:6px;font-size:15px;overflow:hidden}.all-channels-single-child-top a{color:inherit;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.all-channels-single-child-bottom{display:grid;grid-template-columns:repeat(5,fit-content(100%)) auto;align-items:center;grid-column-gap:10px;column-gap:10px}.all-channels-description-span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-height:20px}.join-channel-button{cursor:pointer;font-size:15px;background-color:#007a5a;border:none;border-radius:4px;padding:4px 12px 5px;color:#fff;height:36px;min-width:80px;box-sizing:border-box}.join-channel-button:hover{background-color:#148567;box-shadow:0 1px 4px rgba(0,0,0,.30196078431372547)}.leave-channel-button{cursor:pointer;font-size:15px;background-color:#fff;border:1px solid rgba(29,28,29,.5);border-radius:4px;padding:4px 12px 5px;color:#1d1c1d;height:36px;min-width:80px;box-sizing:border-box}.leave-channel-button:hover{background-color:#f8f8f8;box-shadow:0 1px 4px rgba(0,0,0,.30196078431372547)}
/*# sourceMappingURL=main.0e756568.chunk.css.map */