@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap);#root,.app,body,html{height:100%;width:100%;font-family:"Rubik",sans-serif}.searchDiv{position:relative}.searchDiv .c-modal>.boader{position:absolute;background-color:#faf9f9;width:290px;border-radius:5px;padding:5px;top:50px;box-shadow:-1px -1px 18px -1px rgba(0,0,0,.75)}.searchDiv .c-modal>.boader>.text{display:flex;justify-content:space-between;align-items:center}.Chat{position:relative;display:grid;grid-template-columns:22% auto;grid-gap:1rem;gap:1rem}.Chat-container,.Left-side-chat{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.Chat-container{background:var(--cardColor);border-radius:1rem;padding:1rem;height:auto;min-height:80vh;overflow:scroll}.Chat-list,.Right-side-chat{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.conversation:hover{background:hsla(0,0%,50.2%,.2196078431372549);cursor:pointer}.conversation{border-radius:.5rem;padding:10px}.conversation>div{position:relative}.online-dot{background-color:#adff2f;border-radius:50%;position:absolute;left:2rem;width:1rem;height:1rem}.chatbox-empty-message{display:flex;align-self:center;justify-content:center;font-size:20px}@media screen and (max-width:768px){.Chat{grid-template-columns:16% auto}.follower.conversation>div>.name{display:none}}.ChatBox-container{background:var(--cardColor);border-radius:1rem;display:grid;grid-template-rows:14vh 60vh 13vh}.chat-header{padding:1rem 1rem 0;display:flex;flex-direction:column}.chat-body{padding:1.5rem;overflow:scroll}.chat-body,.message{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.message{color:#fff;padding:.7rem;border-radius:1rem 1rem 1rem 0;max-width:28rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:linear-gradient(98.63deg,#e6ae46,#ed3ca9)}.message>span:nth-child(2){font-size:.7rem;color:var(--textColor);align-self:end}.own{align-self:flex-end;border-radius:1rem 1rem 0 1rem;background:linear-gradient(98.63deg,#e6ae46,#ed3ca9)}.chat-sender{background:#030303;display:flex;height:4.5rem;align-items:center;grid-gap:1rem;gap:1rem;padding:.8rem;border-radius:1rem;align-self:end}.chat-sender>input{height:70%;background-color:#ececec;border-radius:.5rem;border:none;outline:none;flex:1 1;font-size:16px;padding:0 15px}.chat-sender>div:first-of-type{background:linear-gradient(98.63deg,#f707eb,#ec0f08);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.chat-sender>div{height:70%;padding:0 15px}.send-button{cursor:pointer;background:linear-gradient(98.63deg,#f707eb,#ec0f08);border-radius:.5rem;font-weight:700}::-webkit-scrollbar{display:none}
/*# sourceMappingURL=main.b2e0dd89.chunk.css.map */