body{background-color:#141414;padding:20px}#app{margin:0;padding:0;text-align:center}.loading-container{align-items:center;background-color:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center}.loading-container,.navbar{left:0;position:fixed;right:0;top:0}.navbar{z-index:999}.mainChat{align-items:center;border:1px solid #ffffff26;border-radius:2rem;color:#fff;display:flex;flex-direction:column;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:50px;margin:0;padding:60px 20px;text-align:center}.mainChat img{border-radius:.5rem;height:100px;margin:10px;width:100px}#msg2{border-radius:.5rem;margin:15px}#msg3{display:inline-flex}#userName{font-size:20px;font-weight:700}.msg{font-size:18px;overflow-y:auto;padding-bottom:31px;width:100%}.profile-pic{height:1px;opacity:0}.message-group{border-bottom:1px solid #ffffff29;margin-bottom:15px;padding-bottom:5px}.message-group>.message:first-child .profile-pic{opacity:1}.message-group>.message:first-child .user-name{align-items:baseline;display:flex;gap:10px}.message-group>.message:first-child{padding-top:2rem}.message{display:flex;margin:5px 0;position:relative}.sent{justify-content:flex-end}.profile-pic img{border-radius:50%;height:40px;margin-right:10px;width:40px}.message-content{display:flex;flex-direction:row;gap:15px}.user-name{display:none;font-weight:700;position:absolute;top:1px}.text{border-radius:10px;padding:10px}.timestamp{font-size:12px;margin-top:5px;opacity:0;transition:opacity .2s ease-in-out}.timestamp:hover{opacity:1}.sent .text{background-color:#3498db}.received .text{background-color:#313c3d30;border:1px solid #ffffff2b}#send{align-items:center;background-color:#f0f8ff;border-radius:2rem;bottom:1%;display:flex;height:10vh;justify-content:center;max-width:600px;position:-webkit-sticky;position:sticky;text-align:center;width:100%}#send p{color:#141414;font-size:20px}.hidden{background-color:#ff00002e;color:#fff;display:none;padding:4px}.delete{background-color:#000;color:red}button{border-radius:5px;cursor:pointer;display:inline-block;font-size:13px;margin:10px;text-align:center;text-decoration:none}.load-more{background-color:#000;border:1px solid hsla(0,0%,100%,.521);color:#fff;padding:10px 20px;transition:background-color .3s}.signin-container{align-items:center;display:flex;height:95.5vh;justify-content:center}.signin-content{background-color:#1e1e1e;border:1px solid #ffffff26;border-radius:8px;padding:40px;text-align:center}.signin-title{color:#fff;font-size:32px;margin-bottom:20px}.signin-subtitle{color:#ccc;font-size:18px;margin-bottom:30px}.signin-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:background-color .3s}.signin-button:hover{background-color:#357ae8}.signin-buttons{display:flex;gap:10px;justify-content:center}.react-contextmenu{background-clip:padding-box;background-color:#fff;border:1px solid #00000026;border-radius:.6rem;color:#373a3c;font-size:16px;margin:2px 0 0;min-width:160px;opacity:0;outline:none;pointer-events:none;text-align:left;transition:opacity .25s ease!important}.react-contextmenu.react-contextmenu--visible{opacity:1;pointer-events:auto;z-index:9999}.react-contextmenu-item{background:0 0;border:0;color:#373a3c;cursor:pointer;font-weight:400;line-height:1.5;padding:3px 20px;text-align:inherit;white-space:nowrap}.react-contextmenu-item.react-contextmenu-item--active,.react-contextmenu-item.react-contextmenu-item--selected{background-color:#000;border-color:#0060df;border-radius:.5rem;color:#fff;text-decoration:none}.react-contextmenu-item.react-contextmenu-item--disabled,.react-contextmenu-item.react-contextmenu-item--disabled:hover{background-color:transparent;border-color:rgba(0,0,0,.15);color:#878a8c}.react-contextmenu-item--divider{border-bottom:1px solid rgba(0,0,0,.15);cursor:inherit;margin-bottom:3px;padding:2px 0}.react-contextmenu-item--divider:hover{background-color:transparent;border-color:rgba(0,0,0,.15)}.react-contextmenu-item.react-contextmenu-submenu{padding:0}.react-contextmenu-item.react-contextmenu-submenu>.react-contextmenu-item:after{content:"▶";display:inline-block;position:absolute;right:7px}.example-multiple-targets:after{content:attr(data-count);display:block}
/*# sourceMappingURL=main.82026b3e.css.map*/