html,body{position:relative;width:100%;height:100%;display:grid;place-items:center;background-color:#181717}h4{text-align:end}body{color:#0f0f0f;margin:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}a{color:#0064c8;text-decoration:none}strong:hover{cursor:pointer}a:hover{text-decoration:underline}a:visited{color:#0050a0}label{display:block}input,button,select,textarea{font-family:inherit;font-size:inherit;-webkit-padding:.4em 0;padding:.4em;margin:0 0 .5em;box-sizing:border-box;border:1px solid #ccc;border-radius:2px}input:disabled{color:#ccc}.app{text-align:center;max-width:728px;margin:0 auto}header{background-color:#49415e;height:10vh;min-height:50px;color:#fff;position:fixed;width:70%;max-width:728px;top:0;display:flex;align-items:center;align-self:center;justify-content:space-between;z-index:99;padding:10px;box-sizing:border-box}.container{display:flex;flex-direction:column;justify-content:center}main{height:60%;overflow-y:scroll;display:flex;flex-direction:column;top:-500%;max-width:728px;background-color:#333}main::-webkit-scrollbar{width:.25rem}main::-webkit-scrollbar-track{background:#1e1e24}main::-webkit-scrollbar-thumb{background:#6649b8}form{height:8vh;position:fixed;bottom:0;width:70%;max-width:728px;display:flex;align-items:center;font-size:1.5rem;background-color:#2c2c2e}form button{width:20%;background-color:#48cf4f}input{border-radius:30px;line-height:1.5;width:80%;font-size:.5rem;background:rgb(32,32,32);color:#fff;outline:black;border:none;padding:0 10px;margin:0;font-size:3rem}button{border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;font-size:1.25rem;margin:0;border-radius:30px;width:27%}button:hover,button:active{filter:brightness(.9)}button:disabled{opacity:.5;cursor:not-allowed}.login{background:#1a1520;margin:.5rem;width:98%;align-self:center}.logh{align-self:center;width:98%}h2{text-align:center;font-weight:700}label{color:#fff;margin:.5rem 0}ul,li{text-align:left;list-style:none}p{max-width:500px;margin-bottom:0;line-height:24px;padding:10px 20px;border-radius:25px;position:relative;color:#fff;text-align:center}.message{display:flex;align-items:center;margin:0;word-wrap:break-word}.sent{flex-direction:row-reverse}.sent p{color:#fff;background:#0b93f6;align-self:flex-end;text-align:right}.received p{background:#e5e5ea;color:#000;text-align:left}.message-text{display:flex;flex-direction:column;align-items:flex-end}.received .message-text{align-items:flex-start}time{color:#fff;font-size:.7rem;color:#9a9a9a;margin:.5rem}img{width:40px;height:40px;border-radius:50%;margin:1rem}.message:last-child{margin-bottom:20px}.user-bio{display:flex;align-items:center}.scroll-button{position:fixed;bottom:70px;right:20px;color:#fff}.dummy{opacity:0;background-color:#ccc}.red{background:rgb(204,53,37)}.signout-button{font-size:.8rem;padding:.5rem 1rem;width:27%}#high.svelte-141usl2{height:80vh}.bold.svelte-bnnnjd{font-weight:700;color:#0ff;cursor:pointer}#call.svelte-bnnnjd{font-weight:700;color:#00b900;cursor:pointer}