.chatbot{justify-content:space-between;background:transparent;border-radius:20px;overflow:hidden}.chat-window,.chatbot{display:flex;flex-direction:column}.chat-window{height:75%;flex-grow:1;height:37vh;overflow-y:auto;overflow-x:hidden;padding:10px 15px;scroll-behavior:smooth;position:relative;transition:all .3s ease}.chat-window::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-track{background:rgba(140,115,251,.05);border-radius:10px}.chat-window::-webkit-scrollbar-thumb{background-color:rgba(140,115,251,.8);border-radius:10px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.chat-window::-webkit-scrollbar-thumb:hover{background-color:rgba(140,115,251,.9)}.header-row{display:grid;-moz-column-gap:5%;column-gap:5%;grid-template-columns:44% 44%;justify-content:space-between;align-items:center;padding:10px 15px;margin:0 2% 10px}.homepage .chatbot .header-row{grid-template-columns:11vw 11vw!important;padding:0!important;height:5vh}.access-internet-container{display:grid;grid-template-columns:2fr 1fr}.pro-content{display:grid;grid-template-columns:1fr 1fr}.access-internet-container,.pro-content{background-color:#4e0eff;border:none;color:#a8a8a8;border-radius:10px;background:linear-gradient(180deg,rgb(240,240,228) -318.98%,#202228 65.13%,#17191f 95.2%);align-items:center;height:100%}.access-internet-container span{padding:10px;font-size:15px}.credits{margin-left:10px;display:flex;align-items:center}.credits span{padding-left:5px;font-size:15px}.homepage .chatbot .pro-button{display:flex;align-items:center;padding:0!important}.chatbot-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px}.icon{fill:#fff}#span{padding:5px}.chatbot__header{align-items:center;position:relative;display:flex;flex-direction:row;justify-content:space-between}.settings-icon{cursor:pointer;margin-left:95%;margin-bottom:10px}.settings-icon:hover{opacity:0}.settings-icon--hidden{display:none}.chatbot__select{width:100%;font-weight:700;opacity:0;transform:translateY(-20px);transition:opacity 1.3s ease,transform 1.3s ease;color:white;background-color:#42454f;border:1px solid #3b3838;border-radius:50px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.75)}.chatbot__select::focus{width:100%;border:1px solid #202228}.chatbot__select::-moz-selection{width:100%;border:1px solid #202228}.chatbot__select::selection{width:100%;border:1px solid #202228}.chatbot__select--show{width:100%;font-weight:700;opacity:1;transform:translateY(0);color:white;display:block;background-color:#42454f;border:1px solid #3b3838;padding:0 10px;border-radius:50px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.75)}.chatbot__select--show::focus{width:100%;border:1px solid #202228}.chatbot__select--show::-moz-selection{width:100%;border:1px solid #202228}.chatbot__select--show::selection{width:100%;border:1px solid #202228}.chat__Option{font-weight:700}.chatbot-body{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.pro-button{color:#a8a8a8;align-self:center;padding:5px 15px;background-color:transparent;border:none;border-radius:15px;display:flex;align-items:center;cursor:pointer}.pro-button span{padding-left:5px;font-size:15px;margin-left:5px}.bg{background:rgb(104,40,202);background:linear-gradient(0deg,rgba(104,40,202,1),rgba(18,7,35,1) 68%,rgba(0,0,0,1));border-radius:0 0 0 0}.chat-input-container{grid-template-columns:1fr 20fr;display:grid;align-items:center;text-align:left;background:linear-gradient(180deg,rgb(240,240,228) -318.98%,#202228 65.13%,#17191f 95.2%);padding:10px 15px;border-radius:5px;box-shadow:0 4px 10px rgba(0,0,0,.5)}.chat-input{width:100%;flex:1;background:transparent;border:none;outline:none;font-size:16px}.chat-input,.chat-input input{color:#a8a8a8}.chat-input::-moz-placeholder{color:#a8a8a8}.chat-input::placeholder{color:#a8a8a8}.chat-input:focus{box-shadow:none}.message-user{justify-self:flex-end;align-self:flex-end;max-width:60%;background:#6828ca}.message-assistant,.message-user{word-break:break-word;text-align:left;align-items:center;padding:10px 15px;margin-bottom:20px;overflow-wrap:break-word;border-radius:20px;animation:messageAppear .3s ease-out}.message-assistant{align-self:flex-start;width:-moz-fit-content;width:fit-content;max-width:90%;stroke:none;background:#252525}.switch{position:relative;display:inline-block;width:2.5rem;height:1.5rem;vertical-align:middle;margin-right:5px}.switch input{opacity:0;width:0;height:0}.slider{padding-right:0!important;cursor:not-allowed;top:0;left:0;right:0;bottom:0;background-color:#9e99a5;border-radius:1.5rem}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:1.2rem;width:1.2rem;left:.15rem;bottom:.15rem;background-color:#b183ff;border-radius:50%}input:checked+.slider{background-color:#6828ca40}input:checked+.slider:before{transform:translateX(1rem)}@media (max-width:1000px){.chatbot-header .chatbot__select .chatbot__select--show{width:75%;max-width:150px}.access-internet-container{display:flex}.access-internet-container span{font-size:x-small}.pro-content{display:flex;gap:5px}.credits img{width:5px}.credits span{font-size:10px;padding-left:5px}.pro-button img{width:5px}.pro-button span{font-size:10px}input:checked+.slider:before{transform:translateX(.52rem)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.older-messages-loader{display:flex;justify-content:center;align-items:center;width:100%;padding:8px 0;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes softPulse{0%{box-shadow:0 0 0 0 rgba(104,40,202,.4)}70%{box-shadow:0 0 0 6px rgba(104,40,202,0)}to{box-shadow:0 0 0 0 rgba(104,40,202,0)}}.older-messages-button{animation:softPulse 2s infinite}.chat-input-container:focus-within{border-color:rgba(104,40,202,.5);box-shadow:0 0 0 2px rgba(104,40,202,.2);transition:all .3s ease}.loading-spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(104,40,202,.3);border-top-color:rgba(104,40,202,1);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.token-suggestions-container{animation:fadeInUp .2s ease-out;scrollbar-width:thin;scrollbar-color:#6828ca #25232c;transition:all .2s ease}.token-suggestion-item{transition:all .15s ease}.token-suggestion-item:hover{background-color:rgba(104,40,202,.1)}.token-icon{transition:background-color .15s ease}