.app-collapsible .app-collapsible-header{margin-bottom:.5em;margin-top:.5em;display:flex}.app-collapsible .app-collapsible-header .icon-section{width:1.5em}.app-collapsible .app-collapsible-header .icon-section svg{transition:rotate .5s}.app-collapsible .app-collapsible-header .icon-section.open svg{rotate:90deg}.app-collapsible .app-collapsible-header .header-main{width:100%;cursor:default}.app-collapsible .app-collapsible-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s}.app-collapsible .app-collapsible-content.open{grid-template-rows:1fr}.app-collapsible .app-collapsible-content .inner{overflow:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#1f1f1f;color:#e0e0e0}.app-container{height:100%}.app-header{background-image:url(https://cdn.elpaseofacts.com/img/el-paseo-stones.png);background-size:cover;background-repeat:no-repeat;background-position:center center;height:4em;color:#e0e0e0;text-align:center;display:flex;justify-content:space-between;align-items:center;border-bottom:#333333 2px solid}.app-header .title{font-size:1.5em;text-shadow:0 0 5px rgba(0,0,0,.5);font-weight:700;text-shadow:#1f1f1f 5px 5px 5px}.app-header button{margin:.5em;padding:.75em}.chat-container{height:calc(100vh - (4em + 2px));overflow-y:auto;scrollbar-color:#1b9383 #3c3631}.chat-messages{padding:1rem;padding:1rem 1rem 12rem;max-width:900px;margin:0 auto}.chat-message{margin-bottom:1.5rem;padding:.5rem 1rem;border-radius:.5rem}.chat-message-sources a,.chat-message a{color:#fff;transition:color .3s}.chat-message-sources a:hover,.chat-message a:hover{color:#007bff}.chat-message-sources{margin-bottom:2rem}.chat-message-sources .app-collapsible-content .inner{zoom:.8}.chat-message-sources .app-collapsible-content.open .inner{border:#888888 1px solid;border-radius:.5rem}.sources-div{margin:1rem}.chat-message.user{max-width:75%;margin-left:auto;background-color:#1b9383;color:#fff}.chat-message.bot{background-color:#3c3631}button{padding:.75rem 1.5rem;border:none;border-radius:.5rem;background-color:#f5f5f5;border:1px solid whitesmoke;color:#3c3631;font-weight:700;cursor:pointer;transition:background-color .3s;margin:1em}button:hover{background-color:#c5c5a5;border:1px solid #3c3631}.chat-input{position:fixed;bottom:1.5em;width:100%;display:flex;justify-content:center}.chat-input .text-input-wrapper{margin-left:1.5em;margin-right:1.5em;background-color:#2c2c2c;border-radius:10px;padding:.5rem;width:80vw;max-width:800px;width:100%;display:flex}.chat-input .text-input-wrapper textarea.input-text{flex-grow:1;padding:.75rem;border:1px solid #333333;border-radius:.5rem;background-color:#2c2c2c;color:#e0e0e0;font-family:inherit;font-size:inherit;resize:none;border:none;overflow:auto;outline:none;width:96%;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.chat-input .text-input-wrapper .input-button-wrapper{display:flex;flex-direction:column;justify-content:end}.chat-input input::placeholder{color:#888}.source-item{text-wrap:nowrap;align-items:center;padding:.25rem}.source-item svg{margin-right:.5rem}.source-item:hover{background-color:#c5c5a5;border-radius:.5rem;cursor:pointer;color:#3c3631}.chat-message-sources .source-item-wrapper{margin:.5rem}.side-menu{-webkit-user-select:none;user-select:none;height:100%;width:18em;position:fixed;z-index:1;top:calc(4em + 2px);left:-30em;background-color:#504b47;overflow-x:hidden;padding-top:60px;transition:.5s}.side-menu .side-menu-content{margin:.5em}.side-menu .side-menu-item{padding:8px 8px 8px 32px;margin-bottom:8px;text-decoration:none;color:#c5c5a5;display:flex;justify-content:space-between;align-items:center;transition:.3s;cursor:pointer;border-radius:1em}.side-menu .side-menu-item .side-menu-item-content{flex-grow:1}.side-menu .side-menu-item .side-menu-item-delete{background:none;border:none;color:#c5c5a5;cursor:pointer;padding:4px 8px;border-radius:4px;margin:0;opacity:.7;transition:opacity .3s,background-color .3s}.side-menu .side-menu-item .side-menu-item-delete:hover{opacity:1;background-color:#f003;color:#ff6b6b}.side-menu .side-menu-item.active{font-weight:700;border:2px solid #3c3631}.side-menu .side-menu-item:hover{background-color:#c5c5a5;color:#3c3631}.side-menu .side-menu-item:hover .side-menu-item-delete{color:#3c3631}.side-menu.open{left:0}@media (min-width: 1000px){.chat-container{margin-left:18em}.chat-input{width:calc(100% - 18em)}.side-menu{left:0}.menu-button{display:none}}