html{padding:0}body,html{margin:0}body>#root>div{height:100vh}@font-face{font-family:"Whitney-semibold";src:local("Whitney-semibold"),url(/media/whitneysemibold.3eb3b8ff.otf);font-display:swap}@font-face{font-family:"Whitney-light";src:local("Whitney-light"),url(/media/whitneylight.92bc1bb9.otf);font-display:swap}@font-face{font-family:"Whitney-bold";src:local("Whitney-bold"),url(/media/whitneybold.06895b8a.otf);font-display:swap}@font-face{font-family:"Whitney-medium";src:local("Whitney-medium"),url(/media/whitneymedium.cbc95f17.otf);font-display:swap}@font-face{font-family:"UniSansRegular";src:local("UniSansRegular"),url(/media/UniSansRegular.d7743fbb.otf);font-display:swap}main{width:100%}html,main{height:100%}html{font-size:10px}body{min-height:100%}*{padding:0;margin:0;box-sizing:border-box}.chat__main{width:100%;height:100%}.chatheader{height:100%;width:100%;color:#fff;background-color:#363940;border-bottom:1px solid #23272a;padding-right:1rem}.chatheader,.chatheader__topic{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.chatheader__topic{margin-right:auto;font-size:1.6rem}.chatheader__topic-content{margin-left:1.2rem}.chatheader__topic-hash{color:grey;margin-left:1.5rem;font-size:2.85rem}.chatheader__items{color:#babbbd}.chatheader__items,.chatheader__items-left,.chatheader__items-right{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.chatheader__items-left svg,.chatheader__items-right svg{margin:0 .7rem}.chatheader__searchbar{margin:0 .5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;-webkit-justify-content:flex-end;justify-content:flex-end}.chatheader__searchbar-searchicon{position:absolute;top:18%;right:3%;color:#72767d}.chatheader__searchbar-searchicon svg{width:1.6rem;height:1.6rem}.chatheader__searchbar-input{color:#fff;padding:.32rem;border-radius:4px;background-color:#202225;border:0;outline:none;font-family:"Whitney-medium";width:80%;transition:width .3s}.chatheader__searchbar-input::-webkit-input-placeholder{padding-left:.25rem}.chatheader__searchbar-input:-ms-input-placeholder{padding-left:.25rem}.chatheader__searchbar-input::placeholder{padding-left:.25rem}.chatheader__searchbar-input:focus{width:100%}.main{position:absolute;top:0;left:7.1rem;right:0;height:100vh;font-size:1.5rem;overflow:hidden;font-family:"Whitney-semibold",sans-serif; height: 79em}.main__header,.main__header-sidebar{display:-webkit-flex;display:flex}.main__header-sidebar{min-width:24rem;-webkit-flex:0 0 16.45%;flex:0 0 16.45%;height:4.8rem;background-color:#2c2f33;color:#fff;-webkit-align-items:center;align-items:center;padding:.58rem 1.5rem .58rem 2.25rem;font-size:1.7rem;border-bottom:1px solid #23272a}.main__header-currentchannel{letter-spacing:.75px;margin-right:auto;font-family:"Whitney-semibold",sans-serif}.main__header-expandicon{cursor:pointer}.main__header-chatbar{-webkit-flex:1 1;flex:1 1}.main__header--chat{width:100%;height:100%}.main__content{display:-webkit-flex;display:flex;height:93vh}.addserver__addicon{color:#3ba55c;width:5rem;height:5rem;border-radius:50%;background-color:#36393f;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:all .3s}.addserver__addicon:hover{border-radius:30%;color:#fff;background-color:#3ba55c}.addserver__form{width:100%;border:0;height:2.7rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.addserver__form-back{width:10%;background-color:#f6f6f7}.addserver__form-back,.addserver__form-button{font-size:1.5rem;border:0;padding:1rem;border-radius:.4rem;cursor:pointer;outline:none}.addserver__form-button{background-color:#738ada;color:#e9f2fd;width:20%;margin-left:auto}.addserver__imageupload{padding:2rem 0;color:rgba(79,86,96,.96)}.addserver__imageupload svg{cursor:pointer}.availableserver{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.availableserver__map{margin-bottom:.8rem;position:relative}.availableserver__map--homeicon{color:#dcddde;width:4.8rem;height:4.8rem;border-radius:50%;background-color:#36393f;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:all .3s;margin-bottom:1.4rem;position:relative}.availableserver__map--homeicon:hover{color:#fff;border-radius:30%;background-color:#7289da}.availableserver__map--homeicon:after{content:"";display:block;position:absolute;bottom:-1rem;border-radius:.1rem;background-color:hsla(0,0%,100%,.06);left:.8rem;width:3.2rem;height:.2rem}.availableserver__map-imageuniversal{object-fit:cover;width:4.8rem;height:4.8rem;border-radius:50%;transition:border-radius .3s}.availableserver__map-imageuniversal:hover{border-radius:30%}.availableserver__map-text{color:#dcddde;width:4.8rem;height:4.8rem;border-radius:50%;background-color:#36393f;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:all .3s;position:relative;font-size:1.8rem;font-family:"Whitney-semibold"}.availableserver__map-text:hover{color:#fff;border-radius:30%;background-color:#7289da}.availableserver__map:hover:before{border-radius:0 2px 2px 0;-webkit-transform:scaleY(2.5);transform:scaleY(2.5)}.availableserver__map:before{content:"";display:block;background-color:#fff;width:.45rem;height:.9rem;position:absolute;border-radius:0 4px 4px 0;top:2.25rem;left:-25%;transition:all .3s}.availableserver__clicked{margin-bottom:.8rem;position:relative}.availableserver__clicked--homeicon{color:#fff;width:4.8rem;height:4.8rem;border-radius:30%;background-color:#7289da;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;transition:all .3s;margin-bottom:1.4rem;position:relative}.availableserver__clicked--homeicon:after{content:"";display:block;position:absolute;bottom:-1rem;border-radius:.1rem;background-color:hsla(0,0%,100%,.06);left:.8rem;width:3.2rem;height:.2rem}.availableserver__clicked-imageuniversal{object-fit:cover;width:4.8rem;height:4.8rem;border-radius:30%}.availableserver__clicked:before{content:"";display:block;background-color:#fff;width:.45rem;height:4rem;position:absolute;border-radius:0 4px 4px 0;top:.5rem;left:-25%}.ChangeServername__form{width:100%;border:0;height:2.7rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.ChangeServername__form-back{width:10%;background-color:#f6f6f7}.ChangeServername__form-back,.ChangeServername__form-button{font-size:1.5rem;border:0;padding:1rem;border-radius:.4rem;cursor:pointer;outline:none}.ChangeServername__form-button{background-color:#738ada;color:#e9f2fd;width:23%;margin-left:auto}.uploadimage{width:8rem;height:8rem}.input__content{width:100%;background-color:#fff;border:1px solid #000;font-size:1.5rem;color:#2e3338;padding:.7rem;border-radius:.4rem;text-indent:.4rem}.input__content:focus{outline:none}.addmorediv,.Addnewrole__form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.Addnewrole__form{width:100%;border:0;height:2.7rem}.Addnewrole__form-back{width:10%;background-color:#f6f6f7}.Addnewrole__form-back,.Addnewrole__form-button{font-size:1.5rem;border:0;padding:1rem;border-radius:.4rem;cursor:pointer;outline:none}.Addnewrole__form-button{background-color:#738ada;color:#e9f2fd;width:23%;margin-left:auto}.mainpage{position:relative;height:100%}.mainpage,.mainpage__servers{display:-webkit-flex;display:flex}.mainpage__servers{width:7.1rem;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;background-color:#202225;padding-top:1.25rem}.homepage{position:absolute;top:0;left:7.1rem;right:0;height:100vh;font-size:1.5rem;overflow:hidden;font-family:"Whitney-semibold",sans-serif}.homepage__header{display:-webkit-flex;display:flex;height:4.8rem}.homepage__header-sidebar{min-width:24rem;-webkit-flex:0 0 16.45%;flex:0 0 16.45%;background-color:#2f3136;color:#fff;-webkit-justify-content:center;justify-content:center;padding:1.75rem 1rem;font-size:1.7rem;border-bottom:1px solid #23272a}.homepage__header-inputcontainer,.homepage__header-sidebar{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.homepage__header-inputcontainer{border-radius:4px;width:100%;background-color:#202225;padding:.55rem}.homepage__header-input{border:0;color:#fff;font-family:"Whitney-medium";outline:none;width:100%;font-size:1.4rem;background-color:#202225}.homepage__header-chatbar{-webkit-flex:1 1;flex:1 1}.homepage__header--chat{width:100%;height:100%}.homepage__content{display:-webkit-flex;display:flex;height:93vh}.homepage__sidebar{-webkit-flex:0 0 16.45%;flex:0 0 16.45%;min-width:24rem;background-color:#2c2f33;color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.homepage__sidebar-container{padding:1rem}.homepage__sidebar-content{border-radius:3px;display:-webkit-flex;display:flex;height:4rem;-webkit-align-items:center;align-items:center;padding:1rem}.homepage__sidebar-content:hover{background-color:#34373c}.homepage__sidebar-avatar{font-size:2rem;margin-right:1.6rem;width:2.5rem}.homepage__sidebar-avatar svg{height:2.5rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.homepage__sidebar-title{font-family:"Whitney-medium";font-size:1.65rem;padding-bottom:.2rem}.homepage__mid{background-color:#36393f;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex:1 1;flex:1 1;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-family:"Whitney-light";color:#72767d}.homepage__mid-imagecontainer{height:21.8rem;width:42.1rem}.homepage__mid-text{font-size:1.5rem;margin-top:5rem;letter-spacing:.05rem}.homepage__channels{color:grey}.homepage__channels-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:1.2rem 1.2rem .9rem}.homepage__channels-addicon{margin-left:auto;cursor:pointer}.homepage__voice{margin-top:auto;border-bottom:1px solid #35383d}.activity{-webkit-flex:0 0 25%;flex:0 0 25%;background-color:#303136;padding:1.69rem}.activity__container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;color:#acaeb1}.activity__container-heading{font-size:1.2rem;padding-bottom:1rem}.activity__container-content{background-color:#36393f;padding:1.7rem;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border-radius:5px;text-align:center}.activity__container--head{color:#fff;display:inline-block;font-size:1.6rem;padding-bottom:.75rem}.activity__container--para{font-size:1.42rem;font-family:"Whitney-light"}
/*# sourceMappingURL=main.6e86ff74.chunk.css.map */