:root{--dark-darkest:#1e1f22;--dark-darker:#2b2d31;--dark-main:#313338;--dark-light:#b5bac1;--dark-text:#949ba4;--dark-lighter:#dddee1;--dark-msg:#c1c3c7;--dark-highlight:#404249;--dark-hover:#35373c;--dark-lightest:#fff;--dark-profile-bar:#232428;--dark-about-me:#111214;--dark-msg-hover:#2e3035}*{box-sizing:border-box;color:#949ba4;color:var(--dark-text);font-family:Roboto,Arial,Helvetica,sans-serif;letter-spacing:.02rem;margin:0;text-decoration:inherit}.material-icons{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons;font-size:1.5rem;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;-webkit-user-select:none;user-select:none;white-space:nowrap}body,html{height:100vh;overflow-x:scroll;width:100%}body::-webkit-scrollbar,html::-webkit-scrollbar{height:0;width:0}body{background:#313338;background:var(--dark-main)}input:focus{outline:none}input[type=color]::-moz-color-swatch{border:none}input[type=color]::-webkit-color-swatch-wrapper{border-radius:0;padding:0}input[type=color]::-webkit-color-swatch{border:none}label{cursor:pointer;-webkit-user-select:none;user-select:none}.App{display:flex;height:100vh}.bonfire-text{margin-left:2.5px;margin-top:-5px}.bonfire-text,.bonfire-text span{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.bonfire-text span{color:#f58213}.sidebar{align-items:center;background:#1e1f22;background:var(--dark-darkest);display:flex;flex-direction:column;flex-shrink:0;height:auto;overflow-x:hidden;overflow-y:scroll;padding:10px;width:80px;z-index:1}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-track{background-color:none}.sidebar::-webkit-scrollbar-thumb{background-color:#313338;background-color:var(--dark-main);border-radius:3px}.sidebar *{flex-shrink:0}.friends-list{grid-area:friends-list;height:auto;overflow-y:scroll;padding:12px 25px}.friends-list::-webkit-scrollbar{width:5px}.friends-list::-webkit-scrollbar-track{background-color:none}.friends-list::-webkit-scrollbar-thumb{background-color:#2b2d31;background-color:var(--dark-darker);border-radius:3px}.search-container{position:relative;width:100%}.search-bar{background:#1e1f22;background:var(--dark-darkest);border:none;outline:none}.friends-list .search-bar,.search-bar{border-radius:4px;color:#c1c3c7;color:var(--dark-msg)}.friends-list .search-bar{font-size:.95rem;margin-bottom:5px;margin-top:5px;padding:8px 10px;width:100%}.search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.server-icon,.server-icon-container{border-radius:50%}.server-icon{display:block;height:50px;margin:5px 0 5px 2.5px;overflow:hidden;transition-duration:.21s;width:50px}.server-icon-container:hover .tooltip-wrapper{visibility:visible}.server-icon-container .tooltip-wrapper{left:80px;position:fixed;visibility:hidden}.server-icon-container .tooltip{background:#111214;background:var(--dark-about-me);border-radius:4px;color:#dddee1;color:var(--dark-lighter);padding:5px 10px;transform:translateY(-50%)}.main-icon{background:#313338;background:var(--dark-main);height:55px;width:55px}.server-icon:hover{background:#5865f2;border-radius:30%;cursor:pointer}.pfp-img{height:100%;object-fit:cover;width:100%}.main-icon-img{padding:4px}.hor-line{background:#313338;background:var(--dark-main);height:2px;margin:5px 0;width:60%}.friends-page{display:grid;grid-template-areas:"friends-bar friends-list" "profile-bar friends-list";grid-template-columns:240px 1fr;grid-template-rows:1fr min-content;height:auto;width:100%}.friends-bar{background:#2b2d31;background:var(--dark-darker);grid-area:friends-bar;height:auto;overflow-x:hidden;overflow-y:scroll;padding:8px;width:240px}.friends-bar::-webkit-scrollbar{width:5px}.-friends-bar::-webkit-scrollbar-track{background-color:none}.friends-bar::-webkit-scrollbar-thumb{background-color:#1e1f22;background-color:var(--dark-darkest);border-radius:3px}.friends-icon{font-size:1.875rem}.friend-tab{align-items:center;border-radius:5px;display:flex;gap:14px;padding:6px 10px;width:100%}.friend-tab:hover{background:#35373c;background:var(--dark-hover);cursor:pointer}.friend-tab:hover *{color:#dddee1;color:var(--dark-lighter)}.direct-msgs-txt{color:#949ba4;color:var(--dark-text);font-size:.75rem;font-weight:500;font-weight:700;letter-spacing:.05rem;margin-bottom:5px;margin-top:10px;padding:6px 10px;width:100%}.direct-msgs-txt:hover{cursor:default}.friend-pfp{border-radius:50%;height:32px;overflow:hidden;width:32px}.friend-dm{grid-gap:10px;align-items:center;border-radius:5px;display:grid;gap:10px;grid-template-columns:32px 1fr;margin-bottom:2px;min-width:0;overflow:hidden;padding:5px 7px;position:relative;width:100%}.friend-dm:hover{background:#35373c;background:var(--dark-hover);cursor:pointer}.friend-dm:hover .friend-name{color:#dddee1;color:var(--dark-lighter)}.friend-name{font-size:.95rem;margin-left:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 32px)}.profile-bar{background-color:#232428;background-color:var(--dark-profile-bar);grid-area:profile-bar;width:240px}.profile-top{align-items:center;display:flex;justify-content:space-between;padding:6px}.profile-container,.top-bar-left{grid-gap:10px;align-items:center;border-radius:4px;cursor:pointer;display:grid;gap:10px;grid-template-columns:32px 1fr;padding:5px;width:100%}.profile-container:hover{background:#404249;background:var(--dark-highlight);cursor:pointer}.profile-pfp{border-radius:50%;height:32px;overflow:hidden;width:32px}.profile-name{color:#fff;color:var(--dark-lightest);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.profile-icons{align-items:center;display:flex;padding-right:8px}.profile-icons .material-icons{align-items:center;border-radius:4px;display:flex;font-size:1.35rem;justify-content:center;padding:5px}.profile-icons .material-icons:hover{background:#404249;background:var(--dark-highlight);cursor:pointer}.friend-name-dm,.profile-icons .material-icons:hover{color:#fff;color:var(--dark-lightest)}.top-bar{border-bottom:2px solid #2b2d31;border-bottom:2px solid var(--dark-darker);box-shadow:0 0 2px #2b2d31;box-shadow:0 0 2px var(--dark-darker);grid-area:top-bar;height:52px;padding:6px 10px;width:100%}.friend-dm-pfp{height:30px;width:30px}.top-dm-bar{justify-content:space-between;padding-right:20px}.top-bar-right,.top-dm-bar{align-items:center;display:flex}.top-bar-right{gap:15px}.top-bar-right span{color:#b5bac1;color:var(--dark-light);cursor:default;font-size:1.75rem;transition-duration:.15s}.top-bar-right span:hover{color:#fff;color:var(--dark-lightest);cursor:pointer}.dms{display:grid;grid-area:friends-list;grid-template-areas:"top-bar top-bar" "users-in-call dm-profile-bar" "messages dm-profile-bar";grid-template-columns:1fr min-content;grid-template-rows:min-content min-content 1fr}.dm-profile-bar{background-color:#232428;background-color:var(--dark-profile-bar);float:right;grid-area:dm-profile-bar;grid-template-rows:min-content 1fr;height:calc(100vh - 52px);overflow-y:scroll;width:340px}.users-in-call{align-items:center;background:#1e1f22;background:var(--dark-darkest);display:flex;gap:15px;grid-area:users-in-call;height:52px;padding:6px 10px;width:100%}.dm-profile-bar::-webkit-scrollbar{width:0}.dm-profile-pfp{border:6px solid #232428;border:6px solid var(--dark-profile-bar);border-radius:50%;height:90px;left:3%;overflow:hidden;position:absolute;top:100%;transform:translateY(-55%);width:90px}.dm-profile-top{background:#a33535;height:120px;position:relative}.dm-profile-details{padding-left:15px;padding-right:15px;padding-top:50px}.dm-profile-name{color:#fff;color:var(--dark-lightest);font-size:1.3rem}.about-me{background:#111214;background:var(--dark-about-me);border-radius:5px;margin-top:15px;min-height:80px;padding-top:10px}#dm-profile-bar .about-me{padding:10px 15px}.about-me-header{color:#fff;color:var(--dark-lightest);font-size:.75rem}.about-me-content{color:#c1c3c7;color:var(--dark-msg);font-size:.9rem;margin-top:5px}.messages-bar{display:grid;grid-area:messages;grid-template-rows:1fr min-content}.message-pfp{border-radius:50%;grid-area:message-pfp;height:42px;margin-right:15px;overflow:hidden;width:42px}.message-pfp:hover{box-shadow:0 0 5px 1px #282828;cursor:pointer}.messages-container{display:flex;flex-direction:column-reverse;height:calc(100vh - 139px);margin-bottom:15px;margin-right:2px;margin-top:5px;overflow-y:scroll;width:100%}.messages-container::-webkit-scrollbar{height:100%;margin-right:10px;width:8px}.messages-container::-webkit-scrollbar-track{background-color:#2b2d31;background-color:var(--dark-darker);border-radius:5px}.messages-container::-webkit-scrollbar-thumb{background-color:#1e1f22;background-color:var(--dark-darkest);border-radius:3px}.message-container-container{margin-top:10px;width:calc(100% - 40px)}.message-container-container:hover{background:#2e3035;background:var(--dark-msg-hover)}.message-container{display:grid;grid-template-areas:"message-pfp message-username message-date delete-msg" "message-pfp message-content message-content message-content";grid-template-columns:min-content min-content min-content 1fr;grid-template-rows:min-content 1fr;padding:5px max(15px,3%) 5px 15px}.message-username{color:#fff;color:var(--dark-lightest);font-size:.95rem;grid-area:message-username;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-username:hover{cursor:pointer;text-decoration:underline}.delete-msg{align-self:last baseline;color:#ff3838;font-size:.8rem;grid-area:delete-msg;margin-left:5px;visibility:hidden;width:min-content}.delete-msg:hover{cursor:pointer;filter:brightness(80%)}.message-container-container:hover .delete-msg{visibility:visible}.message-date{align-self:last baseline;font-size:.7rem;grid-area:message-date;margin-left:8px;white-space:nowrap}.message-content{color:#c1c3c7;color:var(--dark-msg);font-size:.95rem;grid-area:message-content;padding-top:4px}.message-input-container{padding:5px 15px 20px;position:relative}.attach-file-icon{left:27px;position:absolute;top:26px;transform:translateY(-50%)}.attach-file-icon:hover{color:#fff;color:var(--dark-lightest);cursor:pointer}.message-input{background:#35373c;background:var(--dark-hover);border:none;border-radius:8px;color:#fff;color:var(--dark-lightest);font-size:.9rem;height:42px;padding:10px 10px 10px 50px;width:100%}.dangerous-icon{color:#ff6b6b!important}.dangerous-icon:hover{color:#ff2424!important}.server-page{display:grid;grid-template-areas:"server-name top-bar top-bar" "channels messages users" "profile-bar messages users";grid-template-columns:240px 1fr min-content;grid-template-rows:min-content 1fr min-content;height:auto;width:100%}.channels-bar{grid-area:channels}.users-bar{grid-area:users;width:240px}.server-name-container,.users-bar{background:#2b2d31;background:var(--dark-darker)}.server-name-container{border-bottom:2px solid #232428;border-bottom:2px solid var(--dark-profile-bar);grid-area:server-name;position:relative}.server-dropdown{background:#111214;background:var(--dark-about-me);border-radius:5px;left:8px;padding:20px 5px;position:absolute;top:58px;width:224px}.server-dropdown-item{border-radius:4px;color:#c1c3c7;color:var(--dark-msg);display:block;font-size:.85rem;margin-bottom:2px;padding:8px 10px}.server-dropdown-item:hover{background:#35373c;background:var(--dark-hover);cursor:pointer}.checkbox-item{align-items:center;display:flex;justify-content:space-between}.checkbox{display:none}.checkmark{border:2px solid #949ba4;border:2px solid var(--dark-text);border-radius:3px;display:block;height:15px;position:relative;width:15px}.checkmark .material-icons{color:#2b2d31;color:var(--dark-darker);display:none;font-size:15px;font-weight:700;left:-2px;position:absolute;top:-2px}.checkbox:checked~.checkmark{background:#949ba4;background:var(--dark-text)}.checkbox:checked~.checkmark .material-icons{display:inline}.channel-group-name-container{display:grid;grid-template-columns:1fr min-content;margin-top:15px;padding:5px 0;width:100%}.channel-group-name{cursor:default;font-size:.75rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-group-name-container .material-icons{font-size:.75rem;font-weight:700;padding-left:5px}.channel-group-name-container .material-icons:hover{color:#fff;color:var(--dark-lightest);cursor:pointer}.channel{align-items:center;border-radius:5px;display:flex;gap:5px;padding:5px 0 5px 5px}.channel:hover{background:#404249;background:var(--dark-highlight)}.channel-name{font-size:.95rem;margin-left:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.users-bar{padding-left:15px}.server-user{margin-left:-7px;padding-left:7px;width:225px}.server-name-container{align-items:center;display:flex;font-size:.95rem;padding:10px 10px 10px 15px}.server-name-container:hover{background:#35373c;background:var(--dark-hover);cursor:pointer}.server-name{color:#fff;color:var(--dark-lightest);overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap}.server-page .top-bar{display:grid;grid-template-columns:1fr min-content}.top-bar-left-server{align-items:center;display:flex;gap:5px;overflow:hidden;padding-left:5px}.server-page .search-icon{color:#949ba4;color:var(--dark-text);font-size:1.2rem}.server-page .search-bar{font-size:.85rem;padding:5px 6px}.search-bar::placeholder{color:#949ba4;color:var(--dark-text)}.settings-page{display:grid;grid-template-columns:max(25%,210px) 1fr;height:100vh;position:relative;width:100%}.settings-side-bar-container{background:#2b2d31;background:var(--dark-darker);height:auto;overflow-x:hidden;overflow-y:scroll;padding:15px}.settings-side-bar-container::-webkit-scrollbar{width:5px}.settings-side-bar-container::-webkit-scrollbar-track{background-color:none}.settings-side-bar-container::-webkit-scrollbar-thumb{background-color:#1e1f22;background-color:var(--dark-darkest);border-radius:3px}.settings-exit{align-items:center;background:#313338;background:var(--dark-main);border:2px solid #b5bac1;border:2px solid var(--dark-light);border-radius:50%;display:flex;height:40px;justify-content:center;position:fixed;right:5%;top:5%;transition-duration:.15s;width:40px}.settings-exit:hover{cursor:pointer;filter:brightness(120%)}.exit-icon{color:#b5bac1;color:var(--dark-light)}.settings-page-content-container{overflow-x:hidden;overflow-y:scroll;padding:40px 30px;width:700px}.settings-page-content-container::-webkit-scrollbar{width:5px}.settings-page-content-container::-webkit-scrollbar-track{background-color:none}.settings-page-content-container::-webkit-scrollbar-thumb{background-color:#232428;background-color:var(--dark-profile-bar);border-radius:3px}.settings-group{border-radius:4px;color:#b5bac1;color:var(--dark-light);display:block;font-size:.95rem;margin-top:7px;padding:7px 10px;-webkit-user-select:none;user-select:none}.settings-group:hover{background:#35373c;background:var(--dark-hover);color:#c1c3c7;color:var(--dark-msg);cursor:pointer}.settings-side-bar{float:right;height:auto;width:180px}.settings-page-content-container h1{color:#dddee1;color:var(--dark-lighter);font-size:1.4rem;font-weight:400}.setting-container{margin-top:20px}.setting-label{color:#b5bac1;color:var(--dark-light);cursor:default;font-size:.7rem;font-weight:700;letter-spacing:.05rem;margin-bottom:3px;margin-top:15px;padding:5px 0}.setting-container .username,.setting-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-container .username{color:#dddee1;color:var(--dark-lighter);width:100%}.setting-pfp{border:2px solid #2b2d31;border:2px solid var(--dark-darker);border-radius:50%;height:90px;overflow:hidden;width:90px}.setting-pfp:hover{cursor:pointer}.setting-bg-color{border:2px solid #2b2d31;border:2px solid var(--dark-darker);border-radius:10px;height:60px;overflow:hidden;padding:0;width:60px}.setting-bg-color:hover{cursor:pointer}.settings-content button{background:#5865f2;border:none;border-radius:4px;color:#fff;color:var(--dark-lightest);display:block;font-size:.95rem;padding:7px 15px;transition-duration:.15s}.settings-content button:hover{cursor:pointer;filter:brightness(80%)}.about-me-save-button,.password-button{background:#5865f2}.password-button{margin-top:60px}.danger-button{background:#ff3838!important;margin-top:20px}.overview-page .danger-button{margin-top:50px}.setting-about-me{background:#1e1f22;background:var(--dark-darkest);border:none;border-radius:3px;color:#dddee1;color:var(--dark-lighter);font-size:.95rem;height:100px;margin-bottom:5px;margin-top:5px;padding:10px;resize:vertical;width:270px}.setting-about-me:focus{outline:none}.username-container .material-icons{font-size:1.2rem;margin-left:15px;transition-duration:.15s}.username-container .material-icons:hover{color:#dddee1;color:var(--dark-lighter);cursor:pointer}.username-container{align-items:center;display:grid;grid-template-columns:max-content 1fr}.switch{display:inline-block;height:28px;position:relative;width:48px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:21px;left:4px;width:21px}input:checked+.slider{background-color:#23a55a}input:focus+.slider{box-shadow:0 0 1px #23a55a}input:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.setting-toggle{align-items:center;display:flex;justify-content:space-between;margin-top:10px;width:100%}.setting-toggle .label{color:#dddee1;color:var(--dark-lighter)}.privacy-page .setting-container{margin-bottom:40px;margin-top:30px}.appearance-page .theme{border:2px solid #2b2d31;border:2px solid var(--dark-darker);border-radius:50%;cursor:pointer;display:inline-block;height:40px;margin-right:8px;width:40px}#dark-theme{background:#2e3035;background:var(--dark-msg-hover)}#light-theme{background:#b5bac1;background:var(--dark-light)}.appearance-page .setting-toggle{margin:30px 0}.setting-text-size{background:none;background:#232428;background:var(--dark-profile-bar);border:none;border-radius:4px;color:#dddee1;color:var(--dark-lighter);cursor:pointer;font-size:.95rem;outline:none;padding:5px 15px}.test-mic-button{margin-bottom:30px;margin-top:20px}.test-video-button{margin-top:20px}.log-out-group{align-items:center;display:flex;gap:10px;margin-top:15px}.save-button{background:#23a55a;border:none;border-radius:5px;bottom:20px;color:#fff;color:var(--dark-lightest);font-size:1.1rem;height:40px;position:fixed;right:20px;transition-duration:.15s;width:200px}.save-button:hover{cursor:pointer;filter:brightness(90%)}.settings-side-bar h1{cursor:default;font-size:.7rem;overflow:hidden;padding-left:10px;text-overflow:ellipsis;white-space:nowrap}.role-list{border-top:1px solid #404249;border-top:1px solid var(--dark-highlight);width:90%}.friends-list .role-list{width:100%}.role-container{border-bottom:1px solid #404249;border-bottom:1px solid var(--dark-highlight);height:47px;width:100%}.role-group-name{margin-bottom:5px;margin-top:20px}.role{align-items:center;border-radius:5px;color:#dddee1;color:var(--dark-lighter);display:flex;font-size:.9rem;gap:15px;margin-top:-1px;padding:12px 20px;transform:translate(-20px);width:calc(100% + 40px)}.friends-list .role-container{height:56px}.channels-page .friend-left,.friends-list .friend-left,.roles-page .friend-left{align-items:center;display:flex;flex-shrink:0;gap:10px;overflow:hidden}.channels-page .role,.friends-list .role,.roles-page .role{display:grid;grid-template-columns:1fr min-content;transform:translate(-10px);width:calc(100% + 20px)}.role:hover{background:#404249;background:var(--dark-highlight)}.role-container .role-color{background:#a33535;border:1px solid #404249;border:1px solid var(--dark-highlight);border-radius:50%;display:inline-block;height:24px;width:24px}.role-container .role-color:hover{cursor:pointer}.role-container .friend-pfp{flex-shrink:0}.role .friend-left,.role .friend-name{color:#dddee1;color:var(--dark-lighter)}.friend-icons{align-items:center;display:flex;gap:15px}.friend-icons .material-icons:hover{color:#dddee1;color:var(--dark-lighter);cursor:pointer}.invites-page .create-invite,.invites-page .setting-toggle{margin-top:20px}.ban-pfp{border-radius:50px;height:24px;width:24px}.ban-pfp,.role{overflow:hidden}.role{text-overflow:ellipsis;white-space:nowrap}.bans-page .role-container{position:relative}.unban-icon{color:#b5bac1;color:var(--dark-light);position:absolute;right:15px;top:50%;transform:translateY(-50%);visibility:hidden}.unban-icon:hover{color:#fff;color:var(--dark-lightest);cursor:pointer}.bans-page .role-container:hover .unban-icon{visibility:visible}.dark-bg{background:#000c;height:100vh;left:0;top:0;width:100vw;z-index:1000}.channel-creation-modal,.dark-bg{position:fixed;transition-duration:.15s}.channel-creation-modal{background:#313338;background:var(--dark-main);border-radius:10px;height:400px;left:50%;opacity:1;padding:20px;top:50%;transform:translate(-50%,-50%);width:400px}.channel-creation-modal h2{color:#dddee1;color:var(--dark-lighter);font-weight:400}.channel-creation-modal .radio-container{align-items:center;background:#2b2d31;background:var(--dark-darker);border-radius:5px;color:#dddee1;color:var(--dark-lighter);display:grid;grid-template-columns:min-content 1fr min-content;margin-bottom:8px;padding:15px}.channel-creation-modal .radio-container .material-icons{padding-right:10px}.channel-creation-modal .channel-name-input{border-radius:4px;font-size:.95rem;padding:12px 15px 12px 40px;width:100%}.channel-creation-modal .channel-name-input::placeholder{color:#949ba4;color:var(--dark-text)}.channel-name-input-container{position:relative}.channel-name-input-container .material-icons{color:#949ba4;color:var(--dark-text);left:10px;position:absolute;top:50%;transform:translateY(-50%)}.modal-buttons-container{bottom:20px;position:absolute;right:20px}.modal-buttons-container button{border:none;border-radius:4px;color:#dddee1;color:var(--dark-lighter);display:inline-block;font-size:.85rem;outline:none;padding:10px 15px;transition-duration:.15s}.modal-buttons-container .cancel-button{background:none;margin-right:10px}.modal-buttons-container .cancel-button:hover{cursor:pointer;text-decoration:underline}.modal-buttons-container .create-button{background:#5865f2}.modal-buttons-container .create-button:hover{cursor:pointer;filter:brightness(80%)}.radio-container:hover{background:#404249;background:var(--dark-highlight)}.radio{display:none}.radio-display{border:2px solid #dddee1;border:2px solid var(--dark-lighter);border-radius:50%;display:block;height:20px;position:relative;width:20px}.radio-dot{background:#dddee1;background:var(--dark-lighter);border-radius:50%;display:block;display:none;height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.radio:checked~.radio-display .radio-dot{display:block}.server-user-profile-container{height:calc(100vh - 52px);position:fixed;right:252px;top:52px;width:300px}.server-user-profile{background:#111214;background:var(--dark-about-me);border-radius:10px;height:auto;max-height:calc(100vh - 52px);padding-bottom:20px;position:absolute;top:50%;transform:translateY(-50%);width:300px}.server-user-profile .dm-profile-top{height:100px}.server-user-profile .dm-profile-pfp{border-color:#111214;border-color:var(--dark-about-me)}.server-user-profile .about-me{margin-top:0}.user-roles{display:flexbox;flex-wrap:wrap}.user-roles .role-color{border-radius:50%;display:inline-block;height:13px;margin-right:5px;width:13px}.user-role{background:#2b2d31;background:var(--dark-darker);border-radius:4px;color:#dddee1;color:var(--dark-lighter);display:inline-flex;font-size:.75rem;margin-bottom:5px;margin-right:5px;padding:4px 8px;width:auto}.user-roles .add-role{position:relative}.user-role .material-icons{color:#dddee1;color:var(--dark-lighter);font-size:.7rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.user-roles .add-role .role-color{visibility:hidden}.user-roles .add-role:hover{background:#404249;background:var(--dark-highlight);cursor:pointer}.server-user-profile .user-role-list{background:#1e1f22;background:var(--dark-darkest);height:100px;overflow-y:scroll;padding:10px 6px;transform:translateY(.25px)}.user-role-list .checkbox-item{padding:5px}.server-user-profile .user-role-list::-webkit-scrollbar{width:5px}.server-user-profile .user-role-list::-webkit-scrollbar-track{background-color:none}.server-user-profile .user-role-list::-webkit-scrollbar-thumb{background-color:#313338;background-color:var(--dark-main);border-radius:3px}.user-profile-buttons{display:flex;gap:10px;position:absolute;right:10px;top:10px}.user-profile-buttons .button{align-items:center;background:#0000004d;border-radius:50%;display:flex;height:34px;justify-content:center;padding:2px;width:34px}.user-profile-buttons .button:hover{background:#00000080;cursor:pointer}.user-profile-buttons .button .material-icons{color:#dddee1;color:var(--dark-lighter)}.highlight{background:#404249!important;background:var(--dark-highlight)!important}.friends-bar .highlight *,.settings-group.highlight{color:#dddee1!important;color:var(--dark-lighter)!important}.server-user-profile .role-apply-button{background:#5865f2;border:none;border-radius:4px;color:#fff;color:var(--dark-lightest);margin-top:2px;padding:5px 10px}.server-user-profile .role-apply-button:hover{background:#4752c4;cursor:pointer}.current-server{background:#5865f2;border-radius:30%}.login-container{background:#35373c;background:var(--dark-hover);border-radius:10px;height:400px;left:50%;padding:40px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.login-container h1{color:#dddee1;color:var(--dark-lighter);font-size:1.4rem;font-weight:400}.login-container .input-container{margin-top:20px}.login-container label{cursor:default}.login-container input{display:block;font-size:1rem;margin-top:5px;padding:8px 10px;width:100%}.login-container button{background:#5865f2;border:none;border-radius:4px;color:#fff;color:var(--dark-lightest);font-size:1rem;margin-top:20px;padding:8px 10px;width:100%}.login-container button:hover{background:#4752c4;cursor:pointer}.login-container p{font-size:.9rem;margin-top:5px}.login-container .login-link{color:#557ee5;font-weight:700}.theme.selected{border:2px solid #fff}.image-upload-container .search-bar{margin-top:5px;padding:5px 10px;width:300px}.button.upload-button{font-size:.8rem;margin-top:5px;padding:5px 10px;width:70px}.username-container .search-bar{font-size:.95rem;padding:5px 10px}.username-container .search-bar::placeholder{color:#404249;color:var(--dark-highlight)}.search-container.add-friend-container{position:relative}#add-friend{padding:15px}.add-friend-button{background:#5865f2;border:none;border-radius:4px;color:#fff;color:var(--dark-lightest);font-size:.9rem;padding:5px 10px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.add-friend-button:hover{background:#4752c4;cursor:pointer}.search-container.search-friend-list{margin-top:30px}.login-error{color:#dd4e4e}.server-icon-container{position:relative}.server-icon-container.add-server{align-items:center;background:#2b2d31;background:var(--dark-darker);display:flex;height:40px;justify-content:center;margin-top:5px;transform:translateX(2px);transition-duration:.25s;width:40px}.server-icon-container.add-server:hover{background:#2fa05e;border-radius:30%;cursor:pointer}.server-icon-container.add-server:hover span{color:#fff;color:var(--dark-lightest)}.server-icon-container.add-server span{color:#23a55a;font-size:1.6rem}.server-name-input-container .search-bar{padding-left:10px}.server-creation-modal .button{background:#5865f2;border:none;border-radius:4px;color:#fff;color:var(--dark-lightest);font-size:.9rem;padding:5px 10px}.server-creation-modal .button:hover{background:#4752c4;cursor:pointer}.unread-dot{background:#dd4e4e;border-radius:50%;height:10px;width:10px}.in-voice,.unread-dot{position:absolute;right:5px;top:50%;transform:translateY(-50%)}.create-role{font-size:.85rem!important;margin-bottom:-10px;margin-top:10px;padding:5px 10px!important}.arrows-container{width:40px}.arrows-container .material-icons{display:inline}.roles-page .edit-icon{visibility:hidden}.roles-page .role-container:hover .edit-icon{visibility:visible!important}.channels-page .channel-group-name-container .material-icons{font-size:1rem}.channels-page .channel{align-items:center;display:grid;grid-template-columns:1fr min-content}.channel-group-name-container .edit-icon{font-size:.8rem!important}.channel .edit-icon:hover{color:#fff;color:var(--dark-lightest);cursor:pointer}.channel .edit-icon{font-size:1.1rem;visibility:hidden}.channel:hover .edit-icon{visibility:visible}.channels-page .channel .arrows-container,.channels-page .channel .delete-button{visibility:hidden}.channels-page .channel:hover .arrows-container,.channels-page .channel:hover .delete-button{visibility:visible}.channels-bar .channel{margin-top:2px;padding-bottom:4px;padding-top:4px}.voice-channel-user{align-items:center;border-radius:4px;display:grid;font-size:.85rem;grid-template-columns:min-content 1fr;margin-left:10px;overflow:hidden;padding:5px 10px;text-overflow:ellipsis;white-space:nowrap}.voice-channel-user .ban-pfp{margin-right:8px}.voice-channel-user:hover{background:#404249;background:var(--dark-highlight);color:#dddee1;color:var(--dark-lighter);cursor:pointer}.profile-bottom{align-items:center;display:grid;grid-template-columns:1fr min-content;justify-content:center;padding:10px}.profile-bottom-left{display:grid;grid-template-rows:1fr 1fr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-bottom .material-icons{align-items:center;border-radius:4px;display:flex;font-size:1.35rem;justify-content:center;padding:5px}.profile-bottom .material-icons:hover{background:#404249;background:var(--dark-highlight);color:#fff;color:var(--dark-lightest);cursor:pointer}#connected-text{color:#23a55a}#connected-channel{font-size:.95rem}.user-in-call{margin:0}.main-icon{position:relative}.sidebar .unread-icon{background:#dd4e4e;border-radius:50%;height:10px;position:absolute;right:5px;top:30px;width:10px}
/*# sourceMappingURL=main.e40dd8d1.css.map*/