#app{display:flex;flex-direction:column;height:100%}.header{position:fixed;top:0;left:15%;width:100%;height:50px;display:flex;flex-direction:row;padding:.6em;background-color:var(--sidebar-color);z-index:0}.sidebar.collapsed+.header{left:8%;width:100%}.sidebar{width:15%;height:100vh;position:fixed;top:0;left:0;background-color:var(--sidebar-color);z-index:1;display:flex;flex-direction:column;align-items:center}.sidebar.collapsed{width:8%}.sidebar.collapsed .button-maximum{width:auto}.sidebar.open .button-group-column .button-maximum span{display:inline;margin-left:8px}.sidebar-right{width:15%;height:100vh;position:fixed;top:0;right:0;background-color:var(--sidebar-color);z-index:1;display:flex;flex-direction:column;align-items:center}.sidebar-right.collapsed{width:8%}.sidebar-right.collapsed .button-maximum{width:auto}.sidebar-right.collapsed .button-secondary .icon .extra-padding{padding-right:0}.sidebar-right.open .button-group-column .button-maximum span{display:inline}.sidebar-right .toggle-button{right:280px}.toggle-button{background-color:var(--secondary-color);color:#fff;border:none;padding:10px;cursor:pointer;position:absolute;top:85px;right:-20px;z-index:2}.toggle-button:hover{color:var(--secondary-color);background-color:#fff}.toggle-button:hover .icon{filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg)}.chat-area{margin-left:15%;width:70%;margin-top:65px;padding-bottom:120px;overflow-y:auto;height:calc(100vh - 310px);background-color:var(--background-color);color:var(--text-color)}.sidebar.collapsed+.header+.chat-area{margin-left:8%;width:84%}.fixed-footer{position:fixed;bottom:0;left:0;right:0;margin:0;width:100%;z-index:0;display:flex;flex-direction:column;align-items:stretch}.sidebar.collapsed+.header+.chat-area+.fixed-footer{margin:0;width:100%}.suggestion-bar{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;padding:.6em;margin-left:5em}.assistant{display:flex;flex-direction:row;justify-content:flex-start;gap:1em}.user{display:flex;flex-direction:row;justify-content:flex-end;color:#fff;gap:1em}.avatar{height:50px;margin:0 10px}.icon-large{height:50px;margin-bottom:8px}.icon-invert{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg)}@keyframes animate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.img-bot{width:100px;height:100px}.icon-spinner{animation:animate 2s infinite linear}.icon{width:30px;height:30px}.extra-padding{padding-right:.5em}.assistant.avatar{order:-1}.assistant .message{width:65%;background-color:#dac5d4;color:var(--secondary-color);margin:4px 0 15px 10px;border-radius:8px;text-align:left;font-weight:700;padding:8px;box-shadow:0 2px 4px #00000024,0 0 2px #0000001f}.user .avatar{order:2}.user div{width:65%;background-color:#794268;color:#fff;margin-left:auto;margin-right:10px;margin-bottom:15px;border-radius:8px;text-align:right;font-weight:700;padding:8px;box-shadow:0 2px 4px #00000024,0 0 2px #0000001f}.systemPrompt{height:10em}.welcome-message{display:flex;flex-direction:row;padding-top:1em}.special-button{background:transparent;border:none!important;font-size:0;width:70px;margin-right:50px;cursor:pointer;box-shadow:none}.pulsing{animation:color_change 1s infinite alternate;font-weight:700}@keyframes color_change{0%{color:var(--secondary-color)}to{color:var(--sidebar-color)}}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color);color:var(--text-color);z-index:100;box-shadow:0 4px 8px #0000001a;border-radius:8px;width:500px}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000}.user_avatar{background-color:#fff;width:40px;height:40px;padding:5px;border-radius:50%;cursor:pointer}.speech-controls{display:flex;flex-direction:row;align-items:center}.speech-controls button{background-color:var(--background-color);cursor:pointer;transition:background-color .3s;box-shadow:none}.speech-controls button:hover{background-color:var(--secondary-color)}.speech-controls button:hover .icon{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg)}.speech-controls button:focus{background-color:var(--secondary-color)}.speech-controls button:focus .icon{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg)}.speech-controls button:disabled{background-color:#ccc;cursor:not-allowed}.error-screen{display:flex;flex-direction:column;height:100vh;width:100vw;margin:0;padding:0;justify-content:center;align-items:center;background-color:#f08080}.btn-group{position:relative;display:inline-flex;vertical-align:middle;align-items:stretch}.btn-group:after{content:"";clear:both;display:table}.btn-group button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.btn-group button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.btn-group button:focus{background-color:var(--secondary-color);color:#fff}.btn-group button:focus .icon{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg)}.choices-form{background-color:#fff;padding:1rem;border-radius:8px}.choices-form h2{margin:0}input[type=checkbox]{--s: 1.5em;--c: var(--secondary-color);height:var(--s);aspect-ratio:1;border:calc(var(--s)/8) solid #939393;padding:calc(var(--s)/8);outline-offset:calc(var(--s)/10);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:inherit;transition:.3s}input[type=checkbox]:checked{border-color:var(--c);background:var(--c) content-box;background-size:100% 100%}input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}input[type=radio]{--s: 1.5em;--c: var(--secondary-color);height:var(--s);aspect-ratio:1;border:calc(var(--s)/8) solid #939393;padding:calc(var(--s)/8);background:radial-gradient(farthest-side,var(--c) 94%,#0000) 50%/0 0 no-repeat content-box;border-radius:50%;outline-offset:calc(var(--s)/10);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:inherit;transition:.3s}input[type=radio]:checked{border-color:var(--c);background-size:100% 100%}input[type=radio]:disabled{opacity:.5;cursor:not-allowed}label{display:inline-flex;align-items:center;gap:10px;margin:5px 0;cursor:pointer}.margin-top{margin-top:1em}.dialog-header{background-color:var(--sidebar-color);border-top-left-radius:8px;border-top-right-radius:8px;padding:20px;text-align:center}.dialog-title{margin:0;color:#fff}.dialog-content{display:flex;flex-direction:column;gap:1em;padding:20px}.profile-content{display:flex;flex-direction:column;flex-wrap:wrap;padding:20px}.profile-item{display:flex;width:100%;justify-content:flex-start;align-items:baseline;gap:1em}.dialog-row{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.dialog-footer{background-color:var(--sidebar-color);padding:.5em;text-align:left;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.close-button{padding:5px 15px;font-size:var(--fontSize);cursor:pointer}.button{border:none;border-radius:0;padding:10px 20px;background:#fff;color:var(--secondary-color);cursor:pointer}.button:hover{background-color:var(--secondary-color);color:#fff}.group-buttons{display:flex;flex-direction:row;align-items:stretch;border:2px solid var(--secondary-color)}.active-button{background:var(--secondary-color);color:#fff}.label,label{font-size:larger;font-family:inherit;font-weight:700}.toggle input{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;white-space:nowrap;width:1px}.toggle .slider{position:absolute;cursor:pointer;right:1em;width:4em;height:2em;background-color:#a9a9a9;border-radius:1em;transition:all .3s ease-in-out}.toggle .slider:before{position:absolute;content:"";height:1.6em;width:1.6em;left:.2em;bottom:.2em;background-color:#fff;border-radius:50%;transition:all .3s ease-in-out}.toggle input:checked+.slider{background-color:var(--secondary-color)}.toggle input:checked+.slider:before{transform:translate(1.9em)}.text .slider:before{position:absolute;color:#a9a9a9;font-weight:700;height:1.6em;left:-2.5em;bottom:.2em}.text input:checked+.slider:after{position:absolute;color:var(--secondary-color);left:4.5em}.input-area{display:flex;justify-content:center;align-items:stretch;padding-top:.6em;padding-bottom:.6em;gap:1em;background-color:var(--sidebar-color)}.input-area textarea{width:50%;background-color:var(--background-color);color:var(--text-color)}:root{--primary-color: #322668;--secondary-color: #712059;--background-color: white;--sidebar-color: #9A92BD;--text-color: black;--tertiär-button-background-color: var(--background-color);--tertiär-button-text-color: var(--secondary-color);--fontSize: large;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}[data-theme=on]{--background-color: var(--primary-color);--text-color: white;--tertiär-button-background-color: var(--secondary-color);--tertiär-button-text-color: var(--text-color)}[data-theme=on] .button-tertiär:hover{background-color:#fff;color:var(--secondary-color)}[data-theme=on] .button-tertiär:hover .icon{filter:invert(0%)}[data-theme=on] .icon-large,[data-theme=on] .icon,[data-theme=on] .avatar,[data-theme=on] .img-bot{filter:invert(100%)}body,html{height:100%;overflow:hidden}body{width:100%;min-width:700px;min-height:100vh;margin:0 auto;font-size:var(--fontSize)}h1{line-height:2}.secondary-color{color:var(--secondary-color)}button{border-radius:5px;border:none;padding:.6em 1.2em;font-size:var(--fontSize);font-weight:700;font-family:inherit;cursor:pointer;box-shadow:0 2px 4px #00000024,0 0 2px #0000001f}.button-maximum{display:flex;flex-direction:column;align-items:center;padding-top:12px;padding-bottom:12px}.button-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.button-logout{display:flex;flex-direction:row;align-items:center;justify-content:center}button:disabled{background-color:#794268;border:none}.button-primary{border:var(--primary-color) 3px solid;background-color:var(--primary-color);color:#fff}.button-primary:hover{border:white 3px solid;background-color:var(--primary-color);color:#fff}.button-primary:hover .icon-large{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg)}.button-primary:active{background-color:#fff;color:var(--primary-color)}.button-primary:active .icon-large{filter:invert(00%) sepia(00%) saturate(0%) hue-rotate(0deg)}.button-secondary-maximum{background-color:var(--secondary-color);color:#fff;display:flex;flex-direction:column;align-items:center;padding-top:12px;padding-bottom:12px}.button-secondary-maximum .icon{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg)}.button-secondary-maximum:hover{background-color:#fff;color:var(--secondary-color)}.button-secondary-maximum:hover .icon-large,.button-secondary-maximum:hover .icon{filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg)}.button-secondary{background-color:var(--secondary-color);color:#fff}.button-secondary .icon{filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg)}.button-secondary:hover{background-color:#fff;color:var(--secondary-color)}.button-secondary:hover .icon-large,.button-secondary:hover .icon{filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg)}.button-tertiär{background-color:var(--tertiär-button-background-color);border:3px solid var(--tertiär-button-text-color);color:var(--tertiär-button-text-color);margin-bottom:1em}.button-tertiär:hover{background-color:var(--secondary-color);color:#fff}.button-tertiär:hover .icon{filter:invert(100%) sepia(100%) saturate(0%) hue-rotate(0deg)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.button-group{display:flex;flex-direction:row;gap:1em;align-items:center;margin-right:3em;margin-left:1em}.button-group-column{display:flex;flex-direction:column;align-items:stretch;gap:3em;margin-top:120px}.button-group-column-right{display:flex;flex-direction:column;align-items:stretch;gap:3em;margin-top:5%}.button-group-column .button-maximum span{display:none}.text-smaller{font-size:smaller}.text-larger{font-size:x-large}textarea{font-family:inherit;font-size:var(--fontSize);border-radius:8px;border:none;box-shadow:0 2px 4px #00000024,0 0 2px #0000001f;padding-left:.5em;padding-right:.5em}