:root{--chat-height-mobile: 100vh;--chat-offset-mobile: 0px}.pre-chat{margin-top:100px}@media screen and (max-width: 480px){.pre-chat{margin-top:0}}.chat{width:100%}@media screen and (max-width: 480px){.chat{overflow:hidden;display:flex;flex-direction:column;height:var(--chat-height-mobile);transform:translateY(var(--chat-offset-mobile))}}.chat-speechcontrol-container{width:100%;display:flex;justify-content:space-between;margin-bottom:12px}@media screen and (max-width: 480px){.chat-speechcontrol-container{padding:8px 8px 4px;margin-bottom:0}}.chat-conversation-controls-container{width:100%;display:flex;justify-content:space-between;padding:0 8px}.chat-conversation-controls-container-inner{display:flex}.chat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media screen and (max-width: 576px){.chat-header{flex-direction:column;align-items:start}}.chat-header h4{display:flex;align-items:center;margin-bottom:0;font-size:16px}.chat-inner{border-radius:6px;border:solid 1px #ccc;padding:16px}@media screen and (max-width: 480px){.chat-inner{flex:1;display:flex;flex-direction:column;min-height:0}}.chat-message{margin-bottom:10px}.chat-controls .chat-input{display:flex;gap:4px;align-items:center;justify-content:space-between}.chat-controls .chat-input .input-controls{display:flex;gap:4px;align-items:center}.chat-controls .chat-input .input-controls svg{cursor:pointer}.chat-controls .chat-input .input-controls .send-button-desktop{display:flex}@media screen and (max-width: 480px){.chat-controls .chat-input .input-controls .send-button-desktop{display:none}}.chat-controls .chat-input .input-controls .send-button-mobile{display:none}@media screen and (max-width: 480px){.chat-controls .chat-input .input-controls .send-button-mobile{display:flex}}.chat-controls .chat-input .form-control{resize:none;width:100%;padding:12px;border-radius:7px;border:1px solid #ccc}@media screen and (max-width: 480px){.chat-controls .chat-input .form-control{font-size:16px}}.chat-controls .chat-input .form-control::placeholder{color:#929a9e;font-size:14px;font-weight:600}@media screen and (max-width: 480px){.chat-controls .chat-input .form-control::placeholder{font-size:16px}}.chat-controls .chat-input .form-control:focus{box-shadow:none}.toolbar{margin-top:35px;display:flex;align-items:center;justify-content:center}.question-text{margin-bottom:20px}.evaluation-icon{font-size:30px;color:#00000080}.info-icon{margin-top:10px;padding-left:10px;cursor:pointer;color:#00000080}.feedback-text{padding-left:0}.banner{padding:10px;font-weight:600;border-radius:7px;margin-top:20px;border:2px solid #a0c813}.conversation-ended{min-height:50px;display:flex;justify-content:center;align-items:center;font-weight:700}.toolbar-start{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.toolbar-start .speech-settings{align-items:center}.toolbar-start .speech-settings .custom-control{margin-top:-12px}.textarea{height:490px}@media screen and (max-width: 480px){.textarea{height:unset;flex:1;min-height:0}}.textarea{white-space:pre-line;overflow-y:auto;margin-bottom:10px}.chat-message{margin-bottom:20px}.chat-message .role-name{font-size:14px;font-weight:600;color:#848484;padding:0 5px 5px 10px}.chat-message.user{align-items:flex-end}.chat-message.user .message-content{background-color:#fafafa;border-top-right-radius:0;margin-left:150px}@media screen and (max-width: 480px){.chat-message.user .message-content{margin-left:0}}.chat-message.user .role-name{text-align:right}.chat-message.assistant .message-content{background-color:#eff6ff;border-top-left-radius:0;margin-right:100px}@media screen and (max-width: 480px){.chat-message.assistant .message-content{margin-right:0}}.chat-message .message-content{border-radius:20px}.chat-message .message-content .top-content svg{cursor:pointer;min-width:19px}.chat-message .message-content .top-content{padding:16px;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;display:flex;align-items:center;justify-content:space-between}.chat-message .message-content{color:#0e2029;font-size:14px;font-weight:600}.chat-message .message-content .hint{padding-top:15px;padding-bottom:10px;padding-left:16px;border:solid 3px #f1f2f2;font-weight:400;text-align:left;background:#fff;border-bottom-right-radius:20px;border-bottom-left-radius:20px;white-space:break-spaces}.chat-message .message-content .hint b.prefix{color:#657076}.chat-message .message-content .hint b{color:#a0c813}.message-diff{font-family:system-ui,sans-serif;font-size:14px}.message-diff__original{margin-bottom:4px}.message-diff__token--corrected{font-weight:600;color:#92b611}.popover-help-container{z-index:3000;background:#fff;border:2px solid #a0c813;border-radius:7px;position:relative;padding:10px!important}.speech-settings{display:flex;gap:20px;justify-content:end;height:100%;font-weight:600;color:#657076}.speech-settings .text{display:flex;align-items:center}.speech-settings .custom-control{margin-top:-2px;margin-right:-25px}.speech-settings .separator{border-left:1px solid #929a9e;width:1px;display:block;margin-top:5px;margin-bottom:5px}.speech-settings .speed-toggle{display:flex;cursor:pointer;border-radius:7px;padding:6px 11px;gap:14px;background-color:#d9d9d9}