:root{--dark:black;--borderHome:lightgray;--yellow-accent:#ffc800;--gradient-start-1:#79a8ff;--gradient-mid-1:#3c80ff;--gradient-end-1:#6574ff;--gradient-start-2:#679cff;--gradient-mid-2:#639aff;--grey-text:#444;--light-grey-background:#80808000;--mobile-nav-background:white;--mobile-nav-text:#747998;--loading-bg:#f9fafb}[data-theme=dark]{--dark:black;--borderHome:#494949;--yellow-accent:#ffc800;--gradient-start-1:#79a8ff;--gradient-mid-1:#3c80ff;--gradient-end-1:#6574ff;--gradient-start-2:#679cff;--gradient-mid-2:#639aff;--grey-text:#444;--light-grey-background:#80808000;--mobile-nav-background:white;--mobile-nav-text:#747998;--loading-bg:black}::-webkit-scrollbar{display:none}.cc-text-content{font-family:var(--base-font1)}.container{width:100%;height:100vh;display:flex}.content{width:100%}.content svg{fill:var(--dark);display:none}.sidebar{outline:1px solid var(--borderHome);white-space:nowrap;width:auto;max-width:260px;height:max-content;min-height:100vh;max-height:100vh;padding:15px;transition:width 1s;background-color:var(--sidebar-bg)!important}.mainContent{width:100%;min-height:100vh;display:flex;overflow-y:scroll}.chat{border:1px solid var(--borderHome);justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex;position:relative;overflow:auto}.centreWithSuggestions{flex-direction:column;justify-content:start;gap:25px;width:100%;padding-top:50px;display:flex;overflow-y:scroll}.centreWithSuggestions h3{text-align:center;font-size:35px;line-height:1.1}.centreWithSuggestions .topHead{flex-direction:column;gap:5px;margin-bottom:30px;display:flex}.centreWithSuggestions svg{fill:none;display:block}.centreWithSuggestions .topHead p{text-align:center;background-color:var(--light-grey-background);border-radius:10px;max-width:60%;margin:0 auto;padding:10px;font-size:14px}.topHead h2,.topHead h2 span{color:var(--grey-text);justify-content:center;align-items:center;margin:0 auto;font-size:20px;font-weight:400;display:flex;position:relative;text-align:center!important;flex-wrap:wrap!important}.topHead h2:before{content:"";border-bottom:3px solid var(--yellow-accent);border-radius:40%;width:200px;height:20px;display:none;position:absolute;top:25px;right:0;transform:rotate(180deg)}.topHead h2 span{background:linear-gradient(176deg,var(--gradient-start-1),var(--gradient-mid-1),var(--gradient-end-1));-webkit-background-clip:text;background-clip:text;margin-left:4px;font-size:20px;margin:0 auto!important}.mobNav{display:none}.loading-container{background-color:var(--loading-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.loading-spinner{border:5px solid #0000001a;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s ease-in-out infinite spin}.loading-text{color:#1f2937;margin-bottom:8px;font-size:24px;font-weight:600}.loading-subtext{color:#6b7280;font-size:16px}@keyframes spin{to{transform:rotate(360deg)}}.bars-spinner{align-items:center;gap:4px;margin-bottom:20px;display:flex}.bar{background:#3869bd;border-radius:3px;width:10px;height:60px;animation:1.2s ease-in-out infinite bounce-bars}.bar:first-child{animation-delay:-.24s}.bar:nth-child(2){animation-delay:-.12s}.bar:nth-child(3){animation-delay:0s}.bar:nth-child(4){animation-delay:.12s}.bar:nth-child(5){animation-delay:.24s}@keyframes bounce-bars{0%,40%,to{background:#3869bd;transform:scaleY(.4)}20%{background:#3869bd;transform:scaleY(1)}}@media screen and (max-width:1200px){.chat{width:100%}}@media screen and (max-width:800px){.container{height:80vh}.mainContent{height:125%}.sidebar{display:none}.centreWithSuggestions{width:100%}.topHead{margin-bottom:0!important}}@media screen and (max-width:600px){.chat{justify-content:start;align-items:start;padding:50px 10px 10px;display:flex}.centreWithSuggestions h3{font-size:20px}.centreWithSuggestions h3 span{font-size:30px}.centreWithSuggestions p{font-size:10px}.topHead h3,.topHead h3 span{margin-bottom:5px;font-size:30px}.topHead h3{color:var(--mobile-nav-text)}.topHead h2,.topHead h2 span{color:var(--mobile-nav-text);font-size:15px}.centreWithSuggestions{justify-content:start;padding:0 0 100px}}@media screen and (max-width:800px){.mobNav{z-index:1;background-color:var(--mobile-nav-background);width:100%;height:auto;min-height:0;position:fixed;bottom:0;display:block!important}}@media screen and (max-height:509px){.chat,.mainContent{align-items:start}}