@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;500&display=swap);:root{--background-zero:#212429;--background-one:#16191d;--background-two:#31373f;--background-three:#1f1f20;--main-accent-color:#ba2b34;--main-text-color:#d7d7d7;--smain-text-color:#c7c7c7;--side-text-color:#a5a5a5;--darker-side-text-color:#858585;--hover-highlight:#c7c7c7b7;--card-hover-color:#ba2b3478;--card-ind-color:#750f1678;--scroll-bars:#00000075;--system-message-color:#ca3232;--bot-color:#1f569e;--titlebar:20px;--gaps:3px;--radius:10px;--outer-gap:5px;--card:#31373f;--modal:#000000a0;--modal-shadow:#000000f0;--highlight:#ffffffa1;--success-button-hover:#388e3c;--typing-indicator-transition-speed:0.2s}::-webkit-scrollbar{background-color:#00000075;background-color:var(--scroll-bars);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:6px}::-webkit-scrollbar-thumb{background-color:#ba2b34;background-color:var(--main-accent-color);border:1px solid #00000075;border:1px solid var(--scroll-bars);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}#root{background-color:#b1aaaa;height:100vh;width:100vw}.mainProgress{border-top:1px solid wheat;color:#a32121;font-size:20px;margin-top:30px;padding-top:10px;text-align:center;width:100%}.progress{border:none}#overlay{-webkit-app-region:drag;align-items:center;background:var(--background-image);background-blend-mode:color-dodge;background-color:#141414;background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 100px 50px #000;color:#828282;display:flex;height:100vh;justify-content:center;position:relative;width:100vw;z-index:1000}#overlay-dimmer{background-color:#050505a8;content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-100}#overlay-center{align-items:center;-webkit-backdrop-filter:contrast(1.7);backdrop-filter:contrast(1.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000b4;border-radius:13px;flex-direction:column;padding:5%;width:50%;z-index:1}#overlay-center,#overlay-logo{display:flex;justify-content:center}#overlay-logo{height:20%;margin-bottom:10px;width:20%}#overlay-logo>img{height:100%;width:100%}#overlay-h1{color:var(--main-text-color);font-size:2em}p.center{text-align:center}#navigation{background-color:var(--background-one);border-radius:var(--radius);-webkit-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);grid-column:1;height:100%}#servers{display:flex;flex-direction:column;justify-content:flex-start}#servers:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}#nav-title>.absolute-center,.server-card>p{left:38px;overflow:hidden;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);white-space:nowrap;width:calc(100% - 38px)}.server-icon{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;height:30px;left:4px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:30px}.server-card{background-color:var(--card);border-bottom:3px solid var(--background-one);cursor:pointer;font-size:14px;height:40px;list-style:none;padding:0 8px;position:relative}.server-card:hover,.server-ind{background-color:var(--card-hover-color);border-bottom:3px solid var(--card-hover-color)}#nav-title{background-color:var(--card);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);font-size:14px;height:40px;padding:0 8px;position:relative;width:100%}.channel-card{border:none;color:var(--side-text-color);cursor:pointer;flex-shrink:0;font-family:Lato;font-size:.9em;font-weight:100;margin-top:4px;padding:5px 15px;text-align:left}.channel-card:hover{background-color:var(--card-hover-color);color:var(--main-text-color)}.channel-ind{background-color:var(--card-ind-color)!important;color:var(--main-text-color)}#channels-container{display:flex;flex-direction:column;height:100%;overflow-y:auto}#nav-content{height:100%}#view{background-color:var(--background-zero);border-radius:var(--radius);-webkit-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);height:100%;position:relative;z-index:1}#chat-bar,#view{display:flex;width:100%}#chat-bar{align-items:center;background-color:var(--background-two);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);bottom:0;flex-direction:row;flex-shrink:0;height:auto;justify-content:center;max-height:50vh;padding:10px 0;position:absolute;transition:padding-top var(--typing-indicator-transition-speed) ease-in;-webkit-transition:padding-top var(--typing-indicator-transition-speed) ease-in;-moz-transition:padding-top var(--typing-indicator-transition-speed) ease-in;-ms-transition:padding-top var(--typing-indicator-transition-speed) ease-in;-o-transition:padding-top var(--typing-indicator-transition-speed) ease-in;z-index:2}#messages{flex:1 1 auto;height:calc(100% - 65px);position:relative;transition:height var(--typing-indicator-transition-speed) ease-in;-webkit-transition:height var(--typing-indicator-transition-speed) ease-in;-moz-transition:height var(--typing-indicator-transition-speed) ease-in;-ms-transition:height var(--typing-indicator-transition-speed) ease-in;-o-transition:height var(--typing-indicator-transition-speed) ease-in}#message-area{bottom:0;height:100%;overflow-y:scroll;position:absolute;width:100%}#scroller{display:block}#welcome-message{background-color:var(--background-one);border-top-left-radius:10px;padding:15px 35px}p.subtitle{color:var(--side-text-color);font-size:12px}.chat-box{height:40px;max-height:50vh;width:90%;z-index:4}@-webkit-keyframes shakewithanger{0%{left:-20px}to{right:-20px}}@keyframes shakewithanger{0%{left:-20px}to{right:-20px}}#chat-text-box{z-index:4}#editing-text-box{background-color:var(--background-three)}#typingIndicator{font-size:10px;margin-left:10px;opacity:0;position:absolute;top:20px;transition:var(--typing-indicator-transition-speed) ease-in;-webkit-transition:var(--typing-indicator-transition-speed) ease-in;-moz-transition:var(--typing-indicator-transition-speed) ease-in;-ms-transition:var(--typing-indicator-transition-speed) ease-in;-o-transition:var(--typing-indicator-transition-speed) ease-in;z-index:-1}#typingIndicator,.text-box{color:var(--main-text-color)}.text-box{background-color:var(--background-zero);border:none;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;bottom:0;height:100%;max-height:50vh;outline:none;padding:13px 15px;position:relative;resize:none;vertical-align:middle;width:100%}.counter{bottom:10px;color:var(--main-text-color);font-size:10px;opacity:.4;position:absolute;right:calc(5% + 10px);z-index:5}.err{color:var(--main-accent-color);font-size:12px;opacity:1}.text-box::-webkit-scrollbar-track{height:90%}.message-container{word-wrap:normal;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;display:flex;flex-direction:column;margin:12px 0;overflow-wrap:normal;padding:5px;white-space:pre-wrap}.edited{color:var(--darker-side-text-color);font-size:11px;margin-left:5px;opacity:.3}.content,.edited{display:inline}.message{word-wrap:normal;color:var(--smain-text-color);font-size:12px;margin-left:38px;margin-top:-16px;overflow-wrap:break-word;-webkit-user-select:text!important;user-select:text!important;white-space:pre-wrap}.author{align-items:flex-start;color:var(--main-text-color);display:inline;display:flex;flex-direction:row;font-size:14px;justify-content:left;margin-bottom:5px;margin-right:15px}.m-avatar{background-color:#000;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display:inline;height:30px;margin-right:7px;width:30px}.m-timestamp{color:var(--side-text-color);font-size:10px;margin-left:10px;-webkit-user-select:text!important;user-select:text!important}.system{border-left:1px solid var(--background-one);border:1px solid var(--background-one);border-left-width:5px;margin:12px 5px;padding:15px 10px;position:relative}.system>.message{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.system>.author{color:var(--system-message-color)}p.botText,p.systemText{background-color:var(--background-one);border-radius:5px;font-size:10px;margin-left:7px;padding:3px 6px;text-transform:uppercase}p.systemText{color:var(--main-accent-color)}p.botText{color:var(--bot-color)}#members{background-color:var(--background-one);border-radius:var(--radius);-webkit-border-radius:var(--radius);-moz-border-radius:var(--radius);-ms-border-radius:var(--radius);-o-border-radius:var(--radius);color:var(--side-text-color);display:grid;font-size:.9em;grid-template-rows:auto 65px}#members-user-profile{align-items:center;background-color:var(--background-two);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);display:flex;flex-direction:row;height:65px;width:100%}#members-content{padding-top:5px}.owner{position:relative;z-index:1}.owner:before{background:linear-gradient(90deg,var(--main-accent-color),transparent);bottom:5px;content:"";height:26px;opacity:.2;width:calc(100% - 40px);z-index:-1}.owner:after,.owner:before{position:absolute;right:20px}.owner:after{color:var(--main-accent-color);content:"owner";font-size:12px;opacity:.3;text-transform:uppercase;z-index:2}.member{flex-direction:row;justify-content:flex-start;padding:5px 10px}#profile,.member{align-items:center;display:flex}#profile{width:100%}#profile-icon{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;height:40px;margin:0 10px;width:40px}#profile-username{color:var(--main-text-color);font-weight:400}#settings{cursor:pointer;font-size:1.2em;padding:5px;position:absolute;right:10px}.avatar{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;height:26px;width:26px}.member-username{padding-left:5px}#settings-o{background-color:var(--background-two);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;display:flex;flex-direction:column;height:60vh;width:60vw}#settings-nav{background-color:var(--background-one);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:200;height:30px;position:relative;width:100%}#settings-nav>ul{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;list-style:none;text-decoration:none}.selected-tab{background-color:var(--background-two)}#settings-nav>ul>li:first-child:hover,#settings-nav>ul>li:first-child>div{border-top-left-radius:10px}#settings-nav>ul>li:hover{background-color:var(--background-three)}#settings-nav>ul>li>div{padding:5px 15px}#settings-page{padding:10px 15px}#close-button{align-items:center;background-color:initial;border-top-right-radius:10px;color:var(--main-text-color);cursor:pointer;display:flex;height:30px;padding:10px;position:absolute;right:0}#close-button:hover{background-color:var(--card-ind-color);border:1px solid var(--card-hover-color)}hr{border:.5px solid var(--background-three)!important;opacity:.4}.unsaved-changes{display:inline;font-size:12px;margin-right:5px}#buttons{display:inline}#unsaved{align-items:center;display:flex;height:30px;justify-content:center;position:absolute;right:50px}#discard,#save{background-color:var(--background-two);border:none;border-left:1px solid var(--background-zero);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:none;color:var(--main-text-color);display:inline-block;font-size:12px;outline:none;padding:5px 10px}#discard:hover{background-color:var(--card-hover-color)}#save:hover{background-color:var(--success-button-hover)}.textinput>label{font-family:Poppins,sans-serif;font-size:12px;font-weight:200}.textinput>input{background-color:var(--background-three);border:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;color:var(--main-text-color);height:20px;outline:none;padding-left:2px;width:250px}.gallery>ul{display:flex;flex-direction:row;flex-wrap:wrap;height:30%;width:100%}.gallery-image{cursor:pointer;height:80px;margin:10px;position:relative;width:auto}.gallery-image:after{align-items:center;background-color:var(--scroll-bars);box-shadow:inset 0 0 40px #000;color:var(--highlight);content:"+";display:flex;font-family:Poppins,sans-serif;font-size:30px;font-weight:300;height:80px;justify-content:center;left:0;position:absolute;top:0;width:100%}.gallery-image>img{height:80px;width:auto}.selected{border:2px solid var(--card-hover-color);height:84px;margin-top:8px}.checkbox{align-items:center;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:200;margin-bottom:12px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.checkbox label{cursor:pointer;margin-left:5px}.checkbox:hover input~.check{background-color:var(--background-three)}.check:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);width:3px}.checkbox input:checked~.check:after{display:block}.checkbox input:checked~.check{background-color:var(--card-hover-color)}.checkbox input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:1}.check{background-color:var(--background-one);cursor:pointer;height:20px;position:relative;width:20px;z-index:0}.checkbox-description{font-size:12px;max-width:324px}#gallery-preview{background-color:var(--background-zero);border:none;box-shadow:none;color:var(--main-text-color);display:inline-block;font-size:12px;margin-left:20px;outline:none;padding:5px}#gallery-preview:hover{background-color:var(--card-hover-color)}.textinput{display:inline}#root-layout{grid-gap:var(--gaps) var(--gaps);background-color:var(--background-three);background-image:var(--background-image);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:grid;font-family:Poppins,sans-serif;font-weight:300;gap:var(--gaps) var(--gaps);grid-template-columns:15vw auto 15vw;height:100vh;padding:var(--outer-gap);width:100vw}.absolute-center{overflow:hidden;position:absolute;text-overflow:ellipsis;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);white-space:nowrap;width:calc(100% - 16px)}@media only screen and (max-width:1250px){#root-layout{grid-template-columns:200px auto 200px}}@media only screen and (max-width:1000px){#root-layout{grid-template-columns:150px auto 150px}}#back{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--modal);box-shadow:inset 0 0 150px var(--modal-shadow);display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:10}#right-click-menu{background-color:var(--background-one);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:var(--main-text-color);font-family:Poppins,sans-serif;font-size:11px;font-weight:300;padding:5px 10px;position:absolute;z-index:10}.menu-option{border-radius:2.5px;-webkit-border-radius:2.5px;-moz-border-radius:2.5px;-ms-border-radius:2.5px;-o-border-radius:2.5px;margin:2px 0;padding:2.5px 20px 2.5px 5px;width:100%}.menu-option:hover{background-color:var(--card-ind-color)}#menu-options{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-evenly}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}h1,h2,h3,h4,h5,h6,p,span{font-family:Arial,Helvetica,sans-serif}body,html{color:#e8e9e9;height:100%;overflow-x:hidden;overflow-y:hidden}ul{list-style:none}.invite{background-color:var(--secondary-background-lighter-color);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:var(--main-text-color);font-size:16px;height:75px;width:300px}.embed-title{font-size:16px;margin:5px}.embed-subtitle{color:var(--gray-text-color);font-size:14px}.embed-title>span{color:var(--gray-text-color);font-size:12px}