#rag{position:relative;height:100%}.chat-wrap{display:flex;flex-direction:column;gap:1.5rem;height:100%}.bubble-container{flex:1 1;margin:-2rem -2.5rem -1rem;padding:2rem 2.5rem 1rem;display:flex;flex-direction:column;gap:1rem;overflow:auto;scroll-behavior:smooth}.bubble-wrap{display:flex}.bubble{padding:1rem 1.5rem;border-radius:1rem;font-size:1.25rem;max-width:80%}.bot .bubble{border-bottom-left-radius:0;box-shadow:2px 4px 8px rgba(0 0 0/16%);background-color:#f4f4f6}.user .bubble{border-bottom-right-radius:0;box-shadow:2px 4px 8px rgba(0 0 0/24%);background-color:var(--black);color:var(--white);margin-left:auto}.rag-input{position:absolute;top:0;left:0;width:100%;display:flex;gap:1.5rem;z-index:2}.rag-input textarea{min-height:4rem;max-height:12rem;padding:1rem 1.5rem;flex:1 1;background-color:#f4f4f6;border:1px solid #ececef;border-radius:1rem;box-shadow:1px 4px 8px rgba(0 0 0/16%);resize:none;transition:.2s}.rag-input textarea:focus{background-color:var(--white)}.rag-input button{border-radius:1rem;height:4rem;transition:.1s;font-size:1.25rem}.rag-input button:active{transform:translateY(2px)}.rag-input button.rag-example{width:8rem;background-color:#fff;box-shadow:2px 4px 8px rgba(0 0 0/8%);transition:.1s}.rag-input button.rag-example:hover{background-color:#eee}.rag-input button.rag-submit{width:5rem;padding-top:.25rem;background:linear-gradient(to right bottom,#3a3a3a,var(--black));box-shadow:2px 4px 8px rgba(0 0 0/24%)}.rag-result{height:100%;padding-top:5.5rem;display:flex;gap:1.5rem}.rag-result h4{font-size:1.25rem;margin-bottom:.5rem}.rag-answer,.rag-basis{display:flex;flex-direction:column}.rag-answer{width:calc(60% - .75rem)}.rag-output{flex:1 1;border:1px solid #eee;border-radius:.25rem;padding:1rem 1.5rem;overflow:auto}.rag-output,.rag-output h3{font-size:1.25rem}.rag-output p+h3{margin-top:1rem}.rag-basis{width:calc(40% - .75rem)}.rag-basis-list{flex:1 1;display:flex;flex-direction:column;border-top:1px solid #eee}.rag-basis-item{position:relative;flex:1 1;padding:1rem .25rem;font-size:1.25rem;border-bottom:1px solid #eee}.rag-basis-item>h5:not(:empty),.rag-basis-item>strong{display:block;max-width:calc(100% - 5.5rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem}.rag-basis-item>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#777}.rag-basis-item>p strong{font-weight:600}.rag-basis-item button{position:absolute;top:.75rem;right:.25rem;border-radius:5rem;border:1px solid #f5f5f5;padding:.125rem .75rem;box-shadow:1px 2px 4px rgba(0 0 0/12%);transition:.1s}.rag-basis-item button:hover{background-color:#eee}.rag-basis-item button:active{transform:translateY(2px)}