.header-outer-container{background-color:var(--blue-2);color:var(--white-1);box-shadow:0 2px 3px #0006}.header-inner-container{padding:20px}.header{all:unset;font-size:24px;align-items:center;width:100%}.login-person{background-color:var(--white-1);padding:5px;color:var(--blue-2);border-radius:50%;width:40px;height:40px}.header-icon{font-size:28px}.search-outer-container{height:100px;width:100%;padding:20px}.search{width:90%;height:40px}.search-ip{width:100%;height:100%;border-radius:20px;background-color:transparent;border:none;outline:none;text-align:center}.search-ip:focus{border:1px solid var(--blue-1)}.home-inner-container{display:grid;grid-template-rows:auto 1fr}.home{display:grid;grid-template-columns:30% 1fr}.sidebar{color:var(--blue-2);width:90%;height:90%;background-color:#f0f0f0;border-radius:20px}.sidebar-people{display:grid;grid-template-rows:10% 1px 1fr;padding:10px 10px 30px}.sidebar-btn-c{justify-content:center;align-items:end}.sidebar-btn{width:90%;height:40px;background:var(--yellow-1);border:none;outline:none;border-radius:20px;color:var(--blue-2);box-shadow:1px 1px 2px #0000004d;cursor:pointer}.sidebar-btn:hover{background-color:var(--blue-1);color:#fff}.sidebar-btn:active{background-color:var(--blue-3)}.cbr{background-color:#00000043;width:90%;height:100%}.home-c-c{overflow:scroll}@media (max-width: 768px){.home{grid-template-columns:100%;grid-template-rows:100% 100%}.home .home-c{grid-row:1/span 1}}.intro-outer-container{background-color:#fff}.intro-inner-container{width:80%;height:90%}.intro{display:grid;grid-template-rows:20% 40% 20% 20%}.chat-inner-container{width:90%;height:90%}:root{--yellow-1: rgb(236, 193, 75);--yellow-2: rgb(221, 181, 70);--white-1: rgb(235, 235, 235);--white-2: rgb(227, 227, 227);--blue-1: rgb(73, 89, 99);--blue-2: rgb(40, 50, 55);--blue-3: rgb(58, 71, 78);--orange-1: rgb(187, 88, 69);--custom-font-1: "Montserrat", sans-serif;--custom-font-2: "Roboto", sans-serif}*,*:before,*:after{box-sizing:border-box;font-family:var(--custom-font-2)}html,body{width:100svw;height:100svh;padding:0;margin:0}#root{width:100%;height:100%;background-color:var(--white-2)}.lottie-container{position:relative}.lottie-container .lottie-item{position:absolute;width:100%;height:100%}.ocpy{width:100%;height:100%}.ocpy.fullscr{width:100svw;height:100svh;overflow:hidden}.flx{display:flex}.flx.row{flex-direction:row}.flx.col{flex-direction:column}.flx.cntr{justify-content:center;align-items:center}.flx.end{justify-content:end}.flx.sp-bt{justify-content:space-between}.flx.sp-ev{justify-content:space-evenly}.grd{display:grid}.grd.col{grid-template-columns:50% 50%}.grd.col.sp-3{grid-template-columns:1fr 1fr 1fr}.grd.col.sp-4{grid-template-columns:1fr 1fr 1fr 1fr}.grd.row{grid-template-rows:50% 50%}.rel{position:relative}.abs{position:absolute}.marquee{animation:marquee 15s linear infinite}.marquee:hover{animation-play-state:paused}.loader{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid var(--orange-1);width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}