:root{font-family:sans-serif;color:#dddde0;background-color:#202022;word-break:break-word}body{font-size:.75rem;height:100vh;margin:0;display:flex;flex-direction:row;align-items:stretch;justify-items:stretch}section{flex:1 1;padding:1rem;border-left:#505055 1px solid;border-right:#505055 1px solid;display:flex;flex-direction:column;justify-items:stretch;align-items:stretch}section#middle{flex-basis:20%}button{width:4.5rem;height:1.8rem;flex:0 0 auto;border-radius:1rem;border:none;background-color:#50a0e0}button:hover{transition:all .1s ease-out;background-color:#80c0ff;transform:translateY(-1px);cursor:pointer}button:disabled{background-color:#505055;transform:translateY(0)}p,pre{margin:0}textarea{flex:1 1;color:#dddde0;background-color:#101011;border:#505055 1px solid;margin-bottom:1rem;border-radius:.2rem;resize:none}textarea.code{font-family:monospace}textarea.text{font-family:sans-serif;font-size:.9rem;flex-basis:20%}main{flex:1 1 80%;display:flex;flex-direction:column;background-color:#101011;border-radius:.2rem;border:#505055 1px solid;margin-bottom:.5rem;overflow-y:scroll;padding-top:.5rem}footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.my{background-color:#50a0e0;align-self:self-end;border-radius:.5rem .5rem 0}.friend{background-color:#505055;align-self:self-start;border-radius:.5rem .5rem .5rem 0}.text{font-style:normal}.file{display:flex;flex-direction:row;align-items:center}.file:hover{cursor:pointer}.fileicon{width:1rem;height:1rem}.partial{background-color:#606020}.partial:hover{cursor:pointer}.empty{background-color:#901010}.empty:hover{cursor:pointer}.main{align-self:center;border-radius:.5rem}.info{background-color:#202022}.warning{background-color:#606020}.error{background-color:#901010}.message{margin:.5rem 1rem;padding:.5rem}.scroller{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent;overflow-y:auto}.scroller::-webkit-scrollbar{width:6px}.scroller::-webkit-scrollbar-track{background:transparent}.scroller::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px;transition:background .3s ease}.scroller::-webkit-scrollbar-thumb:hover{background:#0006}