.sidebar-box{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#181d31;width:300px}@media screen and (max-width: 768px){.sidebar-box{display:none}}.image-container{display:flex;align-items:flex-start;justify-content:center;top:0;position:absolute}.image-container img{width:100%}.list-options{display:flex;flex-direction:column;justify-content:center;width:100%;margin-top:20px;list-style:none;padding:0}.list-options li{margin:10px 0;width:100%;display:flex;align-items:centert;justify-content:flex-start}.list-options li a{color:#fff;text-decoration:none}.list-options-item{padding:1em;width:100%}.list-options-item:active,.list-options-item:hover,.list-options-item.active{background-color:#233c77}.loader{width:100%;height:24px;padding:2px 0;box-sizing:border-box;display:flex;animation:l5-0 3s infinite steps(6);background:linear-gradient(#000 0,#000 0) 0 0/0% 100% no-repeat,radial-gradient(circle 3px,#eeee89 90%,#0000) 0 0/20% 100% #000;overflow:hidden}.loader:before{content:"";width:20px;transform:translate(-100%);border-radius:50%;background:#ffff2d;animation:l5-1 .25s .153s infinite steps(5) alternate,l5-2 3s infinite linear}@keyframes l5-1{0%{clip-path:polygon(50% 50%,100% 0,100% 0,0 0,0 100%,100% 100%,100% 100%)}to{clip-path:polygon(50% 50%,100% 65%,100% 0,0 0,0 100%,100% 100%,100% 35%)}}@keyframes l5-2{to{transform:translate(90px)}}@keyframes l5-0{to{background-size:120% 100%,20% 100%}}.home-box{height:calc(90vh - 2rem);overflow-y:scroll}.chat-container{display:flex;justify-content:space-between;flex-direction:column;border-radius:30px;padding:1rem;border:1px solid #233c77}.chat-response{display:flex;flex-direction:row}.chat-form{display:flex;justify-content:center;align-items:center}.chat-form-text{width:100%;height:50px;padding:10px;border-radius:5px;border:1px solid #233c77;margin:2em}.chat-form-button{background-color:#233c77;border-radius:30px;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.chat-message{padding:10px;border-radius:5px;margin:2em;text-align:justify}.role{font-weight:700}.generate-documentation{height:100%;padding:0 2rem}h2,p{color:#000}img{width:18px}.generate-documentation__container-buttons{display:flex;flex-direction:row;justify-content:space-between}.generate-documentation__container-textarea{display:flex;flex-direction:column;justify-content:flex-start}.generate-documentation__container-textarea textarea{margin:1rem 0;background-color:#fff;padding:.5rem;border-radius:15px;border:2px solid #233c77;color:#000;outline:none}.generate-documentation__button{background-color:#233c77;border-radius:30px;color:#fff;width:max-content;margin:0 .5rem}.model-response{overflow-y:scroll;height:25vh;padding:1rem;margin:1rem 0}.generate-documentation_container{margin-top:1rem}.generate-documentation_select{width:100%;margin:1rem 0;padding:.5rem;border-radius:15px;border:2px solid #233c77;color:#000;outline:none}.generate-documentation__message_container{margin-top:1rem}.chat-form-button{background-color:#233c77;color:#fff;text-align:center;font-size:16px;cursor:pointer;border-radius:30px}textarea{width:100%;height:50px;border-radius:5px;border:1px solid #ccc;margin-bottom:2em}.response{padding:1rem;margin:1rem 0;border:1px solid #233c77;border-radius:30px;height:300px;overflow-y:scroll}button{background-color:#233c77;color:#fff;text-align:center;font-size:16px;cursor:pointer;border-radius:30px}*{font-family:Poppins,sans-serif}.poppins-light{font-family:Poppins,sans-serif;font-weight:300;font-style:normal}.poppins-regular{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}body,#root{width:100%}.box{display:flex;width:100%}.right-box{width:calc(100% - 300px);padding:2rem;box-sizing:border-box}h1{text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}