.mainChatDiv::-webkit-scrollbar{width:12px}.mainChatDiv::-webkit-scrollbar-thumb{background-color:#4a4a4a;border-radius:6px}.mainChatDiv::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:8px}.mainChatDiv::-webkit-scrollbar-thumb:hover{background-color:#555}.slideClass{animation:slide .5s ease-in-out}.dropShadow{box-shadow:-3px 3px 15px 0 rgba(0,0,0,.27)}.backdrop-blur-[\32 0px]{--tw-backdrop-blur:blur(20px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-5{padding:1.25rem}.bg-opacity-95{--tw-bg-opacity:0.95}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.rounded-lg{border-radius:.5rem}.h-[\38 25px]{height:825px}.relative{position:relative}.chatTitle{position:sticky;top:0;z-index:1000}.timeline-line{background:#000;width:1px;margin:0 5px;height:80%}.timeline-line.bigger{background:#000;width:2px;height:100%}.paginationBg{background:linear-gradient(270deg,#4ca9f0 -.03%,#70f2a4)}.timeline-bar{display:flex;align-items:end;height:13px;width:100%}.buttonBg,.buttonBg2,.buttonBg3,.volButton{background:linear-gradient(270deg,#4ca9f0 -.03%,#70f2a4)}.buttonBg,.buttonBg2{font-weight:500}.boxShadow{box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.boxShadow2{box-shadow:0 -3px 3px 0 #00000040}.boxBg{background:linear-gradient(0deg,#fafafa,#fafafa),linear-gradient(0deg,#eceded,#eceded)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center}.spinner{border:6px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}