.overlay,footer{position:fixed;width:100%}#reset-btn,#send-btn{padding:0 20px;font-size:1.1rem;cursor:pointer;transition:.1s ease-in}#msgs-container>ul,.message-item{list-style:none}html{font-family:sans-serif}body{background-color:#e0e0e0;color:#444;height:100%;text-align:center}header>img{padding:20px 0;width:15%}header>h2{margin-bottom:0}main{display:flex;flex-direction:column;justify-content:center;row-gap:50px}main>section{flex:1}footer{bottom:0;padding:20px 0;box-sizing:border-box}.overlay{top:0;left:0;height:100%;background-color:rgba(0,0,0,.5);display:none;z-index:9999}.spinner-container{display:flex;justify-content:center;align-items:center;height:100%;position:relative}.rectangle-spin-fill{color:#5a5a5a;height:128px;width:128px;border:4px solid;display:none;animation:1s linear infinite rect-rotate;position:absolute;z-index:10000}.rectangle-spin-fill::after{content:"";height:0;width:inherit;display:block;background:rgba(174,209,57,.5);animation:1s linear infinite fill-rect}@keyframes rect-rotate{0%{transform:rotate(0)}100%,50%{transform:rotate(180deg)}}@keyframes fill-rect{0%,50%{height:0}100%{height:inherit}}#chat-container{height:100%;display:grid;grid-template-rows:repeat(2,auto) 1fr;padding:0 30px 30px}#chat-subsection{margin-bottom:20px}#chat-code-display{color:#004965}#chat-code-display span{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;color:#282828;font-family:monospace;padding:8px 5px}#msgs-container{position:absolute;height:calc(60% - 50px);width:95%;overflow-y:auto;padding:10px;margin-top:20px}#message-box{position:absolute;bottom:10%;width:95%;height:50px;display:flex}#message-input{flex-grow:1;padding:10px;font-size:1.1rem;outline:0;border:4px solid #c7df77;border-right:none;background-color:#fff;border-bottom-left-radius:15px;border-top-left-radius:15px}#send-btn{border:4px solid #90ae29;border-left:none;background-color:#aed139;border-bottom-right-radius:15px;border-top-right-radius:15px}#send-btn:hover{background-color:#bfdb62}#reset-btn{margin-left:10px;border:4px solid #858585;background-color:#9e9e9e;border-radius:15px}#reset-btn:hover{background-color:#ababab}.message-item{background-color:#fff;color:#444;border-radius:10px;padding:10px;width:fit-content;max-width:500px;margin:10px 0}.bot-message-item{text-align:justify;background-color:#90ae29;border-bottom-left-radius:0}.user-message-item{text-align:justify;margin-left:auto;margin-right:0;border-bottom-right-radius:0}.muted-text{color:grey;font-size:.7rem}.muted-text-white{color:#fff;font-size:.7rem}.kb-article{margin:25px auto auto;width:80%;padding:40px;text-align:justify;font-size:18px;line-height:calc(1ex / .32);background-color:#fff;box-shadow:0 1px 2px 0;border-radius:5px}.kb-article table,td{border:1px solid #73ad21}.kb-article td{padding:10px}