.modal{display:grid;position:fixed;z-index:2;left:50%;top:50%;background-color:#334e9633;transform:translate(-50%,-50%);padding:1.5em 4.5em;justify-items:center;border-radius:1.5em}.recording-modal{overflow:hidden;font-size:xx-large;color:red}.assessment-modal{background-color:#414173}.div-with-table{max-width:100vh;height:50vh;overflow-x:hidden;overflow-y:scroll;margin:0 4em}table{border-collapse:collapse;font-family:Verdana,Geneva,sans-serif}th,td{padding:8px;text-align:center;border:1px solid #222}th{background-color:#222}tr:first-child th{border-top:0}tr:last-child td{border-bottom:0}tr td:first-child,tr th:first-child{border-left:0}tr td:last-child,tr th:last-child{border-right:0}tr td:first-child{text-align:left}tr:hover{background-color:#010101}.overlay{position:fixed;left:0;top:0;right:0;bottom:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.modal>p{margin:0}.modal>button{margin-top:1em;border-radius:9999px}#settings-picker{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:.5em auto 1em}#basic-settings{display:flex;flex-direction:row;align-items:center}#endpoint-radio{display:flex;flex-direction:column;justify-content:space-between}#model-dropdown{position:relative;display:inline-block}#max-token-block{flex-direction:column;align-items:center}#max-token-pair{display:flex;flex-direction:row}#input-system-box{display:flex;align-items:center;width:100%}#input-system{border-radius:10px;margin:10px auto;width:100%}#tts-group{flex-direction:column;justify-content:center;margin:auto;margin-left:.5rem}.settings-pair{display:flex;flex-direction:column;align-items:center}.settings-pair>*{margin:2px 0}@media (max-width: 512px){.chat-box-messages{padding:2rem}}.chat-box{display:flex;flex-direction:column;height:100vh;margin:auto;border:solid rgba(51,51,51,.5);border-radius:.5em}.chat-box-messages{flex:1;display:flex;flex-direction:column;padding:1rem;overflow-y:auto}.chat-message{max-width:75%;margin:.5rem;padding:.75rem;border-radius:1.5rem;font-size:1rem;line-height:1.5}.bot-message{background-color:#f6f6f6;color:#444;align-self:flex-start}.bot-error{color:#ff8c00;font-style:italic}.user-message{background-color:#0084ff;color:#fff;align-self:flex-end}.user-error{color:#a9a9a9;font-style:italic}.assessment-general-results{display:inline-flex;font-family:consolas;font-size:medium;border-radius:.5em;padding:.5em;margin-top:.5em;cursor:pointer;background-color:#333}.assessment-general-results:hover{background-color:#555}#input-box{display:flex;flex-direction:row;justify-content:center;margin:auto;width:75%}#input-text{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}textarea{resize:none;border:none;border-radius:10px 0 0 10px;padding:1rem;margin:2px 0;font-size:1rem;box-shadow:0 1px 2px #0006}#recorder-button{border:none;margin:2px 0;padding:0 1rem;border-radius:9999px 0 0 9999px;background-color:#334e96}#recorder-button-recording{border:none;margin:2px 0;padding:0 1rem;border-radius:9999px 0 0 9999px;background-color:#9a0f0f}#mic-icon{filter:"brightness(0) invert(1)";margin-left:0;margin-right:-.5em}#submit-button{border:none;margin:2px 0;padding:0 1rem;border-radius:0 9999px 9999px 0;background-color:#334e96}.message-play-button{padding:.1em .6em;float:right;margin:-.75em 0 -.5em;background-color:#334e96;opacity:1}.message-play-button[disabled]{background-color:gray;opacity:.5;pointer-events:none}@media (min-width: 768px){.chat-box-messages{padding:2rem}}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#777;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}#root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;width:100vw;height:100vh;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}