@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);body{margin:0;font-family:"Noto Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{background:#252329}.form-control:focus{box-shadow:none;border:1px solid #ced4da}.chat-channel{margin-left:auto;margin-right:auto;height:100vh;overflow:hidden;position:relative}.chat-channel .chat-channel-input{background-color:#120f13;padding:10px 30px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:absolute;bottom:0;width:100%}.chat-channel .chat-channel-input input{border:none;outline:none;width:100%;margin-right:10px;color:#fff;background-color:transparent}.chat-channel .chat-channel-input .chat-channel-send-message{background-color:#1ea711;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;width:40px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1.25rem;color:#fff;border-radius:10px;cursor:pointer;transition:.4s}.chat-channel .chat-channel-input .chat-channel-send-message:hover{transition:.4s;background-color:#fff;color:#1ea711}.chat-channel-header{-webkit-justify-content:space-between;justify-content:space-between;background-color:#120f13;padding:10px 5px;position:absolute;top:0;width:100%}.chat-channel-header,.chat-channel-header .chat-channel-header-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#f2f2f2}.chat-channel-header .chat-channel-header-icon{height:32px;width:32px;background:#3f3e42;-webkit-justify-content:center;justify-content:center;border-radius:8px}.chats{scroll-behavior:smooth;height:calc(100vh - 111px);margin-top:55px;overflow-y:scroll}.chat-details{background-color:#6f6f6f;color:#fff;margin:10px;padding:10px;width:-webkit-min-content;width:min-content;max-width:50vw;min-width:200px;border-radius:8px;position:relative}.chat-details .chat-title{word-wrap:break-word;margin-bottom:15px;margin-left:15px}.chat-details .chat-time{position:absolute;font-size:.6875rem;margin-left:20px;opacity:.7;bottom:5px;right:10px}.chat-user{display:-webkit-flex;display:flex;top:0;left:-9px}.chat-user .chat-user-name{font-size:.625rem}.noChatActive{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:90vh;-webkit-flex-direction:column;flex-direction:column;color:#fff}.animation-icon{height:200px}:root{--background:$background;--font-color:$font-color}.Chat-SideBar{width:350px;height:100vh;background:#120f13;overflow-y:auto;position:relative;z-index:1}.Chat-SideBar .join{position:fixed;bottom:10px;padding:10px;background-color:#0f9b78;margin-left:10px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:#f2f2f2;border-radius:8px;cursor:pointer}.Chat-SideBar .join:hover{background-color:#0c644e}.Chat-SideBar .channels-information{text-align:center;color:#f2f2f2}.Chat-SideBar .channels-information .channels-title{font-size:1.5625rem;text-transform:uppercase}.Chat-SideBar .channels-information .channels-description{text-align:left;margin-left:10px}.Chat-SideBar .channels-information .channels-date-and-time{display:-webkit-flex;display:flex;font-size:.875rem;-webkit-justify-content:space-between;justify-content:space-between;margin:0 13px;opacity:.5}.back{-webkit-justify-content:flex-start;justify-content:flex-start;margin:10px 20px;cursor:pointer}.back,.user-info-label{color:#f2f2f2;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.user-info-label{-webkit-justify-content:space-between;justify-content:space-between;margin:10px 22px;border-radius:5px;cursor:default}.user-info-label .user-name{display:-webkit-flex;display:flex;overflow:hidden;height:25px}.user-info-label .user-profile-image{padding:10px}.user-info-label .user-profile-image img{height:40px;width:40px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:5px;background:#252329}.user-info-label:hover{transition:.4s;background:#252329}.side-bar-title{background:#120f13;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 13px;height:59.49px;box-shadow:0 4px 10px rgba(0,0,0,.25);color:#f2f2f2}.side-bar-title .title{font-size:1.25rem;font-weight:600}.side-bar-title .add-icon{cursor:pointer;background:#252329;height:32px;width:32px;font-size:1.25rem;-webkit-justify-content:center;justify-content:center}.search-bar,.side-bar-title .add-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius:8px}.search-bar{color:#f2f2f2;-webkit-justify-content:space-between;justify-content:space-between;height:48px;width:265.42px;margin-left:auto;margin-right:auto;background-color:#215583;padding:0 20px;background:#3c393f;margin-top:20px}.search-bar input{font-size:1.0662rem;width:100%;border:none;outline:none;height:70%;margin:10px;background-color:transparent;color:#f2f2f2}.search-bar input::-webkit-input-placeholder{color:hsla(0,0%,94.9%,.48627450980392156)}.search-bar input:-ms-input-placeholder{color:hsla(0,0%,94.9%,.48627450980392156)}.search-bar input::placeholder{color:hsla(0,0%,94.9%,.48627450980392156)}@media only screen and (max-width:400px){.side-bar-title{padding-left:45px}.Chat-SideBar{position:absolute}}.modal-content{background-color:#120f13;color:#f2f2f2}.modal-content .form-floating{margin:20px}.modal-content .title{text-transform:uppercase;margin:20px 20px -10px}.modal-content input,.modal-content textarea{background:#3c393f;border-radius:8px;border:none;color:#f2f2f2}.modal-content input:focus,.modal-content textarea:focus{background:#3c393f;border:none;color:#f2f2f2}.modal-content .buts{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;margin:10px 20px}.modal-content .buts .close{background-color:transparent;cursor:pointer;margin:0 20px;padding:10px 0}.modal-content .buts .save{cursor:pointer}.modal-content .buts div{padding:10px 25px;background-color:#2f80ed;border-radius:8px}.channels{color:#f2f2f2;-webkit-justify-content:space-between;justify-content:space-between;margin:10px 25px;text-transform:uppercase;cursor:pointer;transition:.4s}.channels,.channels .channels-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius:5px}.channels .channels-icon{height:42px;width:42px;-webkit-justify-content:center;justify-content:center;background:#252329}.channels:hover{transition:.4s;background:#252329}.menu-icon,.modal-backdrop{display:none}.menu-icon{color:#f2f2f2;font-size:1.25rem;position:absolute;left:10px;top:10px;height:32px;width:32px;background:#252329;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border-radius:8px;cursor:pointer;z-index:1}@media only screen and (max-width:400px){.menu-icon{display:-webkit-flex;display:flex}.chat-box{margin:0 52px;min-width:calc(100% - 44px)}}.register-google{min-height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;position:relative;overflow:hidden}.register-google:after{content:"G";z-index:-2;position:absolute;left:-30px;bottom:0;font-size:62.5rem;font-weight:700;color:#4885ed;opacity:.3}.register-google .title{font-size:1.875rem}.register-google .bth{margin-top:30px;cursor:pointer;background-color:#4885ed;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff;padding:10px 20px;border-radius:8px;position:relative}.register-google .bth:after{content:"";height:100%;width:100%;position:absolute;background-color:rgba(72,132,237,.45098039215686275);top:5px;-webkit-filter:blur(5px);filter:blur(5px);left:5px;border-radius:8px;z-index:-1}.register-google .bth:focus:after{opacity:0}.loading{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:100vh;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;color:#fff;font-size:1.5625rem}
/*# sourceMappingURL=main.7d922ccd.chunk.css.map */