.Friends{margin-top:5px;border-bottom:1px solid rgba(255,255,255,.0509803922);position:relative}.Friends h3{text-align:center;color:#ddd;margin:15px 0 5px}.Friends--List{padding:5px 15px 15px;display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;position:relative}.Friends--List--Item{background-color:#1d1d1daf;color:#ddd;padding:10px 15px;display:flex;align-items:center;gap:15px;border-radius:4px;outline:none;border:none}.Friends--List--Item img{width:45px;height:45px;border-radius:50%;object-fit:cover;box-shadow:0 0 3px #fff}.Friends--List--Item:hover{background-color:#18181888;cursor:pointer}.Friends--List--Item:hover img{box-shadow:0 0 3px #ced100}.Friends--None{text-align:center;color:#9b9b9b;margin:10px 0;font-style:italic}.Friends--Modal{position:absolute;bottom:0;left:0;height:max-content;background-color:#252525;transform:translateY(-100%)}.Friends--Modal img{width:50px}@media (max-width: 780px){.Friends--Modal{left:50%!important;transform:translate(-50%,-100%);width:80%}}.GroupChats{margin-top:5px;position:relative}.GroupChats--Header{padding:10px 0;display:flex;flex-direction:row}.GroupChats--Header div{flex:1;justify-content:center;align-items:center;display:flex}.GroupChats--Header h3{text-align:center;color:#ddd}.GroupChats--Header--Link{display:flex}.GroupChats--Header--Link svg{font-size:27px;color:#fff;transition:all .3s}.GroupChats--Header--Link svg:hover{color:#c5c5c5}.GroupChats--Parent{display:flex;flex-direction:column;padding:15px;gap:10px}.GroupChats--Child{border:1px dashed rgba(100,100,100,.3098039216);border-radius:10px;padding:10px;text-decoration:none;display:flex;flex-direction:row;gap:10px;position:relative}.GroupChats--Child.Active{border-left:2px solid #636363}.GroupChats--Child--Avatar{background-color:#1a1a1a;border:1px dashed rgba(100,100,100,.3098039216);color:silver;min-width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:26px;text-transform:capitalize}.GroupChats--Child--Content{color:#fff;overflow:hidden;text-wrap:nowrap;display:flex;flex-direction:column;justify-content:center}.GroupChats--Child--Content .Latest{color:#949494;font-size:14px}.GroupChats--Child--Content .Latest.Unread{font-weight:700;color:#fff}.GroupChats--Child--Unread{background-color:#3684c471;border-radius:50%;min-height:30px;min-width:30px;display:flex;align-self:center;align-items:center;justify-content:center;margin-left:auto}.GroupChats--Child--Unread p{color:#dadada;font-size:12px;font-weight:700}.Sidebar>a{text-decoration:none;text-align:center}.Sidebar>a h1{margin:15px 0 10px;color:silver}.Sidebar--User{display:flex;align-items:center;gap:15px;padding:10px;border-top:1px solid rgba(255,255,255,.0509803922);border-bottom:1px solid rgba(255,255,255,.0509803922);-webkit-user-select:none;user-select:none;transition:all .3s}.Sidebar--User--Avatar{width:50px;height:50px;border-radius:50%;box-shadow:0 0 6px silver;object-fit:cover}.Sidebar--User--Text{overflow:hidden;word-wrap:break-word}.Sidebar--User--Text h3{color:#ddd}.Sidebar--User--Text h4{color:#9b9b9b}.Sidebar--User--Btn{margin-left:auto;background:none;border:none;outline:none;color:#fff;cursor:pointer;transition:all .3s;position:relative}.Sidebar--User--Btn svg{font-size:25px}.Sidebar--User--Btn--Modal{display:none;position:absolute;right:100%;top:0;height:100%;height:max-content;width:max-content;box-shadow:0 0 4px #8382821d;border:1px solid rgba(255,255,255,.0509803922);background-color:#1a181a;z-index:100000}.Sidebar--User--Btn--Modal a{color:#fff;text-decoration:none}.Sidebar--User--Btn--Modal--Link{display:flex;align-items:center;padding:10px 15px;gap:10px;transition:all .3s}.Sidebar--User--Btn--Modal--Link:hover{background-color:#ffffff05}.Sidebar--User--Btn--Modal.Active{display:block}.Home{height:calc(var(--vh, 1vh) * 100);display:flex;align-items:center;justify-content:center;color:#afafaf}.Form-Wrapper{height:100%;display:flex;align-items:center;justify-content:center;color:#e7e7e7;flex-direction:column;gap:25px}.Form-Wrapper .Header{text-align:center}.Form-Wrapper .Header .Name{display:flex;align-items:center;justify-content:center;gap:7px}.Form-Wrapper .Header .Name .Icon{background-color:#3d61af;border-radius:50%;padding:7px;display:flex;align-items:center;justify-content:center}.Form-Wrapper .Header .Name .Icon svg{font-size:22px}.Form-Wrapper .Form{width:500px;height:max-content;position:relative;background-color:#1e1e22;padding:30px;border-radius:7px;border:1px dashed rgba(255,255,255,.1294117647);display:flex;flex-direction:column;align-items:center;gap:20px}.Form-Wrapper .Form .Title{text-align:center}.Form-Wrapper .Form .Title h1{font-size:21px}.Form-Wrapper .Form .Title p{font-size:14px}.Form-Wrapper .Form form{display:flex;flex-direction:column;gap:15px;width:100%}.Form-Wrapper .Form form .Child{display:flex;flex-direction:column;gap:2px}.Form-Wrapper .Form form input{background-color:#ffffff0d;padding:10px;outline:none;border:none;color:#d4d4d4;font-size:14px;border-radius:5px}.Form-Wrapper .Form form button{display:block;width:100%;padding:10px 20px;border-radius:5px;border:none;outline:none;margin-top:15px;color:#fff;font-weight:700;background:linear-gradient(270deg,#0f3061,#061a3f);border:1px solid #0f3061;transition:all .3s}.Form-Wrapper .Form form button:hover{filter:opacity(.8);cursor:pointer}.Form-Wrapper .Form a{color:#ccc;display:block;width:max-content;font-size:14px}@media (max-width: 870px){.Form{width:80%!important}}.ErrorList{margin-left:20px;color:#db7070;font-size:15px}.Main{display:flex;height:100vh;height:100dvh}.Main .Sidebar-Wrapper{background-color:#121214;min-width:350px;max-width:350px;transition:all .3s;border-right:1px solid rgba(255,255,255,.0509803922);z-index:100;overflow-y:auto}.Main .Content{flex-grow:1;background:#1a1a1e}.Main .Mobile-Top{display:none;background-color:#121214;border-bottom:1px solid rgba(255,255,255,.0509803922);padding:15px 0 10px 20px}.Main .Mobile-Top .Sidebar-toggle{width:max-content;border:none;outline:none;font-size:26px;background:none;color:#fff;line-height:0}input:-webkit-autofill{background-color:#26262c!important;transition:background-color .3s ease}input:-moz-autofill{background-color:#26262c!important;transition:background-color .3s ease}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #26262c inset!important;box-shadow:0 0 0 1000px #26262c inset!important}@media (max-width: 780px){.Main{flex-direction:column}.Main .Sidebar-Wrapper{position:fixed;height:100%;width:100%;padding-top:50px;transform:translate(-100%);max-width:unset}.Main .Sidebar-Wrapper.open{transform:translate(0);opacity:1}.Main .Mobile-Top{display:block;z-index:1000}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}*{margin:0;padding:0}body{background-color:#17161a}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#2a2a2a}::-webkit-scrollbar-thumb:hover{background:#212121}.Chat{height:calc(var(--vh, 1vh) * 100);display:flex;flex-direction:column}.Chat--Top{background-color:#17171a;border-bottom:1px solid rgba(255,255,255,.0509803922);height:40px;display:flex;align-content:center;justify-content:center;position:relative}.Chat--Top h1{color:silver;font-size:20px;line-height:2}.Chat--Top--Btn{position:absolute;top:50%;transform:translateY(-50%);background:none;outline:none;border:none;padding-top:3px}.Chat--Top--Btn svg{font-size:22px;color:silver;cursor:pointer;transition:all .2s}.Chat--Top--Btn svg:hover{filter:brightness(70%)}.Chat--Top--Btn.Sidebar{display:none;right:15px}.Chat--Top--Btn.Settings{left:15px}.Chat--Top--Btn.Settings svg:hover{transform:rotate(23deg);transition:all .1s}.Chat--Content{display:flex;flex-direction:row;flex:1}.Chat--Content--Main{flex-grow:1;display:flex;flex-direction:column}.Chat--Content--Main .Chat-Messages-Wrapper{position:relative}.Chat--Content--Main .Chat--Messages{overflow:auto;display:flex;flex-direction:column-reverse;height:calc(var(--vh, 1vh) * 100 - 114px);position:relative}.Chat--Content--Main .Chat--Messages .Load-More{background-color:transparent;border:1px dashed rgba(100,100,100,.4745098039);padding:10px 0;color:#e4e4e4;cursor:pointer;width:100%}.Chat--Content--Main .Chat--Messages .Load-More:hover{filter:opacity(70%)}.Chat--Content--Main .Chat--Messages .Message{display:flex;gap:10px;padding:10px 20px 0;align-items:center}.Chat--Content--Main .Chat--Messages .Message.Self,.Chat--Content--Main .Chat--Messages .Message.Self .Message--Content--Top{flex-direction:row-reverse}.Chat--Content--Main .Chat--Messages .Message.Self .Message--Content--Text,.Chat--Content--Main .Chat--Messages .Message.Self .Message--Content--Image{margin-left:auto}.Chat--Content--Main .Chat--Messages .Message.Self.Same{padding:0 75px 0 0}.Chat--Content--Main .Chat--Messages .Message.Same{padding:0 0 0 75px}.Chat--Content--Main .Chat--Messages .Message.Same .Message--Content--Top--Date{display:none}.Chat--Content--Main .Chat--Messages .Message--Avatar{width:45px;height:45px;border-radius:50%}.Chat--Content--Main .Chat--Messages .Message--Content{display:flex;flex-direction:column;gap:5px}.Chat--Content--Main .Chat--Messages .Message--Content--Top{display:flex;flex-direction:row;gap:13px;align-items:center}.Chat--Content--Main .Chat--Messages .Message--Content--Top--Name{color:#e5e5e5;font-weight:700}.Chat--Content--Main .Chat--Messages .Message--Content--Top--Date{color:gray;font-size:11px}.Chat--Content--Main .Chat--Messages .Message--Content--Text{background-color:#1d1d1daf;width:max-content;max-width:300px;word-wrap:break-word;padding:10px;border-radius:7px;color:#e5e5e5;border:1px solid rgba(255,255,255,.0509803922)}.Chat--Content--Main .Chat--Messages .Message--Content--Image{width:60%;height:100%;border-radius:7px;cursor:pointer}.Chat--Content--Main .Chat--Messages .Message:hover{background-color:#ffffff06}.Chat--Content--Main .Chat--Messages .Messages--Not-Found{width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#afafaf}.Chat--Content--Main .Chat--Messages .Messages--Not-Found svg{font-size:46px}.Chat--Content--Main .Chat--Send{background-color:#121214;border-top:1px solid rgba(255,255,255,.0509803922);height:70px;display:flex;align-content:center;justify-content:center}.Chat--Content--Main .Chat--Send .Send{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.Chat--Content--Main .Chat--Send .Send .Image-Preview{width:140px;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.Chat--Content--Main .Chat--Send .Send .Image-Preview .Delete-Image{background:#242424c4;position:absolute;border:none;padding:4px;outline:none;display:flex;align-items:center;justify-content:center;cursor:pointer;top:5px;right:5px;border-radius:5px}.Chat--Content--Main .Chat--Send .Send .Image-Preview .Delete-Image svg{color:#e06c6c;font-size:20px}.Chat--Content--Main .Chat--Send .Send .Image-Preview .Delete-Image:hover{filter:brightness(80%)}.Chat--Content--Main .Chat--Send .Send .Image-Preview .Img{max-height:45px;max-width:100px;border-radius:7px;object-fit:cover}.Chat--Content--Main .Chat--Send .Send input{width:100%;background-color:#121214;border:none;outline:none;height:100%;color:#e5e5e5;font-size:16px;padding:0 15px}.Chat--Content--Sidebar{background-color:#17171a;min-width:250px;border-left:1px solid rgba(255,255,255,.0509803922);transition:all .3s}@media (max-width: 460px){.Chat--Send .Send{width:100%}.Chat--Send .Send input{width:80%!important}.Chat--Content--Main .Chat--Messages .Message--Content--Text{max-width:200px}}@media (max-width: 780px){.Chat{height:calc(var(--vh, 1vh) * 100 - 57px)}.Chat .Chat--Messages{height:calc(var(--vh, 1vh) * 100 - 167px)!important}.Chat--Content--Sidebar{height:calc(100% - 167px)!important}}@media (max-width: 1130px){.Chat--Content--Sidebar{position:fixed;height:calc(100% - 114px);right:0;transform:translate(100%)}.Chat--Content--Sidebar.Open{transform:translate(0)}.Chat--Top--Btn.Sidebar{display:block}}.Members{display:flex;flex-direction:column;margin-top:10px;position:relative}.Members--Child{display:flex;flex-direction:row;gap:10px;color:#fff;-webkit-user-select:none;user-select:none;padding:7px 13px;cursor:pointer}.Members--Child--Avatar{position:relative}.Members--Child--Avatar img{width:45px;height:45px;border-radius:50%}.Members--Child--Avatar--Presence{position:absolute;background-color:#40914b;width:14px;height:14px;border-radius:50%;right:0;bottom:0;border:4px solid #1a191b}.Members--Child svg{color:#daa520}.Members--Child:hover{background-color:#ffffff0e}.Members--Child--Text{display:flex;flex-direction:column;justify-content:center}.Members--Child--Text--Name{display:flex;align-items:center;gap:10px}.Members--Child span{color:gray;font-size:12px}.SidebarOverlay{z-index:1100;position:fixed;top:0;left:0;width:100%;height:100%}@media (max-width: 1130px){.SidebarOverlay{background-color:#00000050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.MemberModal{z-index:1200;position:absolute;top:0;right:270px!important;background-color:#1f1f22;box-shadow:-2px 2px 10px 1px #0000006c;border-radius:8px;width:300px;color:#fff;border:1px solid rgba(255,255,255,.0509803922);animation:SlideIn .2s}.MemberModal--Overlay{position:absolute;left:0;right:0;width:100%;height:100%;z-index:10}.MemberModal .ModalHeader{background-color:#23419b;position:relative;height:100px;margin-bottom:60px;border-radius:8px 8px 0 0}.MemberModal .ModalHeader--Avatar{background-color:#1f1f22;padding:7px;position:absolute;top:50%;left:10px;border-radius:50%;width:100px;height:100px}.MemberModal .ModalHeader--Avatar img{-webkit-user-select:none;user-select:none;width:100px;height:100px;border-radius:50%}.MemberModal .ModalContent{padding:7px 10px;display:flex;flex-direction:column;gap:10px;position:relative}.MemberModal .ModalContent--Roles{display:flex;flex-wrap:wrap;gap:5px}.MemberModal .ModalContent--Roles--Child{background-color:#313135;padding:5px 10px;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:50px;text-align:center;display:flex;flex-direction:row;align-items:center;gap:10px}.MemberModal .ModalContent--Roles--Child div{width:10px;height:10px;border-radius:50%;background-color:#a5a5a5}.MemberModal .ModalContent--Roles--Child p{font-size:12px}.MemberModal .ModalContent--Roles--Child.Add{opacity:.6;color:inherit;border:1px dashed rgba(100,100,100,.6509803922)}.MemberModal .ModalContent--Roles--Child.Add:hover,.MemberModal .ModalContent--Roles--Child.Add.Selected{opacity:1;cursor:pointer}.MemberModal .ModalContent--UpdateRoles{position:absolute;width:100%;bottom:-1px;left:0;transform:translateY(100%);background-color:#1f1f22;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;max-height:206px;overflow-y:auto}.MemberModal .ModalContent--UpdateRoles .Role{display:flex;flex-direction:row;align-items:center;gap:6px;padding:10px 15px;-webkit-user-select:none;user-select:none}.MemberModal .ModalContent--UpdateRoles .Role--Dot{border-radius:50%;width:12px;height:12px}.MemberModal .ModalContent--UpdateRoles .Role p{font-size:13px}.MemberModal .ModalContent--UpdateRoles .Role--CheckBox{margin-left:auto;background-color:#24242470;width:22px;height:22px;border-radius:4px;border:1px solid rgba(148,148,148,.1529411765);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff}.MemberModal .ModalContent--UpdateRoles .Role--CheckBox.Checked{background-color:#466de2}.MemberModal .ModalContent--UpdateRoles .Role:hover{cursor:pointer;background-color:#1b1b1f}.MemberModal .ModalContent--UpdateRoles .Role.Empty{cursor:default;font-size:14px}.MemberModal .ModalContent--UpdateRoles .Role.Empty:hover{background-color:unset}.MemberModal .ModalContent--Actions{display:flex;flex-direction:row;gap:10px}.MemberModal .ModalContent--Actions--Child{background:none;border:1px dashed rgba(121,46,46,.6509803922);padding:7px 10px;border-radius:8px;color:#c25c5c;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.MemberModal .ModalContent--Actions--Child:hover{cursor:pointer;background-color:#e0434331}.MemberModal .ModalContent--Actions--Child svg{font-size:16px}@keyframes SlideIn{0%{transform:translate(-10px)}to{transform:translate(0)}}@media (max-width: 1130px){.MemberModal{width:90%;right:50%!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%);animation:none}}.Modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10000}.Modal--Overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000070;cursor:pointer;z-index:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.Modal--Content{position:relative;background:#00000042;padding:20px 25px;border-radius:7px;z-index:2;border:1px dashed rgba(255,255,255,.1450980392);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 20px}.Confirm h3{font-size:19px}.Confirm p{font-size:14px;color:#bbb}.Confirm--Actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.Confirm--Actions--Yes{background:#ac4a47;border:none;padding:8px 15px;border-radius:5px;color:#fff;cursor:pointer;transition:all .3s}.Confirm--Actions--Yes:hover{background:#86211e}.Confirm--Actions--No{background:#6c757d;border:none;padding:8px 15px;border-radius:5px;color:#fff;cursor:pointer;transition:all .3s}.Confirm--Actions--No:hover{background:#5a6268}.BanForm{margin-top:15px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.2549019608)}.BanForm label{display:flex;flex-direction:column;font-size:15px;gap:5px}.BanForm label input{background:none;outline:none;border:1px dashed rgba(255,255,255,.2549019608);border-radius:5px;padding:8px 10px;color:#fff}.Chat-DropZone{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s;background-color:#00000069;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.Chat-DropZone .Modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#1a191b36;border:1px dashed rgba(100,100,100,.4039215686);border-radius:7px;padding:20px 40px;text-align:center;color:#fff}.PreviewImage{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000098;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.PreviewImage .Overlay{position:absolute;width:100%;height:100%}.PreviewImage .Image{max-height:90%;max-width:90%;z-index:1000000000;-webkit-user-select:none;user-select:none}.ChatSettings{background-color:#17171a;height:100%;overflow-y:auto;opacity:0;animation:fadeIn .1s ease forwards;position:relative}@keyframes fadeIn{to{opacity:1}}.ChatSettings--Header{padding:20px 10px 0;border-bottom:1px solid rgba(255,255,255,.0509803922);display:flex;flex-direction:column;align-items:center;background-color:#141416}.ChatSettings--Header .Top{display:flex;align-items:center;justify-content:center;position:relative;width:100%}.ChatSettings--Header .Top a{position:absolute;left:0}.ChatSettings--Header .Top a svg{font-size:34px;color:silver;transition:all .3s}.ChatSettings--Header .Top a svg:hover{filter:brightness(70%)}.ChatSettings--Header .Top h2{font-size:20px;color:silver}.ChatSettings--Header .Tabs{margin-top:20px}.ChatSettings--Header .Tabs button{color:silver;border:none;outline:none;padding:5px 35px;background:none;cursor:pointer}.ChatSettings--Header .Tabs button.active{border-bottom:2px solid rgb(169,169,169)}.ChatSettings--Content{padding:25px;color:silver}@media (max-width: 1600px){.ChatSettings--Content{padding:5px}}.ChatSettingsGeneral{display:flex;flex-direction:column;border:1px dashed rgba(255,255,255,.0509803922);padding:20px;border-radius:8px;gap:10px}.ChatSettingsGeneral--Settings{padding:20px;border:1px dashed rgba(119,119,119,.5058823529);border-radius:7px}.ChatSettingsGeneral h4{margin-bottom:10px}.ChatSettingsGeneral label{display:flex;flex-direction:column;gap:5px}.ChatSettingsGeneral label input{display:block;max-width:400px;padding:10px 15px;background:none;outline:none;color:#fff;border:1px solid rgba(255,255,255,.1647058824);margin-bottom:5px}.ChatSettingsGeneral button{margin-top:15px}.ChatSettingsGeneral--Dangerous{margin-top:20px;border:1px dashed rgba(255,0,0,.2941176471);padding:20px;border-radius:7px}.ChatSettingsGeneral--Dangerous label{width:max-content}.ChatSettingsGeneral--Dangerous h4{color:#9e3b3b}.Button{margin-top:10px;width:max-content;padding:8px 15px;cursor:pointer;border:none;outline:none;background-color:#29292e;color:#d1d1d1;transition:all .3s;border:1px solid rgba(255,255,255,.0509803922);border-radius:2px;font-size:15px}.Button:hover{opacity:.7}.Button.Create{background-color:#2e974e;color:#fff;font-weight:600}.Button.Delete{background-color:#963434;color:#fff;font-weight:600}.Button:disabled{opacity:.6;cursor:not-allowed}.Invites{width:100%;margin:0 auto;display:flex;flex-direction:column;gap:10px}.Invites--New{padding:20px;border:1px dashed rgba(255,255,255,.0509803922);border-radius:8px;background-color:#15151873}.Invites--New--Form{display:flex;flex-direction:column;margin-top:10px;gap:5px}.Invites--New--Form label{font-size:16px}.Invites--New--Form input{display:block;width:200px;padding:5px;background:none;outline:none;color:#fff;border:1px solid rgba(255,255,255,.0509803922)}.Invites .InviteTable{border-spacing:0px;border-collapse:seperate;width:100%;border:1px dashed rgba(255,255,255,.0509803922);border-radius:8px;padding:10px}.Invites .InviteTable thead tr th{text-align:left;padding:10px;background-color:#15151873;border-bottom:1px dashed rgba(255,255,255,.0509803922)}.Invites .InviteTable tbody tr{background-color:#17161a}.Invites .InviteTable tbody tr td{padding:10px}.Invites .InviteTable tbody tr td.Creator{display:flex;gap:10px;align-items:center;padding-left:10px}.Invites .InviteTable tbody tr td.Creator img{width:30px;border-radius:50%}.Invites .InviteTable tbody tr td .Code{width:min-content;padding:2px 5px;border:1px solid rgba(255,255,255,.0509803922);cursor:pointer}.Invites .InviteTable tbody tr td .Delete{background:none;border:none;padding:5px;cursor:pointer;color:#af4747;display:flex;font-size:20px}.Invites .InviteTable tbody tr:hover{filter:brightness(.93)}.Roles-Wrapper{border:1px dashed rgba(255,255,255,.0509803922);padding:20px;display:flex;flex-direction:column;gap:10px;border-radius:8px}.Roles-Wrapper .Roles{display:flex;flex-direction:column;gap:5px}.Roles-Wrapper .Roles--Child{border-radius:6px;background-color:#15151873;border:1px dashed rgba(255,255,255,.0509803922);padding:15px;-webkit-user-select:none;user-select:none;transition:all .3s;cursor:pointer;text-align:unset;color:#fff;display:flex;gap:10px;align-items:center;font-size:14px}.Roles-Wrapper .Roles--Child:hover{background-color:#49494907}.Roles-Wrapper .Roles--Child--Dot{width:12px;height:12px;border-radius:50%}.ManageRole{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ManageRole--Overlay{position:inherit;width:100%;height:100%;background-color:#0c0c0ed0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ManageRole--Content{z-index:2;background-color:#1a1a1e;width:85%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-x:auto;border-radius:7px}.ManageRole--Content .Form{display:flex;flex-direction:column;gap:20px}.ManageRole--Content .Form input{background-color:#ffffff0d;padding:10px;outline:none;border:none;color:#c5c5c5;font-size:16px}.ManageRole--Content .Form .Color{display:flex;flex-direction:row;align-items:center;gap:10px}.ManageRole--Content .Form .Color .Preview{width:50px;height:50px;border-radius:10px;border:1px dashed rgba(100,100,100,.431372549)}.ManageRole--Content .Form .Color .Selection{display:flex;flex-direction:row;gap:5px}.ManageRole--Content .Form .Color .Selection button{width:35px;height:35px;outline:none;border:none;border-radius:4px;transition:all .3s;cursor:pointer}.ManageRole--Content .Form .Color .Selection button:hover{filter:brightness(.6)}.ManageRole--Content .Form .Permissions{display:flex;flex-wrap:wrap;gap:10px}.ManageRole--Content .Form .Permissions--Child{display:flex;flex-direction:column;gap:5px;border:1px dashed rgba(100,100,100,.6509803922);padding:10px;border-radius:7px}@media (max-width: 1200px){.ManageRole--Content .Color{flex-direction:column!important;align-items:unset!important;gap:10px}.ManageRole--Content .Color .Selection{flex-wrap:wrap}}.RoleSwitch{display:flex;flex-direction:column;gap:5px;width:max-content}.Bans{border:1px dashed rgba(255,255,255,.0509803922);padding:20px;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px}.Bans--Child{background-color:#15151873;border:1px dashed rgba(255,255,255,.0509803922);border-radius:6px;padding:15px 20px;display:flex;align-items:center;gap:15px;width:max-content;transition:all .3s}.Bans--Child--Avatar{width:50px;height:50px;border-radius:50%}.Bans--Child:hover{cursor:pointer;filter:brightness(.9)}.BanInfo{margin-top:10px}.BanInfo--Child{display:flex;gap:5px}.BanInfo--Child p{color:#fff}.BanInfo--Child p:last-child{color:red!important}.BanInfo--Child.Date p:last-child{color:#b6b6b6!important}