.container-chat[data-v-2ea0dfe8]{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-2ea0dfe8]{flex-grow:1;overflow-y:auto;padding-bottom:100px;scrollbar-width:none}.message[data-v-2ea0dfe8]{padding:10px}.author[data-v-2ea0dfe8]{font-weight:700}.content[data-v-2ea0dfe8]{margin-top:5px}.loading-message[data-v-2ea0dfe8],.loading-more[data-v-2ea0dfe8],.no-more-messages[data-v-2ea0dfe8]{color:#666;font-style:italic;padding:10px;text-align:center}.form-group[data-v-2ea0dfe8]{background-color:var(--retro-border-medium);border-bottom-color:var(--retro-border-medium);border-bottom:2px solid var(--retro-border-dark);border-left:none;border-right:none;border-top-color:var(--retro-border-medium);border-top:2px solid var(--retro-border-light);bottom:0;box-shadow:inset 0 1px 0 var(--retro-border-highlight),inset -1px 0 0 var(--retro-border-dark);color:var(--retro-text-contrast);font-family:VT323,monospace;max-width:20vw;padding:8px 0;position:fixed;width:20vw}.form-group[data-v-2ea0dfe8],.form-group form[data-v-2ea0dfe8]{align-items:center;display:flex;flex-direction:column;justify-content:center}.form-group form[data-v-2ea0dfe8]{width:100%}.form-group h3[data-v-2ea0dfe8]{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-2ea0dfe8]{align-self:flex-start;font-size:.9rem;font-weight:700;margin-bottom:2px;margin-left:25%}input[type=email][data-v-2ea0dfe8],input[type=password][data-v-2ea0dfe8],input[type=text][data-v-2ea0dfe8],textarea[data-v-2ea0dfe8]{background-color:var(--retro-bg-overlay);border-color:var(--retro-border-medium);border-bottom:2px solid var(--retro-border-highlight);border-left:2px solid var(--retro-border-dark);border-right:2px solid var(--retro-border-highlight);border-top:2px solid var(--retro-border-dark);box-shadow:inset 1px 1px 3px #0006;box-sizing:border-box;color:var(--retro-text-primary);font-family:VT323,monospace;font-size:1rem;margin:5px;padding:5px 8px;width:85%}input[type=email][data-v-2ea0dfe8]:focus,input[type=password][data-v-2ea0dfe8]:focus,input[type=text][data-v-2ea0dfe8]:focus,textarea[data-v-2ea0dfe8]:focus{box-shadow:inset 1px 1px 3px #0006,0 0 4px var(--retro-accent-soft);outline:none}textarea[data-v-2ea0dfe8]{resize:none}button[data-v-2ea0dfe8]{background-color:var(--retro-button-bg);border-color:var(--retro-border-medium);border-bottom:2px solid var(--retro-border-dark);border-left:2px solid var(--retro-border-highlight);border-right:2px solid var(--retro-border-dark);border-top:2px solid var(--retro-border-highlight);box-shadow:inset 1px 1px 0 var(--retro-border-highlight),inset -1px -1px 0 var(--retro-border-dark);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:background-color .1s;width:85%}button[data-v-2ea0dfe8],button[data-v-2ea0dfe8]:hover{color:var(--retro-button-text)}button[data-v-2ea0dfe8]:hover{background-color:var(--retro-button-bg-hover)}button[data-v-2ea0dfe8]:active{background-color:var(--retro-button-bg-active);border-color:var(--retro-border-dark) var(--retro-border-highlight) var(--retro-border-highlight) var(--retro-border-dark);box-shadow:inset 1px 1px 0 var(--retro-border-dark),inset -1px -1px 0 var(--retro-border-highlight);left:1px;top:1px}button.primary[data-v-2ea0dfe8]{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-2ea0dfe8]:hover{background-color:#0000cd}button.primary[data-v-2ea0dfe8]:active{background-color:#00008b;border-color:#000040 #00a #00a #000040;box-shadow:inset 1px 1px #000060}.error-message[data-v-2ea0dfe8]{animation:errorBlink-2ea0dfe8 .5s step-end infinite;background-color:#a00;border:1px solid red}.error-message[data-v-2ea0dfe8],.success-message[data-v-2ea0dfe8]{color:#fff;font-size:.9rem;margin:5px 0;padding:5px 10px;text-align:center;width:50%}.success-message[data-v-2ea0dfe8]{background-color:#080;border:1px solid #0f0}@keyframes errorBlink-2ea0dfe8{0%,to{background-color:#a00}50%{background-color:red}}.hour[data-v-2ea0dfe8]{color:#888;font-size:.85rem}@media (max-width:768px){.container-chat[data-v-2ea0dfe8]{height:84vh;width:100vw}.form-group[data-v-2ea0dfe8]{max-width:100%;position:sticky;width:100%}.chat-messages[data-v-2ea0dfe8]{padding-bottom:140px}button[data-v-2ea0dfe8],input[type=text][data-v-2ea0dfe8],textarea[data-v-2ea0dfe8]{width:90%}}@media only screen and (max-width:600px){.form-group form[data-v-2ea0dfe8]{flex-direction:column}}