.container-chat[data-v-640b5825]{border:2px solid silver;border-bottom:2px solid #404040;border-left:none;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;position:relative;width:20vw}.chat-messages[data-v-640b5825]{flex-grow:1;overflow-y:auto;padding-bottom:100px;scrollbar-width:none}.message[data-v-640b5825]{padding:10px}.author[data-v-640b5825]{font-weight:700}.content[data-v-640b5825]{margin-top:5px}.loading-message[data-v-640b5825],.loading-more[data-v-640b5825],.no-more-messages[data-v-640b5825]{color:#666;font-style:italic;padding:10px;text-align:center}.form-group[data-v-640b5825]{background-color:gray;border:none;border-bottom:2px solid #404040;border-top:2px solid silver;bottom:0;box-shadow:inset 0 1px #fff,inset -1px 0 #404040;color:#000;font-family:VT323,monospace;max-width:20vw;padding:8px 0;position:fixed;width:20vw}.form-group[data-v-640b5825],.form-group form[data-v-640b5825]{align-items:center;display:flex;flex-direction:column;justify-content:center}.form-group form[data-v-640b5825]{width:100%}.form-group h3[data-v-640b5825]{background-color:navy;border-bottom:1px solid #404040;border-top:1px solid silver;color:#fff;font-size:1.2rem;letter-spacing:1px;margin:0 0 10px;padding:5px 0;text-align:center;text-transform:uppercase;width:100%}.form-group label[data-v-640b5825]{align-self:flex-start;font-size:.9rem;font-weight:700;margin-bottom:2px;margin-left:25%}input[type=email][data-v-640b5825],input[type=password][data-v-640b5825],input[type=text][data-v-640b5825],textarea[data-v-640b5825]{background-color:#fff;border-color:#404040 #fff #fff #404040;border-style:solid;border-width:2px;box-shadow:inset 1px 1px 3px #0000004d;box-sizing:border-box;color:#000;font-family:VT323,monospace;font-size:1rem;margin:5px;padding:5px 8px;width:85%}input[type=email][data-v-640b5825]:focus,input[type=password][data-v-640b5825]:focus,input[type=text][data-v-640b5825]:focus,textarea[data-v-640b5825]:focus{box-shadow:inset 1px 1px 3px #0000004d,0 0 3px #000}textarea[data-v-640b5825]{resize:none}button[data-v-640b5825]{background-color:silver;border-color:#fff #404040 #404040 #fff;border-style:solid;border-width:2px;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;margin:8px 5px;padding:6px 0;position:relative;text-transform:uppercase;transition:all .1s;width:85%}button[data-v-640b5825]:hover{background-color:#00a;color:#fff}button[data-v-640b5825]:active{background-color:#b0b0b0;border-color:#404040 #fff #fff #404040;box-shadow:inset 1px 1px gray;left:1px;top:1px}button.primary[data-v-640b5825]{background-color:navy;border-left-color:#00a;border-top-color:#00a;box-shadow:inset 1px 1px #4040ff,inset -1px -1px #000040;color:#fff}button.primary[data-v-640b5825]:hover{background-color:#0000cd}button.primary[data-v-640b5825]:active{background-color:#00008b;border-color:#000040 #00a #00a #000040;box-shadow:inset 1px 1px #000060}.error-message[data-v-640b5825]{animation:errorBlink-640b5825 .5s step-end infinite;background-color:#a00;border:1px solid red}.error-message[data-v-640b5825],.success-message[data-v-640b5825]{color:#fff;font-size:.9rem;margin:5px 0;padding:5px 10px;text-align:center;width:50%}.success-message[data-v-640b5825]{background-color:#080;border:1px solid #0f0}@keyframes errorBlink-640b5825{0%,to{background-color:#a00}50%{background-color:red}}.hour[data-v-640b5825]{color:#888;font-size:.85rem}@media (max-width:768px){.container-chat[data-v-640b5825]{height:84vh;width:100vw}.form-group[data-v-640b5825]{max-width:100%;position:sticky;width:100%}.chat-messages[data-v-640b5825]{padding-bottom:140px}button[data-v-640b5825],input[type=text][data-v-640b5825],textarea[data-v-640b5825]{width:90%}}@media only screen and (max-width:600px){.form-group form[data-v-640b5825]{flex-direction:column}}