.chatArea::-webkit-scrollbar{margin:300px;width:8px}.chatArea::-webkit-scrollbar-track{background:hsla(0,0%,91%,.4)}.chatArea::-webkit-scrollbar-thumb{background-color:hsla(0,0%,64%,.56)}.lister::-webkit-scrollbar{margin:300px;width:8px}.lister::-webkit-scrollbar-track{background:hsla(0,0%,91%,.26)}.lister::-webkit-scrollbar-thumb{background-color:hsla(0,0%,64%,.56)}.reset{background:#03d78b;border-radius:1rem;bottom:0;color:#fff;margin:.5rem;padding:.2rem .6rem;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.background{background:#f0f8ff;border-top:16vh solid #03d78b}body{margin:0;overflow:hidden}.Board{background:#f0f8ff;border-radius:1vh;box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);display:flex;flex-direction:row;height:90vh;margin:12.5vh 5vw;position:absolute;top:-48px;width:90vw}.left{background:#fff;border-radius:1vh 0 0 1vh;border-right:1px solid #d3d3d3;height:90vh;width:30vw}.right{background:url(/static/media/chat.467a1f2900c09559371f.JPG);background-size:auto;border-radius:0 1vh 1vh 0;height:90vh;width:60vw}.right,.rightIntro{display:flex;flex-direction:column}.rightIntro{align-items:center;background:#f8f9fb;border-bottom:.65vh solid #03d78b;height:89.35vh}.listItem{align-items:center;display:flex;flex-direction:row;height:8vh;padding-bottom:5px;padding-top:5px}.listItem:hover{background:#eee;cursor:pointer;padding-right:1vw}.headList{background:#ededed;border-bottom:1px solid #d3d3d3;border-radius:0 1vh 0 0;padding:0}.headList:hover{background:#eee;cursor:default;padding-right:0}.headList2{background:#ededed;border-bottom:1px solid #d3d3d3;border-radius:1vh 0 0 0;padding:0}.headList2:hover{background:#eee;cursor:default;padding-right:0}.chatArea{background:#e5dcd500;height:-webkit-fill-available;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}.typer{border-radius:0 0 1vh 0;display:flex;height:8vh}.underLine{border-bottom:2px solid #d5d5d5;padding-bottom:2vh}.underLine2{border-bottom:1px solid #d7d7d7}.introImg{-webkit-user-drag:none;max-width:90%}.introText1{align-content:center;align-items:center;bottom:0;display:flex;flex-direction:column;position:relative;text-align:center}.introText1 h1{color:#747474;font-family:-webkit-pictograph}.introText1 h2,.introText1 h3{color:#605c5d;font-family:-webkit-pictograph;font-weight:100;max-width:50vw}.imgChat{-webkit-user-drag:none;border-radius:50vh;height:80%;margin:0 4%;outline:2px solid #c5cfd3}.centerChat{display:flex;flex-direction:column;height:8vh;justify-content:space-evenly;justify-content:center;max-width:66vw;padding-bottom:5px;padding-top:5px;width:-webkit-fill-available}.centerChat h1{font-family:-webkit-pictograph;font-size:1.2rem;font-weight:700;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:18vw}.centerChat h2{font-weight:lighter}.centerChat h2,.centerChat h3{font-family:-webkit-pictograph;font-size:small;margin:0}.centerChat h3{color:#6a6a6a;font-weight:100;max-height:1.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:18vw}.leftChat{align-items:flex-end;display:flex;flex-direction:column;height:8vh;justify-content:space-evenly;padding-bottom:5px;padding-right:1vw;padding-top:5px}.leftChat h4{color:#8d8d8d;font-family:-webkit-pictograph;font-size:small;font-weight:lighter;margin:0}.round{background:#03d78b;border-radius:50px;color:#fff;padding:0 .3rem}.subChat{max-width:21vw}.chatAligner{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden}u{text-anchor:end;font-size:.61rem;margin-left:0;margin-right:0;min-width:2rem;padding:0;position:relative;right:-.81vh;-webkit-text-decoration-color:#7fff0000;text-decoration-color:#7fff0000;top:-.5vh}.greenChat{background:#fefffe;border-radius:0 1vh 1vh 1vh;margin:1% 1% 1% 0}.greenChat,.whiteChat{padding:2%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.whiteChat{align-items:flex-end;background:#e5ffe4;border-radius:1vh 0 1vh 1vh;display:flex;flex-direction:column;margin:1% 0 1% 1%}.leftAligner{justify-content:flex-end}.leftAligner,.rightAligner{align-items:flex-start;display:flex;flex-direction:column;flex-direction:row;padding:0 3%}.chat h5{color:#64675f;font-family:monospace;font-size:x-small;margin:0 10px}.chat p{font-family:-webkit-pictograph;font-size:.91rem;margin:.8vh;max-width:26vw;overflow:hidden;padding:0 .3rem;width:-webkit-fill-available}.chat{padding:3px 3px 0}.triangleGreen{border-color:#e5ffe4 rgba(255,0,0,0) rgba(0,128,0,0) #e5ffe4;border-width:5px 5px 5px 2px}.triangleGreen,.triangleWhite{border-style:solid;display:inline-block;margin-top:1%}.triangleWhite{border-color:#fff #fff rgba(0,128,0,0) rgba(0,255,255,0);border-width:5px 2px 5px 5px}.ico{margin:0 0 0 2%}.typer{background:#f0f0f0}.textBar{align-items:center;background:#fff;border-radius:3vh;display:flex;flex-direction:row;margin:1.5vh 3%;min-height:40px;padding:0 3%}.textBar,input{width:-webkit-fill-available}input{background-color:transparent;border:none}input:focus{outline:none}.ico.send{border-radius:inherit;display:block;padding-right:20px}.chatImg{-webkit-user-drag:none;border-radius:1vw;width:22vw}div.headList2 img.imgChat,div.headList img.imgChat{height:65%}.headList2 a{color:#f0f8ff00;position:absolute}.ico1{height:100%}p.unstyle{margin:0;padding:0}.mobile{display:none;height:auto;left:100vw;position:absolute;transition:left .2s;transition-timing-function:ease;width:100vw}@media only screen and (max-width:900px){.chatArea{height:84vh;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}.background{border:0}.lister{align-items:stretch;display:flex;flex-direction:column;height:90vh;overflow-x:hidden;overflow-y:scroll}.Board{height:100vh;margin:0;position:unset;width:auto;width:100vw}.right{height:-webkit-fill-available}.left,.rightIntro{height:100vh}.left{width:40vw}.listItem{justify-content:center;min-height:50px}.chatImg{width:32vw}.subChat{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.centerChat h1{font-size:2vw}.textBar{min-height:auto}}.imgChat2{cursor:pointer;height:38%;margin:0 0 0 10px}@media only screen and (max-width:550px){.listItem.headList2{box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19)}.ico1{align-content:center;background:#19c0a4;border-radius:3rem;display:flex;flex-direction:row;height:50%;margin:.3rem;padding:.5rem}.textBar{margin:0 0 0 1rem;min-height:3rem}.listItem.headList{justify-content:flex-start}.typer{align-content:center;align-items:center;display:flex;min-height:50px}.ico{display:none}.ico.send{display:flex;flex-direction:column;height:100%;justify-content:center;padding:0}.left{height:100vh;left:0;position:absolute;width:100vw}.imgChat{height:70%}.centerChat h1{font-size:1rem;width:80%}.right{height:100vh;width:100vw}.chatImg{width:58vw}.subChat{max-width:57vw}.chat p{max-width:46vw}.headList2{align-items:flex-start;background:#19c0a4;border-radius:0;color:#fff;display:flex;height:10vh;justify-content:space-between}.headList2 .imgChat{display:none}.headList2 .imgChat2{cursor:pointer;height:38%;margin:0 10px 0 0}.headList2 .centerChat{margin-left:5vw}.headList{border-radius:0;color:#fff}.headList,.headList2:hover,.headList:hover{background:#19c0a4}.headList2 h3,.headList .centerChat h3{color:#fff}.centerChat h3{width:80%}.typer{background:#7d998f00;width:100vw}}@media only screen and (max-width:539px){.centerChat{max-width:76vw}}@media only screen and (max-width:480px){.centerChat{max-width:69vw}}@media only screen and (max-width:317px){.centerChat{max-width:60vw}}@media only screen and (max-width:246px){.centerChat{max-width:56vw}}
/*# sourceMappingURL=main.42a3be89.css.map*/