html{--nord-polar-night-1:#2f3541;--nord-polar-night-2:#3c4353;--nord-polar-night-3:#444d5f;--nord-polar-night-4:#4d576a;--nord-snow-storm-1:#d8dee9;--nord-snow-storm-2:#e5e9f0;--nord-snow-storm-3:#eceff4;--nord-frost-1:#8fbcbb;--nord-frost-2:#87bfcf;--nord-frost-3:#81a1c1;--nord-frost-4:#5d81ac;--nord-aurora-red:#be6069;--nord-aurora-orange:#d18771;--nord-aurora-yellow:#ebca89;--nord-aurora-green:#a4bf8d;--nord-aurora-purple:#b48ead;--font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-family:var(--font-family)}body{margin:0;padding:1.75rem;color:var(--nord-snow-storm-1);background-color:var(--nord-polar-night-1)}.layout{width:100%;max-width:35rem;margin:0 auto}.layout__title{text-align:center;padding:0;margin:0 0 3rem;font-size:2.25rem}.field{display:flex;flex-direction:column;margin-bottom:2em}.field__label{font-size:1.25rem;margin-bottom:.25rem}.field__input{background-color:var(--nord-polar-night-3);color:var(--nord-snow-storm-1);border:.125rem solid var(--nord-polar-night-4);border-radius:.125rem;padding:.75rem}.field__radios{border:none;margin:0;padding:0}.field__input:focus,.field__input:hover{border-color:var(--nord-frost-2)}.field__input:focus{box-shadow:0 0 .125rem .125rem rgba(135,191,207,.35)}.field--invalid .field__input{box-shadow:none;border-color:var(--nord-aurora-red)}.field--invalid .field__input:focus{box-shadow:0 0 .125rem .125rem rgba(190,96,105,.35)}.field__feedback{margin:.25rem 0 0}.field--invalid .field__feedback{color:var(--nord-aurora-red)}.button{background-color:var(--nord-frost-4);cursor:pointer;padding:.75rem;border:none;color:var(--nord-snow-storm-1);border:.125rem solid var(--nord-polar-night-4);border-radius:.125rem;width:100%;font-size:1.175rem;margin-bottom:.25rem}.button--danger{background-color:var(--nord-aurora-red)}.button--secondary{background-color:var(--nord-frost-3)}.button:last-of-type{margin-bottom:0}.button:hover{border-color:var(--nord-frost-2)}.button:active{box-shadow:0 0 .125rem .125rem rgba(135,191,207,.35)}.room{padding:1rem;border:.125rem solid var(--nord-polar-night-4);border-radius:.125rem;margin-bottom:1.25rem;display:flex;flex-direction:column;height:30rem;overflow:auto}.status{padding:0;margin:0;text-align:center}.status--ok{color:var(--nord-aurora-green)}.status--bad{color:var(--nord-aurora-red)}.events{display:flex;flex-direction:column;flex-flow:column-reverse}.message,.user-event{margin-top:1rem}.message__header,.user-event{font-weight:600}.message__header:after{content:":"}.message__user{margin-right:.25rem}.message__timestamp:before{content:"("}.message__timestamp:after{content:")"}.message__body{margin:.125rem 0 0}.user-event--joined:after{content:" joined"}.user-event--left:after{content:" left"}