.chat-box-container{background:var(--cardColor);border-radius:1rem;display:grid;grid-template-rows:14vh 60vh 13vh}.chat-header{padding:1rem 1rem 0rem;display:flex;flex-direction:column}.chat-body{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;overflow:scroll}.message{background:var(--buttonBg);color:#fff;padding:.7rem;border-radius:1rem 1rem 1rem 0;max-width:28rem;width:fit-content;display:flex;flex-direction:column;gap:.5rem}.message>span:nth-child(2){font-size:.7rem;color:var(--textColor);align-self:end}.own{align-self:flex-end;border-radius:1rem 1rem 0;background:linear-gradient(98.63deg,#24e4f0 0%,#358ff9 100%)}.chat-sender{background:white;display:flex;justify-content:space-between;height:3.5rem;align-items:center;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;font-size:14px;padding:0 15px}.chat-sender>div:nth-of-type(1){background:rgb(233,233,233);border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.chat-sender>div{height:70%;padding:0 15px}.search-bar{display:flex;gap:.75rem;padding-top:1rem}.search{display:flex;background-color:var(--input-color);border-radius:10px;padding:8px}.search-input{background-color:transparent;font-size:14px;padding:8px;border:none;outline:none}.search-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(106.23deg,#f99827 0%,#e95f35 100%);border-radius:8px;padding:4px;color:#fff}.form{display:flex}@media (max-width: 756px){.search-bar,.search,.form{width:100%}.search-icon{margin-left:auto}}.chat{position:relative;display:grid;grid-template-columns:22% auto;gap:1rem}.chat-left-side{display:flex;flex-direction:column;gap:1rem}.chat-container{display:flex;flex-direction:column;gap:1rem;background:var(--cardColor);border-radius:1rem;padding:1rem;height:auto;min-height:80vh;overflow:scroll}.chat-list,.chat-right-side{display:flex;flex-direction:column;gap:1rem}.conversation:hover{background:#80808038;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}.chat-box-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}}.followers-card{width:100%;border-radius:2rem;display:flex;flex-direction:column;gap:1rem;font-size:14px;padding:1rem 1.5rem;background-color:var(--card-color)}.follower{display:flex;justify-content:space-between;align-items:center}.follower>div{display:flex;gap:8px}.name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.name>a{color:var(--orange)}.name>span:nth-of-type(1){font-weight:700}.followers-card>span{font-weight:700;color:var(--orange);align-self:center;cursor:pointer}@media (max-width: 756px){.followers-card{display:none}}.profile-card{width:100%;border-radius:2rem;display:flex;flex-direction:column;font-size:14px;position:relative;gap:1rem;overflow-x:clip;background-color:var(--card-color)}.profile-card>span{font-weight:700;color:orange;align-self:center;margin-bottom:1rem;cursor:pointer}.profile-imgs{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.cover-img{width:100%}.cover-img-profile{height:10rem}.profile-img{width:4rem;position:absolute;bottom:-2rem;border-radius:50%;box-shadow:var(--profile-shadow)}.profile-img>img:nth-of-type(1){width:100%}.profile-img>img:nth-of-type(2){width:6rem;border-radius:50%;position:absolute;bottom:-3rem;box-shadow:var(--profile-shadow)}.profile-name{display:flex;flex-direction:column;align-items:center;margin-top:2rem;gap:10px}.profile-name>span:nth-of-type(1){font-weight:700}.profile-name>span:nth-of-type(2){color:var(--gray)}.follow-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.follow-status>div{display:flex;margin-bottom:2rem;width:90%;justify-content:space-around;align-items:center}.follow{display:flex;flex-direction:column;gap:.4rem;align-items:center;justify-content:center}.follow>span:nth-of-type(1){font-weight:700}.follow>span:nth-of-type(2){color:var(--gray);font-size:14px}.vl{height:100%;border-left:2px solid var(--hr-color)}.follow-btn{display:flex;margin-right:4rem;justify-content:flex-end}.follow-btn>button{padding:.6rem 1rem}.info-card{display:flex;flex-direction:column;gap:.75rem;background-color:var(--card-color);padding:2rem;border-radius:1rem;width:100%}.info-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.info-head>div:hover{cursor:pointer}.info{display:flex;flex-direction:column;font-size:14px}.info>span:nth-of-type(2){color:#7f7f7f}.logout-button{width:7rem;height:2rem;margin-top:2rem;align-self:flex-end}.create-post{display:flex;gap:1rem;background-color:var(--card-color);padding:1rem;border-radius:2rem}.create-post>div{display:flex;flex-direction:column;width:100%;gap:1rem;overflow:auto}.text-textarea>textarea{background-color:var(--input-color);border-radius:2rem;padding:1rem 1.5rem;width:100%;font-size:14px;border:none;outline:none;resize:none}.post-options{display:flex;justify-content:flex-start}.option{padding:5px 10px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px}.post-options>div:nth-of-type(1){color:var(--photo)}.post-options>div:nth-of-type(2){color:var(--video)}.post-options>div:nth-of-type(3){color:var(--location)}.post-options>div:nth-of-type(4){color:var(--schedule)}.option:hover{cursor:pointer}.ps-button{padding:5px 20px;font-size:12px;margin-left:auto}.preview-image{position:relative}.preview-image>svg{position:absolute;right:1rem;top:.5rem;cursor:pointer}.preview-image>img{width:100%;max-height:20rem;object-fit:cover;border-radius:.5rem}.post{display:flex;flex-direction:column;padding:2rem;background-color:var(--card-color);border-radius:2rem;gap:1rem}.post>img{width:100%;max-height:20rem;object-fit:cover;border-radius:.5rem}.post-reactions{display:flex;align-items:flex-start;gap:1.5rem}.post-reactions img{cursor:pointer}.likes{color:var(--gray);font-size:16px}.detail{display:flex;flex-direction:column}.detail>div{display:flex;flex-direction:row;width:100%;gap:1rem}.detail>div>span{font-size:14px;margin-left:auto;color:var(--gray)}.profile-user{display:flex;flex-direction:column}.profile-user>p{color:var(--gray)}.post-desc{margin-top:1rem}.trending-card{display:flex;flex-direction:column;gap:1rem;background-color:var(--card-color);padding:1rem;border-radius:2rem;cursor:pointer}.trending-card>h3{padding:0 1rem}.trend{display:flex;flex-direction:column;padding:.4rem 1rem;border-radius:1rem}.trend:hover{background-color:#efefdf}.trend>span:nth-of-type(1){font-weight:700}.trend>span:nth-of-type(2){font-size:12px;color:var(--gray)}.right-sidebar{display:flex;flex-direction:column;gap:2rem;overflow:auto;padding-bottom:2rem;padding-right:10px;width:23rem}.nav-icons{margin-top:1rem;display:flex;justify-content:space-between}.nav-icons>a>img{width:1.5rem;height:1.5rem}.nav-icons>img{width:1.5rem;height:1.5rem}.nav-icons>img:hover{cursor:pointer}.right-button{width:100%;padding:16px;align-self:center}@media (max-width: 1080px){.right-sidebar{display:none}}.auth{display:flex;align-items:center;justify-content:center;height:100vh;gap:4rem;position:relative}.auth>div{display:flex;align-items:center;justify-content:center}.auth-left{gap:2rem}.auth-left>img{width:4rem;height:4rem}.web-name>h1{font-size:3rem;background-color:red;background-image:var(--button-bg);background-size:100%;background-repeat:repeat;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.web-name>p{font-size:.9rem}.auth-form{background-color:var(--card-color);border-radius:1rem;padding:2rem}.auth-form>div{width:100%;align-items:center;justify-content:center}:root{--yellow: #f5c32c;--orange: #fca61f;--black: #242d49;--gray: rgba(36, 45, 73, .65);--profile-shadow: 0px 4px 17px 2px rgba(0, 0, 0, .1);--hr-color: #cfcdcd;--card-color: rgba(255, 255, 255, .64);--button-bg: linear-gradient(98.63deg, #f9a225 0%, #f95f35 100%);--input-color: rgba(40, 52, 62, .07);--photo: #4cb256;--video: #4a4eb7;--location: #ef5757;--schedule: #e1ae4a;--bg: #f3f3f3;--blur: #a6ddf0}a{text-decoration:none}.container{overflow:hidden;color:var(--black);background:var(--bg);padding:0 1rem}.flex-center{display:flex;justify-content:center;align-items:center}.chat-home{height:calc(100vh - 2rem)}.main-home{height:auto}.blur{position:absolute;width:22rem;height:14rem;border-radius:50%;background:var(--blur);filter:blur(72px)}.button{display:flex;align-items:center;justify-content:center;color:#fff;border:none;border-radius:.5rem;background:var(--button-bg);transition:all .1s ease-out}.button:hover{color:var(--orange);border:2px solid var(--orange);cursor:pointer;background:transparent}.button:disabled{background:silver;pointer-events:none}.fc-button{height:2rem;padding:0 16px}.unfollow-button{color:var(--orange);border:2px solid var(--orange);background:transparent}.profile-image{border-radius:50%;width:3rem;height:3rem;box-shadow:var(--profile-shadow)}::-webkit-scrollbar{display:none}.profile-link{text-decoration:none;color:var(--orange)}.home-container{position:relative;display:grid;grid-template-columns:23rem auto 23rem;gap:1rem}.notfound-container{display:flex;height:100vh}.container h2{margin:auto;font-size:3rem}.left-sidebar{display:flex;flex-direction:column;gap:1rem;align-items:center;overflow:auto;height:100vh;padding-right:10px}.main-content{display:flex;flex-direction:column;gap:1rem;overflow:auto;padding-right:10px;height:100vh;padding-top:1rem}.posts{display:flex;flex-direction:column;gap:1rem}.profile{position:relative;display:grid;grid-template-columns:23rem auto 23rem;gap:1rem}.profile-center{display:flex;flex-direction:column;gap:1rem}.info-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem}.info-auth{width:500px}.info-input{border:none;outline:none;background-color:var(--input-color);border-radius:8px;padding:.8rem 1rem;font-size:12px;flex:1}.info-button{padding:.8rem 1rem;margin-top:1rem;width:100%;border:2px solid var(--button-bg)}.form-item{display:flex;gap:1rem;width:100%}.form-input{display:flex;flex-direction:column;width:100%}.error{color:red;font-size:13px;padding-top:.6rem}.check-auth>a{display:flex;justify-content:flex-end;font-size:14px;cursor:pointer;color:#6f6f6f;text-decoration:none}.check-auth>a:hover{color:var(--orange)}@media (max-width: 1080px){.home-container,.profile{grid-template-columns:23rem auto}.main-content{overflow:hidden;padding-right:0;height:100%}}@media (max-width: 756px){.home-container{grid-template-columns:auto}.left-sidebar{height:100%;padding-right:0}}*{margin:0;padding:0}