@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{--slack-color:#3f0f40;box-sizing:border-box;font-family:Lato;overflow:hidden}.app__body{display:flex;height:100vh}.header{background-color:var(--slack-color);color:#fff;justify-content:space-between;padding:10px 0}.header,.header__left{align-items:center;display:flex}.header__left{flex:0.3 1;margin-left:20px}.header__left>.MuiSvgIcon-root{margin-left:auto;margin-right:30px}.user_image_header{border-radius:5px;margin-right:10px;max-width:30px}.header__search{background-color:#421f44;border:1px solid gray;border-radius:6px;color:#fff;display:flex;flex:0.4 1;padding:0 50px;text-align:center}.header__search>input{background-color:initial;border:none;color:#f0f8ff;min-width:35vw;outline:none;text-align:center}.header__right{align-items:flex-end;display:flex;flex:0.3 1}.header__right>.MuiSvgIcon-root{margin-left:auto;margin-right:20px}.logout_btn{color:#421f44;cursor:pointer;margin-right:20px}@media only screen and (max-width:600px){.header__search>input{min-width:100px}.header{width:100%}}.sidebar{background-color:var(--slack-color);border-top:1px solid #49274b;color:#fff;height:100%;max-width:260px;overflow-y:scroll;padding-bottom:100px}.sidebar>hr{border:1px solid #49274b;margin-bottom:10px;margin-top:10px}.sidebar__header{border-bottom:1px solid #49274b;display:flex;padding:13px}.sidebar__info{flex:1 1}.sidebar__info>h2{font-size:15px;font-weight:900;margin-bottom:5px}.sidebar__info>h3{align-items:center;display:flex;font-size:13px;font-weight:400}.sidebar__info>h3>.MuiSvgIcon-root{color:green;font-size:14px;margin-right:2px;margin-top:1px}.sidebar__header>.MuiSvgIcon-root{background-color:#fff;border-radius:999px;color:#49274b;font-size:18px;padding:8px}@media only screen and (max-width:600px){.sidebar{display:none}}.sidebarOption{align-items:center;cursor:pointer;display:flex;font-size:12px;padding-left:2px}.sidebarOption:hover{background-color:#340e36;opacity:.9}.sidebarOption__icon{font-size:15px!important;padding:10px}.sidebarOption__channel{align-items:center;display:flex;max-width:100%;padding:10px 0}.sidebarOption__title{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebarOption__hash{flex-shrink:0;padding-right:10px}.sidebarOption>h3{font-weight:500}.sidebarOption__online{background-color:green;border-radius:50%;height:7px;margin-left:10px;width:7px}.chat{flex:0.7 1;flex-grow:1;overflow-y:scroll;padding-bottom:150px}.chat__header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:20px}.chat__channelName{display:flex;text-transform:lowercase}.chat__channelName>.MuiSvgIcon-root{font-size:18px;margin-left:10px}.chat__headerRight,.delete_btn{align-items:center;display:flex}.delete_btn{cursor:pointer;margin-left:10px}.delete_tooltip{visibility:hidden}.chat__headerRight>p{align-items:center;display:flex;font-size:14px}.chat__headerRight>p>.MuiSvgIcon-root{font-size:16px;margin-right:5px!important}tool-tip{--_p-inline:1.5ch;--_p-block:.75ch;--_triangle-size:7px;--_bg:#333;--_shadow-alpha:50%;--_bottom-tip:conic-gradient(from -30deg at bottom,transparent,#000 1deg 60deg,transparent 61deg) bottom /100% 50% no-repeat;--_top-tip:conic-gradient(from 150deg at top,transparent,#000 1deg 60deg,transparent 61deg) top /100% 50% no-repeat;--_right-tip:conic-gradient(from -120deg at right,transparent,#000 1deg 60deg,transparent 61deg) right /50% 100% no-repeat;--_left-tip:conic-gradient(from 60deg at left,transparent,#000 1deg 60deg,transparent 61deg) left /50% 100% no-repeat;background:var(--_bg);border-radius:5px;color:initial;-webkit-filter:drop-shadow(0 3px 3px hsl(0 0% 0%/var(--_shadow-alpha))) drop-shadow(0 12px 12px hsl(0 0% 0%/var(--_shadow-alpha)));filter:drop-shadow(0 3px 3px hsl(0 0% 0%/var(--_shadow-alpha))) drop-shadow(0 12px 12px hsl(0 0% 0%/var(--_shadow-alpha)));font-size:1rem;font-weight:400;inline-size:-webkit-max-content;inline-size:max-content;line-height:normal;margin:0;max-inline-size:25ch;opacity:0;padding:var(--_p-block) var(--_p-inline);pointer-events:none;position:absolute;text-align:start;-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);-webkit-transform:translateX(var(--_x,0)) translateY(var(--_y,0));transform:translateX(var(--_x,0)) translateY(var(--_y,0));transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;-webkit-user-select:none;user-select:none;will-change:filter;z-index:1}:has(>tool-tip){position:relative}:has(>tool-tip):is(:hover,:focus-visible,:active)>tool-tip{opacity:1;transition-delay:.2s}tool-tip:before{clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);content:"; Has tooltip: ";height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}tool-tip:after{background:var(--_bg);content:"";inset:0;-webkit-mask:var(--_tip);mask:var(--_tip);position:absolute;z-index:-1}tool-tip:is([tip-position=top],[tip-position=block-start],:not([tip-position]),[tip-position=bottom],[tip-position=block-end]){text-align:center}tool-tip:is([tip-position=top],[tip-position=block-start],:not([tip-position])){--_x:calc(50%*var(--isRTL));inset-block-end:calc(100% + var(--_p-block) + var(--_triangle-size));inset-inline-start:50%}tool-tip:is([tip-position=top],[tip-position=block-start],:not([tip-position])):after{--_tip:var(--_bottom-tip);-webkit-border-after:var(--_triangle-size) solid transparent;border-block-end:var(--_triangle-size) solid transparent;inset-block-end:calc(var(--_triangle-size)*-1)}@media (prefers-color-scheme:light){tool-tip{--_bg:#fff;--_shadow-alpha:15%}}.chatInput{border-radius:20px}.chatInput>form{display:flex;justify-content:center;position:relative}.chatInput>form>input{border:1px solid gray;border-radius:3px;bottom:30px;outline:none;padding:20px;position:fixed;width:60%}.chatInput>form>button{background-color:initial;border:none;bottom:50px;height:0;position:fixed;right:18%;width:0}@media only screen and (max-width:600px){.chatInput>form>input{width:80%}.chatInput>form>button{display:none}}.message{align-items:center;display:flex;margin-left:20px;margin-top:10px}.message>img{border-radius:3px;object-fit:contain;width:50px}.message__info{max-width:400px;min-height:50px;padding-left:15px}.message__info>p{margin-top:-15px}.message__timestamp{color:gray;font-size:13px;font-weight:300}.login{background:#f8f8f8;display:grid;height:100vh;place-items:center}.login__container{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #000,0 1px 2px #000;padding:100px;text-align:center}.login__container>img{height:100px;margin-bottom:40px;object-fit:contain}.login__container>button{background-color:#0a8d48!important;color:#fff;margin-top:50px;text-transform:inherit!important}
/*# sourceMappingURL=main.e09ea1cb.css.map*/