.avatar[data-v-611e18b3]{width:16px;height:16px}.container[data-v-611e18b3]{width:100%;display:flex}.container-right[data-v-611e18b3]{justify-content:flex-end}.message[data-v-611e18b3]{min-width:20%;max-width:80%;border-radius:1em;display:flex;align-items:start;font-weight:700;flex-direction:column;flex-basis:auto;height:fit-content;width:fit-content;padding:1em;gap:.75em}.user-message[data-v-611e18b3]{background-color:#ff7b52;color:#000}.assistant-message[data-v-611e18b3]{background-color:#2b2e36;color:#fff}.notification-message[data-v-611e18b3]{background-color:#eb8d271a}.vertical{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:1em}.vertical .header{position:absolute;top:0;width:auto;height:3em;justify-content:space-between;padding:2em}.vertical .header img{width:61px}.vertical .galacean{border-radius:1em;height:calc(100% - 1.5em);width:calc(100% - 2em);padding-left:1em;padding-top:1em}.vertical .model-div{display:flex;height:40%;width:100%}.vertical .ui{display:flex;width:100%;height:calc(60% - 6em)}.vertical .footer{display:flex;flex-direction:row;justify-content:center;width:100%;align-items:center;height:4em}.horizontal{display:flex;flex-direction:row;align-items:end;justify-content:center;height:100%;width:100%;gap:0}.horizontal .header{position:absolute;width:calc(100% - 2em);height:3em;top:.5em;left:0;display:flex;flex-direction:row;justify-content:start;align-items:center;padding-left:1em;padding-right:1em}.horizontal .header img{width:61px}.horizontal .model-div{display:flex;height:calc(100% - 4em);width:40%;justify-content:center;align-items:start;border-radius:1em}.horizontal .galacean{border-radius:1em;height:calc(100% - 1em);width:calc(100% - .5em);padding-left:.5em}.horizontal .ui{display:flex;width:calc(60% - 1em);height:calc(100% - 5em);padding-bottom:1em}.horizontal .footer{display:flex;justify-content:center;position:absolute;pointer-events:none;bottom:2em;scale:1.5;width:40%;left:0}.chat-panel{width:calc(100% - 5em);padding-left:2em;padding-right:2em;height:100%;border-radius:1em;background-color:#22252e}.chat-panel .char-name{height:2em;width:auto;color:#fff;font-weight:700;font-size:1em;top:1em;padding:1em}.chat-panel .history-container{width:100%;height:calc(100% - 10em);overflow-y:scroll;scrollbar-width:none;background-color:#0000}.chat-panel .input-container{width:100%;height:6em}.chat-panel .input-container input{background-color:#fff0;outline-color:#fff0;border-color:#fff0;color:#fff}