@import url(https://fonts.googleapis.com/css2?family=Ubuntu&display=swap);.auth{width:100%;height:80vh;max-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.auth__loading{position:absolute;opacity:.75}.auth__loading img{width:10rem}.header{width:25rem;margin-bottom:2rem;display:flex;justify-content:space-around;align-items:center;color:#fff;background:#1976d2;height:3rem;border-radius:.5rem;font-size:1.25rem}.header div{cursor:pointer;padding:.9rem 4.75rem}.room__container{display:flex;height:calc(100vh - 6rem)}.room__container__sidebar{flex:.2 1}.room__container__chat{flex:.8 1}.sidebar{padding-top:2rem;color:#fff;background-color:#1976d2;height:calc(100vh - 8rem);margin:1rem;border-radius:.5rem}.sidebar__header{display:flex;align-items:center;justify-content:space-around}.sidebar__header__button{background-color:transparent;border:none;cursor:pointer}.sidebar__header__button:active{background-color:#053c72}.chatModal__close{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1rem}.chatModal__close button{background-color:transparent;border:none;cursor:pointer}.chatModalForm__form{display:flex;flex-direction:column}.chatModalForm__form input{height:2.25rem;padding-left:1rem;margin-bottom:.5rem}.chatModalForm__form button{width:6rem;height:2rem;margin:0 auto;border-radius:.5rem;border:none;background-color:#1976d2;color:#fff;cursor:pointer}.chatModalForm__form button:active{background-color:#053c72}.roomNames{align-items:center;margin-top:2rem}.roomNames,.roomNames li{display:flex;justify-content:center}.roomNames li{margin-bottom:.75rem;cursor:pointer;padding:.5rem 5rem;border-radius:.5rem}.roomNames li:hover{background-color:#053c72;color:#fff}.chat{height:calc(100vh - 8rem)}.chat,.chat__detail{padding:1rem;border-radius:.5rem}.chat__detail{display:flex;justify-content:space-between;background-color:#053c72;color:#fff}.chatInputBar{color:#fff;border-radius:.5rem}.chatInputBar__input{padding-left:.5rem;width:100%;color:#fff;height:2.8rem;background-color:#053c72;border-radius:.5rem;border:none}.chatInputBar__input::-webkit-input-placeholder{color:#fff}.chatInputBar__input:-ms-input-placeholder{color:#fff}.chatInputBar__input::-ms-input-placeholder{color:#fff}.chatInputBar__input::placeholder{color:#fff}.chatMessages{margin:1rem 0;background-color:#1976d2;height:29rem;padding:1rem;border-radius:.5rem;overflow-y:auto;display:flex;flex-direction:column}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-radius:8px;box-shadow:inset 0 0 10px rgba(0,0,0,.25)}::-webkit-scrollbar-thumb{background-color:rgba(235,235,241,.849)}.chatMessageItem{justify-content:space-between;margin-bottom:1rem}.chatMessageItem,.chatMessageItem__left{display:flex;align-items:center}.chatMessageItem__left img{width:2.25rem;margin-right:1rem;border-radius:1rem}.navbar{height:4rem;display:flex;justify-content:space-around;align-items:center;background-color:#053c72;margin:1rem;color:#fff;border-radius:.5rem}.navbar__title{font-size:2rem}.navbar__profile{display:flex;align-items:center}.navbar__profile__name{font-size:1.25rem}.navbar__profile__avatar{width:2.25rem;border-radius:100%;margin:0 1rem}.navbar__profile__button{background-color:transparent;outline:none;border:none;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box;outline:none;text-decoration:none;list-style-type:none;font-family:"Ubuntu",sans-serif}
/*# sourceMappingURL=main.c63cac21.chunk.css.map */