.sprychat-conversation{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.sprychat-message{align-self:flex-start;background:#f4f5f7;border-radius:.75rem;padding:.75rem 1rem;max-width:80%;line-height:1.4}.sprychat-message--user{align-self:flex-end;background:#2563eb;color:#fff}.sprychat-input{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e5e7eb}.sprychat-input input,.sprychat-input__field{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem}.sprychat-input button,.sprychat-input__button{padding:.5rem 1rem;border-radius:.5rem;background:#2563eb;color:#fff;border:none}.sprychat-feedback-view,.sprychat-frontpage,.sprychat-actions-header,.sprychat-quick-responses{display:flex;gap:.5rem;align-items:center}.sprychat-quick-responses button,.sprychat-feedback-view button,.sprychat-actions-header button{border:1px solid #d1d5db;background:#fff;padding:.25rem .75rem;border-radius:9999px}.sprychat-conversation{--conversation-gap: var(--sizes-spacing-12);overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;gap:var(--conversation-gap);padding:0;scrollbar-width:none}.sprychat-conversation::-webkit-scrollbar{display:none}.sprychat-conversation>.sprychat-message:nth-of-type(1){margin-top:var(--message-top-offset)}.sprychat-conversation .sprychat-message{scroll-margin-top:var(--message-top-offset)}body.chatbot-limit-active .sprychat-conversation{margin-bottom:1.4rem}.sprychat-input{border:none}.sprychat-input-area .sprychat-input{display:flex;align-items:center;gap:var(--sizes-spacing-8);border-radius:var(--sizes-spacing-8);padding:var(--sizes-spacing-4) var(--sizes-spacing-8);background-color:var(--greyscales-white);max-width:30rem;margin:0 auto;transition:border-color .2s ease,box-shadow .2s ease}.sprychat-input-area .sprychat-input input{border:none}.sprychat-overlay{background:color-mix(in srgb,var(--color-dark-blue) 60%,transparent)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sprychat-input-area .sprychat-input:focus-within{border-color:var(--color-text-highlight-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-text-highlight-blue) 25%,transparent)}.sprychat-input-area .sprychat-input__field{flex:1;border:none;outline:none;padding:var(--sizes-spacing-8);font-size:.95rem;background:transparent}.sprychat-input-area .sprychat-input__button{position:relative;background:var(--color-backgrounds-icon-background)!important;color:transparent;border:none;border-radius:50%;width:var(--sizes-spacing-32);height:var(--sizes-spacing-32);cursor:pointer;display:grid;place-items:center;transition:background .2s ease,transform .1s ease;padding:0}.sprychat-input-area .sprychat-input__button:after{content:"";width:var(--sizes-spacing-16);height:var(--sizes-spacing-16);background-color:var(--color-dark-blue);mask:url(/icons/paper-plane-top.svg) center / contain no-repeat;-webkit-mask:url(/icons/paper-plane-top.svg) center / contain no-repeat}.sprychat-input-area .sprychat-input__button:hover:not(:disabled){background:#dbe8f5!important;transform:translateY(-1px)}.sprychat-input-area .sprychat-input__button:active:not(:disabled){transform:translateY(0)}.sprychat-input-area .sprychat-input__button:disabled{cursor:not-allowed;transform:none;opacity:.6}body.chatbot-limit-active .sprychat-input{position:relative;pointer-events:none}body.chatbot-limit-active .sprychat-input:before{content:var(--chatbot-limit-msg, "Du hast dein Limit erreicht.");font-family:var(--family-primary-font);font-size:var(--text-par-sm);font-style:normal;font-weight:var(--weight-medium);position:absolute;top:-42px;left:0;right:0;text-align:center;color:var(--color-text-highlight-blue);opacity:1;pointer-events:none;background:var(--color-backgrounds-icon-background);padding:var(--sizes-spacing-8);border-radius:var(--sizes-spacing-8)}.sprychat-actions-header{display:none}.sprychat-panel{border-radius:var(--sizes-spacing-16);overflow:visible;height:100%;max-height:100%;background-color:transparent!important;box-shadow:none!important}.sprychat-scroll{scrollbar-width:thin}.sprychat-input-area{padding:var(--sizes-spacing-12) var(--sizes-spacing-16)}.sprychat-message--bot{border-radius:0 var(--sizes-spacing-12) var(--sizes-spacing-12) var(--sizes-spacing-12)!important;font-size:var(--text-par-md)!important;background:var(--color-white)}.sprychat-typing-indicator{display:flex;align-items:center;gap:var(--sizes-spacing-4)}.sprychat-typing-indicator__dot{width:var(--sizes-spacing-8);height:var(--sizes-spacing-8);border-radius:50%;background-color:var(--color-dark-blue);animation:typing-bounce 1.4s ease-in-out infinite}.sprychat-typing-indicator__dot:nth-child(1){animation-delay:0ms}.sprychat-typing-indicator__dot:nth-child(2){animation-delay:.15s}.sprychat-typing-indicator__dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.sprychat-message--user{background-color:var(--color-backgrounds-icon-background);color:var(--color-text-dark-grey);border-radius:var(--sizes-spacing-12) 0 var(--sizes-spacing-12) var(--sizes-spacing-12)!important;font-size:var(--text-par-md)!important}.sprychat-message__text{white-space:pre-wrap;word-break:break-word;white-space-collapse:collapse}.sprychat-message__text hr{margin-top:1rem;margin-bottom:1rem}.sprychat-message__text p{white-space-collapse:preserve-breaks}.sprychat-message__text hr:last-child,.sprychat-message__text>hr:has(+button){display:none}.sprychat-message__text li,ul{padding-left:.5rem}.sprychat-message .katex-display>.katex{white-space:normal!important}.sprychat-message .katex-html{white-space:normal!important}.sprychat-message h1,.sprychat-message h2,.sprychat-message h3,.sprychat-message h4,.sprychat-message h5,.sprychat-message h6{font-weight:var(--weight-bold);color:var(--color-text-dark-blue);line-height:1.2;margin-top:var(--sizes-spacing-16);margin-bottom:var(--sizes-spacing-8)}.sprychat-message h1{font-size:var(--text-h-xl)}.sprychat-message h2{font-size:var(--text-h-l)}.sprychat-message h3{font-size:var(--text-h-md)}.sprychat-message h4{font-size:var(--text-h-sm)}.sprychat-message h5{font-size:var(--text-h-xs)}.sprychat-message h6{font-size:var(--text-par-l);font-weight:var(--weight-medium);color:var(--color-text-highlight-gray)}