:root{--dark:#000;--borderHome:#d3d3d3;--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:hsla(0,0%,50%,0);--mobile-nav-background:#fff;--mobile-nav-text:#747998;--loading-bg:#f9fafb}[data-theme=dark]{--dark:#000;--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:hsla(0,0%,50%,0);--mobile-nav-background:#fff;--mobile-nav-text:#747998;--loading-bg:#000}::-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{width:auto;max-width:260px;padding:15px;height:max-content;max-height:100vh;min-height:100vh;outline:1px solid var(--borderHome);white-space:nowrap;transition:width 1s;background-color:var(--sidebar-bg)!important}.mainContent{min-height:100vh;overflow-y:scroll}.chat,.mainContent{width:100%;display:flex}.chat{overflow:auto;height:max-content;height:100vh;border:1px solid var(--borderHome);position:relative;padding:20px;align-items:center;justify-content:center}.centreWithSuggestions{width:100%;display:flex;flex-direction:column;justify-content:start;gap:25px;padding-top:50px;overflow-y:scroll}.centreWithSuggestions h3{font-size:35px;text-align:center;line-height:1.1}.centreWithSuggestions .topHead{display:flex;flex-direction:column;gap:5px;margin-bottom:30px}.centreWithSuggestions svg{display:block;fill:none}.centreWithSuggestions .topHead p{font-size:14px;max-width:60%;text-align:center;background-color:var(--light-grey-background);padding:10px;border-radius:10px;margin:0 auto}.topHead h2,.topHead h2 span{font-size:20px;display:flex;align-items:center;justify-content:center;font-weight:400;color:var(--grey-text);position:relative;margin:0 auto;flex-wrap:wrap!important;text-align:center!important}.topHead h2:before{content:"";position:absolute;top:25px;right:0;width:200px;height:20px;border-bottom:3px solid var(--yellow-accent);border-radius:40%;transform:rotate(180deg);display:none}.topHead h2 span{background:linear-gradient(176deg,var(--gradient-start-1),var(--gradient-mid-1),var(--gradient-end-1));background-clip:text;-webkit-background-clip:text;font-size:20px;margin:0 auto!important;margin-left:4px}.mobNav{display:none}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;background-color:var(--loading-bg)}.loading-spinner{width:50px;height:50px;border-radius:50%;border:5px solid rgba(0,0,0,.1);border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite;margin-bottom:20px}.loading-text{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:8px}.loading-subtext{font-size:16px;color:#6b7280}@keyframes spin{to{transform:rotate(1turn)}}.bars-spinner{display:flex;gap:4px;align-items:center;margin-bottom:20px}.bar{width:10px;height:60px;background:#3869bd;border-radius:3px;animation:bounce-bars 1.2s ease-in-out infinite}.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{transform:scaleY(.4);background:#3869bd}20%{transform:scaleY(1);background:#3869bd}}@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{display:flex;align-items:start;justify-content:start;padding:50px 10px 10px}.centreWithSuggestions h3{font-size:20px}.centreWithSuggestions h3 span{font-size:30px}.centreWithSuggestions p{font-size:10px}.topHead h3,.topHead h3 span{font-size:30px;margin-bottom:5px}.topHead h3{color:var(--mobile-nav-text)}.topHead h2,.topHead h2 span{font-size:15px;color:var(--mobile-nav-text)}.centreWithSuggestions{justify-content:start;padding:0 0 100px}}@media screen and (max-width:800px){.mobNav{display:block!important;position:fixed;bottom:0;z-index:1;width:100%;height:auto;min-height:0;background-color:var(--mobile-nav-background)}}@media screen and (max-height:509px){.chat,.mainContent{align-items:start}}