:root{
	--secondary-text:#7e7e7e;
}
.dark-mode{
	--secondary-text:#7e7e7e;
}
.messengerBlock {
    position: fixed;
    top: 78px;
    right: 26px;
    transform: translate(0%, 0%);
    z-index: 9998;
    /*z-index:3;*/
    width: 100%;
    max-width: var(--block13);
    height:calc(100% - 104px);
    /*height:calc(100% - 91px);*/
    /*padding-top:var(--block2);*/
    /*padding-bottom:var(--block2);*/
    /*padding-left:var(--block1);*/
    /*padding-right:var(--block1);*/
    box-sizing: border-box;
}

.messengerContainer {
    position: relative;
    width:100%;
    height:100%;
    /*wf-left;*/
    /*max-width:var(--block15);*/
    padding-top: var(--block2);
    padding-bottom: var(--block2);
    padding-left: 13px;
    padding-right: 26px;
    /*margin: 0 26px;*/
    box-sizing: border-box;
}
.messenger-header{
	margin:8px 0px;
}
.messenger-header h2{
margin:0;
padding:0;
}

.messenger-content {
    position: relative;
    width: 100%;
    /*max-width:var(--block15);*/
    /*padding-top:var(--block2);*/
    /*padding-bottom:var(--block2);*/
    /*padding-left:var(--block1);*/
    /*padding-right:var(--block1);*/
    padding:0px 0px;
    box-sizing: border-box;
}

.messenger-container {
    /*padding: 0 13px;*/
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    height: 101%;
    width: 100%;
    overflow-y: scroll;
}
.messenger-container::-webkit-scrollbar {
  display: none; /* WebKit (Safari, Chrome) */
}

.space-between {
    justify-content: space-between;
}

.plate-inline-img {
    width: 100%;
    height: auto;
}

.messengerItem {
	/*margin-bottom:13px;*/
}
.time{
	font-size:12px;
	margin-left:8px;
}
/***********/
.messenger-avatar{
	width:52px;
	height:52px;
}
.messenger-avatar .avatar {
  /*position: absolute;*/
  /*z-index: 1;*/
  /*bottom: -15px;*/
  /*left: -35px;*/
  border-radius: 30px;
  width: 52px;
  height: 52px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 2px solid rgba(255, 255, 255, 0.24);
}
.messenger-avatar .avatar img {
}
.messenger-avatar .avatar img{
  width: 100%;
  height: auto;
}
.messenger-title{
	font-weight:600;
    position: relative;
    /* padding: 13px 13px 13px 13px; */
    /*padding: 0px 13px 0px 13px;*/
    /*border-radius: 10px 10px 10px 0;*/
    font-size: 15px;
    line-height:20px;
    /*line-height: 18px;*/
}

.messenger-text {
    position: relative;
    /* padding: 13px 13px 13px 13px; */
    /*border-radius: 10px 10px 10px 0;*/
    font-size: 12px;
    line-height: 16px;
    color:var(--secondary-text);
}
.messenger-time{
    font-size: 12px;
    line-height: 16px;
    color:var(--secondary-text);
}
.mesenger-avatar{
  width: 56px;
  height: 56px;
  display:flex;
  align-items:center;
  justify-content:center;
}
:root{
--comment-background: #b1b1b1;	
--surface-background: rgba(255,255,255,0.2);	
--surface-background-bright: rgba(255,255,255,0.7);	
--surface-background-dark: rgba(0,0,0,0.2);	
}
.dark-mode{
--comment-background: #3A3B3C;
}
.search-input-wrapper{
	width:100%;
	background:var(--surface-background-bright);
	border:none;
	border-radius:28px;
	height:36px;
	padding:6px 0px;
	margin:0 8px;
}
.search-input{
	width:100%;
	background:transparent !important;
	border:none;
		padding:8px 6px;

}
.search-input-icon{
	padding-left:12px;
}