/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0;border:unset;color:unset;background-color:unset}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline;text-decoration:none}:focus-visible{outline:unset}ol,ul{list-style:none;padding:0;margin:0}a{color:unset}a[href]:hover{text-decoration:underline}b{font-weight:700}i{font-style:italic}s{text-decoration:line-through}u{text-decoration:underline}@font-face{font-family:Cantarell;src:url(/fonts/Cantarell-VF.otf) format("opentype")}@font-face{font-family:Inconsolata;src:url(/fonts/Inconsolata-VF.ttf) format("truetype")}:root{--default-font: "Cantarell", ui-sans-serif, system-ui, sans-serif;--monospace-font: "Inconsolata", ui-monospace, monospace;--accent-color-0: #f25858;--accent-color-1: #be4747;--accent-color-2: #a03e3e;--accent-color-3: #853434;--accent-color-0-0: #e97272;--fg-color-0: #ffffff;--fg-color-0-0: #eeeeee;--fg-color-1: #dbdee1;--fg-color-1-0: #c1c4c7;--fg-color-2: #949ba4;--fg-color-3: #656b72;--href-color: #019ce9;--bg-color-0: #1e1f22;--bg-color-0-0: #212225;--bg-color-1: #2b2d31;--bg-color-1-0: #2d2f34;--bg-color-2: #313338;--bg-color-3: #383a40;--bg-color-4: #4e525b;--header-height: 48px;--body-sidebar-width: 240px;--sidebar-width: 72px;--input-height: 44px;--user-banner-height: 60px;--shadow-ledge: 0 2px 0 0 hsl(none 0% 0% / .05), 0 1.5px 0 0 hsl(none 0% 0% / .05), 0 1px 0 0 hsl(none 0% 0% / .16);--message-highlight: rgba(0, 0, 0, .06);--message-accent: rgba(213, 63, 50, .1);--message-name: #f2f3f5;--message-actions-border: #33353a;--mention-background: #e736363d;--mention-background-hover: #e7363679;--mention-foreground: #dbcece;--mention-text: #da5050;--scrollbar-thumb-0: #1a1b1e;--scrollbar-thumb-1: #222226;--scrollbar-track: var(--bg-color-1);--textbox-color: #383a40;--user-hightlight: #35373c;--channel-icon: #80848e;--channel-highlight: #404249;--loader-color: #5b5d64;--skeleton-avatar: #3f4146;--skeleton-name: #4b4c52;--skeleton-content: #3b3d42;--skeleton-media: #36383d;--skeleton-user: #2e3035;--button-inactive: #b5bac1;--button-active: var(--fg-color-0);--button-hover: var(--fg-color-1);--button-red: #e93d41;--overlay-color: #b5bac1;--popup-color: #111214;--context-menu-color: #111214;--context-menu-divider-color: #262729;--you-color: #232428;--seperator-color: #3f4147;--divider-color: #42444b;--spoiler-color: #7b7c84;--editor-color: #474950;--reaction-color: rgba(40, 40, 48, .5);--reaction-color-hover: rgba(65, 65, 75, .4);--reaction-you-text-color: rgb(179, 163, 163);--toggle-off-color: #80848e;--toggle-on-color: #23a55a;--attachment-max-width: 550px;--attachment-max-height: 350px;--attachment-max-aspect-ratio: 550/350;--autocomplete-entry-height: 24px;--emoji-picker-width: 500px;--emoji-picker-highlight: #41434a}body{height:100vh;color:var(--fg-color-1);overflow:hidden;font-size:16px;font-family:var(--default-font);text-rendering:optimizeLegibility;font-weight:385;line-height:22px;font-variation-settings:"wdth" 110}a{color:var(--href-color)}a:hover{text-decoration:underline}.icon-button{width:32px;height:32px;border-radius:4px;color:var(--fg-color-2);flex:0 0 auto;display:flex;align-items:center;justify-content:center;position:relative}.icon-button.selected{background-color:var(--bg-color-1)}.icon-button:hover,.icon-button.hover{background-color:var(--user-hightlight)}.icon-button.red{color:var(--button-red)}.icon-button.on{color:var(--fg-color-1)}.icon-button.active{background-color:var(--bg-color-3)}.icon-button.foreground:hover{background-color:unset;color:var(--fg-color-1-0)}.icon-button svg{width:22px;height:22px}@keyframes spawn-in-from-top{0%{opacity:0;transform:translateY(-8px)}33%{opacity:.33;transform:translateY(-6px)}66%{opacity:.66;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}@keyframes spawn-in-from-bottom{0%{opacity:0;transform:translateY(8px)}33%{opacity:.33;transform:translateY(6px)}66%{opacity:.66;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}@keyframes spawn-in-from-left{0%{opacity:0;transform:translate(-8px)}33%{opacity:.33;transform:translate(-6px)}66%{opacity:.66;transform:translate(-1px)}to{opacity:1;transform:translate(0)}}@keyframes spawn-in-from-right{0%{opacity:0;transform:translate(8px)}33%{opacity:.33;transform:translate(6px)}66%{opacity:.66;transform:translate(1px)}to{opacity:1;transform:translate(0)}}.emoji{height:22px;width:22px;object-fit:contain;vertical-align:bottom;cursor:pointer;display:inline-block}.emoji.jumbo{height:48px;width:48px}.emoji.external{height:18px;width:18px;margin-bottom:.2em;cursor:inherit}.text-heading-small{text-transform:uppercase;font-size:12px;line-height:16px;font-weight:650;letter-spacing:.015em}.clickable-button{-webkit-user-select:none;user-select:none;color:var(--button-inactive);align-items:center;display:flex}.clickable-button .active{color:var(--button-active)}.clickable-button:hover{cursor:pointer;color:var(--button-hover)}.clickable-text:hover{text-decoration:underline;cursor:pointer}.error-boundary{padding:16px;height:100%;width:100%;min-width:52px;min-height:52px;font-size:14px;font-weight:450;color:var(--fg-color-1-0);background-color:var(--accent-color-3);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;overflow:clip}.error-boundary-title{font-size:16px;font-weight:600;color:var(--fg-color-1);text-transform:uppercase}.error-boundary-copy{position:absolute;top:0;bottom:0;right:0;left:0;opacity:0;background-color:var(--accent-color-3);display:flex;align-items:center;justify-content:center;cursor:pointer}.error-boundary-copy:hover{opacity:1}.error-boundary-layer{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#3200004d;display:flex;align-items:center;justify-content:center;flex-direction:column}.error-boundary-layer .error-boundary{border-radius:4px;width:unset;height:unset}.error-boundary-modal{pointer-events:auto;border-radius:8px;width:530px;height:76px;overflow:clip}#root{display:flex;flex-direction:row;height:100%;width:100%}#sidebar-container{width:var(--sidebar-width);background-color:var(--bg-color-0);display:flex;flex-direction:column}#main-container{z-index:0;flex:1;display:flex;flex-direction:column}#header-container{width:100%;height:var(--header-height);display:flex;box-shadow:var(--shadow-ledge);z-index:1}#left-header-container{width:var(--body-sidebar-width);height:100%;background-color:var(--bg-color-1);display:flex;align-items:center}.server-name{margin-left:16px;font-weight:600}.server-dropdown-button{margin-right:16px;margin-left:auto}#center-header-container{flex:1;height:100%;background-color:var(--bg-color-2);display:flex;flex-direction:row;align-items:center;position:relative}#body-container{width:100%;flex:1;display:flex}#left-body-container{width:var(--body-sidebar-width);background-color:var(--bg-color-1);display:flex;flex-direction:column}#right-body-container{max-width:var(--body-sidebar-width);background-color:var(--bg-color-1);display:flex;flex-direction:column}#center-body-container{flex:1;background-color:var(--bg-color-2);display:flex;flex-direction:column}#chat-container{flex:1;display:flex;margin:0 0 -8px}#chat-view{flex:1}.chat-view-outer{display:block;overflow-y:auto;overflow-x:hidden;contain:strict;width:100%;height:100%}.chat-view-inner{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.loader-box{width:55px;aspect-ratio:1;--g1: conic-gradient( from 90deg at 3px 3px, #0000 90deg, var(--loader-color) 0 );--g2: conic-gradient( from -90deg at 22px 22px, #0000 90deg, var(--loader-color) 0 );background:var(--g1),var(--g1),var(--g1),var(--g2),var(--g2),var(--g2);background-size:25px 25px;background-repeat:no-repeat;animation:box-animation 1.5s infinite}#input-container{flex:0;display:flex;flex-direction:column;z-index:0;position:relative}#textbox-container{margin:4px 16px 24px;background-color:var(--textbox-color);border-radius:8px;overflow-x:hidden;overflow-y:auto;display:flex;height:fit-content}#textbox-container.combined{margin-top:0;border-radius:0 0 8px 8px}#textbox-container.divider{box-shadow:inset 0 1px 0 0 var(--divider-color);padding-top:1px}#upload-container{margin:4px 16px 0;background-color:var(--textbox-color);border-radius:8px 8px 0 0;height:248px;width:calc(100% - 32px);position:relative}#upload-container.combined{margin-top:0;border-radius:0}#upload-container.divider{border-top:1px solid var(--divider-color)}.upload-row{position:absolute;top:0;left:0;right:0;bottom:0;padding-right:20px;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.upload-tile{flex:0 0 auto;width:200px;height:200px;background-color:var(--bg-color-1);border-radius:4px;margin:12px;padding:8px;box-sizing:content-box;display:flex;flex-direction:column;position:relative}.upload-container{height:100%;display:flex;flex-direction:column}.upload-actions{position:absolute;top:0;right:-16px;height:32px;background-color:var(--bg-color-1);box-shadow:0 0 0 1px #00000026;border-radius:3px;display:flex;flex-direction:row;overflow:clip}.upload-actions-button{border:2px solid var(--bg-color-1)!important;border-radius:4px!important}.upload-thumbnail-container{margin:auto;margin-bottom:unset;-webkit-user-select:none;user-select:none;min-height:0;position:relative;display:flex;justify-content:center}.spoilered .upload-thumbnail-container{border-radius:3px;overflow:clip;overflow-clip-margin:content-box;background-color:var(--spoiler-color)}.upload-thumbnail-wrapper{display:flex;justify-content:center}.upload-thumbnail-wrapper svg{width:72px;height:72px;border-radius:3px;overflow:clip}.spoilered .upload-thumbnail-wrapper{filter:blur(44px)}.upload-name-container{margin-top:auto}.upload-name{margin-top:8px;font-size:13px;font-weight:425;color:var(--fg-color-1-0);-webkit-user-select:none;user-select:none;align-content:center;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-thumbnail{max-width:100%;object-fit:contain;border-radius:3px;overflow-clip-margin:content-box;overflow:clip}#reply-to-container{margin:4px 16px 0;background-color:var(--bg-color-1);border-radius:8px 8px 0 0;height:40px;width:calc(100% - 32px);position:relative;display:flex;flex-direction:row;align-items:center;padding-left:16px;color:var(--fg-color-2);font-size:14px;font-weight:425;-webkit-user-select:none;user-select:none}.reply-to-name{font-size:16px;font-weight:450}.reply-to-at{margin-left:auto;font-size:16px;font-weight:600;cursor:pointer}.reply-to-at.active{color:var(--mention-text)}.reply-to-at-label{display:inline-block;font-size:14px;padding-top:2px;padding-left:2px;width:28px;text-align:left}.reply-to-at.active .reply-to-at-label{font-weight:650}.reply-to-close-button{margin-right:12px;margin-left:8px;padding-top:1px;width:20px!important;height:20px!important}#jump-container{z-index:-1;position:absolute;top:-26px;left:16px;background-color:var(--bg-color-4);border-radius:8px 8px 0 0;height:26px;width:calc(100% - 32px);display:flex;flex-direction:row;align-items:center;padding-left:16px;color:var(--fg-color-0-0);font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none;cursor:pointer}.jump-label{margin-left:auto;margin-right:4px;font-weight:600}.jump-icon{width:16px;height:16px;margin-right:16px}#textbox{flex:1;padding:11px 11px 11px 0;white-space:break-spaces!important;word-break:break-word;max-height:540px}.message-padding{height:8px}.chat-view-list>li:last-child{margin-bottom:26px}.message-entry{color:var(--fg-color-1);padding:2px 48px 2px 72px;margin-top:17px;min-width:200px;position:relative}.message-entry.active{background-color:var(--message-highlight)}.message-entry.editing{background-color:var(--bg-color-3)!important}.message-entry:hover{background-color:var(--message-highlight)}.message-entry:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}.message-background{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1}.message-background.flash[data-on=true]{background-color:var(--message-accent)}.message-background.flash[data-on=false]{transition-duration:.5s;background-color:transparent}.message-background.replying{background-color:var(--message-accent);border-left:2px solid var(--accent-color-1)}.message-entry.skeleton{background-color:unset!important}.message-entry.combined{margin-top:0}.message-entry.pending .message-content{color:var(--fg-color-3)}.message-entry.errored .message-content{color:var(--accent-color-0)}.message-entry.anchored{box-shadow:inset 0 0 0 1px var(--accent-color-1)}.message-reference{height:24px;position:relative;cursor:pointer;max-width:100%;width:fit-content;-webkit-user-select:none;user-select:none}.message-reference-container{white-space:nowrap;display:flex;flex-direction:row;align-items:baseline;gap:.3em}.message-reference-pointer{position:absolute;top:10px;left:4px;border:2px solid var(--fg-color-2);border-right:unset;border-bottom:unset;border-top-left-radius:6px;height:12px;width:34px;opacity:.4}.message-reference-decoration{position:absolute;top:0;left:-42px;width:42px;height:24px}.message-reference-user{opacity:.8}.message-reference-avatar{display:inline-flex;width:16px;height:16px;border-radius:50%;background-color:var(--skeleton-avatar);margin-right:2px;position:relative;top:4px;vertical-align:top;align-items:center;justify-content:center;color:var(--fg-color-2)}.message-reference-name{font-size:14px;font-weight:450}.message-reference-content{flex:1 1 auto;padding-right:.2em;max-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;opacity:.9;cursor:pointer;pointer-events:none}.message-reference-content .empty{font-weight:400;font-style:italic}.message-reference:hover .message-reference-pointer{opacity:.8}.message-reference:hover .message-reference-content{opacity:1}.message-reference:hover .message-reference-error{color:var(--fg-color-1-0)}.message-reference:hover .message-reference-user{opacity:1}.message-reference-error{font-size:13px;font-style:italic;font-weight:450;color:var(--fg-color-2);padding-right:4px}.message-reference-media-icon{height:24px;font-size:18px}.message-reference-media-icon svg{margin-left:2px;vertical-align:-4px}.message-reactions{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;padding-top:2px;padding-bottom:2px;-webkit-user-select:none;user-select:none}.message-reaction{display:inline-block;color:var(--fg-color-2);background-color:var(--reaction-color);border-radius:8px;padding:3px 8px 5px 7px;cursor:pointer;box-shadow:inset 0 0 0 1px transparent}.message-reaction:hover{background-color:var(--reaction-color-hover)}.message-entry.editing .message-reaction{background-color:transparent;box-shadow:inset 0 0 0 1px var(--editor-color)}.message-entry.editing .message-reaction:hover{background-color:var(--reaction-color-hover);box-shadow:inset 0 0 0 1px var(--editor-color)}.message-reaction.you{color:var(--reaction-you-text-color);background-color:var(--message-accent)!important;box-shadow:inset 0 0 0 1px var(--accent-color-1)!important}.message-entry.replying .message-reaction.you{background-color:transparent!important}.message-reaction .emoji{width:20px;height:20px}.message-reaction-count{margin-left:8px;font-size:15px;line-height:20px;font-weight:600}.message-content{line-height:22px;color:var(--fg-color-1);white-space:break-spaces;word-break:break-word;margin:auto}pre code{padding:.5em;margin-top:6px;white-space:pre-wrap;display:block;overflow-x:auto}.message-content b{font-weight:700}.message-editor{position:relative;max-height:600px;overflow:hidden;background-color:var(--bg-color-3);border-radius:8px;margin-top:8px;margin-bottom:4px;box-shadow:inset 0 0 0 1px var(--editor-color)}.message-editor-inner{padding:11px 16px}.message-editor-controls{font-size:12px;color:var(--fg-color-2);margin-bottom:4px}.message-content pre{width:90%;display:inline-block}.message-content code.inline{padding:0 1px 1px;margin:0;border-radius:4px;font-family:var(--monospace-font);font-size:14px;text-indent:0;white-space:pre-wrap;background-color:var(--bg-color-1);border:1px solid var(--bg-color-0)}.message-edited-timestamp{font-size:10px;color:var(--fg-color-2);cursor:default}.message-accessories{display:grid;grid-row-gap:4px;position:relative;padding-top:2px;padding-bottom:2px}.message-actions{display:none;position:absolute;right:0;top:0}.message-actions:hover,.message-entry:hover .message-actions,.message-entry.active .message-actions{display:block}.message-actions-container{padding:0 14px 0 32px;position:absolute;right:0;top:-16px;z-index:1}.message-actions-bar{display:flex;flex-direction:row;background-color:var(--bg-color-1-0);border-radius:3px;box-shadow:0 0 0 2px #0000001a;overflow:clip}.message-actions-button{border:2px solid var(--bg-color-1-0)!important;border-radius:6px!important}.message-actions-button:first-child{padding-left:1px}.message-actions-button:last-child{padding-right:2px}.message-actions-button svg{width:20px;height:20px}.message-file{width:432px;height:74px;background-color:var(--bg-color-1);border-radius:4px;border:1px solid var(--bg-color-0);display:flex;flex-direction:row;align-items:center}.message-entry:hover .message-file-button{opacity:1}.message-file-icon{color:var(--fg-color-1);flex:0 0 auto;width:64px;height:64px;padding:8px}.message-file-button{opacity:0;margin-left:8px;margin-right:8px}.message-file-button.download svg{width:28px;height:28px}.message-file-icon svg{width:100%;height:100%}.message-file-content{min-width:0;flex:1;display:flex;flex-direction:column;padding-top:12px;padding-bottom:12px}.message-file-title{font-size:16px;font-weight:450;color:var(--fg-color-1);display:flex;flex-direction:row}.message-file-text{white-space:pre;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.message-file-size{font-size:14px;font-weight:400;color:var(--fg-color-2)}.message-file-link{cursor:pointer;color:var(--href-color)}.message-file-link:hover{text-decoration:underline}.message-file-size.inline{flex:0 0 auto;white-space:nowrap}.message-file-progress{margin-top:8px;width:100%;height:5px;background-color:var(--bg-color-3);border-radius:4px}.message-file-progress-bar{width:50%;height:100%;background-color:var(--accent-color-1);border-radius:4px}.message-attachments{display:flex;flex-direction:column;gap:4px;padding-top:2px;padding-bottom:2px}.message-attachments .message-attachment-group:first-child{border-top-left-radius:8px!important;border-top-right-radius:8px!important}.message-attachments .message-attachment-group:last-child{border-bottom-left-radius:8px!important;border-bottom-right-radius:8px!important}.message-attachment-group{flex:1;overflow:hidden}.group-1 .message-attachment{border-radius:8px!important}.group-2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-gap:4px;max-width:var(--attachment-max-width)}.group-2 .message-attachment{aspect-ratio:1!important}.group-3{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-gap:4px;max-width:var(--attachment-max-width);max-height:var(--attachment-max-height)}.group-3 .message-attachment:first-child{grid-row:span 2}.group-3 .message-attachment{width:100%;height:100%}.group-4{display:grid;flex-direction:row;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:4px;max-width:var(--attachment-max-width);max-height:var(--attachment-max-height)}.group-4 .message-attachment{aspect-ratio:var(--attachment-max-aspect-ratio)!important}.row-2{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-gap:4px;max-width:var(--attachment-max-width)}.row-2 .message-attachment{aspect-ratio:var(--attachment-max-aspect-ratio)!important}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;grid-gap:4px;max-width:var(--attachment-max-width)}.row-3 .message-attachment{aspect-ratio:1 / 1!important}.message-attachment{flex:1;border-radius:2px;overflow:hidden;position:relative;width:auto;height:auto}.media-wrapper{-webkit-user-select:none;user-select:none}.message-attachment.media-wrapper img{object-fit:cover}.message-attachment.media-wrapper video{object-fit:cover}.media-fill{position:relative;width:100%;height:100%;overflow:hidden}.media-wrapper img{border-radius:inherit;position:absolute;top:0;left:0;width:100%;height:100%}.media-wrapper video{border-radius:inherit;position:absolute;top:0;left:0;width:100%;height:100%}.message-embeds{display:grid;grid-gap:4px}.message-embed{position:relative;max-width:max-content;box-sizing:border-box;white-space:break-spaces;word-wrap:break-word;border-left:4px solid var(--bg-color-0);border-radius:4px;background:var(--bg-color-1)}.message-embed-grid{overflow:hidden;padding:2px 16px 16px 12px;display:grid;grid-template-columns:auto;grid-template-rows:auto}.embed-provider{color:var(--fg-color-2);font-size:12px;line-height:16px;font-weight:400;grid-column:1 / 1;margin-top:8px}.embed-author{color:var(--message-name);font-size:14px;line-height:22px;font-weight:600;grid-column:1 / 1;margin-top:8px}.embed-title{color:var(--href-color);font-size:16px;line-height:22px;font-weight:600;grid-column:1 / 1;margin-top:8px}.embed-description{color:var(--fg-color-1);font-size:14px;line-height:18px;grid-column:1 / 1;margin-top:8px}.embed-thumbnail{grid-row:1 / 8;grid-column:2 / 2;margin-left:16px;margin-top:8px;border-radius:4px}.embed-media{margin-top:16px;grid-column:1 / 1;border-radius:4px;contain:paint}.embed-media-container{width:auto;display:block;position:relative;overflow:hidden;border-radius:3px}.message-embedding-loader .loader{width:24px;height:24px;margin:8px 9px 4px 8px}.video-container{position:absolute;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.video-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.video-cover.clickable{cursor:pointer}.video-cover:hover .video-cover-icon{opacity:.9}.video-cover-icon{padding:12px;border-radius:50%;line-height:0px;background-color:#000;opacity:.6;transition:opacity .25s,color .25s;height:24px;width:24px;box-sizing:content-box}.video-download-icon{position:absolute;top:5px;right:5px;padding:3px;border-radius:4px;background-color:#000;transition:opacity .25s,color .25s;opacity:0;box-sizing:content-box;color:var(--overlay-color);height:20px;width:20px}.video-download-icon svg{height:100%;width:100%}.video-container:hover .video-download-icon{opacity:.6}.media-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;cursor:default}.media-error-icon{padding:12px;line-height:0px;box-sizing:content-box;color:#fff;opacity:.5;width:64px;height:64px}.video-loader{position:absolute;top:5px;right:5px;color:var(--fg-color-1);background-color:#00000059;border-radius:50%;width:24px;height:24px;padding:3px}.video-loader .loader{height:100%;width:100%;border:3px solid var(--fg-color-1);opacity:.8}@keyframes video-overlay-played{0%{transform:scale(1);opacity:.2}25%{transform:scale(1.5);opacity:.6}50%{transform:scale(1.75);opacity:.9}75%{transform:scale(2);opacity:.4}to{transform:scale(2.5);opacity:0}}@keyframes video-overlay-paused{0%{transform:scale(1);opacity:.2}25%{transform:scale(1.5);opacity:.6}50%{transform:scale(1.75);opacity:.9}75%{transform:scale(2);opacity:.4}to{transform:scale(2.5);opacity:0}}.video-overlay{position:relative;top:50%;left:50%;margin-left:-23px;margin-top:-23px;padding:12px;width:48px;height:48px;background-color:#0009;color:var(--overlay-color);border-radius:50%;opacity:0}.video-overlay.hidden{opacity:0!important}.video-overlay.playing{animation-name:video-overlay-played;animation-duration:.4s}.video-overlay.paused{animation-name:video-overlay-paused;animation-duration:.4s}.video-overlay-icon{width:24px;height:24px}.video-controls{position:absolute;bottom:0;left:0;right:0;width:100%;display:flex;align-items:center;height:32px;background-color:#0009;-webkit-user-select:none;user-select:none;transform:translateY(0);transition:transform .25s}.video-controls.hidden{transform:translateY(100%)}.video-button{min-width:32px;min-height:32px;display:flex}.video-button.play{margin-left:2px;margin-right:6px}.video-button.volume{margin-left:2px;margin-right:0}.video-button.fullscreen{margin-left:0;margin-right:6px}.video-button-icon{display:block;margin:auto;cursor:pointer;flex:0 0 auto;opacity:.6;color:#fff}.video-button-icon.pi{width:23px;height:23px}.video-button-icon.pi.play{transform:translate(-2px)}.video-button-icon.pi.fullscreen,.video-button-icon.md{width:26px;height:26px}.video-button:hover .video-button-icon{opacity:1}.video-duration{flex:0 0 auto;margin:4px}.video-duration span{font-weight:500;display:inline-block;font-family:var(--monospace-font);font-size:14px;line-height:25px;font-variation-settings:"wdth" 100}.video-duration-seperator{margin:0 2px}.video-timeline{width:100%;display:flex;align-self:stretch}.video-bar{position:relative;flex:1 1 auto;align-self:stretch;display:flex;align-items:center;cursor:pointer;margin:0 7px}.video-bar-wrapper{position:relative;flex:1 1 auto;height:6px;z-index:1;background-color:#c4c9ce4d}.video-bar-layer{position:absolute;top:0;left:0;height:100%}.video-bar-progress{background-color:var(--accent-color-0);z-index:2}.video-bar-buffers{width:100%;opacity:.3}.video-bar-buffer{background-color:#fff;z-index:1}.video-bar-preview{background-color:#fff;opacity:0;z-index:1}.video-bar:hover .video-bar-preview{opacity:.3}.video-bar-grabber{background-color:var(--accent-color-1);position:absolute;top:50%;right:0;z-index:3;width:10px;height:10px;border-radius:5px;margin-top:-5px;margin-right:-5px;transform:scale(0);transform-origin:50% 50%;cursor:grab}.video-bar.active .video-bar-grabber,.video-bar:hover .video-bar-grabber,.video-volume-bar.active .video-bar-grabber,.video-volume-bar:hover .video-bar-grabber{transform:scale(1);background-color:var(--accent-color-1)}.video-bar-bubble{position:absolute;pointer-events:none;border-radius:3px;top:-28px;padding:0 8px;transform:translate(-50%);width:auto;height:18px;line-height:18px;text-align:center;font-weight:600;font-size:12px;color:var(--fg-color-0);opacity:0;background-color:#000}.video-bar-bubble:before{position:absolute;pointer-events:none;top:100%;left:50%;content:" ";width:0;height:0;margin-left:-5px;border:5px solid transparent;border-top:5px solid black}.video-bar:hover .video-bar-bubble{opacity:1}.video-bar-ends:before,.video-bar-ends:after{background-color:inherit;content:"";position:absolute;top:0;height:100%;width:3px;z-index:inherit}.video-bar-ends:before{left:-3px;border-radius:3px 0 0 3px}.video-bar-ends:after{right:-3px;border-radius:0 3px 3px 0}.video-volume-container{justify-content:flex-end;align-items:center;flex-direction:column;display:flex;position:relative}.video-volume{position:absolute;bottom:calc(100% + 16px);left:-76px;right:0;-webkit-app-region:no-drag;margin-bottom:4px;margin-left:-4px}.video-volume .vertical{display:flex;align-items:center;transform-origin:top;transform:rotate(-90deg);height:54px;width:140px}.video-volume-bar{flex:none;align-self:center;border-radius:8px;background-color:#000000b3;padding:4px 8px;width:72px;margin:0 4px 0 0}.video-volume-slider{flex:none;display:flex;width:72px;justify-content:center;background-color:var(--accent-color-0)}.message-header.skeleton{position:relative;top:3px}.message-avatar{position:absolute;left:16px;margin-top:2px;width:40px;height:40px;border-radius:50%;background-color:var(--skeleton-avatar)}.message-avatar.skeleton{background-color:var(--skeleton-avatar)}.message-name{color:var(--message-name);font-weight:450}.message-name span:hover{cursor:pointer;-webkit-text-decoration:underline;text-decoration:underline}.message-name.skeleton{vertical-align:text-bottom;display:inline-block;width:100px;height:16px;background-color:var(--skeleton-name);border-radius:8px}.message-timestamp{line-height:22px;color:var(--fg-color-2);vertical-align:baseline;font-size:12px;margin-left:8px;display:inline-block;height:20px;cursor:default;pointer-events:none;font-weight:500}.message-timestamp-inline{display:none;position:absolute;left:0;height:22px;width:72px;line-height:22px;text-align:center;vertical-align:baseline;color:var(--fg-color-2);font-size:10px;font-weight:550;-webkit-user-select:none;-moz-user-select:none;user-select:none}.message-entry:hover .message-timestamp-inline{display:block}.message-skeleton{margin-top:9px;flex:1;display:flex;flex-direction:column;gap:6px}.message-skeleton-row{display:flex;flex-direction:row;gap:4px}.message-skeleton-bubble{height:16px;width:50px;border-radius:8px;background-color:var(--skeleton-content)}.message-skeleton-media{width:100px;height:100px;background-color:var(--skeleton-media);border-radius:5px}#user-container{flex:1;display:flex;flex-direction:column}.user-view{flex:1;contain:strict;width:var(--body-sidebar-width);height:100%;overflow:hidden hidden!important;padding-right:8px}.user-view:hover{padding-right:0;overflow-y:scroll!important}.user-list-entry{position:absolute;left:0;right:0;height:45px}.user-group{padding:24px 8px 0 16px;color:var(--fg-color-2)}.user-entry{color:var(--fg-color-2);margin:1px 0 1px 8px;padding:6px 8px;display:flex;flex-direction:row;align-items:center;border-radius:4px}.user-entry:hover{background-color:var(--user-hightlight);color:var(--fg-color-1)}.user-entry.offline{opacity:.3}.user-entry.skeleton{pointer-events:none}.user-avatar{width:32px;height:32px;flex:0 0 32px;margin-right:12px}.user-avatar-svg .none{fill:#a123a5}.user-avatar-svg .online{fill:#23a55a}.user-avatar-svg .offline{fill:#83838b}.user-avatar-svg .away{fill:#f0b232}.user-avatar-svg .dont-disturb{fill:#f23f43}.user-avatar.skeleton{background-color:var(--skeleton-user);border-radius:16px}.user-details{display:flex;flex-direction:column;min-width:0;gap:2px}.user-display-name{line-height:18px;font-size:16px;font-weight:500;flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-display-name.skeleton{width:100px;height:16px;background-color:var(--skeleton-user);border-radius:8px}.user-status-message{line-height:12px;font-size:12px;color:var(--fg-color-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-presence{font-size:12px;margin-top:5px}#channel-container{flex:1;display:flex;flex-direction:column}.channel-view{flex:1;contain:strict;height:100%;overflow:hidden hidden!important;padding-left:4px;padding-right:8px;padding-bottom:8px}.channel-view:hover{padding-right:0;overflow-y:scroll!important}.channel-view.no-group{padding-top:12px}.channel-entry{display:flex;border-radius:4px;padding:6px 8px;margin:1px 1px 1px 4px;align-items:center;color:var(--fg-color-2)}.channel-entry:hover{background-color:var(--user-hightlight);color:var(--fg-color-1)}.channel-entry.current{background-color:var(--channel-highlight)!important;color:var(--fg-color-0)!important}.channel-icon{color:var(--channel-icon);height:20px;width:20px;margin-right:5px}.channel-name{font-size:16px;line-height:19px;font-weight:450;padding-bottom:1px}.channel-group-entry{display:flex;height:24px;margin-top:20px;align-items:center;color:var(--fg-color-2)}.channel-group-entry:hover{color:var(--fg-color-1)}.channel-group-icon{height:16px;width:16px;padding-left:3px;padding-right:3px}.channel-group-controls{margin-left:auto;display:flex;padding-right:8px}.channel-group-controls-icon{height:16px;width:16px}.thin-scrollbar::-webkit-scrollbar{width:8px}.thin-scrollbar::-webkit-scrollbar-track{background-color:transparent}.thin-scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-0);border-radius:4px;background-clip:padding-box;border:2px solid transparent;min-height:40px}.thin-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.thick-scrollbar::-webkit-scrollbar{width:16px}.thick-scrollbar::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:8px;background-clip:padding-box;border:4px solid transparent;margin-bottom:8px}.thick-scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-0);border-radius:8px;background-clip:padding-box;border:4px solid transparent;min-height:40px}.thick-scrollbar:-webkit-scrollbar-corner{background-color:transparent}.input-scrollbar::-webkit-scrollbar{height:12px;width:12px}.input-scrollbar::-webkit-scrollbar-track{background-color:transparent;background-clip:padding-box;border:4px solid transparent}.input-scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-1);border-radius:8px;background-clip:padding-box;border:4px solid transparent;min-height:40px}.input-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.input-button{width:auto;height:44px;padding:10px 16px;position:sticky;top:0}.input-icon{height:26px;width:26px;margin-left:-2px;margin-top:-1px}#textbox-input{flex:1}button{cursor:pointer;background:transparent;color:currentColor;border:0;margin:0;padding:0}.inline-emoji{display:inline-block;cursor:default}.inline-mention{display:inline-block;background-color:var(--mention-background);color:var(--mention-foreground);border-radius:3px;padding:0 2px;font-weight:425;cursor:default}.inline-mention-hashtag{font-size:1.1em;font-style:italic}.inline-button{cursor:pointer}.inline-button:hover{background-color:var(--mention-background-hover)}.leaf-bold{font-weight:700}.leaf-italics{font-style:italic}.leaf-underline{text-decoration:underline}.leaf-strikethrough{text-decoration:line-through}.leaf-underline.leaf-strikethrough{text-decoration:underline line-through}.leaf-code{font-weight:400;background:var(--bg-color-1);font-family:var(--monospace-font);font-size:14px;line-height:18px;padding:5px 0 4px}.leaf-code.leaf-before{border-radius:3px 0 0 3px}.leaf-code.leaf-after{border-radius:0 3px 3px 0}.leaf-codeblock{font-weight:400;color:var(--fg-color-2);font-family:var(--monospace-font);font-size:14px;line-height:19px;background:unset!important}.leaf-codeblock.leaf-before,.leaf-codeblock.leaf-after{font-family:revert;font-size:revert}.leaf-syntax{color:var(--fg-color-2);text-decoration:unset!important;font-style:unset!important;font-weight:revert!important}.leaf-language{color:unset}.leaf-url{color:var(--href-color)}.leaf-hr{display:block;text-align:center;border-bottom:2px solid #ddd}.leaf-blockquote{display:inline-block;border-left:2px solid #ddd;padding-left:10px;color:#aaa;font-style:italic}.tooltip{position:absolute;border-radius:5px;font-weight:500;font-size:14px;white-space:nowrap;line-height:16px;box-sizing:border-box;word-wrap:break-word;will-change:opacity,transform;box-shadow:0 12px 24px #0000003d;color:var(--fg-color-1);background-color:var(--popup-color);pointer-events:none}.tooltip-pointer{width:0;height:0;border:5px solid transparent;border-top-color:var(--popup-color)}.tooltip-top{transform:translate(-50%) translateY(-100%)}.tooltip-top .tooltip-pointer{position:absolute;top:100%;left:50%;margin-left:-5px}.tooltip-bottom{transform:translate(-50%)}.tooltip-bottom .tooltip-pointer{transform:scaleY(-1);position:absolute;top:-10px;left:50%;margin-left:-5px}.tooltip-left{transform:translate(-100%) translateY(-50%)}.tooltip-left .tooltip-pointer{transform:scaleX(-1) rotate(90deg);position:absolute;right:-10px;top:50%;margin-top:-5px}.tooltip-right{transform:translateY(-50%)}.tooltip-right .tooltip-pointer{transform:rotate(90deg);position:absolute;left:-10px;top:50%;margin-top:-5px}.tooltip-content{padding:8px 12px;overflow:hidden}.layer-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.layer-popup{pointer-events:none}.click-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:auto}.click-wrapper.passthrough{pointer-events:none}.tooltip-wrapper{height:fit-content;display:inline-block}@keyframes modal-background-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-background-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-popup-fade-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modal-popup-fade-out{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes modal-layer-fade-in{0%{transform:scale(1.25);opacity:0}to{transform:scale(1);opacity:1}}@keyframes modal-layer-fade-out{0%{transform:scale(1);opacity:1}to{transform:scale(1.25);opacity:0}}.modal-background{background-color:#000000b3;animation:modal-background-fade-in .25s forwards}.modal-background.closing{animation:modal-background-fade-out .25s forwards}.modal-popup>div{animation:modal-popup-fade-in .25s}.modal-popup.closing>div{animation:modal-popup-fade-out .25s}.modal-layer>div{animation:modal-layer-fade-in .25s}.modal-layer.closing>div{animation:modal-layer-fade-out .25s}.modal-container{pointer-events:auto;background-color:var(--bg-color-2);border-radius:8px;width:530px;min-height:100px}.viewer-controls{top:0;left:0;bottom:0;right:0;position:absolute;color:var(--fg-color-2);pointer-events:none}.viewer-button{width:50px;height:50px;display:flex;justify-content:center;align-items:center;transition:color .25s;pointer-events:auto}.viewer-button:hover{color:var(--fg-color-0)}.viewer-left-button{left:10px;top:50%;transform:translateY(-50%);position:absolute}.viewer-right-button{right:10px;top:50%;transform:translateY(-50%);position:absolute}.viewer-button-icon{width:26px;height:26px}.viewer-attachment{pointer-events:auto;position:relative;border-radius:3px}.viewer-attachment img{position:absolute;top:0;left:0;width:100%;height:100%}.viewer-attachment video{position:absolute;top:0;left:0;width:100%;height:100%}.viewer-options-container{position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);display:flex;flex-flow:wrap;align-items:center;justify-content:space-between;gap:4px}.viewer-media-container{border-radius:3px;position:relative;width:100%;height:100%;overflow:hidden}.viewer-track{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:row}.viewer-track-item{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.viewer-track-item .viewer-attachment{opacity:0}.viewer-track-item.visible .viewer-attachment{opacity:1}.preload{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.preload img{position:absolute;top:0;left:0;width:100%;height:100%}.preload-blur{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.link{font-size:14px;font-weight:500;line-height:18px;text-decoration:none;transition:color .15s;color:var(--fg-color-1-0)}.link:hover{color:var(--fg-color-0);text-decoration:underline;cursor:pointer}.header-channel{flex:1 1 auto;padding:8px;display:flex;flex-direction:row;align-items:center}.header-channel:after{content:"";position:absolute;top:0;right:0;width:8px;height:100%}.header-channel-icon{margin:0 8px;height:24px;width:24px;color:var(--channel-icon)}.header-channel-name{font-size:16px;font-weight:600;color:var(--fg-color-1);-webkit-user-select:none;user-select:none}.header-controls{flex:0 0 auto;padding:8px;display:flex;align-items:center}.search-container{background-color:var(--bg-color-0);width:224px;height:24px;border-radius:4px;margin:0 8px;position:relative}.search-input{color:var(--fg-color-2);font-size:14px;font-weight:525;padding-left:6px}.search-icon{width:18px;height:18px;color:var(--fg-color-2);position:absolute;top:3px;right:4px}.header-button{margin:0 8px}.header-icon{width:24px;height:24px}.user-popup-anchor{opacity:1!important;position:absolute}.user-popup-anchor-left{animation:spawn-in-from-left .1s ease-in}.user-popup-anchor-right{animation:spawn-in-from-right .1s ease-in}.user-popup{pointer-events:auto;border-radius:8px;box-shadow:#0000003d 0 8px 16px;max-height:calc(100vh - 20px)}.user-popup-left{transform:translateY(100%)}.user-popup-left.flip{transform:translateY(44px)}.user-popup-right.flip{transform:translateY(calc(-100% + 20px))}.user-popup-container{display:flex;flex-direction:column;padding-bottom:4px;border-radius:8px;overflow:hidden;width:300px;background-color:var(--popup-color)}.user-popup-header{display:block;min-height:calc(var(--user-banner-height) + 35px);flex-shrink:0}.user-popup-banner{min-width:300px;min-height:var(--user-banner-height)}.user-popup-avatar{position:absolute;z-index:0;top:calc(var(--user-banner-height) - 50px);left:10px;width:92px;height:92px;border-radius:50%;background-color:var(--popup-color);padding-left:6px;padding-top:6px}.user-popup-names{display:flex;flex-direction:column;margin-top:8px}.user-popup-status-message{font-size:16px;margin-top:6px;margin-bottom:2px;color:var(--fg-color-1-0);word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.user-popup-label{font-size:14px;font-weight:800;letter-spacing:-.2px;text-transform:uppercase}.user-popup-profile-message{font-size:16px;color:var(--fg-color-1-0);word-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden}.user-popup-body{display:flex;flex-direction:column;padding:0 16px}.user-popup-footer{display:flex;flex-direction:column;padding:0 16px 12px}.user-popup-display-name{font-size:20px;line-height:1.2;font-weight:700}.user-popup-user-name{font-size:14px;font-weight:400;line-height:18px;color:var(--fg-color-2)}.user-popup-roles{flex-wrap:wrap;display:flex;gap:4px;margin-top:8px}.user-popup-role{align-items:center;display:flex;font-size:12px;font-weight:500;box-sizing:border-box;padding:5px;height:24px;border-radius:4px;background:var(--bg-color-0);-webkit-user-select:none;user-select:none;cursor:default}.user-popup-role-color{display:flex;align-items:center;justify-content:center;border-radius:50%;width:12px;height:12px;padding:0;margin:0 4px;font-size:18px;color:var(--fg-color-2)}.user-popup-role-color>svg{display:none;width:18px;height:18px;position:absolute}.user-popup-role:hover.removable{cursor:pointer;background:var(--bg-color-1)}.user-popup-role:hover.removable .user-popup-role-color{background-color:unset!important}.user-popup-role:hover.removable .user-popup-role-color>svg{display:block}.user-popup-role-name{margin-right:4px}.user-popup-role-add-button{height:24px;width:24px;background-color:var(--bg-color-0)}.user-popup-role-add-button:hover{background-color:var(--bg-color-1)}.user-popup-seperator{height:1px;background-color:var(--seperator-color);margin:8px 0}.loading-screen{top:0;left:0;bottom:0;right:0;position:absolute;background-color:var(--bg-color-1)}.loading-screen-spinner{position:absolute;top:50%;left:50%;width:100px;height:100px;color:var(--fg-color-1);transform:translate(-50%,-50%);animation:spinner-rotate 2s linear infinite}.login-screen{top:0;left:0;bottom:0;right:0;position:absolute;background-color:var(--bg-color-1);display:flex;align-items:center;justify-content:center}.login-container{background-color:var(--bg-color-2);border-radius:5px;padding:32px;width:480px;box-shadow:0 2px 10px #0000003d;display:flex;flex-direction:column}.login-container-title{font-size:24px;line-height:1.25;font-weight:700;color:var(--fg-color-1);text-align:center;margin-bottom:4px;-webkit-user-select:none;user-select:none}.login-container-title .name{font-size:30px}.login-container-subtitle{font-size:16px;line-height:1.25;font-weight:400;color:var(--fg-color-2);text-align:center;-webkit-user-select:none;user-select:none}.login-container-spacer{height:25px;display:flex;justify-content:center;align-items:center}.login-container-spacer.error{height:40px}.login-container-label{font-size:12px;line-height:1.3333333333333333;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--fg-color-1);margin-bottom:8px;-webkit-user-select:none;user-select:none}.login-container-label .reset{opacity:.65}.login-container-label .right{text-transform:none;font-weight:400;text-align:right;float:right}.login-container-label .required{color:#e43f41;padding-left:2px}.login-container-label .error{color:#e75557}.login-container-error{font-size:14px;font-weight:400;color:#e75557}.login-container-input{width:100%;height:40px;background-color:var(--bg-color-0);border-radius:3px;color:var(--fg-color-1);opacity:.9;font-size:16px;font-weight:400;padding:12px 10px}.login-container-button{position:relative;margin-bottom:10px;border-radius:3px;width:100%;height:40px;background-color:var(--accent-color-1);font-size:16px;font-weight:500;color:var(--fg-color-0)}.login-container-button:hover{background-color:var(--accent-color-2)}.login-container-button:active{background-color:var(--accent-color-3)}.login-container-button:disabled{background-color:var(--accent-color-2)!important}.login-container-register{width:min-content;font-size:14px;letter-spacing:.02em;font-weight:400;-webkit-user-select:none;user-select:none;margin:auto;opacity:.65}.captcha-layer{background-color:#00000080}.captcha-popup{background-color:var(--bg-color-2);border-radius:5px;padding:32px;box-shadow:0 2px 10px #0000003d;flex-direction:column;line-height:0px;width:380px;height:150px;display:flex;justify-content:center;align-items:center}.captcha-container{z-index:0;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.loader{height:32px;width:32px;border:4px solid var(--fg-color-2);border-bottom-color:transparent!important;border-radius:50%;display:inline-block;box-sizing:border-box;animation:loader-rotation 1s linear infinite}.loader.inline{height:20px;width:20px;border:3px solid var(--fg-color-0)}.loader.right{position:absolute;right:10px}@keyframes loader-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#you-container{height:53px;width:100%;background-color:var(--you-color);display:flex;flex-direction:row;align-items:center;padding-left:6px;padding-right:11px}.you-entry{flex:1 0 auto;display:flex;flex-direction:row;align-items:center;border-radius:4px;height:39px;padding:2px 5px 3px 2px;margin-right:8px}.you-entry:hover{background-color:var(--user-hightlight)}.you-entry.active{background-color:var(--bg-color-1)}.you-details{display:flex;flex-direction:column;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-top:5px;padding-bottom:5px}.you-avatar{width:32px;height:32px;flex:0 0 32px;margin-right:8px}.you-display-name{font-size:16px;font-weight:500;flex:1 1 auto;line-height:18px;color:var(--fg-color-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.you-user-name{font-size:12px;font-weight:450;flex:1 1 auto;line-height:14px;color:var(--fg-color-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.spoiler-overlay{cursor:pointer;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}.spoiler-text{border-radius:20px;cursor:pointer;color:var(--fg-color-1);font-size:14px;font-weight:700;letter-spacing:.25px;text-transform:uppercase;background-color:#0009;padding:4px 12px}.spoiler-overlay:hover .spoiler-text,.spoiler-text:hover{background-color:#000000d9}.attachment-modal-thumbnail{margin-top:-48px;margin-left:16px;max-width:100px;max-height:100px;border-radius:3px}.attachment-modal-label{margin-bottom:8px}.attachment-modal-seperator{margin-top:8px;margin-bottom:24px}.button{min-width:96px;padding-left:16px;padding-right:16px;height:38px;border-radius:3px;font-size:13px;font-weight:500;letter-spacing:.25px;color:var(--fg-color-0);background-color:var(--accent-color-1)}.button:hover{background-color:var(--accent-color-2);cursor:pointer}.button.link{color:var(--fg-color-2);background-color:unset!important}.button.link:hover{color:var(--fg-color-1);text-decoration:underline;cursor:pointer}.button.mini{height:32px}.button.secondary{background-color:var(--bg-color-4)}.button.secondary:hover{background-color:var(--bg-color-3);cursor:pointer}.button.hollow{background-color:transparent;border:1px solid var(--accent-color-1);color:var(--accent-color-1);font-weight:600}.button.hollow:hover{background-color:var(--bg-color-1);cursor:pointer}.title{font-size:20px;line-height:24px;font-weight:600;color:var(--fg-color-1)}.subtitle{font-size:16px;line-height:20px;font-weight:450;color:var(--fg-color-1-0)}.label{font-size:13px;line-height:20px;font-weight:700;text-transform:uppercase;color:var(--fg-color-1-0)}.seperator{height:1px;background-color:var(--seperator-color)}.description{font-size:13px;font-weight:400;line-height:20px;color:var(--fg-color-2)}.text-input{width:100%;background-color:var(--bg-color-0);border-radius:3px;color:var(--fg-color-1);font-size:16px;line-height:20px;font-weight:400;padding:10px}.slider-input{--track-size: 4px;--handle-size: 16px;position:relative;height:24px;min-width:128px;-webkit-user-select:none;user-select:none}.slider-input .track{position:absolute;width:100%;top:50%;background-color:var(--bg-color-0);height:var(--track-size);transition:height .1s;border-radius:calc(var(--track-size)/2);transform:translateY(-50%);overflow:hidden}.slider-input .fill{position:absolute;height:100%;border-radius:inherit;background-color:var(--accent-color-0)}.slider-input .handle{position:absolute;background-color:var(--fg-color-1);border-radius:50%;height:var(--handle-size);width:var(--handle-size);transition:width .1s,height .1s;top:50%;transform:translate(-50%) translateY(-50%);cursor:ew-resize}.markdown-text-input{position:relative;--scrollbar-thumb-0: var(--bg-color-2);cursor:text}.markdown-text-input-inner{min-height:inherit;max-height:inherit;padding-right:36px;overflow:auto;--scrollbar-thumb-0: var(--bg-color-2);cursor:text}.markdown-text-input-counter{position:absolute;bottom:10px;right:12px;font-size:14px;color:var(--fg-color-2);font-weight:600;-webkit-user-select:none;user-select:none}.markdown-text-input-emoji{position:absolute;top:10px;right:10px;width:22px;height:22px;cursor:pointer;color:var(--fg-color-2)}.markdown-text-input-emoji:hover{color:var(--fg-color-0-0)}.markdown-text-input-emoji>svg{width:100%;height:100%}.toggle-input{float:right;height:24px;width:40px;border-radius:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--toggle-off-color);transition:background-color .1s ease;position:relative}.toggle-input:checked{background-color:var(--toggle-on-color)}.toggle-input:after{content:"";display:block;position:absolute;top:3px;left:3px;transition:left .1s ease;background-color:var(--fg-color-1);border-radius:50%;width:18px;height:18px}.toggle-input:checked:after{left:unset;left:calc(100% - 21px)}.toggle-input-label{float:left}.toggle-input-container:after{content:"";display:table;clear:both}.modal-content{padding:16px;display:flex;flex-direction:column;gap:16px;color:var(--fg-color-1-0)}.modal-footer{height:70px;padding:12px;display:flex;flex-direction:row;justify-content:end;align-items:center;background-color:var(--bg-color-1);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.context-menu{position:absolute;pointer-events:auto;width:188px;background-color:var(--context-menu-color);border-radius:4px;display:flex;flex-direction:column;box-shadow:0 12px 24px #0000003d;padding:8px}.server-context-menu{left:calc(var(--sidebar-width) + 8px);top:calc(var(--header-height) + 8px);width:calc(var(--body-sidebar-width) - 16px)}.context-menu-divider{height:1px;background-color:var(--context-menu-divider-color);margin:2px 4px}.context-menu-entry{position:relative;-webkit-user-select:none;user-select:none;height:32px;padding:1px 8px 0;display:flex;flex-direction:row;align-items:center;border-radius:2px;cursor:pointer}.context-menu-entry:hover{background-color:var(--bg-color-0-0)}.context-menu-entry-wrapper{display:flex;flex:1}.context-menu-icon{width:18px;height:18px;margin-right:8px;color:var(--fg-color-2)}.context-menu-label{font-size:14px;font-weight:550;color:var(--fg-color-1-0);line-height:20px}.red{color:var(--button-red)}.context-menu-arrow{width:16px;height:16px;margin-left:auto;margin-right:4px;color:var(--fg-color-2)}.context-menu-submenu{position:absolute;top:-8px;left:calc(100% + 10px);display:none;padding:8px;width:140px;gap:0px;cursor:default}.context-menu-entry:hover>.context-menu-submenu{display:flex}.context-menu-submenu:hover{display:flex}.context-menu-submenu.flip-x{left:auto;right:calc(100% + 10px)}.context-menu-submenu-join-area{position:absolute;top:0;left:-16px;bottom:0;right:0}.context-menu-submenu.flip-x>.context-menu-submenu-join-area{left:0;right:-16px}.context-menu-emoji{width:22px;height:22px;margin-right:8px;display:flex;align-items:center;justify-content:center}.context-menu-emoji .emoji{width:20px;height:20px}.context-menu-role-color{width:12px;height:12px;border-radius:50%;background-color:var(--fg-color-3);flex-shrink:0;margin-right:8px}.context-menu-checkbox{width:18px;height:18px;border-radius:4px;border:1px solid var(--bg-color-4);display:flex;align-items:center;justify-content:center;font-size:14px;color:transparent;pointer-events:none;transition:background-color .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease;margin-left:auto}.context-menu-checkbox svg{width:14px;height:14px}.context-menu-checkbox.checked{background-color:var(--accent-color-0);border-color:var(--accent-color-0);color:var(--fg-color-0)}.context-menu-checkbox.disabled{opacity:.7}.context-menu-checkbox.disabled.checked{background-color:var(--bg-color-3);border-color:var(--bg-color-3);color:var(--fg-color-2)}.monospace-preload{font-family:var(--monospace-font);width:0px;overflow:hidden}.autocomplete{max-height:490px;left:16px;right:16px;top:-4px;position:absolute;transform:translateY(-100%);background-color:var(--bg-color-1);border-radius:6px;display:flex;flex-direction:column;overflow:hidden scroll;padding-bottom:8px;border:2px solid #2a2b30;box-shadow:0 0 24px -2px #0000001a}.autocomplete-entry{margin-left:6px;margin-right:8px;padding:8px;display:flex;flex-direction:row;border-radius:4px;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:clip;white-space:nowrap}.autocomplete-entry.small{--autocomplete-entry-height: 20px}.autocomplete-entry.selected{background-color:var(--user-hightlight)}.autocomplete-icon{width:var(--autocomplete-entry-height);margin-right:10px;position:relative;justify-content:center;align-items:center;flex:0 0 auto}.autocomplete-icon img{height:100%}.autocomplete-icon.user svg{position:absolute}.autocomplete-icon.channel{margin-right:5px;display:flex;justify-content:center;align-items:center}.autocomplete-icon.channel svg{color:var(--channel-icon);width:var(--autocomplete-entry-height);height:var(--autocomplete-entry-height)}.autocomplete-text{font-size:16px;line-height:var(--autocomplete-entry-height);font-weight:375;color:var(--fg-color-0-0);margin-right:10px;flex:0 0 auto}.autocomplete-subtext{flex:1 1 auto;font-size:12px;line-height:var(--autocomplete-entry-height);font-weight:400;color:var(--fg-color-2);text-align:right}.autocomplete-category{-webkit-user-select:none;user-select:none;color:var(--fg-color-1-0);padding:12px 12px 8px}.autocomplete-divider{padding:8px}.autocomplete-divider:after{content:"";display:block;height:1px;background-color:var(--bg-color-3)}code{padding:.15em .3em;border-radius:4px;text-indent:0;font-family:var(--monospace-font);font-size:14px;background-color:var(--bg-color-1);border:1px solid var(--bg-color-0)}.slate-editor{caret-color:var(--fg-color-1)!important}.hljs{color:#c9d1d9}.hljs-language{color:#ff819d}.hljs-language.invalid_{color:#d892af}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#bbb4ee}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{background-color:#033a16;color:#aff5b4}.hljs-deletion{background-color:#67060c;color:#ffdcd7}.emoji-picker-popup{pointer-events:auto;contain:strict;position:absolute;background-color:var(--bg-color-1);box-shadow:0 0 0 1px #0000001a,#0000003d 0 8px 16px;width:var(--emoji-picker-width);height:var(--emoji-picker-width);border-radius:8px;display:grid;grid-template-rows:64px 1fr 48px;grid-template-columns:48px auto;overflow:clip}.emoji-picker-popup-bottom{transform:translateY(100%)}.emoji-picker-popup-bottom.flip{transform:translateY(32px)}.emoji-picker-popup.mini{height:calc(var(--emoji-picker-width) - 128px)}.emoji-picker-popup.flip-h{transform:translate(100%) translateY(100%)}.emoji-picker-header{width:var(--emoji-picker-width);height:64px;grid-column:1 / 3;grid-row:1;z-index:1;box-shadow:var(--shadow-ledge);display:flex;flex-direction:row;align-items:center;padding-left:16px;padding-right:12px}.emoji-picker-search{padding:7px;display:flex;flex-direction:row;align-items:center;margin-right:8px}.emoji-picker-search input{flex:1;font-size:16px;line-height:28px;height:21px;font-weight:450;color:var(--fg-color-1-0)}.emoji-picker-search svg{width:1.25em;height:1.25em;color:var(--fg-color-2);margin-right:4px}.emoji-picker-categories{grid-column:1;grid-row:2 / 4;background-color:var(--bg-color-0);display:flex;flex-direction:column;align-items:center;padding-top:8px;gap:4px}.emoji-picker-body{grid-column:2;grid-row:2;overflow-y:scroll;overflow-x:hidden}.emoji-picker-category{display:flex;flex-direction:row;align-items:center;height:32px;padding:0 4px 0 12px;color:var(--button-inactive);-webkit-user-select:none;user-select:none;margin-top:2px;margin-bottom:-2px}.emoji-picker-category svg{width:18px;height:18px;margin-right:8px}.emoji-picker-category span{font-weight:700}.emoji-picker-row{min-height:48px;display:grid;grid-template-columns:repeat(auto-fill,48px);padding-left:8px}.emoji-picker-row.first{padding-top:8px}.emoji-picker-row.last{padding-bottom:8px}.emoji-picker-row li{width:48px;height:48px}.emoji-picker-entry{padding:4px}.emoji-picker-entry.selected{background-color:var(--emoji-picker-highlight);border-radius:4px}.emoji-picker-entry.disabled{opacity:.65;background-color:var(--bg-color-0-0)}.emoji-picker-entry.skeleton{background-color:var(--bg-color-4);border-radius:4px;width:40px;height:40px;margin:auto}.emoji-picker-footer{grid-column:2 / 3;grid-row:3;width:calc(var(--emoji-picker-width) - 48px);background-color:var(--you-color);display:flex;flex-direction:row;align-items:center;padding-left:16px}.emoji-picker-footer span{padding-left:8px;padding-right:8px;font-size:16px;font-weight:500;color:var(--fg-color-1);flex:1 1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.emoji-picker-information{color:var(--fg-color-2)!important;float:right;margin-right:8px}.emoji-picker-no-results{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;color:var(--fg-color-2)}.emoji-picker-tone-list{position:absolute;right:12px;top:16px;background-color:var(--bg-color-0);display:flex;flex-direction:column;width:32px;border-radius:4px}.emoji-picker-tone-list:hover .icon-button.selected{background-color:unset}.emoji-picker-multi-tone-list{position:fixed;height:48px;transform:translate(-50%) translateY(-100%);background-color:var(--bg-color-2);border-radius:4px;padding:4px;gap:4px;z-index:1;display:flex;flex-direction:row;align-items:center;box-shadow:0 0 0 2px #0000001a,#0006 0 8px 16px}.emoji-picker-multi-tone-list .tooltip-pointer{position:absolute;bottom:-8px;left:50%;background-color:var(--bg-color-2)}.emoji-picker-multi-tone-list .emoji-picker-entry{width:40px;height:40px;padding:0}.message-display{border-radius:4px;box-shadow:0 0 0 2px #0000001a;max-height:50vh;overflow-y:scroll}.message-display .message-entry{-webkit-user-select:none!important;user-select:none!important;pointer-events:none!important;margin-top:10px;margin-bottom:10px}.drop-modal{display:flex;width:unset;min-width:300px}.drop-modal-content{flex:1;margin:10px;padding:15px;border:2px solid var(--bg-color-3);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--fg-color-2);-webkit-user-select:none;user-select:none}.drop-modal-icon{width:64px;height:64px}.drop-modal-text{font-size:20px;font-weight:500}.drop-modal-channel{font-size:20px;color:var(--fg-color-1-0);font-weight:600}.reactions-modal{width:500px;height:440px;display:flex;flex-direction:row;overflow:hidden}.reactions-modal-emoji-list{width:90px;background-color:var(--bg-color-1);padding:8px 0 8px 8px;display:flex;flex-direction:column;gap:4px;overflow:hidden scroll}.reactions-modal-emoji-entry{height:32px;border-radius:8px;display:flex;flex-direction:row;align-items:center;padding:4px 8px;cursor:pointer;gap:8px;font-size:15px;font-weight:650;color:var(--fg-color-1-0);-webkit-user-select:none;user-select:none}.reactions-modal-emoji-entry:hover{background-color:var(--bg-color-2)}.reactions-modal-emoji-entry.selected{background-color:var(--bg-color-3)}.reactions-modal-user-list{flex:1;display:flex;flex-direction:column;overflow:hidden scroll!important;padding-left:10px}.reactions-modal-user-entry{display:flex;flex-direction:row;align-items:center;gap:7px;height:44px;border-bottom:1px solid var(--seperator-color)}.reactions-modal-user-entry .user-avatar-svg{margin-right:2px}.reactions-modal-user-entry .user-name{color:var(--fg-color-2);font-size:16px;font-weight:500;margin-left:7px}.reactions-modal-user-entry .display-name{color:var(--fg-color-1);font-size:16px;font-weight:400}.reaction-tooltip-anchor{position:absolute;animation:spawn-in-from-top .1s ease-in}.reaction-tooltip{transform:translate(-50%) translateY(-100%);max-width:288px;padding:16px;background-color:var(--bg-color-3);border-radius:4px;display:flex;flex-direction:row;align-items:center;font-size:14px;font-weight:400;box-shadow:0 8px 16px #0000003d}.reaction-tooltip-emoji{width:48px;height:48px}.reaction-tooltip-content{margin-left:12px}.you-popup-anchor{position:absolute;animation:spawn-in-from-top .1s ease-in}.you-popup{width:300px;transform:translate(-50%) translateY(-100%);background-color:var(--popup-color);border-radius:8px;pointer-events:all;box-shadow:#0000003d 0 8px 16px}.you-controls{margin-top:12px;display:flex;flex-direction:column;gap:12px}.you-controls-panel{display:flex;flex-direction:column;background-color:var(--bg-color-0-0);padding:8px;border-radius:8px;font-weight:475;font-size:14px}.you-controls-button{height:32px;border-radius:4px;padding:8px}.you-controls-button:hover{background-color:var(--bg-color-1-0)}.you-controls-seperator{height:1px;background-color:var(--bg-color-3);margin:8px 4px}.you-controls-button-icon{width:18px;height:18px;margin-right:7px;color:var(--fg-color-1)}.you-controls-button-arrow{font-size:16px;margin-left:auto}.you-controls-presence-menu-gap{position:absolute;width:32px;height:128px;right:0}.you-controls-presence-menu{position:absolute;left:calc(100% - 12px)}.you-controls-presence-menu-icon{width:10px;height:10px;margin:4px}.you-controls-presence-icon{width:12px;height:12px;margin:3px}.settings-screen{top:0;left:0;bottom:0;right:0;position:absolute;background-color:var(--bg-color-2);display:flex;flex-direction:row;pointer-events:all}.settings-sidebar-container{flex:1 0 264px;display:flex;flex-direction:row;justify-content:flex-end;background-color:var(--bg-color-1)}.settings-sidebar{width:264px;padding:60px 6px 60px 20px;display:flex;flex-direction:column;gap:2px;overflow:hidden scroll;-webkit-user-select:none;user-select:none}.settings-content-container{flex:1 1 800px;display:flex;flex-direction:row;justify-content:flex-start}.settings-content{width:740px;position:relative}.settings-content-margin{margin:60px 40px 80px}.settings-tab-heading{font-size:24px;line-height:1.25;font-weight:600;color:var(--fg-color-1);margin-bottom:32px;-webkit-user-select:none;user-select:none}.settings-heading{font-size:20px;line-height:1.25;font-weight:600;color:var(--fg-color-1);margin-bottom:8px;-webkit-user-select:none;user-select:none}.settings-description{font-size:14px;line-height:1.25;font-weight:400;color:var(--fg-color-1-0);margin-bottom:12px;-webkit-user-select:none;user-select:none}.settings-button-row{display:flex;flex-direction:row;align-items:center;gap:8px}.settings-close{position:fixed;right:82px;top:60px;width:36px;--color: var(--fg-color-1-0);align-items:center;display:flex;flex-direction:column;color:var(--color);-webkit-user-select:none;user-select:none;cursor:pointer}.settings-close:hover{--color: var(--fg-color-0)}.settings-close-button{width:36px;height:36px;border-radius:100%;border:2px solid var(--color)}.settings-close-label{font-size:13px;font-weight:600}.settings-sidebar-tab{display:flex;height:32px;border-radius:4px;padding:6px 8px;align-items:center;font-weight:500;color:var(--fg-color-1-0);cursor:pointer}.settings-sidebar-tab:hover{background-color:var(--user-hightlight);color:var(--fg-color-1)}.settings-sidebar-tab.current{background-color:var(--channel-highlight)!important;color:var(--fg-color-0)!important}.settings-sidebar-tab.logout{color:var(--button-red)}.settings-sidebar-tab.logout:hover{background-color:var(--user-hightlight);color:var(--button-red)}.settings-sidebar-heading{padding:6px 8px;color:var(--fg-color-2);-webkit-user-select:none;user-select:none;font-weight:750}.settings-sidebar-divider{height:1px;background-color:var(--bg-color-3);margin:8px 10px}.settings-sidebar-tab-icon{margin-left:auto;height:18px;width:18px}.settings-subheading{color:var(--fg-color-2);-webkit-user-select:none;user-select:none;font-weight:750;margin-bottom:8px}.settings-account-container{background-color:var(--popup-color);display:flex;flex-direction:column;border-radius:8px;overflow:hidden;margin-bottom:4px}.settings-account-banner{position:relative;background-color:red;height:var(--user-banner-height)}.settings-account-avatar{position:absolute;left:16px;bottom:-68px;width:92px;height:92px;border-radius:100%;background-color:var(--popup-color);padding-left:6px;padding-top:6px}.settings-account-heading{padding:16px;height:var(--);margin-left:105px;display:flex;flex-direction:row;justify-content:space-between}.settings-account-label{font-size:20px;font-weight:600;color:var(--fg-color-1)}.settings-account-body{background-color:var(--bg-color-0);flex:1;margin:16px;border-radius:8px;display:flex;flex-direction:column}.settings-account-body-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px}.settings-account-body-label{color:var(--fg-color-2)}.settings-account-body-value{font-size:16px;font-weight:500;color:var(--fg-color-0-0)}.settings-seperator{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--seperator-color)}.settings-two-column{display:flex;flex-direction:row;gap:24px}.settings-column{display:flex;flex:1;flex-direction:column;min-width:300px}.settings-user-preview-container{overflow:hidden;position:relative}.settings-multiline-text-input{min-height:96px;max-height:200px}.settings-save-popup-anchor{animation:spawn-in-from-bottom .1s ease-in;position:absolute;bottom:32px;left:16px;right:16px}.settings-save-popup{display:flex;flex-direction:row;align-items:center;padding:12px;border-radius:8px;background-color:var(--bg-color-0);box-shadow:#0000003d 0 8px 16px}@keyframes shake-popup{0%{transform:translate(0)}25%{transform:translate(-4px) translateY(-4px)}50%{transform:translate(4px) translateY(-4px)}75%{transform:translate(-4px) translateY(-4px)}to{transform:translate(0)}}.settings-save-popup.shake{animation:shake-popup .2s ease-in-out infinite}.settings-save-popup-label{flex:1 1 auto;margin-left:8px;font-weight:500}.settings-color-input{position:relative;width:70px;height:50px;border-radius:4px;cursor:pointer}.settings-color-input svg{position:absolute;top:4px;right:4px}.color-picker-popup-anchor{position:absolute;animation:spawn-in-from-right .1s ease-in}.color-picker-popup{width:232px;pointer-events:all;display:flex;flex-direction:column;gap:8px;background-color:var(--bg-color-1);padding:16px;border-radius:8px;box-shadow:0 0 0 1px #0000001a,#0000003d 0 8px 16px}.color-picker-popup .react-colorful{cursor:pointer}.color-picker-popup .react-colorful__saturation{border-radius:4px 4px 0 0;border-bottom-width:4px}.color-picker-popup .react-colorful__saturation-pointer{border-radius:4px;width:8px;height:8px;transform:translate(-50%,-50%)!important}.color-picker-popup .react-colorful__hue-pointer{border-radius:4px;width:8px;height:28px;transform:translate(-50%,-50%)!important}.color-picker-popup .react-colorful__hue{border-radius:0 0 4px 4px}.avatar-modal-content{padding:16px;display:flex;flex-direction:column}.avatar-modal-view{position:relative;height:400px;background-color:var(--bg-color-0);border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-user-select:none;user-select:none}.avatar-modal-view img{pointer-events:none}.avatar-modal-view-overlay{--thickness: 5px;--inset: 48px;--size: calc(400px - var(--inset) + var(--thickness) * 2 - 2px);width:var(--size);height:var(--size);border:5px solid var(--fg-color-1);border-radius:50%;box-shadow:0 0 0 9999px #0009;box-sizing:border-box;pointer-events:none;position:absolute;z-index:1}.avatar-modal-controls{position:relative;padding-top:16px;display:flex;flex-direction:row;align-items:center;justify-content:center}.avatar-modal-controls button{position:absolute;left:0}.avatar-modal-controls-scale{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-modal-controls .slider-input{width:200px}.avatar-modal-empty{width:100%;height:100%;display:flex;gap:4px;flex-direction:column;align-items:center;justify-content:center;font-size:16px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.avatar-modal-empty svg{width:32px;height:32px}.roles-tab-default-role{padding:16px;background-color:var(--bg-color-1);border-radius:4px;display:flex;flex-direction:row;align-items:center;-webkit-user-select:none;user-select:none;cursor:pointer}.roles-tab-default-role:hover{background-color:var(--bg-color-0-0)}.roles-tab-default-role:hover .roles-tab-default-role-icon.arrow svg{color:var(--fg-color-1)}.roles-tab-default-role:hover .roles-tab-default-role-heading{color:var(--fg-color-0-0)}.roles-tab-default-role-content{display:flex;flex:1;flex-direction:column;margin-right:12px;margin-left:12px}.roles-tab-default-role-heading{font-size:16px;font-weight:600;color:var(--fg-color-1);flex:1}.roles-tab-default-role-subheading{font-size:14px;font-weight:400;color:var(--fg-color-2)}.roles-tab-default-role-icon{width:40px;height:40px;padding:8px}.roles-tab-default-role-icon svg{width:100%;height:100%;color:var(--fg-color-2)}.roles-tab-default-role-icon.people{background-color:var(--bg-color-2);border-radius:100%}.roles-tab-default-role-icon.arrow{margin-left:12px}.roles-tab-list-header{margin-top:24px;padding-bottom:8px;font-size:13px;font-weight:700;color:var(--fg-color-1);display:flex;flex-direction:row;text-transform:uppercase}.roles-tab-list-header .roles{width:350px}.roles-tab-list-header .users{flex:1}.roles-tab-list-header .controls{width:100px}.roles-tab-list{display:flex;flex-direction:column}.roles-tab-list-entry{align-items:center;cursor:pointer;display:flex;height:61px;padding-bottom:1px;position:relative;margin-left:-32px;margin-right:-8px;padding-right:8px;border-radius:8px}.roles-tab-list-entry:hover{background-color:var(--user-hightlight)}.roles-tab-list-entry:before{background-color:var(--seperator-color);content:"";height:1px;position:absolute;top:0;left:32px;right:0}.roles-tab-list-entry:last-child:after{background-color:var(--seperator-color);content:"";height:1px;position:absolute;bottom:0;left:32px;right:0}.roles-tab-list-entry:hover:before,.roles-tab-list-entry:hover:after,.roles-tab-list-entry:hover+.roles-tab-list-entry:before{background-color:transparent}.roles-tab-list-entry-handle{height:100%;width:32px;padding-left:4px;display:flex;cursor:grab}.roles-tab-list-entry-handle svg{width:22px;height:22px;color:var(--fg-color-2);margin:auto;display:none}.roles-tab-list-entry:hover .roles-tab-list-entry-handle svg{display:block}.roles-tab-list-entry-roles{width:350px;display:flex;align-items:center}.roles-tab-list-entry-roles .icon{width:15px;height:15px;border-radius:50%;background-color:var(--fg-color-3);margin-right:12px;margin-left:8px}.roles-tab-list-entry-roles .name{max-width:300px;font-size:16px;font-weight:500;line-height:1.25;text-overflow:ellipsis;overflow:clip}.roles-tab-list-entry-users{flex:1;display:flex;align-items:center}.roles-tab-list-entry-users .count{max-width:300px;font-size:15px;line-height:1.25;text-overflow:ellipsis;overflow:clip}.roles-tab-list-entry-users .icon{width:22px;height:22px;margin-left:4px}.roles-tab-list-entry-controls{width:100px;display:flex;justify-content:flex-end;flex-direction:row;align-items:center;gap:8px}.roles-tab-list-entry-controls .icon-button{border-radius:50%;width:38px;height:38px;background-color:var(--bg-color-1)}.roles-tab-list-entry-controls .hidden{opacity:0}.roles-tab-list-entry:hover .hidden{opacity:1}.roles-tab-list-entry-controls .icon-button:hover{background-color:var(--bg-color-0-0)}.role-page{width:100%;height:100%;display:flex;flex-direction:row}.role-page-sidebar{flex:0 0 232px;background-color:var(--bg-color-2);border-right:1px solid var(--seperator-color);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.role-page-sidebar-header{align-items:center;display:flex;justify-content:space-between;margin:0 8px 8px 16px;padding:60px 8px 16px}.role-page-sidebar-back{display:flex;align-items:center;color:var(--fg-color-1-0);width:fit-content}.role-page-sidebar-back:hover{color:var(--fg-color-0-0);cursor:pointer}.role-page-sidebar-back svg{width:24px;height:24px}.role-page-sidebar-back span{margin-left:8px;font-size:15.5px;font-weight:700;line-height:1.5;text-transform:uppercase}.role-page-sidebar-add{display:flex;align-items:center;justify-content:right;color:var(--fg-color-1-0);width:24px;height:24px}.role-page-sidebar-add:hover{color:var(--fg-color-0-0);cursor:pointer}.role-page-sidebar-add svg{width:20px;height:20px}.role-page-sidebar-list{padding:0 16px 96px 34px}.role-page-sidebar-entry{height:34px;display:flex;flex-direction:row;align-items:center;border-radius:5px;cursor:pointer;margin-bottom:3px}.role-page-sidebar-entry .icon{width:12px;height:12px;border-radius:100%;margin-left:14px}.role-page-sidebar-entry .name{margin-left:8px;color:var(--fg-color-0)!important;font-weight:450;font-size:14px}.role-page-sidebar-entry:hover{background-color:var(--user-hightlight)}.role-page-sidebar-entry.current,.role-page-sidebar-entry.current:hover{background-color:var(--channel-highlight)}.role-page-content{flex:1 1;display:flex;flex-direction:column;padding:0 42px 0 24px}.role-page-header{padding:60px 0 16px}.role-page-title-container{display:flex;justify-content:space-between;margin-bottom:24px}.role-page-title{color:var(--fg-color-1);font-size:15.5px;font-weight:700;line-height:1.5;text-transform:uppercase}.role-page-tabs{display:flex;flex-direction:row;gap:56px;border-bottom:2px solid var(--divider-color);margin-bottom:-2px;margin-top:16px}.role-page-tabs .tab{color:var(--fg-color-2);font-size:14px;font-weight:600;line-height:14px;margin-bottom:0;padding-bottom:16px;position:relative}.role-page-tabs .disabled{color:var(--fg-color-3)!important;cursor:not-allowed!important;margin-bottom:-2px!important;border-bottom:2px solid transparent!important}.role-page-tabs .tab:hover{color:var(--fg-color-0-0);cursor:pointer;margin-bottom:-2px;border-bottom:2px solid var(--accent-color-0-0)}.role-page-tabs .current{color:var(--accent-color-0-0);margin-bottom:-2px;border-bottom:2px solid var(--accent-color-0-0)}