.centered-form,.chat{display:flex;justify-content:center}button,input{padding:12px}*{margin:0;padding:0;box-sizing:border-box}body,html{font-size:14px;font-weight:400;height:100%;line-height:1.4;color:#333}body,button,input{font-family:Poppins,sans-serif}label{display:block;font-size:14px;margin-bottom:8px;color:#777}input{border:1px solid #eee;outline:0}button{cursor:pointer;background:#7c5cbf;border:none;color:#fff;font-size:16px;transition:background .3s}button:hover{background:#6b47b8}button:disabled{cursor:default;background:#7c5cbf94}.centered-form{background:#333744;width:100vw;height:100vh;align-items:center}.centered-form__box{box-shadow:0 0 17px 1px #1d1f26;background:#f7f7fa;padding:24px;width:250px}.centered-form button{width:100%}.centered-form input{margin-bottom:16px;width:100%}.chat{height:100%;align-items:center;background-color:#2f4f4f}.chat__sidebar{height:100vh;color:#fff;background:#333744;width:225px;overflow-y:scroll;display:none}.chat__login_backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(37 35 35 / 56%);backdrop-filter:blur(1px);display:none}.chat__login,.chat__login_edit{position:absolute;bottom:0;left:0;width:100%;height:205px;background-color:#fff;box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);display:none}.loggedin .compose_wrap,.login_edit_opened .chat__login_backdrop,.login_edit_opened .chat__login_edit,.login_opened .chat__login,.login_opened .chat__login_backdrop,.readonly .readonly_wrap{display:unset}.chat__disabled_status{justify-content:center;align-items:center;padding:1rem;height:100%;position:absolute;width:100%;font-size:1.1rem;display:none}.app_disabled .chat__disabled_status{display:flex}.app_disabled .chat__messages,.app_disabled .nonlogin_wrap,.banned-user-warn,.banned-word-warn,.readonly .nonlogin_wrap{display:none!important}.compose_wrap,.loggedin .nonlogin_wrap,.readonly_wrap{display:none}.banned-user-warn p,.banned-word-warn p{font-weight:500}.banned_user .banned-user-warn,.banned_word .banned-word-warn{display:unset!important}.chat__main{flex-grow:1;display:flex;flex-direction:column;flex:unset;position:relative;background-color:#fff;border-radius:8px;box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);width:100%;max-width:100%;height:100%;max-height:100vh;margin:0 auto;overflow:hidden}.chat__messages{flex-grow:1;padding:1rem 1.33rem;overflow-y:auto;border-top-right-radius:8px}.message{margin-bottom:16px;display:flex;align-items:flex-start}.message__avatar{width:28px;height:28px;border-radius:36px;background-color:#45a4d3;color:#fff;font-weight:500;font-size:1rem;justify-content:center;align-items:center;margin-right:.66rem;display:none}.message__name{font-weight:500;font-size:14px;margin-right:8px}.message__meta{color:#777;font-size:14px}.message a{color:#0070cc}.compose{display:flex;flex-shrink:0;padding:.18rem 1rem;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.compose form,.nonlogin_wrap .form{display:flex;flex-grow:1;align-items:center}.chat__popup form input,.compose input{border:none;padding:12px;font-size:1rem;margin:0;flex-grow:1}.chat__popup form button,.compose button{font-size:14px;border-radius:4px;font-weight:500;color:#1e90ff;background-color:transparent;padding:.33rem .66rem}.compose-author{padding:.66rem 1.66rem;font-size:.8rem;opacity:.8;display:flex;align-items:center;justify-content:space-between}.compose-author a{margin-left:.33rem;text-decoration:none;font-weight:500;color:inherit}.chat__popup form{display:flex;flex-direction:column;flex:1}.chat__popup form input{text-align:center;font-weight:500;padding:1rem 1.66rem;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.chat__popup form input:last-of-type{border-top:none}.chat__popup form button{padding:1rem 0}.chat__popup form button.close{color:inherit;opacity:.66;padding:.16rem 0}body.scaled .chat{align-items:stretch;background-color:transparent}body.scaled .chat .chat__main{height:100%;width:100%;border-radius:5px}body.theme_dark .chat__main{background-color:#1d1f26;color:#fff}body.theme_dark .chat__login,body.theme_dark .chat__login_edit{background-color:#272931;color:#fff}body.theme_dark .compose,body.theme_dark input{background-color:#272931!important;color:#fff}body.theme_translucent .chat__main{background-color:rgba(255,255,255,.534)!important}body.theme_dark.theme_translucent .chat__main{background-color:rgb(29 31 38 / 54%)!important;color:#fff}body.theme_dark.theme_translucent .compose,body.theme_dark.theme_translucent input{background-color:rgb(39 41 49 / 52%)!important;color:#fff}@media (max-width:320px) and (orientation:portrait){.compose form{flex-direction:column;align-items:flex-start}.compose form input{width:100%}.nonlogin_wrap .compose form{align-items:center;justify-content:center}.nonlogin_wrap .compose form input{display:none}}