*{margin:0;padding:0;box-sizing:border-box}html{height:100%;width:100%}@keyframes fade_in{0%{opacity:0;transform:scale(0) translateY(100%) translateX(100%) rotate(-30deg)}100%{opacity:1;transform:scale(1)}}@keyframes loading{to{clip-path:inset(0 -1ch 0 0)}}#audioPlayer,#fxPlayer,#musicPlayer{display:none}.container#blur.active{filter:blur(20px)}.chatbot{font-family:sans-serif;display:none;position:fixed;right:20px;bottom:10px;height:660px;max-height:90%;width:520px;max-width:100%;overflow:hidden;z-index:4;border-radius:18px;border:solid var(--border-color) 3px}.chatbot header{padding:16px 0;position:relative;text-align:center;color:var(--text-color);background:var(--secondary-color);box-shadow:0 2px 10px rgba(0,0,0,.1)}.chatbot header span{position:absolute;right:5px;top:30%;display:block;cursor:pointer;transform:translateY(-50%)}.chatbot .chatbox{overflow-y:scroll;background:#fff;height:calc(100% - 141px);padding-left:25px;padding-right:20px;padding-top:5px;padding-bottom:0}.chatbot :where(.chatbox,textarea)::-webkit-scrollbar{width:3px}.chatbot :where(.chatbox,textarea)::-webkit-scrollbar-track{background:var(--white);border-radius:25px}.chatbot :where(.chatbox,textarea)::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:25px}.chatbox .chat{position:relative;display:flex;list-style:none;margin:18px 0}.chatbox .outgoing{justify-content:flex-end}.chatbox button{width:fit-content;min-width:50px}.chatbox .incoming span{width:32px;height:32px;color:var(--white);cursor:default;text-align:center;line-height:32px;align-self:flex-end;background:#5d5d7f;border-radius:4px;margin:0 12px 12px 0}.chatbox .chat p{white-space:pre-wrap;padding:12px 16px;max-width:75%;color:var(--white);font-size:var(--font-size-s);line-height:1.15;background:var(--secondary-color)}.chatbox .outgoing p{height:fit-content;color:var(--text-color);border-radius:10px 0 10px 10px}.chatbox .chat p.error{color:var(--red);background:#f8d7da}.chatbox .incoming p{color:#000;background:var(--medium-grey);border-radius:0 10px 10px 10px}.chatbot .chat-input{display:flex;gap:5px;height:80px;position:absolute;bottom:0;width:100%;background:var(--white);padding-left:15px;padding-right:10px;border-top:1px solid #ddd;border-bottom-left-radius:17px;border-bottom-right-radius:17px}.lds-ellipsis{color:var(--secondary-color)}.lds-ellipsis,.lds-ellipsis div{box-sizing:border-box}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33.33333px;width:13.33333px;height:13.33333px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{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)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}#error-message{color:var(--red);transform:translateY(15px);justify-self:center}.chatbot .chat-input textarea{overflow-y:auto;width:100%;border:none;outline:0;resize:none;padding-top:12px;padding-bottom:4px;font-size:var(--font-size-s)}.mic-button{width:24px;height:24px;cursor:pointer;margin-top:27px}@keyframes grow-shrink{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.mic-button-pressed{animation:grow-shrink 2s infinite}.chat-input span{align-self:flex-end;color:#5d5d7f;cursor:pointer;height:100%;display:flex;align-items:center;visibility:hidden;font-size:1.35rem;position:relative}.chat-input textarea:valid~span{visibility:visible}.chat-image-user{width:38px;height:38px;overflow:hidden;border-radius:50%;margin-left:8px;margin-top:-10px}.chat-image{width:38px;height:38px;overflow:hidden;border-radius:50%;margin-right:10px;margin-top:-10px}.chat-image img,.chat-image-user img{width:100%;height:100%;object-fit:cover}.frage{margin-bottom:15px}button{background-color:var(--secondary-color);color:var(--white);padding:10px 20px;border:none;border-radius:5px;cursor:pointer;width:100%}.left-menu{position:fixed;top:50%;left:20px;background-color:#f0f0f0;border:2px solid #ccc;border-radius:15px;padding:20px;width:500px;height:700px}.left-menu .frage{margin-bottom:15px;font-size:26px}.left-menu button{background-color:#4caf50;color:var(--white);padding:10px 20px;border:none;border-radius:5px;cursor:pointer;width:100%}.container{width:100%;height:100vh;background:#3c5077;display:flex;align-items:center;justify-content:center}.chat-replay-button{width:24px;height:24px;position:absolute;right:5px;bottom:5px;cursor:pointer}@media screen and (max-width:790px){.chatbot-toggler{right:20px;bottom:20px}.chatbot{right:0;bottom:-5px;height:90%;border-bottom-right-radius:0;border-bottom-left-radius:0;border:unset;width:100%}.chatbot .chatbox{padding:0 15px 15px}.chatbot .chat-input{padding:5px 15px;border-bottom-right-radius:0;border-bottom-left-radius:0}.chatbot header span{display:block}}