.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;border-bottom:1px solid rgba(255,255,255,.0509803922);position:relative}.GroupChats--Header{position:relative;height:45px;display:flex;align-items:center;justify-content:center}.GroupChats--Header h3{text-align:center;color:#ddd}.GroupChats--Header--Link{position:absolute;right:15px;cursor:pointer;background:none;outline:none;border:none}.GroupChats--Header--Link svg{font-size:20px;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{background-color:#1d1d1daf;padding:10px;text-decoration:none;display:flex;flex-direction:row;gap:10px}.GroupChats--Child--Avatar{background-color:#1a1a1a;border:1px solid rgba(255,255,255,.0352941176);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}.GroupChats--Child--Content .Latest{color:#949494}.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}.Form-Wrapper .Form{width:500px;height:max-content;position:relative}.Form-Wrapper .Form form{display:flex;flex-direction:column;gap:10px}.Form-Wrapper .Form form input{background-color:#ffffff0d;padding:10px;outline:none;border:none;color:#fff;font-size:16px}.Form-Wrapper .Form form button{display:block;width:max-content;padding:7px 20px;border:none;outline:none}.Form-Wrapper .Form a{color:#ccc;display:block;width:max-content;margin-left:auto}@media (max-width: 870px){.Form{width:90%!important}}.Main{display:flex;height:100vh;height:100dvh}.Main .Sidebar-Wrapper{background-color:#18181888;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:linear-gradient(to right,#17161a,#242124 50%,#17161a)}.Main .Mobile-Top{display:none;background-color:#17161a;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}@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;background-color:#181818}.Main .Sidebar-Wrapper.open{transform:translate(0);opacity:1}.Main .Mobile-Top{display:block;z-index:1000}}#Toasts{position:fixed;top:0;right:0;width:100%;height:100%;z-index:100000000000;pointer-events:none}#Toasts--Parent{display:flex;flex-direction:column;align-items:flex-end;gap:10px;padding:20px;position:absolute;top:20px;right:20px;width:auto}#Toasts .Toast{background-color:#918420;color:#fff;padding:15px;border-radius:5px;box-shadow:0 4px 6px #0003;width:100%;opacity:0;transform:translate(100%);animation:slideIn .5s forwards,fadeOut .5s forwards 4.5s}#Toasts .Toast.success{background-color:#478f58!important}#Toasts .Toast.error{background-color:#8f4747!important}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translate(100%)}}.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:5px 10px;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:#2e2e31;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:#466de2;position:relative;height:100px;margin-bottom:60px;border-radius:8px 8px 0 0}.MemberModal .ModalHeader--Avatar{background-color:#2e2e31;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:#fff1;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:inherit}.MemberModal .ModalContent--Roles--Child.Add:hover{opacity:1;cursor:pointer}.MemberModal .ModalContent--UpdateRoles{position:absolute;width:100%;bottom:-1px;left:0;transform:translateY(100%);background-color:#2e2e31;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;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:#5a5a5a28}.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:10px 15px;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}}: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:#18181888;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{overflow:auto;display:flex;flex-direction:column-reverse;height:calc(var(--vh, 1vh) * 100 - 120px);position:relative}.Chat--Content--Main .Chat--Messages .Load-More{margin-bottom:10px;background-color:#1d1d1d71;border:1px solid rgba(255,255,255,.0509803922);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;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{margin-left:auto}.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: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:#18181888;border-top:1px solid rgba(255,255,255,.0509803922);height:75px;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:80%}.Chat--Content--Main .Chat--Send .Send input{width:100%;background-color:#ffffff0b;border:none;outline:none;height:40px;border-radius:50px;padding:0 15px;color:#e5e5e5;font-size:16px}.Chat--Content--Main .Chat--Send .Send button{height:40px;padding:0 20px;background-color:#ffffff0b;border:none;outline:none;color:#a1a1a1;border-radius:20px}.Chat--Content--Main .Chat--Send .Send button:hover{filter:opacity(.7);cursor:pointer}.Chat--Content--Sidebar{background-color:#18181888;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 - 176px)!important}.Chat--Content--Sidebar{height:calc(100% - 176px)!important}}@media (max-width: 1130px){.Chat--Content--Sidebar{position:fixed;background-color:#1a191b!important;height:calc(100% - 120px);right:0;transform:translate(100%)}.Chat--Content--Sidebar.Open{transform:translate(0)}.Chat--Top--Btn.Sidebar{display:block}}.ChatSettings{background-color:#18181887;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:#14141459}.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}}.Invites{width:100%;margin:0 auto}.Invites--New{background-color:#14141459;padding:20px;border-bottom:1px solid rgba(255,255,255,.0509803922);border-top:1px solid rgba(255,255,255,.0509803922)}.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%}.Invites .InviteTable thead tr th{text-align:left;border-bottom:1px solid rgba(255,255,255,.0509803922);padding:10px;background-color:#14141459}.Invites .InviteTable tbody tr{background-color:#7e7e7e14}.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);-webkit-user-select:all;user-select:all}.Invites .InviteTable tbody tr:nth-child(2n){background-color:#ffffff05!important}.Invites .InviteTable tbody tr:hover{filter:brightness(.7)}.Button{margin-top:10px;width:max-content;padding:8px 15px;cursor:pointer;border:none;outline:none;background-color:#2c2c2c;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:#35b85c;color:#fff;font-weight:600}.Roles-Wrapper{border:1px dashed rgba(255,255,255,.0509803922);padding:20px;background-color:#14141459;display:flex;flex-direction:column;gap:10px}.Roles-Wrapper .Roles{background-color:#14141459;border:1px solid rgba(255,255,255,.0509803922);display:flex;flex-direction:column}.Roles-Wrapper .Roles--Child{padding:15px;border:unset;border-bottom:1px dashed rgba(255,255,255,.0509803922);-webkit-user-select:none;user-select:none;transition:all .3s;cursor:pointer;background-color:unset;text-align:unset;color:#fff;display:flex;gap:10px;align-items:center;font-size:14px}.Roles-Wrapper .Roles--Child:last-child{border-bottom:unset}.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:#2020209a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ManageRole--Content{z-index:2;background-color:#2e2e2e;width:85%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;max-height:500px;overflow-x:auto}.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;background-color:#3636368c;border-radius:10px;border:1px dashed rgba(100,100,100,.651)}.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}