body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login{align-items:center;background-color:#f9f9f9;display:flex;height:100vh;justify-content:center}@media(max-width:560px){.login{height:auto;margin:auto;width:100%}}.login .card{display:flex;min-height:600px;width:70%}@media(max-width:560px){.login .card{border-radius:10px;display:flex;flex-direction:column-reverse;height:auto;margin-top:0;min-width:none;width:100%}}.login .card .left{align-items:center;background:linear-gradient(rgba(21,5,235,.596),#fff0),url(https://cdn.pixabay.com/photo/2017/03/19/03/40/avatar-2155431_960_720.png) 50%;background-size:cover;border-radius:10px;display:flex;flex:2 1;flex-direction:column;gap:15px;justify-content:start;padding:50px}@media(max-width:560px){.login .card .left{border-radius:0;border-top-left-radius:15%;display:flex;margin:0;padding:15px 30px}}.login .card .left h1{color:#fff;font-size:80px;line-height:3px}@media(max-width:560px){.login .card .left h1{font-size:20px}}.login .card .left p{color:#fff}@media(max-width:560px){.login .card .left p{font-size:12px;margin:0;padding:0;width:100%}}.login .card .left span{color:#fff;font-size:14px}@media(max-width:560px){.login .card .left span{font-size:13px}}.login .card .left button{background-color:#fff;border:none;border-radius:10px;color:#0e14cf;cursor:pointer;font-size:16px;font-weight:700;padding:10px;width:150%}@media(max-width:560px){.login .card .left button{font-size:12px;padding:8px;width:80px}}.login .card .right{background-color:#fff;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}@media(max-width:560px){.login .card .right{flex:4 1}}.login .card .right h1{color:#000;font-size:50px;line-height:50px}@media(max-width:560px){.login .card .right h1{align-items:center;display:flex;font-size:30px;justify-content:center;line-height:normal;margin:8px;padding:0}}.login .card .right form{display:flex;flex-direction:column;gap:30px}.login .card .right form input{border:none;border-bottom:1px solid #add8e6;padding:20px 10px}.login .card .right form button{background-color:rgba(14,52,218,.835);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-inline-start:auto;padding:10px;width:50%}button:disabled,button[disabled]{background-color:#ccc!important;cursor:not-allowed!important}.register{align-items:center;background-color:#f9f9f9;display:flex;height:100vh;justify-content:center}@media(max-width:560px){.register{height:auto;width:100%}}@media(max-width:856px)and (min-width:561px){.register{height:auto;width:100%}}@media(max-width:1155px)and (min-width:857px){.register{height:auto;width:100%}}.register .card{display:flex;flex-direction:row-reverse;min-height:600px;width:70%}@media(max-width:560px){.register .card{display:flex;flex-direction:column-reverse;height:auto;min-height:none;width:100%}}@media(max-width:856px)and (min-width:561px){.register .card{display:flex;flex-direction:column-reverse;height:auto;min-height:none;width:100%}}@media(max-width:1155px)and (min-width:857px){.register .card{display:flex;flex-direction:column-reverse;height:auto;min-height:none;width:100%}}.register .card .left{align-items:center;background:linear-gradient(rgba(7,101,124,.616),rgba(124,87,7,.164)),url(https://cdn.pixabay.com/photo/2020/11/21/11/17/houses-5763699_1280.jpg) 50%;background-size:cover;border-radius:10px;display:flex;flex:2 1;flex-direction:column;gap:50px;justify-content:start;padding:50px}@media(max-width:560px){.register .card .left{border-radius:0;border-top-left-radius:15%;gap:20px;height:auto;margin:0;padding:0;width:100%}}@media(max-width:856px)and (min-width:561px){.register .card .left{border-radius:0;border-top-left-radius:15%;gap:20px;height:auto;margin:0;padding:0;width:100%}}@media(max-width:1155px)and (min-width:857px){.register .card .left{border-radius:0;border-top-left-radius:15%;gap:20px;height:auto;margin:0;padding:0;width:100%}}.register .card .left h1{color:#fff;font-size:80px;line-height:3px}@media(max-width:560px){.register .card .left h1{font-size:40px;margin:60px 0 40px;padding:0}}@media(max-width:856px)and (min-width:561px){.register .card .left h1{font-size:40px;margin:60px 0 40px;padding:0}}@media(max-width:1155px)and (min-width:857px){.register .card .left h1{font-size:40px;margin:60px 0 40px;padding:0}}.register .card .left p{color:#fff}@media(max-width:560px){.register .card .left p{font-size:12px;margin:0 30px}}@media(max-width:856px)and (min-width:561px){.register .card .left p{font-size:16px;margin:0 50px}}@media(max-width:1155px)and (min-width:857px){.register .card .left p{font-size:16px;margin:0 50px}}.register .card .left span{color:#fff;font-size:14px}@media(max-width:856px)and (min-width:561px){.register .card .left span{font-size:18px}}@media(max-width:1155px)and (min-width:857px){.register .card .left span{font-size:18px}}.register .card .left button{background-color:#fff;border:none;border-radius:10px;color:#241b00;cursor:pointer;font-size:16px;font-weight:700;padding:10px;width:150%}@media(max-width:560px){.register .card .left button{font-size:13px;margin:20px 10px;padding:10px 15px;width:100px}}@media(max-width:856px)and (min-width:561px){.register .card .left button{font-size:15px;margin:20px 10px;padding:10px 15px;width:150px}}@media(max-width:1155px)and (min-width:857px){.register .card .left button{font-size:15px;margin:20px 30px;padding:10px 25px;width:200px}}.register .card .right{background-color:#fff;border-radius:10px;display:flex;flex:3 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}.register .card .right h1{color:#000;font-size:50px;line-height:50px}@media(max-width:560px){.register .card .right h1{align-items:center;display:flex;font-size:40px;justify-content:center;margin:0;padding:0}}@media(max-width:856px)and (min-width:561px){.register .card .right h1{align-items:center;display:flex;font-size:40px;justify-content:center;margin:0;padding:0}}@media(max-width:1155px)and (min-width:857px){.register .card .right h1{align-items:center;display:flex;font-size:40px;justify-content:center;margin:0;padding:0}}.register .card .right form{display:flex;flex-direction:column;gap:30px}.register .card .right form input{border:none;border-bottom:1px solid #add8e6;padding:20px 10px}.register .card .right form button{background-color:#04f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;margin-inline-start:25%;padding:10px;width:50%}@media(max-width:856px)and (min-width:561px){.register .card .right form button{font-size:16px;margin:auto;width:200px}}@media(max-width:1155px)and (min-width:857px){.register .card .right form button{font-size:18px;margin:auto;width:250px}}.home{box-sizing:border-box;height:calc(100vh - 70px);min-height:100vh;overflow:scroll;position:sticky;top:57px}.home::-webkit-scrollbar{display:none}.theme--light .home{background-color:#f6f3f3}.theme--dark .home{background-color:#333}.stories{display:flex;gap:10px;height:auto;margin-left:0;width:100%}@media(max-width:560px){.stories{display:flex;flex-wrap:wrap;height:auto;margin:0;overflow-x:hidden;padding:0;width:100%}}@media(max-width:856px)and (min-width:561px){.stories{display:flex;flex-wrap:wrap;height:300px;margin:0;overflow-x:hidden;padding:0;width:100%}}@media(max-width:1155px)and (min-width:857px){.stories{display:flex;flex-wrap:wrap;height:300px;margin:0;overflow-x:hidden;padding:0;width:100%}}.stories .story{border-radius:10px;flex:1 1;overflow:hidden;position:relative}@media(max-width:560px){.stories .story{border-radius:0;display:grid;flex-wrap:wrap;height:auto;margin:0;width:100%}}.stories .story img{height:300px;margin-bottom:10px;margin-top:-20px;object-fit:cover;width:100px}@media(max-width:560px){.stories .story img{border-radius:0;display:flex;flex-wrap:wrap;height:auto;margin:10px auto;padding:0;width:100%}}.stories .story span{bottom:0;color:#fff;font-size:14px;font-weight:500;font-weight:700;left:20px;letter-spacing:.1em;position:absolute}.theme--light .stories .story span{color:#00008b}.theme--dark .stories .story span{color:#fff}@media(max-width:560px){.stories .story span{bottom:0;display:inline;font-size:9px;left:0;margin:auto 3px}}.stories .story button{align-items:center;background-color:#5252fc;border:none;border-radius:50%;bottom:40px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:30px;justify-content:center;left:10px;position:absolute;width:30px}@media(max-width:560px){.stories .story button{display:none}}.posts{display:flex;flex-direction:column;padding:50px}@media(max-width:560px){.posts{box-sizing:border-box;display:flex;gap:20px;height:auto;margin:20px auto auto;overflow-x:hidden;padding:0;width:90%}}@media(max-width:856px)and (min-width:561px){.posts{box-sizing:border-box;display:flex;gap:20px;height:auto;margin:20px auto auto;overflow-x:hidden;padding:0;width:90%}}@media(max-width:1155px)and (min-width:857px){.posts{box-sizing:border-box;display:flex;gap:20px;height:auto;margin:20px auto auto;overflow-x:hidden;padding:0;width:90%}}@media(max-width:2025px)and (min-width:1156px){.posts{box-sizing:border-box;display:flex;gap:20px;height:auto;margin:20px auto auto;overflow-x:hidden;padding:0;width:90%}}.post .container{border-radius:10px;box-shadow:0 0 4px 0 #a7a7a7bf;-webkit-box-shadow:0 0 4px 0 #a7a7a7bf;-moz-box-shadow:0 0 4px 0 #a7a7a7bf;margin-bottom:20px;padding:20px}@media(max-width:560px){.post .container{box-sizing:border-box;display:flex;flex-wrap:wrap;margin:auto;overflow-x:hidden;padding:10px 15px;width:100%}}@media(max-width:856px)and (min-width:561px){.post .container{box-sizing:border-box;display:flex;flex-wrap:wrap;margin:auto;overflow-x:hidden;padding:10px 15px;width:100%}}@media(max-width:1155px)and (min-width:857px){.post .container{box-sizing:border-box;display:flex;flex-wrap:wrap;margin:auto;overflow-x:hidden;padding:10px 15px;width:100%}}@media(max-width:2025px)and (min-width:1156px){.post .container{box-sizing:border-box;display:flex;flex-wrap:wrap;margin:auto;overflow-x:hidden;padding:10px 15px;width:100%}}.theme--light .post .container{background-color:#fff;color:#000}.theme--dark .post .container{background-color:#222;color:#f5f5f5}.post .container .user{align-items:center;display:flex;justify-content:space-between;position:relative;width:100%}.post .container .user .userInfo{align-items:center;display:flex;gap:20px}.post .container .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.post .container .user .userInfo .details{display:flex;flex-direction:column}.post .container .user .userInfo .details .name{font-weight:500}.post .container .user .userInfo .details .date{color:gray;font-size:12px}.post .container .user .menu{cursor:pointer}@media(max-width:560px){.post .container .user .menu{position:absolute;right:0}}@media(max-width:856px)and (min-width:561px){.post .container .user .menu{position:absolute;right:0}}@media(max-width:1155px)and (min-width:857px){.post .container .user .menu{position:absolute;right:0}}@media(max-width:2025px)and (min-width:1156px){.post .container .user .menu{position:absolute;right:0}}.post .container .user .deletePost{align-items:center;background-color:#fff;border-color:#ececec;border-radius:5px;cursor:pointer;display:flex;justify-content:center;padding:10px 30px;position:absolute;right:0;top:25px}.post .container .content{margin:20px 0}@media(max-width:560px){.post .container .content{display:flex;flex-direction:column;flex-wrap:wrap;margin:10px 0;min-width:200px}}@media(max-width:856px)and (min-width:561px){.post .container .content{display:flex;flex-direction:column;flex-wrap:wrap;margin:10px 0;min-width:500px}}@media(max-width:1155px)and (min-width:857px){.post .container .content{display:flex;flex-direction:column;flex-wrap:wrap;margin:10px 0;min-width:800px}}@media(max-width:2025px)and (min-width:1156px){.post .container .content{display:flex;flex-direction:column;flex-wrap:wrap;margin:10px 0;min-width:500px}}.post .container .content img{margin-top:10px;max-height:500px;object-fit:cover;width:100%}.post .container .info{align-items:center;display:flex;gap:30px}.post .container .info .item{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;justify-content:center}.comments,.post .container .comment{display:flex;width:100%}.comments{flex-direction:column}.comments .write{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0;position:relative}.comments .write img{border-radius:50%;height:40px;object-fit:cover;width:40px}.comments .write input{border:none;border-radius:5px;flex:5 1;outline:none;padding:10px}.theme--light .comments .write input{background-color:#f6f3f3;color:#000}.theme--dark .comments .write input{background-color:#333;color:#f5f5f5}.comments .write .buttonComment{bottom:10px;cursor:pointer;position:absolute;right:10px}.comments .comment{align-items:flex-start;display:flex;gap:15px;justify-content:center;margin:0 10px 10px;position:relative}.comments .comment img{border-radius:50%;height:40px;object-fit:cover;width:40px}.comments .comment .info{align-items:flex-start;display:flex;flex:5 1;flex-direction:column;gap:0;justify-content:center;line-height:3px;width:fit-content}.comments .comment .info span{font-size:14px;font-weight:500;margin-top:5px}.comments .comment .info p{background-color:#ebebeb;border-radius:5px;font-size:14px;font-weight:400;line-height:18px;margin-bottom:15px;padding:5px}.theme--light .comments .comment .info p{background-color:#f6f3f3}.theme--dark .comments .comment .info p{background-color:#333}.comments .comment .date{bottom:0;color:#979696;display:flex;font-size:13px;justify-content:flex-end;left:55px;position:absolute}.share .container{background-color:#fff;border-radius:10px;margin:20px 20px 0;padding:20px}@media(max-width:560px){.share .container{margin:20px 10px;overflow-x:hidden;padding:10px}}.theme--light .share .container{background-color:#fff}.theme--dark .share .container{background-color:#222}.share .container .top{display:flex;flex-direction:column;gap:20px}@media(max-width:560px){.share .container .top{gap:5px}}.share .container .top .left{display:flex;gap:20px}@media(max-width:560px){.share .container .top .left{gap:5px}}.share .container .top .left img{border-radius:50%;height:40px;object-fit:cover;width:40px}.share .container .top .left input{background-color:#d3d3d3;border:none;border-radius:5px;font-size:16px;outline:none;padding:0 10px;width:100%}.theme--light .share .container .top .left input{background-color:#f6f3f3;color:#000}.theme--dark .share .container .top .left input{background-color:#333;color:#f5f5f5}.share .container .top .right img{display:flex;justify-self:center;margin:auto;object-fit:cover;width:90%}.share .container hr{background-color:#d3d3d3;border:none;height:.1px;margin:20px 0}.theme--light .share .container hr{background-color:#555}.theme--dark .share .container hr{background-color:#d3d3d3}.share .container .bottom{display:flex;justify-content:space-between}.share .container .bottom .left{align-items:center;display:flex;gap:20px;justify-content:center}@media(max-width:560px){.share .container .bottom .left{flex-direction:column;gap:0}}.share .container .bottom .item{color:#505050;display:flex;gap:5px}.theme--light .share .container .bottom .item{color:#000}.theme--dark .share .container .bottom .item{color:#f5f5f5}.share .container .bottom .item span{color:gray;font-size:15px}.theme--light .share .container .bottom .item span{color:#000}.theme--dark .share .container .bottom .item span{color:#f5f5f5}.share .container .bottom .right button{background-color:#3e3eff;border:none;border-radius:20px;color:#fff;padding:10px 20px}.theme--light .share .container .bottom .right button{background-color:#00008b;color:#fff}.theme--dark .share .container .bottom .right button{background-color:#fff;color:#222}.theme--light .profiles{background-color:#f6f3f3}.theme--dark .profiles{background-color:#333}@media(max-width:560px){.profiles{box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;position:relative;width:100%}}@media(max-width:1155px)and (min-width:857px){.profiles{box-sizing:border-box;display:flex;flex-wrap:wrap;overflow:hidden;position:relative;width:100%}}.profiles .container{width:100%}.profiles .container .images{display:flex;height:auto;position:relative;width:100%}@media(max-width:560px){.profiles .container .images{flex-direction:column;flex-wrap:wrap;height:auto;margin:auto;width:100%}}@media(max-width:856px)and (min-width:561px){.profiles .container .images{flex-direction:column;flex-wrap:wrap;height:auto;margin:auto;width:100%}}@media(max-width:1155px)and (min-width:857px){.profiles .container .images{flex-direction:column;flex-wrap:wrap;height:auto;margin:auto;width:100%}}@media(max-width:2025px)and (min-width:1156px){.profiles .container .images{flex-direction:row;flex-wrap:wrap;height:auto;margin:auto;width:100%}}.profiles .container .images .cover{height:auto;object-fit:cover;width:100%}@media(max-width:2025px)and (min-width:1156px){.profiles .container .images .cover{height:auto;margin-top:50px;width:60%}}.profiles .container .images .profilePic{border-radius:10px;height:300px;margin:auto;object-fit:cover;position:absolute;right:0;top:-10px;width:300px}@media(max-width:560px){.profiles .container .images .profilePic{height:200px;left:0;margin-top:0;position:static;top:10px;width:200px}}@media(max-width:856px)and (min-width:561px){.profiles .container .images .profilePic{height:200px;left:0;margin-top:0;position:static;top:10px;width:200px}}@media(max-width:1155px)and (min-width:857px){.profiles .container .images .profilePic{height:300px;left:0;margin-top:0;position:static;top:10px;width:300px}}@media(max-width:2025px)and (min-width:1156px){.profiles .container .images .profilePic{position:absolute;right:15%;top:-10px}}.profiles .container .profileContainer{display:flex;padding:20px 70px;position:absolute;right:390px;top:300px;width:300px}@media(max-width:560px){.profiles .container .profileContainer{box-sizing:border-box;display:flex;height:auto;margin:auto;padding:0;position:static;width:80%}}@media(max-width:856px)and (min-width:561px){.profiles .container .profileContainer{box-sizing:border-box;display:flex;height:auto;margin:auto;padding:0;position:static;width:80%}}@media(max-width:1155px)and (min-width:857px){.profiles .container .profileContainer{box-sizing:border-box;display:flex;height:auto;margin:auto;padding:0;position:static;width:80%}}@media(max-width:2025px)and (min-width:1156px){.profiles .container .profileContainer{position:absolute;right:33%;top:300px}}.profiles .container .profileContainer .userInfo{align-items:center;border-radius:20px;border-top:none;box-shadow:0 0 4px 0 #a7a7a7bf;-webkit-box-shadow:0 0 4px 0 #a7a7a7bf;-moz-box-shadow:0 0 4px 0 #a7a7a7bf;display:flex;flex-direction:column;gap:20px;height:200px;justify-content:space-between;padding:50px;width:100%}.theme--light .profiles .container .profileContainer .userInfo{background-color:#fff;color:#000}.theme--dark .profiles .container .profileContainer .userInfo{background-color:#222;color:#f5f5f5}@media(max-width:560px){.profiles .container .profileContainer .userInfo{flex-direction:column;margin:0;padding:10px}}@media(max-width:856px)and (min-width:561px){.profiles .container .profileContainer .userInfo{flex-direction:column;margin:0 auto 0 20px;padding:10px}}@media(max-width:1155px)and (min-width:857px){.profiles .container .profileContainer .userInfo{flex-direction:column;margin:0 auto 0 20px;padding:10px}}.profiles .container .profileContainer .userInfo .left{align-items:center;display:flex;flex:1 1;gap:20px}.profiles .container .profileContainer .userInfo .center{align-self:center;display:flex;flex:1 1;font-size:50px;font-weight:500;justify-content:center;margin-bottom:30px}@media(max-width:560px){.profiles .container .profileContainer .userInfo .center{align-self:center}}@media(max-width:856px)and (min-width:561px){.profiles .container .profileContainer .userInfo .center{align-self:center}}@media(max-width:1155px)and (min-width:857px){.profiles .container .profileContainer .userInfo .center{align-self:center}}.profiles .container .profileContainer .userInfo .right{align-items:center;display:flex;gap:20px;justify-content:flex-end;position:absolute;right:90px;top:40px}@media(max-width:560px){.profiles .container .profileContainer .userInfo .right{position:static}}@media(max-width:856px)and (min-width:561px){.profiles .container .profileContainer .userInfo .right{position:static}}@media(max-width:1155px)and (min-width:857px){.profiles .container .profileContainer .userInfo .right{position:static}}.profiles .container .profileContainer .userInfo .actionButton{cursor:pointer}.update{background-color:#fff;border:1px solid #d3d3d3;bottom:0;box-shadow:0 0 4px 0 #a7a7a7bf;-webkit-box-shadow:0 0 4px 0 #a7a7a7bf;-moz-box-shadow:0 0 4px 0 #a7a7a7bf;height:50%;left:0;margin:auto;position:absolute;right:0;top:0;width:50%;z-index:999}.update .container{display:flex;flex-direction:column;padding:30px}.update .container .form{display:flex;flex-direction:column;gap:0}.update .container .form .name{margin-top:20px;width:30%}.update .container .form label{font-size:14px}.update .container .form .click{align-items:center;background-color:#0000b9;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin:auto;padding:5px 20px;width:fit-content}.update .container .exit{background-color:#fff;border:none;color:gray;cursor:pointer;position:absolute;right:0;top:0}.avatar{height:600px}@media(max-width:560px){.avatar{height:350px}}@media(max-width:856px)and (min-width:561px){.avatar{height:450px}}@media(max-width:1155px)and (min-width:857px){.avatar{height:550px}}.navbar{align-items:center;border:.5px solid;display:flex;gap:0;height:auto;justify-content:space-between;margin:auto;padding:0;position:sticky;top:0;width:100%;z-index:99}.theme--light .navbar{background-color:#fff;color:#000}.theme--dark .navbar{background-color:#222;color:#f5f5f5}.theme--light .navbar{border-color:#d3d3d3}.theme--dark .navbar{border-color:#444}@media(max-width:856px)and (min-width:561px){.navbar{padding-bottom:10px;padding-top:10px}}@media(max-width:1155px)and (min-width:857px){.navbar{padding-bottom:10px;padding-top:10px}}@media(max-width:2025px)and (min-width:1156px){.navbar{padding-bottom:10px;padding-top:10px}}.navbar .left{align-items:center;display:flex;margin-right:50px}@media(max-width:560px){.navbar .left{margin:10px}}@media(max-width:856px)and (min-width:561px){.navbar .left{margin:0 10px}}@media(max-width:1155px)and (min-width:857px){.navbar .left{gap:20px;margin:0 10px}}@media(max-width:2025px)and (min-width:1156px){.navbar .left{gap:20px;margin:0 10px}}.navbar .left span{font-weight:700}.theme--light .navbar .left span{color:#000}.theme--dark .navbar .left span{color:#f5f5f5}@media(max-width:856px)and (min-width:561px){.navbar .left span{margin-right:20px}}.navbar .left .search{align-items:center;border:1px solid;border-radius:15px;display:flex;gap:10px;padding:5px}.theme--light .navbar .left .search{border-color:#d3d3d3}.theme--dark .navbar .left .search{border-color:#444}@media(max-width:560px){.navbar .left .search{display:none}}.navbar .left .search input{border:none;outline:none;width:150px}@media(max-width:560px){.navbar .left .search input{display:none}}.theme--light .navbar .left .search input{background-color:#fff;color:#000}.theme--dark .navbar .left .search input{background-color:#222;color:#f5f5f5}.navbar .middle{display:flex;display:none;gap:40px;left:350px;position:absolute;top:15px}.navbar .right{align-items:center;display:flex;gap:20px;height:auto;justify-content:space-around;margin:0;padding:0;width:100%}@media(max-width:560px){.navbar .right{margin:10px 20px}}@media(max-width:856px)and (min-width:561px){.navbar .right{margin:10px}}@media(max-width:1155px)and (min-width:857px){.navbar .right{justify-content:space-between;margin-right:10px}}@media(max-width:2025px)and (min-width:1156px){.navbar .right{justify-content:space-between;margin-right:20px}}.navbar .right .user{align-items:center;display:flex;gap:10px}.navbar .right .user img{border:1px solid #d3d3d3;border-radius:50%;height:30px;object-fit:cover;width:30px}.navbar .right .user span{font-weight:500}.navbar .right .user .button{cursor:pointer}.navbar button{align-items:center;background-color:#fff;border:none;cursor:pointer;display:flex;padding:10px}.navbar .rightSideBarButton{cursor:pointer}.theme--light .navbar .rightSideBarButton{color:#00008b}.theme--dark .navbar .rightSideBarButton{color:#fff}@media(max-width:560px){.navbar .rightSideBarButton{margin:10px}}@media(max-width:856px)and (min-width:561px){.navbar .rightSideBarButton{margin:10px}}@media(max-width:1155px)and (min-width:857px){.navbar .rightSideBarButton{margin:10px}}@media(max-width:2025px)and (min-width:1156px){.navbar .rightSideBarButton{display:none}}.navbar .leftSideBarButton{cursor:pointer}.theme--light .navbar .leftSideBarButton{color:#00008b}.theme--dark .navbar .leftSideBarButton{color:#fff}@media(max-width:560px){.navbar .leftSideBarButton{margin:10px}}@media(max-width:856px)and (min-width:561px){.navbar .leftSideBarButton{margin:10px}}@media(max-width:1155px)and (min-width:857px){.navbar .leftSideBarButton{display:none}}@media(max-width:2025px)and (min-width:1156px){.navbar .leftSideBarButton{display:none}}.navbar .leftSideBar{border:1px solid #000;height:100%;left:0;position:fixed;top:0;width:300px}@media(max-width:1155px)and (min-width:857px){.navbar .leftSideBar{display:none}}@media(max-width:2025px)and (min-width:1156px){.navbar .leftSideBar{display:none}}.navbar .darkMode{cursor:pointer}.leftBar{flex:1 1;height:calc(100vh - 75px);overflow:scroll;position:sticky;top:57px!important;z-index:1000}@media(max-width:560px){.leftBar.open{background-color:#000;height:100%;left:0;position:fixed;top:75px!important;width:200px}}@media(max-width:856px)and (min-width:561px){.leftBar.open{height:100%;left:0;position:fixed;top:75px!important;width:200px}}@media(max-width:1155px)and (min-width:857px){.leftBar.open{min-width:200px;width:100%}}@media(max-width:2025px)and (min-width:1156px){.leftBar.open{min-width:200px;width:100%}}@media(max-width:560px){.leftBar.closed{display:none}}@media(max-width:856px)and (min-width:561px){.leftBar.closed{display:none}}@media(max-width:1155px)and (min-width:857px){.leftBar.closed{min-width:200px;width:100%}}@media(max-width:2025px)and (min-width:1156px){.leftBar.closed{min-width:200px;width:100%}}.theme--light .leftBar{background-color:#fff;color:#000}.theme--dark .leftBar{background-color:#222;color:#f5f5f5}.leftBar::-webkit-scrollbar{display:none}.leftBar .container hr{background-color:#d3d3d3;border:none;height:.5px;margin:20px 0 0}.leftBar .container .menu{align-items:first baseline;display:flex;flex-direction:column;gap:30px;padding:10px 30px}.leftBar .container .menu span{color:gray;font-size:12px}.theme--light .leftBar .container .menu span{color:#000}.theme--dark .leftBar .container .menu span{color:#f5f5f5}.leftBar .container .menu .user{align-items:center;display:flex;gap:10px;padding:10px}.leftBar .container .menu .user img{border:1px solid #d3d3d3;border-radius:50%;height:40px;object-fit:cover;width:40px}.leftBar .container .menu .user span{color:#000;font-size:14px;font-weight:500}.theme--light .leftBar .container .menu .user span{color:#000}.theme--dark .leftBar .container .menu .user span{color:#f5f5f5}.leftBar .container .menu .item{align-items:center;display:flex;gap:20px}.leftBar .container .menu .item span{color:#000;font-size:14px}.theme--light .leftBar .container .menu .item span{color:#d3d3d3}.theme--dark .leftBar .container .menu .item span{color:#444}.rightBar{display:flex;flex:2 1;height:calc(100vh - 70px);overflow:scroll;position:sticky;top:57px;width:auto;z-index:1000}@media(max-width:560px){.rightBar.open{height:100%;position:fixed;right:0;top:75px!important;width:380px}}@media(max-width:856px)and (min-width:561px){.rightBar.open{height:100%;position:fixed;right:0;top:75px!important;width:380px}}@media(max-width:1155px)and (min-width:857px){.rightBar.open{height:100%;position:fixed;right:0;top:57px;width:38rig0px}}@media(max-width:2025px)and (min-width:1156px){.rightBar.open{min-width:350px;width:100%}}@media(max-width:560px){.rightBar.closed{display:none}}@media(max-width:856px)and (min-width:561px){.rightBar.closed{display:none}}@media(max-width:1155px)and (min-width:857px){.rightBar.closed{min-width:200px;width:100%}}@media(max-width:2025px)and (min-width:1156px){.rightBar.closed{min-width:200px;width:100%}}.theme--light .rightBar{background-color:#f6f3f3;color:#555}.theme--dark .rightBar{background-color:#333;color:#d3d3d3}.rightBar::-webkit-scrollbar{display:none}.rightBar .container .item{background-color:#fff;border-radius:10px;box-shadow:0 0 4px 0 #a7a7a7bf;-webkit-box-shadow:0 0 4px 0 #a7a7a7bf;-moz-box-shadow:0 0 4px 0 #a7a7a7bf;margin:20px;padding:20px;width:auto}.theme--light .rightBar .container .item{background-color:#fff;color:#000}.theme--dark .rightBar .container .item{background-color:#222;color:#f5f5f5}.rightBar .container .item span{color:gray}.rightBar .container .item .user{align-items:center;display:flex;margin:10px 0;width:auto}.rightBar .container .item .user .userInfo{align-items:center;display:flex;gap:0;height:auto;min-width:250px;position:relative;width:auto}.rightBar .container .item .user .userInfo img{border-radius:50%;height:50px;object-fit:cover;width:50px}.rightBar .container .item .user .userInfo .online{background-color:#32cd32;border-radius:50%;height:10px;left:20px;position:absolute;top:0;width:10px}.rightBar .container .item .user .userInfo p{color:gray;display:flex;flex-direction:row;font-size:13px;margin:5px 10px}.rightBar .container .item .user .userInfo .log{color:gray;display:flex;flex-direction:row;font-size:13px;margin:0 5px}.rightBar .container .item .user .userInfo .firstUser{font-size:15px;font-weight:500;margin-bottom:0;margin-top:5px}.theme--light .rightBar .container .item .user .userInfo .firstUser{color:#555}.theme--dark .rightBar .container .item .user .userInfo .firstUser{color:#d3d3d3}.rightBar .container .item .user .userInfo .secondUser{font-size:14px;font-weight:500;margin-bottom:0;margin-top:5px}.theme--light .rightBar .container .item .user .userInfo .secondUser{color:#555}.theme--dark .rightBar .container .item .user .userInfo .secondUser{color:#d3d3d3}.rightBar .container .item .user .userInfo .userSuggest{font-size:15px;font-weight:500;margin:auto}.theme--light .rightBar .container .item .user .userInfo .userSuggest{color:#555}.theme--dark .rightBar .container .item .user .userInfo .userSuggest{color:#d3d3d3}.rightBar .container .item .user .userInfo .button{align-items:end;cursor:pointer;display:flex;gap:15px;justify-content:end;position:absolute;right:0}.rightBar .container .item .user span{color:#a09d9d;font-size:10px;width:fit-content}
/*# sourceMappingURL=main.4207f308.css.map*/