a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{background-color:inherit;font-family:gg sans,Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;z-index:inherit}#root{height:100dvh;left:0;max-height:100dvh;min-width:100dvw;overflow-x:hidden;position:absolute;right:0;width:100dvw}.main-logo{cursor:pointer;width:177px}.navbar{display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;left:0;position:absolute;right:0;z-index:10}.navbar-holder{align-items:center;display:flex;flex-direction:row;font-size:15px;justify-content:space-between;max-width:1180px;padding:12px 40px;width:100%}.navbar-links{display:flex}.navbar-links>a{align-items:center;color:#fff;display:flex;justify-content:space-between;margin:10px;padding:10px;text-decoration:none}.navbar-links>a div{margin-left:10px}.navbar-links>a:hover div{text-decoration:underline}.navbar-login{background-color:#fff;border-radius:40px;color:#000;font-size:13px;font-weight:400;margin-left:111px;padding:13px 16px;text-decoration:none}.navbar-login,.navbar-login:hover{transition:color .2s,box-shadow .2s}.navbar-login:hover{box-shadow:0 8px 15px rgba(0,0,0,.2);color:#404eed}@media screen and (max-width:768px){.navbar-holder{flex-direction:column}.navbar-login{position:absolute;right:40px}.main-logo-link{align-items:center;display:flex;height:39px;margin-right:auto}}@media screen and (max-width:500px){.navbar-login{right:10px}.navbar-holder{padding:12px 10px}.navbar-links>a{margin:10px 0}}.tile1-main{background-color:#404eed;left:50%;overflow-x:hidden;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100dvw}.tile1-holder,.tile1-main{display:flex;height:626px;justify-content:center;position:relative}.tile1-holder{align-items:center;max-width:100%;overflow:hidden;width:100%}.tile1-holder>*{background-color:initial;position:absolute;z-index:0}.tile1-text{background-color:initial;display:flex;flex-direction:column;justify-content:space-between;max-width:calc(100% - 40px);width:780px;z-index:10}.tile1-text>h3{font-family:Archivo Black,sans-serif;font-size:70px;letter-spacing:-2px;-webkit-transform:scaleY(75%);transform:scaleY(75%)}.tile1-text>h3,.tile1-text>p{background-color:initial;color:#fff;text-align:center}.tile1-text>p{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18.5px;font-weight:300;line-height:2;padding-top:40px}.tile1-shoes{bottom:-177px;left:-250px;position:relative}.tile1-sipping{bottom:-137px;position:relative;right:-360px}@media screen and (max-width:768px){.tile1-sipping{bottom:-216px;height:200px;right:-200px}.tile1-shoes{bottom:-238px;height:200px;left:-175px}}@media screen and (max-width:500px){.tile1-text{margin-top:100px}.tile1-text>p{padding-top:0}}.tile2-holder{align-items:center;background-color:#fff;display:flex;height:680px;justify-content:center;max-width:100%;width:100%}.tile2-holder>*{background-color:initial}.tile2-text{max-width:100%;padding-left:120px;width:420px}.tile2-text>*{background-color:initial}.tile2-text>h3{font-size:46px;font-weight:800;line-height:1.2;padding-bottom:30px}.tile2-text>h3,.tile2-text>p{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.tile2-text>p{font-size:18px;font-weight:300;line-height:2}.tile2-image{max-width:678px;width:calc(100% - 540px)}@media screen and (max-width:1200px){.tile2-text{padding-left:0}.tile2-image{width:calc(100% - 400px)}}@media screen and (max-width:768px){.tile2-holder{align-items:center;display:flex;flex-direction:column;justify-content:center}.tile2-image{max-width:420px;width:calc(100% - 40px)}.tile2-text{max-width:calc(100% - 40px);padding-left:20px;padding-right:20px}}.splash{height:100%;left:0;overflow-x:hidden;padding:0;position:relative;right:0}.splash,.tile3-holder{max-width:100%;width:100%}.tile3-holder{align-items:center;background-color:#f6f6f6;display:flex;height:680px;justify-content:center}.tile3-holder>*{background-color:initial}.tile3-text{margin-left:20px;max-width:100%;padding-right:100px;width:420px}.tile3-text>*{background-color:initial}.tile3-text>h3{font-size:46px;font-weight:800;line-height:1.2;padding-bottom:30px}.tile3-text>h3,.tile3-text>p{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.tile3-text>p{font-size:18px;font-weight:300;line-height:2}.tile3-image{max-width:678px;width:calc(100% - 540px)}@media screen and (max-width:1200px){.tile3-text{padding-right:0}.tile3-image{width:calc(100% - 400px)}}@media screen and (max-width:768px){.tile3-holder{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center}.tile3-image{max-width:420px;width:calc(100% - 40px)}.tile3-text{max-width:calc(100% - 40px);padding-left:20px;padding-right:20px}}.splashfooter-holder{background-color:#23272a;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative}.splashfooter-holder>*{background-color:initial}.splashfooter-text{max-width:1180px;padding:80px 20px;position:relative;width:calc(100% - 40px)}.splashfooter-linkholder{align-items:flex-end;display:flex;flex-direction:column}.splashfooter-linkholder>h3{color:#5865f2;cursor:default;font-size:16px;margin-bottom:20px;width:180px}.splashfooter-linkholder>ul{margin-bottom:40px;width:180px}.splashfooter-linkholder>ul>li{margin-top:20px}.splashfooter-linkholder>ul>li>a{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:400;justify-content:flex-start;text-decoration:none}.splashfooter-linkholder>ul>li>a div{margin-left:10px}.splashfooter-linkholder>ul>li>a:hover div{text-decoration:underline}.footer-hr{background-color:#5865f2;border:none;height:1px;outline:none}.footer-bottom{align-items:flex-end;display:flex;height:71px;justify-content:space-between;max-width:1180px;width:100%}.footer-signup{background-color:#5865f2;border-radius:40px;color:#fff;font-size:13px;font-weight:400;margin-left:111px;padding:13px 16px;text-decoration:none}.footer-signup,.footer-signup:hover{transition:background-color .2s,box-shadow .2s}.footer-signup:hover{background-color:#8690f5;box-shadow:0 8px 15px rgba(0,0,0,.2)}.login-modal-holder{background-color:#5865f2;bottom:0;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;left:0;overflow:hidden;position:absolute;right:0;top:0}.login-modal,.login-modal-holder{align-items:center;display:flex;justify-content:center}.login-modal{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:fadein;animation-name:fadein;background-color:#313338;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.2);flex-direction:column;height:400px;max-width:calc(100% - 20px);position:relative;width:480px}.login-modal>h3{color:#f2f3f5;cursor:default;font-size:24px;margin:8px}.login-modal>p{color:#b5bac1;cursor:default;font-size:15px;font-weight:300;margin:8px}.login-form{font-size:12px;max-width:calc(100% - 50px);width:416px}.login-form>label{color:#b5bac1;display:flex;font-size:10.5px;font-weight:800;letter-spacing:.7px;margin:8px 0 5px;padding:7px 0;width:100%}.login-form>label>p{font-style:italic;font-weight:300}.login-form .login-error{color:#fa777c}.login-form>input{background-color:#1e1f22;border:none;border-radius:5px;color:#b5bac1;font-size:16px;margin-bottom:10px;padding:10px;width:calc(100% - 20px)}.login-form>input:focus-visible{border-radius:4px;outline:4px solid #00a8fc}.login-form>button{background-color:#5865f2;border:none;border-radius:5px;color:#f2f3f5;cursor:pointer;font-size:14.5px;line-height:40px;margin-bottom:10px;transition:background-color .25s;width:100%}.login-form>button:hover{background-color:#4650be;transition:background-color .25s}.login-form .login-bottom{align-items:center;display:flex;justify-content:space-between}.login-form .login-bottom>p{color:#b5bac1;cursor:default;font-weight:300}.login-form .login-bottom>p>a{cursor:pointer;font-weight:400}.login-form .login-bottom>p>span{border:none;color:#00a8fc;cursor:pointer;font-size:12px;font-weight:400;padding:0;text-decoration:none}.login-form .login-bottom>p>span:hover{text-decoration:underline}.login-form a{color:#00a8fc;cursor:pointer;text-decoration:none}.login-form a:hover{text-decoration:underline}.login-form>a{display:flex;margin-bottom:8px}.login-error{color:#fa777c}.modal-background{min-height:100dvh;min-width:100dvw;position:absolute}.signup-modal-holder{align-items:center;background-color:#5865f2;bottom:0;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0}@-webkit-keyframes fadein{0%{opacity:50%;top:-100px;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:100%;top:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadein{0%{opacity:50%;top:-100px;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:100%;top:0;-webkit-transform:scale(1);transform:scale(1)}}.signup-modal{align-items:center;-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-name:fadein;animation-name:fadein;background-color:#313338;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;height:480px;justify-content:center;max-width:calc(100% - 20px);position:relative;width:496px}.signup-modal>h3{color:#f2f3f5;cursor:default;font-size:24px;margin:8px}.signup-modal>p{color:#b5bac1;cursor:default;font-size:15px;font-weight:300;margin:8px}.signup-form{font-size:12px;max-width:calc(100% - 50px);width:432px}.signup-form>label{color:#b5bac1;display:flex;font-size:10.5px;font-weight:800;letter-spacing:.7px;margin:8px 0 5px;padding:7px 0;width:100%}.signup-form>label>p{font-style:italic;font-weight:300}.signup-form .signup-error{color:#fa777c}.signup-form a{color:#00a8fc;cursor:pointer;text-decoration:none}.signup-form a:hover{text-decoration:underline}.signup-form>a{display:flex;margin-bottom:8px}.signup-error{color:#fa777c}.signup-form>input{background-color:#1e1f22;border:none;border-radius:5px;color:#b5bac1;font-size:16px;margin-bottom:10px;padding:10px;width:calc(100% - 20px)}.signup-form>input:focus-visible{border-radius:4px;outline:4px solid #00a8fc}.signup-form>button{background-color:#5865f2;border:none;border-radius:5px;color:#f2f3f5;cursor:pointer;font-size:14.5px;line-height:40px;margin-bottom:10px;margin-top:12px;transition:background-color .25s;width:100%}.signup-form>button:hover{background-color:#4650be;transition:background-color .25s}.signup-form .signup-bottom{display:flex;flex-direction:column;justify-content:space-between;margin-top:5px}.signup-form .signup-bottom p{color:#b5bac1;cursor:default;font-weight:300}.signup-form .signup-bottom p>a{cursor:pointer;font-weight:400}.signup-form .signup-bottom p>span{border:none;color:#00a8fc;cursor:pointer;font-size:12px;font-weight:400;padding:0;text-decoration:none}.signup-form .signup-bottom p>span:hover{text-decoration:underline}.signup-options-buttons{display:flex;flex-direction:row;justify-content:space-between}.channels-page{background-color:#202225;display:grid;grid-template-columns:72px 240px auto;height:100%;min-width:100dvw;overflow-x:hidden;position:absolute;width:100dvw}.channels-column1-holder{bottom:0;position:absolute;top:0;width:100%}.channels-column1{-ms-overflow-style:none;align-items:flex-start;background-color:#1f1f22;display:flex;flex-direction:column;grid-column-end:2;grid-column-start:1;height:100dvh;min-width:calc(100dvw - 9px);overflow-y:scroll;position:absolute;scrollbar-width:none;width:calc(100dvw - 9px)}.channels-column1::-webkit-scrollbar{display:none}.channels-column2-holder{bottom:0;left:72px;position:absolute;top:0;width:calc(100% - 72px)}.channels-column2{background-color:#2b2d31;color:#b9bbbe;display:grid;grid-column-end:3;grid-column-start:2;grid-template-rows:50px auto 50px;height:100dvh;overflow-x:hidden;position:absolute;width:240px;z-index:1}.channels-column3-holder{background-color:initial;bottom:0;left:312px;position:absolute;top:0;width:calc(100% - 312px);z-index:2}.channels-column3{background-color:#313338;grid-column-end:4;grid-column-start:3;height:100dvh;position:absolute;width:100%}.icon{align-items:center;background-color:#2b2d31;border-radius:25.5px;display:flex;height:27px;justify-content:center;margin-bottom:9px;margin-left:9px;margin-top:9px;padding:12px;position:relative;transition:background-color .2s,border-radius .2s;width:27px}.icon>img{height:30px;width:30px}.icon.selected,.icon:hover{background-color:#5865f2;border-radius:18px;transition:background-color .2s,border-radius .2s}.icon .channels-left-selector{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.icon:hover .channels-left-selector{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.icon.selected .channels-left-selector,.icon:hover .channels-left-selector{background-color:#fff;border-radius:4px;height:40px;left:-13px;min-width:6px;opacity:100%;position:absolute;top:5.5px;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.icon.selected .channels-left-selector{-webkit-transform:scale(1);transform:scale(1)}.icon+.tooltip{left:78px;top:20px}.channels-divider{background-color:#313338;border:none;bottom:0;height:1px;margin:1px 1px 9px 20px;outline:none;padding:1px;position:relative;width:28px}.channels-add-server-button{align-items:center;background-color:#2b2d31;border-radius:25.5px;color:#23a559;cursor:pointer;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:36px;font-weight:200;justify-content:center;margin-bottom:8px;margin-left:9px;min-height:51px;position:relative;text-decoration:none;transition:background-color .2s,border-radius .2s;width:51px}.channels-add-server-button:hover{background-color:#23a559;border-radius:18px;color:#fff;transition:background-color .2s,border-radius .2s}.channels-add-server-button:hover>.tooltip{display:block;opacity:100%;transition:opacity .2s;z-index:40}.current-user-profile{grid-row-end:4;grid-row-start:3}.channels-column3-main-content{bottom:0;display:flex;height:calc(100% - 50px);justify-content:space-between;position:relative;top:0}@media (max-width:1080px){.subscriber-list-holder{display:none}}.channels-column3-main-content .friends-list-column3{width:100%}@media screen and (max-width:500px){.channels-column2{width:100%}.channels-column2-holder{width:calc(100% - 70px)}.channels-page.mobile3-collapsed .channels-column3-holder{left:100dvw;-webkit-transform:translateX(0dvw);transform:translateX(0dvw);transition:width .5s ease-in-out .5s,-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out,width .5s ease-in-out .5s;transition:transform .5s ease-in-out,width .5s ease-in-out .5s,-webkit-transform .5s ease-in-out;width:0dvw;will-change:transform}.channels-page.mobile3 .channels-column3-holder{left:100dvw;-webkit-transform:translateX(-100dvw);transform:translateX(-100dvw);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100%;will-change:transform;z-index:11}}.server-item{margin-bottom:9px;margin-left:9px;padding:0;position:relative;width:51px;z-index:10}.server-item>a,.server-item>a>img{align-items:center;background-color:#2b2d31;border-radius:25.5px;color:#fff;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:24px;height:51px;justify-content:center;object-fit:cover;position:relative;text-decoration:none;transition:background-color .2s,border-radius .2s;width:51px}.server-item>a.selected,.server-item>a:hover{background-color:#5865f2;border-radius:18.5px;transition:background-color .2s,border-radius .2s}.server-item>a.selected>img,.server-item>a:hover>img{background-color:initial;border-radius:18px;transition:background-color .2s,border-radius .2s}a>.channels-left-selector{background-color:#fff;border-radius:4px;height:40px;left:-13px;min-width:6px;opacity:0;position:absolute;top:5.5px;-webkit-transform:scaleY(0);transform:scaleY(0);transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.unread .channels-left-selector{border-radius:20px;-webkit-transform:scaleY(.3);transform:scaleY(.3)}.unread .channels-left-selector,a:hover .channels-left-selector{background-color:#fff;height:40px;left:-13px;min-width:6px;opacity:100%;position:absolute;top:5.5px;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}a:hover .channels-left-selector{border-radius:4px;-webkit-transform:scaleY(.5);transform:scaleY(.5)}a.selected>.channels-left-selector{background-color:#fff;border-radius:4px;height:40px;left:-13px;min-width:6px;opacity:100%;position:absolute;top:5.5px;-webkit-transform:scale(1);transform:scale(1);transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}a:hover+.tooltip{display:block;opacity:100%;transition:opacity .2s,display .2s}.tooltip{background-color:#000;border-radius:5px;color:#fff;cursor:inherit;display:none;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;left:70px;opacity:0;padding:10px;position:absolute;top:12px;transition:opacity .2s;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:10}.tooltip:before{border-bottom:4px solid transparent;border-right:5px solid #000;border-top:4px solid transparent;content:"";display:block;height:0;left:-5px;position:absolute;top:11px;width:0}.current-user-profile{background-color:#232428;display:flex;height:100%;justify-content:space-between;width:240px}.current-user-profile>div{align-items:flex-end;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600}.current-user-profile>div>img{border-radius:15px;height:34px;margin:8px;object-fit:cover;width:34px}.user-item-img-placeholder{color:#fff}.current-user-text{display:flex;flex-direction:column;width:120px}.current-user-main-text{height:17px;line-height:1.2}.current-profile-small-text,.current-user-main-text{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.current-profile-small-text{font-size:10px;font-weight:300;padding-bottom:8px;padding-top:5px}.logout-button{background-color:#5865f2;margin:8px}.current-user-profile .user-settings,.logout-button{border:none;border-radius:15px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600}.current-user-profile .user-settings{align-items:center;background-color:none;display:flex;margin:8px 11px 8px 8px}.current-user-profile .user-settings svg{fill:#adadad;height:20px;width:20px}.current-user-profile .user-settings:hover svg{fill:#fff}@media screen and (max-width:500px){.current-user-profile{width:100%}}.server-modal-holder{align-items:center;background-color:rgba(0,0,0,.75);display:flex;grid-column-end:4;grid-column-start:1;height:100%;justify-content:center;position:absolute;width:100%;z-index:100}.server-modal{background-color:#fff;border-radius:5px;display:flex;height:464px;overflow:hidden;width:680px}.server-modal-left-image{background-color:#3461df;height:100%;min-width:240px;overflow:hidden}.server-modal-main-content{height:100%;position:relative;width:auto}.server-modal-main-content,.server-modal-main-top{display:flex;flex-direction:column;justify-content:center}.server-modal-main-top{align-items:center;height:394px}.server-modal-main-top>h3{color:#060607;font-size:22px;font-weight:700}.server-modal-main-top>h3,.server-modal-main-top>p{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.server-modal-main-top>p{color:#7e818d;font-size:15px;font-weight:400;line-height:1.5;margin-top:8px;text-align:center;width:90%}.server-modal-main-top .server-modal-image-upload,.server-modal-main-top .server-modal-uploaded-image{cursor:pointer;height:80px;margin-bottom:20px;margin-top:16px;width:80px}.server-modal-main-top .server-modal-uploaded-image{border-radius:80px;object-fit:cover}.server-modal-main-top>form{padding-top:36px}.server-modal-main-top>form>label{color:#4e5058;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;margin-bottom:8px}.server-modal-main-top>form>input{background-color:#e3e5e8;border:none;border-radius:3px;color:#6d717c;font-size:16px;font-weight:400;padding:10px;width:388px}.server-modal-main-exit{background-color:initial;height:32px;position:absolute;right:8px;top:12px;width:32px}.server-modal-main-exit>button{border:none;color:#868b99;cursor:pointer;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:21px;font-weight:400;-webkit-transform:scaleX(1.3);transform:scaleX(1.3);transition:color .2s}.server-modal-main-exit>button:hover{color:#000;transition:color .2s}.server-modal-main-bottom{align-items:center;background-color:#f2f3f5;display:flex;height:38px;justify-content:space-between;padding:16px}.server-modal-back-button{color:#000;padding:2px 32px 2px 0}.server-modal-back-button,.server-modal-create-button{border:none;cursor:pointer;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;height:38px}.server-modal-create-button{background-color:#5865f2;border-radius:3px;color:#fff;padding:2px 16px;transition:background-color .2s;width:96px}.server-modal-create-button:hover{background-color:#414bb6;transition:background-color .2s}.server-modal-create-button:disabled{background-color:rgba(88,101,242,.5);cursor:not-allowed;transition:background-color .2s}#file-input{display:none}.server-name-holder{align-items:center;border-bottom:2px solid #202225;cursor:pointer;display:flex;grid-row-end:2;grid-row-start:1;min-height:32px;min-width:200px;position:relative;z-index:2}.server-name{background-color:initial;color:#fff;cursor:pointer;display:inline;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;height:20px;overflow:hidden;padding-left:20px;padding-top:4px;text-overflow:ellipsis;white-space:nowrap;width:160px}@media screen and (max-width:500px){.server-name{width:calc(100% - 76px)}}.server-fake-dropdown{background-color:initial;color:#b4b4b4;cursor:pointer;font-family:Arial,sans-serif;font-size:16px;font-weight:400;padding-left:5px;position:relative;right:-20px;-webkit-transform:scale(1.7,.7);transform:scale(1.7,.7)}.server-name-holder:hover{background-color:rgba(78,80,88,.3)}.server-details-holder{background-color:initial;height:100dvh;left:-72px;position:absolute;width:100dvw;z-index:30}.server-details-dropdown{background-color:#000;border-radius:5px;box-shadow:0 0 10px #202225;color:#adadad;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:500;left:81px;min-width:206px;padding:7px;position:absolute;top:56px}.server-details-option{background-color:initial;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:7px}.server-details-option>svg{fill:#adadad;stroke:#adadad;height:15px;width:15px}.server-details-option:hover{background-color:#5865f2;color:#fff}.server-details-option:hover>svg{stroke:#fff}.server-leave-option{background-color:initial;border-radius:5px;color:#ed4245;cursor:pointer;display:flex;justify-content:space-between;padding:7px}.server-leave-option>svg{fill:#ed4245;height:15px;width:15px}.server-leave-option:hover{background-color:#ed4245;color:#fff}.server-details-option:hover>svg{fill:#fff}.channels-searchbar{align-items:center;border-bottom:2px solid #202225;color:#fff;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;grid-row-end:2;grid-row-start:1;justify-content:center;max-height:48px;position:relative;width:240px}.channels-searchbar>input{background-color:#202225;border:none;border-radius:5px;color:#c2cbd6;padding:7px 10px;width:82%}.channels-searchbar>input::-webkit-input-placeholder{color:rgba(194,203,214,.6)}.channels-searchbar>input::placeholder{color:rgba(194,203,214,.6)}@media screen and (max-width:500px){.channels-searchbar{width:100%}}.channels-list-holder{background-color:initial;display:flex;flex-direction:column;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;height:100%;overflow-y:scroll;padding-top:50px;position:relative;top:-50px;width:calc(100dvw - 72px);z-index:auto}.channels-category-name-holder{align-items:center;color:#949ba4;cursor:default;display:flex;font-size:12px;font-weight:600;justify-content:space-between;padding-top:25px;text-transform:uppercase;width:220px}.channels-category-name{align-items:center;display:flex;height:25px;padding-left:11px}.channels-category-name:before{content:"v";left:-6px;position:relative;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.channels-plus-sign{cursor:pointer;font-size:25px;font-weight:400;margin:0;padding:0;position:relative;right:-1px;transition:color .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.channels-plus-sign:hover{color:#cfd8e2;transition:color .2s}.channels-plus-sign:hover:before{background-color:#000;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#cfd8e2;content:"Create Channel";display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;padding:10px;position:absolute;right:-10px;text-transform:capitalize;top:-37px;white-space:nowrap;z-index:4}.channels-plus-sign:hover:after{border:5px solid transparent;border-top-color:#000;box-shadow:0 0 10px rgba(0,0,0,.2);content:"";margin-left:-5px;position:absolute;right:2px;top:-3px;z-index:4}.channels-main-text{align-items:center;background-color:initial;display:flex;justify-content:flex-start}.channels-channel-item{align-items:center;border-radius:5px;color:#949ba4;cursor:pointer;display:flex;justify-content:space-between;margin:1px 10px;padding:5px 10px;width:200px}.channels-channel-item.selected{background-color:hsla(214,8%,61%,.25)}.channels-channel-item.selected .channels-channel-name{color:#fff}.channels-channel-item.selected .channels-channel-name.owner,.channels-channel-item:hover .channels-channel-name.owner{color:#fff;max-width:160px}.channels-channel-name{background-color:initial;font-size:15px;font-weight:400;height:18px;max-width:180px;overflow:hidden;padding-top:2px;text-overflow:ellipsis;white-space:nowrap}.channels-hashtag{background-color:initial;font-size:22px;font-weight:300;margin-right:8px;-webkit-transform:scaleX(1.25);transform:scaleX(1.25)}.channels-channel-item:hover{background-color:hsla(214,8%,61%,.25)}.channels-channel-item:hover .channels-channel-name{color:#fff}.channels-edit-sign{fill:#949ba4;background-color:initial;position:relative;white-space:nowrap;width:12px;z-index:20}.channels-edit-sign:hover{fill:#cfd8e2}.channels-edit-sign:hover:before{background-color:#000;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.2);color:#cfd8e2;content:"Edit Channel";display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;padding:10px;position:absolute;right:-10px;top:-42px;z-index:20}.channels-edit-sign:hover:after{border:5px solid transparent;border-top-color:#000;box-shadow:0 0 10px rgba(0,0,0,.2);content:"";margin-left:-5px;position:absolute;right:0;top:-8px}.channels-channel-item:hover>.channels-edit-sign.hidden{display:flex;opacity:100%}.channels-channel-item:hover>.channels-edit-sign.hidden+.channels-channel-name{width:160px}.channels-channel-item.unread{color:#fff;padding-left:5px}.channels-channel-item.unread:hover{width:205px}.channels-channel-item.unread .channels-main-text:before{border-bottom:4px solid transparent;border-left:5px solid #fff;border-top:4px solid transparent;content:"";display:block;height:0;left:-14px;position:relative;top:0;width:0}.channels-channel-item.unread .channels-hashtag{color:#949ba4}@media screen and (max-width:500px){.channels-category-name-holder{width:calc(100% - 20px)}.channels-main-text{min-width:100%;width:100%}.channels-channel-item{width:calc(100% - 40px)}.channels-channel-name{max-width:100%}.channels-channel-item.selected .channels-channel-name.owner{max-width:calc(100% - 50px)}.channels-edit-sign{height:100%;right:14px;top:2px}.channels-edit-sign svg{height:14px;width:14px}}.server-details-menu{display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100dvh;min-width:100dvw;position:relative;z-index:20}.server-details-left{align-items:flex-end;background-color:#2b2d31;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-width:240px;padding:60px 0 120px;position:relative;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:31%;z-index:20}.server-details-sidebar{margin-bottom:60px;margin-top:60px;padding:6px;width:240px}.server-details-sidebar>ul{display:flex;flex-direction:column;justify-content:flex-start;padding-left:30px}.server-details-sidebar>ul>li{border-radius:5px;color:#dbdee1;cursor:pointer;font-size:15px;font-weight:400;padding:10px}.server-details-sidebar>ul>li.selected{background-color:rgba(78,80,88,.6);color:#fff}.server-details-sidebar>ul>li:hover{background-color:rgba(78,80,88,.3)}.server-details-sidebar>ul>li.server-details-title{color:#949ba4;cursor:default;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.server-details-sidebar>ul>li.server-details-title:hover{background-color:initial}.server-details-divider{background-color:#313338;border:none;bottom:0;height:1.5px;margin:10px 10px 5px 40px;outline:none;position:relative}.server-details-right{background-color:#313338;left:calc(max(31%, 240px));position:absolute;width:calc(100% - max(31%, 240px))}.server-details-exit{background-color:initial;cursor:pointer;-webkit-filter:invert(99%) sepia(1%) saturate(2416%) hue-rotate(176deg) brightness(97%) contrast(82%);filter:invert(99%) sepia(1%) saturate(2416%) hue-rotate(176deg) brightness(97%) contrast(82%);font-size:60px;left:min(calc(100% - 96px),740px);position:absolute;top:60px;width:36px}.server-details-exit:hover{-webkit-filter:invert(89%) sepia(91%) saturate(2625%) hue-rotate(183deg) brightness(124%) contrast(87%);filter:invert(89%) sepia(91%) saturate(2625%) hue-rotate(183deg) brightness(124%) contrast(87%)}.server-details-exit g{fill:#fff}.overview-menu{align-items:flex-start;display:flex;flex-direction:column;height:calc(100dvh - 180px);justify-content:center;padding:60px 40px 120px;width:calc(100% - 80px)}.overview-menu>h3{color:#fff;cursor:default;font-size:20px;padding-bottom:20px}.overview-menu .overview-input-title{color:#949ba4;cursor:default;display:block;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;padding-bottom:12px;text-transform:uppercase}.overview-menu .overview-input{background-color:#1e1f22;border:none;border-radius:5px;color:#bac2cc;max-width:640px;padding:10px;width:100%}.overview-menu div .save-button-holder{align-items:center;background-color:rgba(0,0,0,.6);border-radius:5px;bottom:20px;cursor:default;display:flex;font-size:15px;justify-content:space-between;max-width:630px;padding:15px;position:absolute;transition:opacity .2s;width:calc(100% - 130px)}.overview-menu .save-button-holder>div{background-color:initial;color:#fff;padding-left:5px}.overview-reset-button{background-color:initial;border:none;border-radius:5px;color:#cecece;cursor:pointer;font-size:14px;margin-right:20px;padding:5px 10px}.overview-reset-button:hover{text-decoration:underline}.overview-save-button{background-color:#008f34;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:5px 16px;white-space:nowrap}.overview-save-button:hover{background-color:#1a6334}.overview-menu .save-button-text{max-width:267px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.overview-menu .buttons{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.overview-menu .left-option,.overview-menu .right-option{width:50%}.overview-menu .left-option label{display:flex;justify-content:center;position:relative;width:40%}.overview-menu .left-option label img{aspect-ratio:1;border-radius:100%;cursor:pointer;object-fit:cover;width:80%}.overview-menu .left-option>div{color:#cecece;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:300;line-height:1.25;padding:5px 10px;width:60%}#server-image-input{display:none}.overview-menu .left-option .server-image-input{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:40%}.overview-menu .left-option .server-image-input:hover:after{align-items:center;background-color:#1e1f22;border:1px solid #1e1f22;border-radius:100%;color:#fff;content:"CHANGE \A ICON";cursor:pointer;display:flex;font-size:10px;font-weight:600;height:100%;justify-content:center;line-height:1.25;position:absolute;text-align:center;white-space:pre;width:80%;z-index:20}.overview-menu .left-option .server-image-upload-button{background-color:initial;border:1px solid hsla(0,0%,100%,.1);border-radius:5px;color:#fff;cursor:pointer;font-weight:400;margin-top:20px;padding:8px 15px;transition:background-color .3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.overview-menu .left-option .server-image-upload-button:hover{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,0);transition:background-color .3s}#server-image-input2{display:none}.channel-name-holder{border-bottom:2px solid #202225;cursor:default;flex-direction:row;height:48px;justify-content:flex-start;min-height:48px;width:100%;z-index:inherit}.channel-name-holder,.channel-server-name{align-items:center;display:flex;position:relative}.channel-server-name{color:#fff;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;overflow:hidden;padding-left:30px;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 30px)}.channel-name-back-button{display:none}.channel-server-name:before{bottom:0;content:"#";font-size:25px;left:-12px;-webkit-transform:scaleX(1.25);transform:scaleX(1.25)}.channel-server-description,.channel-server-name:before{color:#949ba4;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;position:relative}.channel-server-description{align-items:center;display:flex;font-size:14px;left:24px;top:2px}.channel-server-description:before{color:hsla(214,8%,61%,.25);content:"|";font-size:24px;left:-12px;position:relative;top:-4px}@media screen and (max-width:500px){.channel-name-back-button{align-items:center;border:none;color:#fff;display:flex;font-size:24px;font-weight:900;justify-content:center;margin-left:8px;padding-bottom:10px}.channel-server-name{padding-left:20px}}.channel-modal-holder{align-items:center;background-color:rgba(0,0,0,.75);display:flex;grid-column-end:4;grid-column-start:1;height:100%;justify-content:center;position:absolute;width:100%;z-index:100}.channel-modal{background-color:#313338;border-radius:15px;display:flex;height:464px;overflow:hidden;width:440px}.channel-modal-main-content{height:100%;position:relative;width:100%}.channel-modal-main-content,.channel-modal-main-top{display:flex;flex-direction:column;justify-content:center}.channel-modal-main-top{align-items:left;height:394px;padding-left:15px}.channel-modal-main-top>h3{color:#fff;font-size:22px}.channel-modal-main-top>h3,.channel-modal-main-top>p{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.channel-modal-main-top>p{color:#7e818d;font-size:12px;line-height:1.5;margin-top:8px;padding-bottom:10px;text-align:left;width:90%}.channel-modal-main-top>form>label{color:#b5b9c9;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;margin-bottom:10px;margin-top:20px;text-transform:uppercase}.channel-modal-main-top>form>input{background-color:#1f1f22;border:none;border-radius:3px;color:#dee1eb;font-size:14px;font-weight:400;padding:10px;width:388px}.channel-modal-main-top>form>input::-webkit-input-placeholder{color:#6d717c}.channel-modal-main-top>form>input::placeholder{color:#6d717c}#new-channel-name-input{padding-left:30px;position:relative;width:368px}.new-channel-hashtag{background-color:initial;color:#dee1eb;font-size:25px;left:27px;position:absolute;top:154px;-webkit-transform:scaleY(.8);transform:scaleY(.8)}.channel-modal-main-exit{background-color:initial;height:32px;position:absolute;right:8px;top:12px;width:32px}.channel-modal-main-exit>button{border:none;color:#868b99;cursor:pointer;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:21px;font-weight:400;-webkit-transform:scaleX(1.3);transform:scaleX(1.3);transition:color .2s}.channel-modal-main-exit>button:hover{color:#b5b9c9;transition:color .2s}.channel-modal-main-bottom{align-items:center;background-color:#2b2d31;display:flex;height:38px;justify-content:flex-end;padding:16px}.channel-modal-back-button{border:none;color:#fff;cursor:pointer;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;height:38px;padding:2px 32px 2px 0}.channel-modal-back-button:hover{text-decoration:underline}.channel-modal-create-button{background-color:#5865f2;border:none;border-radius:3px;color:#fff;cursor:pointer;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:400;height:38px;padding:2px 16px;transition:background-color .2s;width:130px}.channel-modal-create-button:hover{background-color:#414bb6;transition:background-color .2s}.channel-modal-create-button:disabled{background-color:rgba(88,101,242,.5);color:hsla(0,0%,100%,.5);cursor:not-allowed}.channel-details-menu{display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100dvh;min-width:100dvw;position:relative;z-index:20}.channel-details-left{align-items:flex-end;background-color:#2b2d31;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;min-width:240px;position:relative;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:31%;z-index:20}.channel-details-sidebar{margin-bottom:60px;margin-top:60px;padding:6px;width:240px}.channel-details-sidebar>ul{display:flex;flex-direction:column;justify-content:flex-start;padding-left:30px}.channel-details-sidebar>ul>li{border-radius:5px;color:#dbdee1;cursor:pointer;font-size:15px;font-weight:400;padding:10px}.channel-details-sidebar>ul>li.selected{background-color:rgba(78,80,88,.6);color:#fff}.channel-details-sidebar>ul>li:hover{background-color:rgba(78,80,88,.3)}.channel-details-sidebar>ul>li.channel-details-title{color:#949ba4;cursor:default;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.channel-details-sidebar>ul>li.channel-details-title:hover{background-color:initial}.channel-details-divider{background-color:#313338;border:none;bottom:0;height:1px;margin:10px 1px 5px 40px;outline:none;padding:1px;position:relative;width:144px}.channel-details-right{background-color:#313338;left:calc(max(31%, 240px));position:absolute;width:calc(100% - max(31%, 240px))}.channel-details-exit{background-color:initial;cursor:pointer;-webkit-filter:invert(99%) sepia(1%) saturate(2416%) hue-rotate(176deg) brightness(97%) contrast(82%);filter:invert(99%) sepia(1%) saturate(2416%) hue-rotate(176deg) brightness(97%) contrast(82%);font-size:60px;left:min(calc(100% - 96px),740px);position:absolute;top:60px;width:36px}.channel-details-exit:hover{-webkit-filter:invert(89%) sepia(91%) saturate(2625%) hue-rotate(183deg) brightness(124%) contrast(87%);filter:invert(89%) sepia(91%) saturate(2625%) hue-rotate(183deg) brightness(124%) contrast(87%)}.channel-details-exit g{fill:#fff}.channel-overview-menu{align-items:flex-start;display:flex;flex-direction:column;height:calc(100dvh - 120px);justify-content:center;padding:60px 40px;width:calc(100% - 80px)}.channel-overview-menu div{width:100%}.channel-overview-menu>h3{color:#fff;cursor:default;font-size:20px;padding-bottom:4px}.channel-overview-menu .channel-overview-input-title{color:#949ba4;cursor:default;display:block;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;padding-bottom:10px;padding-top:24px;text-transform:uppercase}.channel-overview-menu .channel-overview-input{background-color:#1e1f22;border:none;border-radius:5px;color:#bac2cc;max-width:640px;padding:10px;width:calc(100% - 40px)}.channel-overview-menu div .save-button-holder{align-items:center;background-color:rgba(0,0,0,.6);border-radius:5px;bottom:20px;cursor:default;display:flex;font-size:15px;justify-content:space-between;max-width:630px;padding:15px;position:absolute;transition:opacity .2s;width:calc(100% - 130px)}.channel-overview-menu .save-button-holder>div{background-color:initial;color:#fff;padding-left:5px}.channel-overview-reset-button{background-color:initial;border:none;border-radius:5px;color:#cecece;cursor:pointer;font-size:14px;margin-right:20px;padding:5px 10px}.channel-overview-reset-button:hover{text-decoration:underline}.channel-overview-save-button{background-color:#248046;border:none;border-radius:5px;color:#cecece;cursor:pointer;font-size:14px;padding:5px 16px;white-space:nowrap}.channel-overview-save-button:hover{background-color:#1a6334}.hidden{opacity:0;transition:opacity .2s}.channel-overview-menu .save-button-text{max-width:267px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:auto}.channel-overview-menu .buttons{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.messages-panel{display:flex;flex-direction:column;height:calc(100% - 20px);justify-content:flex-end;padding-top:0;position:relative;width:calc(100% - 240px)}.message-list-holder{height:100%;margin-right:4px;overflow-y:auto;scrollbar-color:#1f1f22 #2b2d31;scrollbar-width:thin;width:calc(100% - 4px)}.message-list-holder::-webkit-scrollbar{position:relative;width:10px}.message-list-holder::-webkit-scrollbar-track{background:#2b2d31;border-radius:10px;margin-bottom:4px;margin-top:4px}.message-list-holder::-webkit-scrollbar-thumb{background:#1f1f22;border-radius:10px}.message-input-form{margin-left:16px;width:calc(100% - 32px)}.message-input-form>input{background-color:hsla(0,0%,50%,.1);border:none;border-radius:5px;color:hsla(0,0%,100%,.8);font-size:14px;padding:10px 20px;width:calc(100% - 40px)}.message-end{height:20px}@media (max-width:1080px){.messages-panel{width:100%}}.message-holder{align-items:center;margin-top:12px}.message-holder,.message-holderV2{border-radius:5px;color:hsla(0,0%,100%,.9);display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:15px;font-weight:300;justify-content:flex-start;margin-left:4px;margin-right:4px;padding-left:6px}.message-holderV2{align-items:flex-start}.message-time{background-color:initial;color:#949ba4;display:flex;font-size:12px;font-weight:400;justify-content:center;min-width:50px;opacity:0;position:relative;text-transform:uppercase;top:7px;white-space:nowrap;width:50px}.message-holder:hover,.message-holderV2:hover{background-color:rgba(0,0,0,.1)}.message-holderV2:hover>.message-time{opacity:100%}.message-main{background-color:initial;display:flex;flex-direction:column;line-height:1.5;padding-left:10px;padding-top:2px;width:100%}.message-user-info{align-items:flex-end;display:flex;font-weight:400}.message-user-info>.message-datetime{color:#949ba4;font-size:10px;padding-bottom:2px;padding-left:7px;text-transform:uppercase}.message-body{display:flex;justify-content:space-between}.message-button-holder{display:none;min-width:55px;position:relative}.message-button-holderV2{display:none;min-width:26px;position:relative}.message-holder:hover .message-button-holder,.message-holder:hover .message-button-holderV2,.message-holderV2:hover .message-button-holder,.message-holderV2:hover .message-button-holderV2{display:block}.message-edit-button{fill:hsla(0,0%,100%,.7);cursor:pointer;height:10px;position:relative;right:-5px;top:1px;transition:fill .2s;width:10px}.message-edit-button:hover{fill:#fff;transition:fill .2s}.message-delete-button{fill:hsla(0,0%,100%,.7);cursor:pointer;height:10px;position:relative;right:-35px;top:-9px;transition:fill .2s;width:10px}.message-delete-button:hover{fill:#fff;transition:fill .2s}.message-button-holderV2 .message-delete-button{right:-5px;top:1px}.message-editor>input{background-color:hsla(0,0%,50%,.1);border:none;border-radius:5px;color:hsla(0,0%,100%,.9);font-size:14px;font-weight:300;padding:10px 15px;width:calc(100% - 85px)}.message-edited{color:hsla(0,0%,100%,.6);font-size:9px}ul.friends-list{height:calc(100% - 15px);margin-left:20px;overflow-x:hidden;overflow-y:scroll;padding-right:30px;padding-top:15px;scrollbar-color:#1f1f22 #2b2d31;width:calc(100% - 60px)}ul.friends-list::-webkit-scrollbar{position:relative;width:10px}ul.friends-list::-webkit-scrollbar-track{background:#2b2d31;border-radius:10px;margin-bottom:4px;margin-top:4px}ul.friends-list::-webkit-scrollbar-thumb{background:#1f1f22;border-radius:10px}.friend-list-item{align-items:center;background-color:initial;border-radius:none;border-top:1px solid hsla(0,0%,100%,.1);cursor:pointer;display:flex;margin-left:10px;margin-right:10px;padding-bottom:5px;padding-top:5px;width:100%}li.friend-list-item:hover{background-color:hsla(0,0%,100%,.1);border-radius:10px;border-top:1px solid transparent;margin-left:0;margin-right:0;padding-left:10px;padding-right:10px}li.friend-list-item:hover>*{background-color:initial}.friend-item-img{object-fit:cover}.friend-item-img,.friend-item-img-placeholder{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:15px;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:300;height:34px;justify-content:center;margin:8px;width:34px}.friend-item-img-placeholder{box-shadow:0 0 5px rgba(0,0,0,.15);min-height:34px;min-width:34px}.friend-list-username{color:#fff;font-size:16px}.friend-list-status,.friend-list-username{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;padding-left:5px}.friend-list-status{color:hsla(0,0%,100%,.7);display:flexbox;font-size:14px;line-height:100%;padding-top:7px}.subscriber-list-holder{-ms-overflow-style:none;background-color:#2b2d31;color:#b9bbbe;height:100%;overflow-y:scroll;scrollbar-width:none;width:240px}.subscriber-list-holder::-webkit-scrollbar{display:none}.role-title{color:#949ba4;cursor:default;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:600;justify-content:space-between;padding:25px 10px 2px 20px;text-transform:uppercase}.role-title,.user-item{align-items:center;display:flex}.user-item{justify-content:flex-start;min-width:200px;padding-left:10px}.user-item-text{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:20px;overflow:hidden;padding-left:5px;text-overflow:ellipsis;white-space:nowrap;width:160px}.friend-name-holder{border-bottom:2px solid #202225;cursor:default;flex-direction:row;height:45px;justify-content:flex-start;min-height:48px;min-width:200px;width:100%}.friend-name-holder,.friend-server-name{align-items:center;display:flex;position:relative}.friend-server-name{color:#fff;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;overflow:hidden;padding-left:18px;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 30px)}.friend-icon{fill:#949ba4;height:20px;padding-right:12px;width:20px}.friend-server-description{align-items:center;color:#949ba4;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;left:24px;position:relative;top:2px}.friend-server-description:before{color:hsla(214,8%,61%,.25);content:"|";font-size:24px;left:-12px;position:relative;top:-4px}.header.user-item-img{height:32px;margin-left:0;margin-right:16px;width:32px}.user-details-menu{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100dvh;min-width:100dvw}.user-details-left,.user-details-menu{display:flex;position:relative;z-index:20}.user-details-left{align-items:flex-end;background-color:#2b2d31;bottom:0;flex-direction:column;justify-content:center;left:0;min-width:240px;padding:60px 0 120px;top:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:31%}.user-details-sidebar{margin-bottom:60px;margin-top:60px;padding:6px;width:240px}.user-details-sidebar>ul{display:flex;flex-direction:column;justify-content:flex-start;padding-left:30px}.user-details-sidebar>ul>li{border-radius:5px;color:#dbdee1;cursor:pointer;display:flex;font-size:15px;font-weight:400;justify-content:space-between;padding:10px}.user-details-sidebar>ul>li div{background-color:initial}.user-details-sidebar>ul>li svg{fill:#dbdee1;background-color:initial;height:15px;width:15px}.user-details-sidebar>ul>li.selected{background-color:rgba(78,80,88,.6);color:#fff}.user-details-sidebar>ul>li:hover{background-color:rgba(78,80,88,.3)}.user-details-sidebar>ul>li:hover div{color:#fff}.user-details-sidebar>ul>li:hover svg{fill:#fff}.user-details-sidebar .user-details-logout-button{margin-top:10px}.user-details-sidebar>ul>li.user-details-title{color:#949ba4;cursor:default;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.user-details-sidebar>ul>li.user-details-title:hover{background-color:initial}.user-details-divider{background-color:#313338;border:none;bottom:0;height:1.5px;margin:10px 10px 5px 40px;outline:none;position:relative}.user-details-right{background-color:#313338;left:calc(max(31%, 240px));position:absolute;width:calc(100% - max(31%, 240px))}.user-details-exit{background-color:initial;cursor:pointer;-webkit-filter:invert(99%) sepia(1%) saturate(2416%) hue-rotate(176deg) brightness(97%) contrast(82%);filter:invert(99%) sepia(1%) saturate(2416%) hue-rotate(176deg) brightness(97%) contrast(82%);font-size:60px;left:min(calc(100% - 96px),740px);position:absolute;top:60px;width:36px}.user-details-exit:hover{-webkit-filter:invert(89%) sepia(91%) saturate(2625%) hue-rotate(183deg) brightness(124%) contrast(87%);filter:invert(89%) sepia(91%) saturate(2625%) hue-rotate(183deg) brightness(124%) contrast(87%)}.user-details-exit g{fill:#fff}.hidden{display:none}.dev-links-holder{display:flex;justify-content:space-between;margin-left:60px;margin-right:30px;padding-top:20px}.dev-links-holder i{color:#dbdee1}.dev-links-holder i,.dev-links-holder i:hover{transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.dev-links-holder i:hover{color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}.overview-menu .div-fill{width:100%}.overview-menu .flex-row{display:flex;width:min(calc(100% - 40px),740px)}.overview-menu .left-option{display:flex;flex-direction:column;margin-right:2.5%;width:47.5%}.overview-menu .right-option{display:flex;flex-direction:column;margin-left:2.5%;width:47.5%}.overview-menu .left-option form{width:95%}.overview-menu .user-details-divider{background-color:hsla(224,7%,42%,.5);border:none;bottom:0;height:1.5px;margin:20px 1px;outline:none;position:relative}.overview-menu .left-option .user-image-upload-button{background-color:#5865f2;border:1px solid #5865f2;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:400;padding:8px 15px;transition:background-color .25s,border .25s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.overview-menu .left-option .user-image-upload-button:hover{background-color:rgba(89,102,243,.75);border:1px solid rgba(89,102,243,0);transition:background-color .25s,border .25s}#user-image-input,#user-image-input2{display:none}.overview-menu .user-color{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:none;border-radius:30px;cursor:pointer;height:60px;padding:0;width:30%}.overview-menu .user-color::-webkit-color-swatch{border:none;border-radius:5px}.overview-menu .user-color::-moz-color-swatch,.overview-menu .user-color::-moz-focus-inner{border:none;border-radius:5px}.overview-menu .right-option .user-item-card-holder{background-color:initial;box-shadow:5px 5px 20px rgba(0,0,0,.3);height:100%;width:100%}.overview-menu .overview-input-title.error{color:#fa777c}.overview-menu .overview-input.error{border:1px solid #fa777c}.user-card{background-color:#2b2d31;border-radius:10px;height:100%;position:relative;width:100%}.user-card .user-card-banner{border-top-left-radius:10px;border-top-right-radius:10px;height:60px;width:100%}.user-card .user-card-image-holder{background-color:#2b2d31;border-radius:50px;height:100px;left:15px;position:absolute;top:15px;width:100px}.user-card .user-card-image{align-items:center;border-radius:42px;color:#fff;cursor:default;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:50px;font-weight:300;height:84px;justify-content:center;left:8px;line-height:1;min-width:34px;position:relative;top:8px;width:84px}.user-card .user-card-data{background-color:#000;border-radius:10px;height:calc(100% - 143px);margin:68px 15px 15px;width:calc(100% - 30px)}.user-card .user-card-data .user-card-displayName{color:#fff;margin-left:10px;padding-top:15px}.private-chats-list-holder{background-color:initial;display:flex;flex-direction:column;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;height:100%;overflow-y:scroll;padding-top:50px;position:relative;top:-50px;width:calc(100dvw - 72px);z-index:auto}.private-chats-category-name{align-items:center;color:#949ba4;cursor:default;display:flex;font-size:12px;font-weight:600;height:25px;padding-left:18px;padding-top:20px;text-transform:uppercase}.private-chat-item{align-items:center;border-radius:5px;display:flex;justify-content:flex-start;margin:2px 10px;padding:0;width:220px}.private-chat-item:hover{background-color:hsla(0,0%,100%,.05);cursor:pointer}.private-chat-item:hover>div{background-color:initial}.user-item-img{object-fit:cover}.user-item-img,.user-item-img-placeholder{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:15px;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:300;height:34px;justify-content:center;margin:8px;width:34px}.user-item-img-placeholder{box-shadow:0 0 5px rgba(0,0,0,.15);min-height:34px;min-width:34px}.private-chat-item-text{font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;height:20px;overflow:hidden;padding-left:5px;text-overflow:ellipsis;white-space:nowrap;width:160px}.private-chat-item.selected{background-color:hsla(0,0%,100%,.1);cursor:pointer}.private-chat-item.selected>div{background-color:initial}.private-chat-item.selected .private-chat-item-text{color:#fff;font-weight:600}@media screen and (max-width:500px){.private-chat-item{width:calc(100% - 20px)}.private-chat-item-text{width:calc(100% - 60px)}}.private-messages-panel{display:flex;flex-direction:column;height:calc(100% - 20px);justify-content:flex-end;padding-top:0;position:relative;width:100%}.welcome-instructions{color:#dcddde;display:flex;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif;height:calc(100% + 50px);justify-content:center;line-height:1.6;max-height:calc(100% + 50px - 4rem);min-height:0;overflow-y:auto;padding-bottom:2rem;padding-top:2rem;scrollbar-color:#1f1f22 #2b2d31;scrollbar-width:thin;width:100%}.welcome-instructions-inner{box-sizing:border-box;max-height:100%;max-width:1100px;padding:0 1rem;width:100%}.welcome-header{text-align:center}.welcome-header h1{color:#fff;font-size:20px;font-weight:600;margin-bottom:.5rem;margin-top:.5rem}.welcome-header p{color:#b9bbbe;font-size:1.1rem;margin-bottom:1.5rem}.instructions-section-1{display:flex;flex-direction:row;gap:1rem;justify-content:center}.instructions-section{background-color:#2f3136;border:1px solid #40444b;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.instructions-section h2{color:#fff;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.instructions-section ol,.instructions-section ul{color:#dcddde;list-style:disc;margin-left:1.5rem}.instructions-section li{margin-bottom:.5rem}.demo-section{background-color:#2f3136;border:1px solid #40444b}.demo-section ol{list-style:auto}.demo-section p{margin-bottom:1rem}.demo-credentials{background-color:#2c2f33;border-left:3px solid #5865f2;border-radius:4px;margin:.5rem 0;padding:.8rem}.instructions-footer{background-color:#36393f;border:1px solid #40444b;border-radius:8px;margin-top:0;padding:1rem;text-align:center}.instructions-footer p{color:#b9bbbe;font-style:italic;margin:0}.welcome-page-back-button{display:none}@media screen and (max-width:1080px){.instructions-section-1{align-items:center;flex-direction:column;gap:0}.instructions-section{align-self:stretch}}@media screen and (max-width:500px){.welcome-page-back-button{align-items:center;border:none;color:#fff;display:flex;font-size:24px;font-weight:900;justify-content:center;margin-left:8px;position:absolute;top:-.25rem}}
/*# sourceMappingURL=main.0c703de7.css.map*/