@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local(""),url(fonts/lato-v17-latin-ext_latin-regular.woff2) format("woff2"),url(fonts/lato-v17-latin-ext_latin-regular.woff) format("woff")}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local(""),url(fonts/lato-v17-latin-ext_latin-700.woff2) format("woff2"),url(fonts/lato-v17-latin-ext_latin-700.woff) format("woff")}.input-panel-menu.show,.modal-dialog.show{opacity:1;visibility:visible}.input-panel-menu,.message-input .ghost,.modal-dialog{opacity:0;visibility:hidden}body{margin:0;padding:0}*,:after,:before{box-sizing:border-box}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.2;margin:0;padding:0}:root{--text-warning:#faa61a;--text-danger:#ed4245;--avatar-text:#fff}body{font-family:Lato,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.2}svg{height:100%;width:100%}.emoji-picker__overlay{display:none}.text-button{background-color:var(--button-background);background-position:50%;border:0;border-radius:.5em;color:var(--button-text);display:inline-block;font-size:.9em;outline:none;padding:.5em 1em;text-align:center;transition:background-size .8s;user-select:none}.text-button:hover{background:var(--button-background--hover) radial-gradient(circle,transparent 1%,var(--button-background--active) 1%) center/15000%;cursor:pointer}.text-button:active{background-size:100%;transition:background-size 0s}.text-button:disabled{background-color:var(--button-background);cursor:auto;opacity:.2}.text-button[data-type=ghost]{background-color:transparent;border:1px solid var(--button-ghost-border);color:var(--button-ghost-text)}.text-button[data-type=ghost]:hover{background:var(--button-ghost-background--hover) radial-gradient(circle,transparent 1%,var(--button-ghost-background--active) 1%) center/15000%;border-color:var(--button-ghost-border--hover);color:var(--button-ghost-text--hover)}.text-button[data-type=ghost]:active{background-size:100%;transition:background-size 0s}.text-button[data-type=ghost]:disabled{background-color:transparent}.text-button[data-type=icon]{border-radius:.2em;padding:.3em}.text-button[data-type=icon] .icon{height:1.5em;width:1.5em}.text-button[data-type=icon]:disabled{background:transparent;color:var(--icon-foreground--disabled)}.action-button{color:var(--button-action-foreground);cursor:pointer;display:inline-block}.action-button .icon{height:1em;width:1em}.action-button:hover{color:var(--button-action-foreground--hover)}.action-button:disabled{cursor:auto;opacity:.2}.action-button.hidden{visibility:hidden}.action-button-back{padding:.3em}.action-button-back:hover{background-color:var(--button-action-background--hover);border-radius:50%}.action-button-circle{background-color:var(--button-action-circle-background);border-radius:50%;color:var(--button-action-circle-foreground);padding:.3em}.action-button-circle:hover{background-color:var(--button-action-circle-background--hover);color:var(--button-action-circle-foreground)}.avatar{border-radius:50%;position:relative}.avatar .initials{color:var(--avatar-text);display:inline-block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);user-select:none}.text-field .label{color:var(--text-secondary);display:block;font-size:.8em;margin-bottom:.5em}.text-field .input{background-color:var(--background-primary);border:0;border-radius:.5em;color:var(--text-primary);font-size:1em;outline:none;padding:.5em .8em;width:100%}.text-field .error{color:var(--text-danger);font-size:.8em;margin-bottom:.5em;margin-top:.8em}.buttonbar{display:flex;flex-direction:row;justify-content:space-between}.buttonbar .text-button:not(:first-child){margin-left:2em}.menubar{background-color:var(--background-secondary);display:flex;flex-direction:column;position:absolute;transform:translateX(-100%);transition:transform .2s ease-in;user-select:none}.menubar.show{transform:translateX(0);transition:transform .2s ease-out}.menubar header{flex:none;padding:.3em .5em}.menubar .content{flex:auto;padding:0 2em 1em}.menubar .section-title{color:var(--text-tertiary);padding:.5em 1em}.menubar .section-list{margin:0;padding-left:0}.menubar .section-item{color:var(--text-secondary);list-style-type:none;margin-bottom:.2em;padding:.3em 1em}.menubar .section-item:focus,.menubar .section-item:hover{background-color:var(--background-secondary);border-radius:.5em;color:var(--text-primary);cursor:pointer}.menubar .section-separator{background-color:var(--separator-background);height:1px;margin:1em 0 .5em}.modal-dialog{align-items:center;background-color:var(--modal-background);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%}.modal-dialog.show{transition-delay:0s}.modal-dialog>.container{background-color:var(--background-secondary-alt);border-radius:.5em;padding:1em}.message-display{background-color:var(--background-message);display:flex;font-size:1rem;padding:.5em 1em}.message-display:focus,.message-display:hover{background-color:var(--background-message-hover)}.message-display .content{width:100%}.message-display .author{color:var(--text-tertiary);font-size:.8em;margin-bottom:.3em}.message-display .text{color:var(--text-secondary);font-size:1em;overflow-wrap:break-word}.app.overlay .message-display{background-color:var(--background-message-overlay);border-radius:.5em;margin-bottom:.3em;margin-top:.3em}.app.overlay .message-display .author{color:var(--text-tertiary-overlay)}.app.overlay .message-display .text{color:var(--text-secondary-overlay)}.app.overlay:hover .message-display{background-color:var(--background-message-overlay-hover)}.app.overlay:hover .message-display .author{color:var(--text-tertiary)}.app.overlay:hover .message-display .text{color:var(--text-secondary)}.message-input{background-color:var(--background-primary);border-radius:.5em;padding:.5em .2em .5em .8em}.message-input .container{align-items:flex-end;display:flex;flex-direction:row}.message-input .input{background-color:inherit;border:0;color:var(--text-secondary);display:inline-block;flex:auto;outline:none;resize:none;width:100%}.message-input .action-button-emoji{flex:none;margin-left:.3em;margin-right:.3em}.message-input .ghost{left:-10000px;overflow-wrap:break-word;position:absolute}.message-input .ghost,.message-input .input{padding-right:20px}.invite-panel{background-color:var(--background-tertiary);padding:1em;text-align:center}.invite-panel .text{color:var(--text-secondary);font-size:.8em}.invite-panel .error{color:var(--text-danger)}.invite-panel .text-button{margin-top:1.2em}.app.overlay .invite-panel{border-radius:.5em;opacity:0}.app.overlay:hover .invite-panel{background-color:var(--background-tertiary-overlay-hover);opacity:1}.username-panel{background-color:var(--background-tertiary);padding:1em}.username-panel .container{margin-left:auto;margin-right:auto;max-width:15em}.username-panel footer{margin-top:1.5em}.app.overlay .username-panel{border-radius:.5em;opacity:0}.app.overlay:hover .username-panel{background-color:var(--background-tertiary-overlay-hover);opacity:1}.input-panel{background-color:var(--background-tertiary);padding:1em;position:relative}.input-panel header{color:var(--text-tertiary);display:flex;flex-direction:row;font-size:.8em;justify-content:space-between;padding-bottom:.8em}.input-panel .username.edit:hover{color:var(--text-primary);cursor:pointer}.input-panel .error{color:var(--text-danger);font-size:1em}.input-panel .control{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-between}.input-panel .message-input{flex:auto}.input-panel .send-container{flex:none;height:1.8em;margin-left:.5em;text-align:right;width:1.8em}.input-panel .countdown{color:var(--text-tertiary);display:inline-block;padding:.3em}.app.overlay .input-panel{border-radius:.5em;opacity:0}.app.overlay.hover .input-panel{background-color:var(--background-tertiary-overlay-hover);opacity:1}.input-panel-menu{background-color:var(--background-secondary-alt);border-radius:.5em;bottom:6em;padding:1em;position:absolute;right:.5em;transition:opacity .3s ease;z-index:1}.input-panel-menu.show{transition-delay:0s}.input-panel-menu .list{margin:0;padding-left:0}.input-panel-menu .item{color:var(--text-secondary);list-style-type:none;margin-top:.3em}.input-panel-menu .item:first-child{margin-top:0}.input-panel-menu .item:focus,.input-panel-menu .item:hover{color:var(--text-primary);cursor:pointer}.header-panel{background-color:var(--background-secondary-alt);display:flex;flex-direction:row-reverse;min-height:1em;padding:.3em .5em}.app.overlay .header-panel{border-radius:.5em;opacity:0}.app.overlay:hover .header-panel{background-color:var(--background-secondary-alt-overlay-hover);opacity:1}.profile-dialog header:after{background-color:var(--separator-background);content:"";display:block;height:1px;margin-bottom:1em;margin-top:.5em}.profile-dialog header>.container{display:flex;flex-direction:row;justify-content:flex-start}.profile-dialog header .title{color:var(--text-primary);flex:auto}.profile-dialog header .icon{flex:none;margin-left:1em}.profile-dialog .content label{color:var(--text-secondary);display:block;font-size:.8em;margin-bottom:.5em}.profile-dialog .content input{background-color:var(--background-primary);border:0;border-radius:.5em;color:var(--text-primary);font-size:1em;outline:none;padding:.5em .75em;width:100%}.profile-dialog footer{margin-top:1.5em}.app{background-color:var(--background-app);height:100%;position:relative}.app>.layout{display:flex;flex-direction:column;height:100%}.app>.layout>header{flex:none}.app>.layout>.main{flex:auto;overflow-y:auto}.app>.layout>footer{flex:none;position:relative}.app .action-button-scroll-down{left:50%;position:absolute;top:-.5em;transform:translate(-50%,-100%)}.app.overlay{background-color:transparent}.app.overlay:hover{background-color:var(--background-app-overlay)}@keyframes splash-screen-icon{0%{opacity:.3}to{opacity:1}}.splash-screen{background-color:var(--splash-screen-background);display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2}.splash-screen .top{flex:none;height:calc(50% - min(12vw, 64px))}.splash-screen .bottom{align-items:center;display:flex;flex:auto;flex-direction:column}.splash-screen .icon{animation:splash-screen-icon 2s linear infinite alternate;color:var(--icon-foreground);flex:none;max-width:128px;width:25vw}.splash-screen .container{display:flex;flex:auto;flex-direction:column;justify-content:center;margin:1em}.splash-screen .message{color:var(--text-secondary);text-align:center}.splash-screen .action{margin-top:1em;text-align:center}.splash-screen .bottom.error .icon{animation-play-state:paused;opacity:.3}.splash-screen .bottom:not(.error) .icon{animation-play-state:running}.splash-screen.hidden{visibility:hidden}.dark{--text-primary:#fff;--text-secondary:#b9bbbe;--text-tertiary:#8e9297;--text-primary-overlay:hsla(0,0%,100%,0.8);--text-secondary-overlay:rgba(185,187,190,0.8);--text-tertiary-overlay:rgba(142,146,151,0.8);--background-primary:#36393f;--background-secondary:#2f3136;--background-secondary-alt:#292b2f;--background-tertiary:#202225;--background-app:#010001;--background-primary-overlay:rgba(54,57,63,0.3);--background-secondary-overlay:rgba(47,49,54,0.3);--background-secondary-alt-overlay:rgba(41,43,47,0.3);--background-tertiary-overlay:rgba(32,34,37,0.3);--background-app-overlay:rgba(1,0,1,0.3);--background-primary-overlay-hover:rgba(54,57,63,0.8);--background-secondary-overlay-hover:rgba(47,49,54,0.8);--background-secondary-alt-overlay-hover:rgba(41,43,47,0.8);--background-tertiary-overlay-hover:rgba(32,34,37,0.8);--background-message:#010001;--background-message-hover:var(--background-tertiary);--background-message-overlay:rgba(1,0,1,0.3);--background-message-overlay-hover:rgba(1,0,1,0.8);--icon-foreground:#fff;--icon-foreground--disabled:#fff;--button-background:#ccb000;--button-background--hover:#ffdc00;--button-background--active:var(--button-background);--button-text:#000;--button-ghost-border:hsla(0,0%,100%,0.25);--button-ghost-border--hover:hsla(0,0%,100%,0.5);--button-ghost-text:#b9bbbe;--button-ghost-text--hover:#fff;--button-ghost-background--hover:hsla(0,0%,100%,0.05);--button-ghost-background--active:hsla(0,0%,100%,0.1);--button-action-foreground:var(--text-secondary);--button-action-foreground--hover:var(--text-primary);--button-action-background--hover:hsla(0,0%,100%,0.25);--button-action-circle-foreground:#000;--button-action-circle-background:#ccb000;--button-action-circle-background--hover:#ffdc00;--separator-background:hsla(0,0%,100%,0.1);--line-background:hsla(0,0%,100%,0.1);--modal-background:rgba(0,0,0,0.75);--splash-screen-background:var(--background-tertiary)}