.form-signin,.form-signup{padding:120px 40px}.form-container{width:-webkit-max-content;width:max-content;padding:30px;margin:auto;border-radius:5px;background-color:#fff;box-shadow:3px 3px 8px #888}.link{color:#07f;text-decoration:none}.form-signin p,.form-signup p{margin-bottom:10px}.bg-red{background-color:rgba(248,3,52,.842);border-color:#b10808;color:#fdfafa}.bg-green{background-color:#78b918;border-color:rgba(37,133,13,.801);color:#ecfbe6}.channels-container{height:-webkit-max-content;height:max-content;margin:20px 20px 10px;display:grid;grid-gap:20px;color:#c3c3c3}.sub-title{font-size:14px;display:grid;grid-gap:10px;align-items:center;grid-auto-flow:column;grid-template-columns:-webkit-max-content 1fr 20px;grid-template-columns:max-content 1fr 20px;color:#c3c3c3}.sub-title .fa-plus{cursor:pointer}.user-container{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;grid-auto-flow:column;align-items:center;height:-webkit-max-content;height:max-content;grid-gap:15px;gap:15px;color:#f0f8ff;padding:10px 20px;position:relative}.user-container:hover{background:#00f}.user-container.user-dropdown{cursor:pointer}.dropdown{background:#fff;color:#000;position:absolute;top:55px;left:20px;width:-webkit-max-content;width:max-content;display:none}.dropdown .inactive{color:#d4d1d1}.show .dropdown{display:grid;border-radius:3px}.dropdown-option{padding:10px 15px}.dropdown .dropdown-option:not(.inactive):hover{background:#ececec;border-radius:3px}.user-avatar{width:40px;height:40px;border-radius:50px}.side-panel-option{padding:6px 20px;font-size:12px;display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;align-items:center;grid-gap:10px;cursor:pointer;height:32px}.side-panel-option:hover{background-color:#00f}.side-panel-option>.side-panel-option__icon{width:15px;height:auto}hr{border:.5px solid var(--N700)}.side-panel{background:var(--P500);border-radius:0 5px 5px 0;display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;color:#e1e1fb}.app-title{padding:20px}.chat-header{display:grid;grid-auto-flow:column;padding:10px}.chat-header-right{justify-self:right}.chat-channel-details,.chat-channel-name{display:flex;align-items:center;grid-gap:5px;gap:5px}.chat-channel-name strong{font-weight:700}.chat-channel-details>.MuiSvgIcon-root,.chat-channel-name>.MuiSvgIcon-root{width:20px;height:auto}.message{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:15px 10px}.message h4{font-weight:700}.message>img{width:50px;height:50px;object-fit:contain;border-radius:50px}.message-time{font-size:12px;color:var(--N700);font-weight:300}.chatterbox__header{background:var(--P500);width:100vw;grid-template-columns:1fr 30px;border-bottom:1px solid var(--N700);grid-gap:10px}.chatterbox__header,.chatterbox__header__item{display:grid;grid-auto-flow:column;align-items:center}.chatterbox__header__item{width:100%;grid-template-columns:1fr;grid-gap:10px;gap:10px}.chatterbox__header__main{display:grid;grid-auto-flow:column;grid-template-columns:30px 1fr 30px;justify-self:center;width:80%;grid-gap:20px;max-width:820px}input[name=search]{border:none;background:var(--P400);padding:0 5px;height:100%;border-radius:5px;color:#fff}input[name=search]::-webkit-input-placeholder{color:#fff;opacity:1}input[name=search]:-ms-input-placeholder{color:#fff;opacity:1}input[name=search]::placeholder{color:#fff;opacity:1}.search-container{background:hsla(0,0%,100%,.3);color:#fff;border-radius:5px}:root{--P500:#312d95;--N700:hsla(0,0%,41.2%,0.479);--N500:hsla(0,0%,100%,0.3)}*{box-sizing:border-box;margin:0;padding:0}*,body{font-weight:300}body{font-family:"Source Sans Pro",sans-serif;color:#414141;background:#e9e9e7;width:100%;height:100%}.container{margin:10% auto;padding:80px 0;text-align:center}.container h1{font-size:40px;font-weight:200}form{padding:20px 0;position:relative}form input{border:2px solid rgba(240,226,29,.575);background-color:#fff;border-radius:3px;font-family:"Source Sans Pro",sans-serif;text-align:center;color:#414141;font-weight:300}form button,form input{width:280px;padding:10px 15px;margin:0 auto 10px;display:block;font-size:18px}form button{-webkit-appearance:none;appearance:none;outline:0;background-color:#27a1b1;border:2px solid rgba(29,120,240,.513);color:hsla(0,0%,100%,.9725490196078431);border-radius:3px;cursor:pointer}.text-center{text-align:center}.dashboard{display:grid;height:100vh;grid-template-rows:40px}.dashboard-main{display:grid;grid-template-columns:300px 1fr}@media only screen and (max-width:720px){.dashboard-main{grid-template-columns:.3fr .7fr}}
/*# sourceMappingURL=main.963dc0fa.chunk.css.map */