body.no-scroll:after,body.sidebar-open:after{backdrop-filter:blur(24px);background:rgba(46,18,45,.4);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.sidebar-open .message-sec .message-box-container .search-item{position:relative;z-index:-1}.light-white{color:hsla(0,0%,100%,.5)}.message-sec{padding:88px 0 0}.message-sec .message-sec-main-container{height:calc(100vh - 88px);overflow:hidden;position:relative}.message-sec .message-box-container{margin:0 auto;max-width:672px;padding:64px 0}.message-sec .message-box-container .box-heading{align-items:center;display:flex;justify-content:space-between;margin:0 0 32px}.message-sec .message-box-container .message-title{align-items:center;display:flex;text-decoration:none}.message-sec .message-box-container .message-title svg{margin-right:24px}.message-sec .message-box-container .message-title h1{margin:0}.message-sec .message-box-container .new-message-button a{align-items:center;display:flex;margin:0}.message-sec .message-box-container .new-message-button a:hover svg *{stroke:#fff}.message-sec .message-box-container .new-message-button a:hover svg path:nth-child(2){fill:#fff}.message-sec .message-box-container .new-message-button svg{margin-right:4px}.message-sec .message-box-container .search-box{position:relative}.message-sec .message-box-container .search-box:before{background-image:url(https://48334458.fs1.hubspotusercontent-na1.net/hubfs/48334458/Frame.svg);background-repeat:no-repeat;background-size:cover;content:"";height:32px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:32px}.message-sec input{background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;padding:16px 0 16px 48px;width:100%}.message-sec .message-box-container .search-content p{margin:0}.message-sec .message-box-container .search-list-content{height:calc(100vh - 250px);margin:40px 0 0;overflow-y:auto}.message-sec .message-box-container .search-heading{display:flex;justify-content:space-between}.message-sec .message-box-container .search-item{border-bottom:1px solid #411c40;cursor:pointer;display:flex;flex-wrap:wrap;margin:0 0 16px;padding:16px;width:100%}.message-sec .message-box-container .search-item:last-child{border-bottom:none}.message-sec .message-box-container .search-item:hover{background-color:#411c40}.message-sec .message-box-container .search-item:last-child{margin:0}.message-sec .message-box-container .search-content{padding-left:20px;width:91%}.message-sec .message-box-container .search-image{width:9%}.message-sec .send-recieve-container{height:calc(100vh - 250px);overflow-y:auto}.message-sec .side-bar-container,.message-sec .side-bar-search-user-container{background-color:#2e122d;border:1px solid #432a42;min-height:100%;min-width:704px;padding:32px;position:absolute;right:-100%;top:0;transition:all .5s ease-in-out;z-index:1}.message-sec .side-bar-container .sidebar-heading h3,.message-sec .side-bar-search-user-container .sidebar-heading h3{margin-bottom:0}.message-sec .side-bar-container .sidebar-heading,.message-sec .side-bar-search-user-container .sidebar-heading{margin-bottom:44px;position:relative}.message-sec .side-bar-container .inner-side-bar-container,.message-sec .side-bar-container .sidebar-input,.message-sec .side-bar-search-user-container .inner-side-bar-container,.message-sec .side-bar-search-user-container .sidebar-input{position:relative}.message-sec .side-bar-container .inner-side-bar-container label,.message-sec .side-bar-search-user-container .inner-side-bar-container label{bottom:14px;left:0;position:absolute}.message-sec .side-bar-container .inner-side-bar-container input,.message-sec .side-bar-search-user-container .inner-side-bar-container input{padding:16px 0 16px 35px}.message-sec .side-bar-container .close-icon,.message-sec .side-bar-search-user-container .close-icon{cursor:pointer;display:inline;line-height:0;position:absolute;right:0;top:0;z-index:10}.message-sec .side-bar-search-user-container .sidebar-searchlist-container{height:calc(100vh - 270px);overflow-y:auto}.message-sec .side-bar-search-user-container .sidebar-input>label{bottom:16px;line-height:1;position:absolute}.inner-side-bar-search-container{position:relative}.message-sec .three-dots{display:inline;line-height:0;position:absolute;right:48px;top:0}.message-sec .inner-receiver-msg{background-color:#fff;border-radius:0 12px 12px 12px;max-width:330px;padding:12px}.message-sec .inner-receiver-msg p{margin-bottom:0}.message-sec .sender-msg{margin-left:auto;max-width:282px;width:100%}.message-sec .inner-sender-msg{background-color:#e9a9e6;border-radius:12px 0 12px 12px;margin-left:auto;padding:12px}.message-sec .inner-sender-msg p,.message-sec .side-bar-container p{margin-bottom:0}.message-sec .date-time{color:#fff!important;margin-top:8px}.message-sec .receiver-msg,.message-sec .sender-msg{margin-bottom:8px;margin-top:8px}.message-sec .sender-msg p,.receiver-msg p{color:#000}.message-sec .submit-input{border:none;bottom:40px;position:absolute;width:calc(100% - 64px)}.message-sec .submit-input textarea{background:#411c40;border:none;border-radius:4px;padding:16px 72px 16px 16px}.message-sec .submit-btn{cursor:pointer;position:absolute;right:16px;top:16px}.message-sec .three-dots-inner>svg{cursor:pointer;position:absolute;right:0}.message-sec .symbol-name{margin-left:16px}.message-sec .suggest-popup-container{background:#411c40;border:1px solid #432a42;border-radius:6px;display:none;max-width:244px;padding:24px;position:relative;top:40px}.message-sec .suggestion-container{align-items:center;border-bottom:1px solid #432a42;cursor:pointer;display:flex;padding:16px 0}.message-sec .suggestion-container:last-child{border:none;padding-bottom:0}.message-sec .suggestion-container:first-child{padding-top:0}.message-sec .symbol-name p{color:#fff}.message-sec .sidebar-searchlist-content{align-items:center;cursor:pointer;display:flex;margin:0 0 16px;padding:16px}.message-sec .sidebar-searchlist-content:last-child{margin:0}.message-sec .sidebar-searchlist-content:active,.message-sec .sidebar-searchlist-content:hover{background-color:#411c40}.message-sec .sidebar-searchlist-content .sidebar-name p{margin:0}.message-sec .sidebar-searchlist-content .sidebar-name{padding-left:20px}.message-sec .sidebar-searchlist-content .sidebar-profile-image{display:inline-flex}.message-sec ::-webkit-scrollbar{width:1px}.message-sec ::-webkit-scrollbar-track{background:#411c40}.message-sec ::-webkit-scrollbar-thumb{background:#fff}.message-sec ::-webkit-scrollbar-thumb:hover{background:#411c40}.message-sec .three-dots .suggest-popup-container .suggestion-container.profile,.message-sec .three-dots .suggest-popup-container .suggestion-container.profile:hover{text-decoration:none}.inner-side-bar-container .search-image img{border-radius:50px;display:block;height:48px;object-fit:cover;width:48px}.inner-side-bar-container .sidebar-heading{align-items:center;display:flex;gap:24px}@media only screen and (max-width:767px){.message-sec .message-sec-main-container{height:calc(100vh - 46px)}.message-sec{padding:46px 0 0}.message-sec .message-box-container{padding:32px 0}.message-sec .message-box-container .message-title svg{height:24px;margin-right:12px;width:24px}.message-sec .message-box-container .new-message-button svg{height:18px;margin-right:4px;width:18px}.message-sec .message-box-container .box-heading{margin:0 0 24px}.message-sec .message-box-container .search-box:before{height:24px;width:24px}.message-sec input{padding:12px 0 12px 35px}.message-sec .message-box-container .search-list-content{margin:24px 0 0}.message-sec .message-box-container .search-image{max-width:48px;width:20%}.message-sec .message-box-container .search-content{width:80%}.message-sec .message-box-container .search-item{margin:0 0 24px}.message-sec .side-bar-container,.message-sec .side-bar-search-user-container{min-width:100%!important}.message-sec .submit-input{width:calc(100% - 32px)}.message-sec .side-bar-container{min-width:100%;padding:24px 16px}.message-sec .submit-btn svg{height:24px;width:24px}.message-sec .sidebar-searchlist-content .sidebar-name{padding-left:16px}.message-sec .sidebar-searchlist-content{margin:0 0 10px;padding:10px}.message-sec .sidebar-searchlist-content .sidebar-profile-image img{height:48px;width:48px}.message-sec .side-bar-search-user-container .sidebar-input>label{bottom:12px;line-height:1;position:absolute}.message-sec .side-bar-container .sidebar-heading h3{line-height:1.5}.message-sec .message-box-container .search-image img{display:block;height:auto;width:100%}.message-sec .message-box-container .search-image{width:48px}.message-sec .message-box-container .search-content{padding-left:16px;width:calc(100% - 48px)}}@media(max-width:480px){.inner-side-bar-container .search-image img{height:32px;width:32px}.inner-side-bar-container .sidebar-heading{gap:16px}}#user-list .search-image img,#user-search-list .sidebar-profile-image img{border-radius:50%}