<style>* {   border: none !important;   box-shadow: none !important;   scrollbar-width: thin !important;   scrollbar-color: #f00 #333 !important;   border-radius: 0 !important; } body {   font-family: monospace !important;   width: 100% !important;   margin: 0 !important;   padding: 0 !important;   display: flex !important;   flex-direction: column !important;   flex-grow: 1 !important;   background: linear-gradient(     to right,     #111 0%,     #333 50%,     #111 100%   ) !important;   color: #fff !important;   font-size: 18px !important;   font-weight: normal !important; } gradio-app {   display: flex !important;   flex-direction: column !important;   flex-grow: 1 !important;   background: linear-gradient(     to right,     #111 0%,     #333 50%,     #111 100%   ) !important; } #col_container, #chatbot, .gradio-container, .main, .wrap, .contain, #component-1, #component-2, .message-wrap, .message, .block {   background: linear-gradient(     to right,     #221 0%,     #211 50%,     #221 100%   ) !important;   color: #fff !important;   font-size: 18px !important;   margin: 0 !important;   padding: 0 !important;   font-weight: normal !important;   border: none !important;   box-shadow: none !important;   max-width: 100% !important;   border-style: none !important; } h1, h2, h3, p, span, div {   color: #fff !important;   margin: 0 !important;   padding: 0 !important;   font-weight: normal !important; } #chatbot .message {   margin: 5px 0 !important;   padding: 10px !important;   background: linear-gradient(     to right,     rgba(5, 25, 2, 0.2) 0%,     rgba(51, 51, 51, 0.2) 50%,     rgba(5, 25, 2, 0.2) 100%   ) !important;   color: #fff !important;   border: 1px solid #444 !important;   box-shadow: none !important;   border-radius: 0 !important; } h1 {   color: #8cf !important; } h3 {   color: #9f9 !important; } #component-2 h3 {   color: #f63 !important; } input {   background: linear-gradient(     to right,     #555 0%,     #777 50%,     #555 100%   ) !important;   color: #fff !important;   border: none !important;   box-shadow: none !important;   width: 100%;   height: auto !important;   max-height: 50vh !important;   resize: none !important;   overflow: auto !important; } footer, .built-with, #component-13, .svelte-1eq475l {   display: none !important; } #col_container {   padding: 0 !important;   display: grid !important;   grid-template-rows: auto 1fr !important;   grid-template-columns: 1fr auto !important; } #chatbot {   padding: 0 !important;   color: #fff !important;   border: none !important;   box-shadow: none !important;   border-style: none !important;   flex-grow: 1 !important;   width: 100% !important;   height: calc(90vh - 10px) !important;   display: flex !important;   flex-direction: column-reverse !important;   grid-row: 2/3 !important;   grid-column: span 2 !important; } #main {   border-style: none !important; } #gradio-container {   max-width: 100% !important;   height: 100vh !important;   display: flex !important;   flex-direction: column !important;   flex-grow: 1 !important; } #component-0, #component-1, #component-2, #col_container, #chatbot {   flex-grow: 1 !important;   min-height: 0 !important; } #component-5, .form {   grid-row: 1/2 !important;   grid-column: 1/2 !important;   height: auto !important; } #form-input {   order: -1 !important;   flex-grow: 0 !important; } #user_consent_container {   height: auto !important;   flex-grow: 0 !important; } .message-wrap.svelte-a99nd8 {   gap: 0 !important;   flex-grow: 1 !important;   max-height: 100% !important;   background: linear-gradient(     to right,     #221 0%,     #211 50%,     #221 100%   ) !important; } .message.svelte-a99nd8 {   border-radius: 0 !important;   background: linear-gradient(     to right,     rgba(51, 51, 51, 0.5) 0%,     rgba(255, 255, 255, 0.5) 50%,     rgba(51, 51, 51, 0.5) 100%   ) !important; } .wrap.svelte-a99nd8 {   height: calc(100vh - 20px - 50px) !important;   max-height: calc(100vh - 20px - 50px) !important; } .gap.svelte-1adap6y {   gap: 0 !important; } .wrap.svelte-ujkds4 {   min-height: 0 !important; } ::-webkit-scrollbar {   width: 12px !important;   height: 12px !important; } ::-webkit-scrollbar-track {   background: #333 !important; } ::-webkit-scrollbar-thumb {   background: #f00 !important;   border-radius: 6px !important; } ::-webkit-scrollbar-thumb:hover {   background: #a00 !important; } .svelte-1jsbsph {   display: none !important; } .svelte-1eq475l {   display: none !important; } textarea {   margin: 0 !important;   padding: 0 !important; } #form-input {   border: 1px solid #444 !important;   grid-row: 1/2 !important;   grid-column: 1/2 !important;   top: 0 !important;   left: 0 !important;   width: 100% !important;   max-height: 50vh !important;   resize: vertical !important; } #component-7{   gap: 0 !important;   grid-row: 1/2 !important;   grid-column: 2/3 !important;   display: flex !important; flex-shrink: 0 !important;   overflow: auto !important;   flex-grow: 0 !important;   width: 20px !important;   height: 20px !important; right: 24px !important; } #component-8 {   gap: 0 !important;   display: flex !important; flex-shrink: 0 !important;   overflow: auto !important;   flex-grow: 0 !important;   width: 20px !important;   height: 20px !important;   right: 24px !important; } #component-10 {   right: 24px !important;   margin: 0px !important;   padding: 0px !important;       height: 20px;     margin: 10px;     overflow: auto;     flex-shrink: 0; } textarea {   max-height: 50vh !important;   margin: 0 !important;   padding: 0 !important; } .block.svelte-1scc9gv {   border: 1px solid #444 !important; } </style>watafaka-mazafaka