@font-face{font-family:Noto;src:url("/fonts/NotoColorEmoji.ttf")}:root{--members-list-width: 240px;--channels-list-width: 96px;--channel-avatar-size: 4rem;--message-avatar-size: 3rem;--member-avatar-size: 2rem;--color-red: #ff3838;--color-orange: #ffb302;--color-yellow: #fce83a;--color-green: #56f000;--color-blue: #4C8FFB;--color-gray: #9ea7ad;--background: #121821;--text: #D5DDE5;--secondary: #393e46;--color-panel: #2A303B;--attachment-gap: 0.5rem;--attachment-border-radius: 0.5rem}*{box-sizing:border-box;font-family:'Segoe UI', Roboto, Helvetica, Arial, sans-serif, Noto}html,body{background-color:var(--background);color:var(--text);height:100%;width:100%;padding:0;margin:0;font-size:16px}#wrapper{display:flex;width:100%;height:100%;max-height:100vh;overflow:hidden}#content{flex-grow:1;display:flex;flex-direction:column}::-webkit-scrollbar-track{background-color:var(--background)}::-webkit-scrollbar{width:0.75rem}::-webkit-scrollbar-thumb{background-color:var(--color-blue);border-radius:0.5rem}code,pre{border-radius:0.25rem;background-color:var(--secondary);line-height:1.5rem;font-size:12px}code{color:darkgoldenrod;padding:0 0.25rem;display:inline-block}pre{margin:0.5rem 0;padding:0 0.5rem;display:block}ul{list-style-type:none;margin:0;padding:0;display:flex;flex-direction:column}ul>li{order:var(--order)}button{outline:none;border:none;border-radius:0.25rem;padding:0.25rem 0.75rem;font-size:1rem;color:white;cursor:pointer;background-color:transparent}button:hover{opacity:0.8}button.primary{background-color:var(--color-blue)}button.secondary{background-color:var(--color-panel)}button.danger{background-color:var(--color-red)}.scroll{overflow-y:auto;max-height:100%;height:100%}.input{font-size:14px;line-height:1rem;width:100%;padding:0.5rem 1rem;border-radius:0.5rem;border:none;outline:none;background-color:var(--background);color:var(--text)}.panel{background-color:var(--color-panel)}.sidebar{background-color:var(--background);box-shadow:0px 0px 8px 1px rgba(0,0,0,0.5)}.upload{visibility:hidden;position:absolute;pointer-events:none}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background-color:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;padding:1rem}.modal>.content{padding:1rem;border-radius:0.25rem;max-width:100%;width:24rem;display:flex;flex-flow:column;row-gap:1rem}.modal>.content>.head{font-size:1.25rem}.modal>.content>.footer{display:flex;justify-content:flex-end;column-gap:0.5rem}.modal>.content>.footer button{outline:none}.popup{position:fixed;z-index:100;background-color:var(--color-panel);padding:0.5rem;border-radius:0.25rem;font-size:14px;transform:translate(8px, 0);width:240px}.popup>button{display:block;width:100%;text-align:left}.popup>button.remove{color:var(--color-red)}.tooltip{position:fixed;z-index:100;background-color:rgba(0,0,0,0.9);padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:14px;transform:translate(8px, -50%)}#messages{flex-grow:1;max-width:calc(100vw - var(--channels-list-width) - var(--members-list-width))}#messages>.message{padding:1rem 1rem;display:flex;column-gap:1rem;position:relative;line-height:1.5rem;transition:opacity 5s ease-out;opacity:1}#messages>.message:nth-child(odd){background-color:rgba(80,80,80,0.1)}#messages>.message.fading{opacity:0}#messages>.message>.image{width:var(--message-avatar-size);height:var(--message-avatar-size);min-width:var(--message-avatar-size);min-height:var(--message-avatar-size);border-radius:var(--message-avatar-size);display:flex;background-position:center center;background-repeat:no-repeat;background-size:cover}#messages>.message>.image>span{font-size:1.25rem;line-height:var(--message-avatar-size);flex-grow:1;text-align:center}#messages>.message>.content{display:flex;flex-direction:column;flex-grow:1;min-width:0}#messages>.message>.content>.head{display:flex;align-items:center;column-gap:0.5rem}#messages>.message>.content>.head>.name{font-weight:bold}#messages>.message>.content>.head>.date{font-size:0.75rem;opacity:0.5;flex-grow:1}#messages>.message>.content>.head>.timer{font-weight:300;font-size:0.75rem}#messages>.message>.content>.body>.text{overflow-wrap:break-word}#messages>.message>.content>.body>.attachments{display:flex;column-gap:var(--attachment-gap);row-gap:var(--attachment-gap);margin-top:1rem}#messages>.message>.content>.body>.attachments:empty{display:none}#messages>.message>.content>.body>.attachments>.attachment{position:relative;max-width:100%;max-height:400px;cursor:pointer}#messages>.message>.content>.body>.attachments>.attachment.loading::after{content:"";background:url("/images/loading.svg");background-repeat:no-repeat;background-position:center center;position:absolute;background-size:4rem;top:0;left:0;width:100%;height:100%}#messages>.message>.content>.body>.attachments>.attachment>img{object-fit:contain;max-width:100%;max-height:100%}#dashboard{padding:2rem}#dashboard>.panel{padding:1rem;border-radius:0.5rem}#dashboard>.panel>label{display:block;font-size:12px;margin-bottom:0.25rem}#login{background-color:rgba(0,0,0,0.1);padding:2rem;border-radius:0.5rem;position:absolute;top:25%;left:50%;transform:translate(-50%, -50%)}#login>form>label{display:block;margin-bottom:0.5rem;font-size:12px}#login>form>input{width:100%;height:2rem;padding:0 1rem;border-radius:0.5rem;border:none;outline:none}#channels-sidebar{width:var(--channels-list-width);min-width:var(--channels-list-width);max-width:var(--channels-list-width);padding:1rem}#channels{-ms-overflow-style:none;scrollbar-width:none;padding:5rem 0 5rem 0}#channels::-webkit-scrollbar{display:none}#channels-sidebar>.dashboard,#channels-sidebar>.me,#channels>.channel{cursor:pointer;opacity:0.5;position:relative}#channels-sidebar>.dashboard+.channel,#channels-sidebar>.me+.channel,#channels>.channel+.channel{margin-top:1rem}#channels-sidebar>.dashboard.active,#channels-sidebar>.dashboard:hover,#channels-sidebar>.me.active,#channels-sidebar>.me:hover,#channels>.channel.active,#channels>.channel:hover{opacity:1}#channels-sidebar>.dashboard.active .image::after,#channels-sidebar>.me.active .image::after,#channels>.channel.active .image::after{content:"";top:0;left:0;display:inline-block;position:absolute;width:calc(var(--channel-avatar-size) - 0.5rem);height:calc(var(--channel-avatar-size) - 0.5rem);border-radius:var(--channel-avatar-size);border:0.25rem solid var(--color-blue)}#channels-sidebar>.dashboard>.remove,#channels-sidebar>.me>.remove,#channels>.channel>.remove{position:absolute;top:-0.25rem;left:-0.25rem;width:2rem;height:2rem;background-image:url("/images/delete.svg");background-repeat:no-repeat;background-position:center center;background-size:contain;z-index:1;visibility:hidden}#channels-sidebar>.dashboard:hover>.remove,#channels-sidebar>.me:hover>.remove,#channels>.channel:hover>.remove{visibility:visible}#channels-sidebar>.dashboard>.image,#channels-sidebar>.me>.image,#channels>.channel>.image{width:var(--channel-avatar-size);height:var(--channel-avatar-size);min-width:var(--channel-avatar-size);min-height:var(--channel-avatar-size);border-radius:var(--channel-avatar-size);display:flex;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}#channels-sidebar>.dashboard>.image>span,#channels-sidebar>.me>.image>span,#channels>.channel>.image>span{font-size:1rem;line-height:var(--channel-avatar-size);flex-grow:1;text-align:center}#channels-sidebar>.dashboard.new>.image,#channels-sidebar>.me.new>.image,#channels>.channel.new>.image{background-color:rgba(255,255,255,0.3);background-image:url("/images/add.svg");background-size:1rem}#channels-sidebar>.dashboard,#channels-sidebar>.me{position:absolute;opacity:1;left:0}#channels-sidebar>.dashboard{top:0;padding:1rem;background:linear-gradient(180deg, var(--background) 90%, rgba(0,0,0,0) 100%)}#channels-sidebar>.dashboard>.image{background-color:rgba(255,255,255,0.3);background-image:url("/images/home.svg");background-size:2rem}#channels-sidebar>.me{bottom:0;padding:1rem;background:linear-gradient(0deg, var(--background) 90%, rgba(0,0,0,0) 100%)}#header{padding:1rem;display:flex;column-gap:1rem;align-items:center}#header>.content{flex-grow:1}#members-sidebar{width:var(--members-list-width);min-width:var(--members-list-width);max-width:var(--members-list-width)}#members-sidebar h4{padding:0 1rem;margin:1rem 0;font-weight:normal}#members-sidebar h4 span{font-weight:bold}#members>.member{padding:0.5rem 1rem;display:flex;column-gap:0.75rem;position:relative;align-items:center}#members>.member>.image{position:relative;width:var(--member-avatar-size);height:var(--member-avatar-size);min-width:var(--member-avatar-size);min-height:var(--member-avatar-size);border-radius:var(--member-avatar-size);display:flex;background-position:center center;background-repeat:no-repeat;background-size:cover}#members>.member>.image>span{font-size:1rem;line-height:var(--member-avatar-size);flex-grow:1;text-align:center}#members>.member>.image::before{content:"";position:absolute;right:0;top:0;width:0.75rem;height:0.75rem;border-radius:2rem;box-shadow:0px 0px 8px 1px rgba(0,0,0,0.5);z-index:2}#members>.member>.details{flex-grow:1;display:flex;flex-flow:column}#members>.member>.details>.name{font-weight:bold;font-size:14px;background-color:unset;border:unset;color:var(--text);padding:0;width:100%}#members>.member>.details>.discriminator{font-weight:300;font-size:10px;opacity:0.5}#members>.member.me>.image{cursor:pointer}#members>.member.owner>.image::after{content:"";position:absolute;left:50%;top:-3px;transform:translateX(-50%);width:calc(var(--member-avatar-size) + 1rem);height:calc(var(--member-avatar-size) + 1rem);background-image:url("/images/crown.svg");background-repeat:no-repeat;background-position:center, center;z-index:1}#members>.member.online>.image::before{background-color:var(--color-green)}#members>.member.offline>.image::before{background-color:var(--color-gray)}#members>.member.busy>.image::before{background-color:var(--color-red)}#members>.member.idle>.image::before{background-color:var(--color-orange)}#attachments{display:flex;flex-wrap:wrap;column-gap:var(--attachment-gap);row-gap:var(--attachment-gap);border-radius:var(--attachment-border-radius);margin-top:1rem}#attachments:empty{display:none}#attachments>.attachment{position:relative;cursor:pointer}#attachments>.attachment>img{border-radius:var(--attachment-border-radius);opacity:1;height:120px;width:120px;object-fit:cover}#attachments>.attachment>.remove{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:4rem;height:4rem;background-image:url("/images/delete.svg");background-repeat:no-repeat;background-position:center center;background-size:contain;z-index:1;visibility:hidden}#attachments>.attachment:hover>img{opacity:0.5}#attachments>.attachment:hover>.remove{visibility:visible}#input{padding:1rem 1rem 2rem 1rem;position:relative}#input>.content{display:flex;column-gap:0.5rem}#input>.content>textarea{resize:none;font-size:14px;line-height:1rem;width:100%;padding:0.5rem 1rem;border-radius:0.5rem;border:none;outline:none;background-color:var(--background);color:var(--text)}#suggestions{position:absolute;left:0;top:-1px;transform:translateY(-100%);width:100%}#suggestions>div{padding:0.5rem 1rem;cursor:pointer}#suggestions>div.active,#suggestions>div:hover{background-color:rgba(0,0,0,0.3)}@media screen and (max-width: 700px){#channels-sidebar,#members-sidebar{position:fixed;top:0;height:100%;z-index:10;transition:transform 100ms ease-in}#channels-sidebar{left:0;transform:translateX(-100%)}#channels-sidebar.open{transform:translateX(0)}#members-sidebar{right:0;transform:translateX(100%)}#members-sidebar.open{transform:translateX(0)}#messages{max-width:100vw}#channels .channel .remove{display:none}}@media screen and (min-width: 701px){#channels-toggle{display:none}#members-toggle{display:none}}#channels-toggle{background-image:url("/images/menu.svg")}#members-toggle{background-image:url("/images/user.svg")}#send{background-image:url("/images/send.svg")}.menu-toggle,#send{width:2rem;height:2rem;cursor:pointer;background-repeat:no-repeat;background-position:center center;background-size:contain}