.postGeneralBoxClass{
        display: block;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
    }
    .postViewGoBackContainer{
        width: 600px;
    }

@media (min-width: 900px){ 

    .quoteContent{
        width: 415px;
        min-width:415px;
    }

    @media (hover: hover){
    .postReactionButton:hover{
        filter:brightness(75%)
      }

.bg0.clickable:hover{
    background:#FADC8E;
    transition: all ease 0.2s 0s;
}

.bg6.clickable:hover{
  background-color:#fafafa;
  transition: all ease 0.2s 0s;
}

.bg5.clickable:hover{
  background-color:#eaeaea;
  transition: all ease 0.2s 0s;
}

.bg4.clickable:hover{
  background-color:#e0e0e0;
  transition: all ease 0.2s 0s;
}
    }
.menuBarContainer{
    top:0;
  width:calc(50vw - 125px - 10px - 300px + 250px + 10px);
  padding-left:calc(50vw - 125px - 10px - 300px + 250px - 250px) !important;
  left:0px;
  box-sizing:border-box;
  padding:40px 20px;
    height:100%;
    background:var(--slang-bg-1); /* FFF8E4 */
  user-select: flex;
  display:flex;
  flex-direction:column;
    position:fixed;
  overflow-y: visible;
  overflow-x:hidden;
    gap:10px;
    border-right:1px solid var(--slang-bg-4);
}
  
.menuBarContainer>a:nth-child(1)>img{
    margin-bottom:10px;
}

.menuBarContainer>a:nth-child(1)>img{
        padding:0 10px;
        height:45px;
        width:45px;
}
    
.menuBarContainer>.dfl{
    border-radius:10px;
    padding:10px;
    transition: background linear 0.25s;
}
    
.menuBarContainer>.dfl>img{
    width:30px !important;
    height:30px !important;
}


.menuBarContainer>.dfl:hover{
    background:var(--slang-bg-3);
}



.maxImg {
    width:570px;
}



.menuBarItem{
    margin-bottom: 40px;
}

.mainContainer{
    overflow:clip;
    left:calc(50vw - 125px - 10px - 300px + 250px + 20px - 10px);
    position: absolute;
    width:600px !important;
    box-sizing: border-box;
    border-right:1px solid var(--slang-bg-4);
}
    .sideBarContainer{
    user-select: none;
    display:none;
}

}

@media (max-width: 899px){
     
    .quoteContent{
        width:calc(100vw - 185px);
        min-width: calc(100vw - 185px);
    }
.mHide{
    display:none !important;
}

.maxImg{
    width:calc(100vw - 60px);
}

.boldblackMark{
    display:none !important;
}

.channelButton{
    display:none;
}

.inviteContainer{
    top:0 !important;
}

.menuBarContainer{
    justify-content:space-between;
    user-select: none;
    display:flex;
    flex-direction:row;
    position:fixed;
    height:70px;
    align-items:center;
    z-index:9999;
    background:var(--slang-bg-1);
    width: calc(100% - 50px);
    overflow:scroll;
    padding:0 30px;
    bottom:0;
}


.menuBarContainer > .dfl{
    justify-content:space-between;
}

.menuBar{
flex-direction:row !important;
}

.menuBarItem img{
    margin:0 !important;
}

.menuBarItemText{
    display:none;
}

.mainContainer{
    padding-bottom:70px !important;
        overflow:unset;
  margin:0;
  width:100%;
  top:20px;    
    box-sizing: border-box;
}

.sideBarContainer{
    user-select: none;
    display:none;
}

.messageWidth{
    max-width:160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bottomNotice{
    word-break:keep-all;
      position:absolute;
}

.bottomNotice > a > button{
    word-break:keep-all;
}

.menuBarItem button{
  padding:0;
}

.menuBarItem img{
  width:30px;
  height:30px;
  vertical-align:middle;
  margin-right:10px;
}
}

@media (max-width: 650px){
.letsStart{
    display:none;
}
}