.login{align-items:center;background-color:#c1beff;display:flex;justify-content:center;min-height:100vh}@media(max-width:480px){.login{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}}.login .card{background-color:#fff;border-radius:10px;display:flex;min-height:600px;overflow:hidden;width:50%}@media(max-width:480px){.login .card{border-radius:50px;flex-direction:column;margin-bottom:80px;margin-top:10%;width:90%}}.login .card .left{background:linear-gradient(rgba(39,11,96,.5),rgba(39,11,96,.5)),url(https://images.pexels.com/photos/3228727/pexels-photo-3228727.jpeg?auto=compress&cs=tinysrgb&w=1600) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}@media(max-width:480px){.login .card .left{gap:40px}}.login .card .left h1{font-size:100px;line-height:100px}@media(max-width:480px){.login .card .left h1{font-size:60px;line-height:70px}.login .card .left p{display:none}}.login .card .left span{font-size:14px}.login .card .left button{background-color:#fff;border:none;color:#639;cursor:pointer;font-weight:700;padding:10px;width:50%}.login .card .right{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}@media(max-width:480px){.login .card .right{padding:30px 30px 40px}}.login .card .right h1{color:#555}.login .card .right form{display:flex;flex-direction:column;gap:30px}.login .card .right form input{border:none;border-bottom:1px solid #d3d3d3;padding:20px 10px}.login .card .right form button{background-color:#938eef;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:50%}.register{align-items:center;background-color:#c1beff;display:flex;justify-content:center;min-height:100vh}@media(max-width:480px){.register{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}}.register .card{background-color:#fff;border-radius:10px;display:flex;flex-direction:row-reverse;min-height:600px;overflow:hidden;width:50%}@media(max-width:480px){.register .card{border-radius:50px;flex-direction:column;margin-bottom:80px;margin-top:10%;width:90%}}.register .card .left{background:linear-gradient(rgba(39,11,96,.5),rgba(39,11,96,.5)),url(https://images.pexels.com/photos/4881619/pexels-photo-4881619.jpeg?auto=compress&cs=tinysrgb&w=1600) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}@media(max-width:480px){.register .card .left{gap:20px}}.register .card .left h1{font-size:100px;line-height:100px}@media(max-width:480px){.register .card .left p{display:none}}.register .card .left span{font-size:14px}.register .card .left button{background-color:#fff;border:none;color:#639;cursor:pointer;font-weight:700;padding:10px;width:50%}.register .card .right{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}@media(max-width:480px){.register .card .right{padding:30px 30px 40px}}.register .card .right h1{color:#555}.register .card .right form{display:flex;flex-direction:column;gap:30px}.register .card .right form input{border:none;border-bottom:1px solid #d3d3d3;padding:20px 10px}.register .card .right form button{background-color:#938eef;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:50%}.theme-light .navbar{align-items:center;background-color:#fff;border-bottom:1px solid #d3d3d3;color:#000;display:flex;height:50px;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}@media(max-width:480px){.theme-light .navbar{left:0;position:fixed;right:0}}.theme-light .navbar svg{fill:#000!important;color:#000!important}@media(max-width:480px){.theme-light .navbar svg{font-size:20px}}.theme-light .navbar .left{align-items:center;display:flex;gap:30px}@media(max-width:480px){.theme-light .navbar .left{gap:10px}}.theme-light .navbar .left span{color:#00008b;font-size:20px;font-weight:700}@media(max-width:480px){.theme-light .navbar .left span{margin-right:10px}}.theme-light .navbar .left a{fill:#000;color:#00008b;display:flex}.theme-light .navbar .left .search{align-items:center;border:1px solid #d3d3d3;border-radius:10px;display:flex;gap:10px;padding:5px}.theme-light .navbar .left .search input{background-color:transparent;border:none;color:#000;width:500px}@media(max-width:480px){.theme-light .navbar .left .search input{display:none}}@media(max-width:960px){.theme-light .navbar .left .search input{width:200px}}.theme-light .navbar .left .search input:focus{outline:none}.theme-light .navbar .right{align-items:center;display:flex;gap:20px}.theme-light .navbar .right .notification{display:flex;gap:10px;justify-content:space-around}@media(max-width:480px){.theme-light .navbar .right .notification{display:none;gap:10px;justify-content:space-around}}.theme-light .navbar .right .user{align-items:center;display:flex;font-weight:500;gap:10px}.theme-light .navbar .right .user a{align-items:center;color:#000;display:flex;gap:8px}.theme-light .navbar .right .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}@media(max-width:480px){.theme-light .navbar .right .user span{display:none}}.theme-dark .navbar{align-items:center;background-color:#222;border-bottom:1px solid #444;color:#f5f5f5;display:flex;height:50px;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}@media(max-width:480px){.theme-dark .navbar{left:0;position:fixed;right:0}}.theme-dark .navbar svg{fill:#f5f5f5!important;color:#f5f5f5!important}@media(max-width:480px){.theme-dark .navbar svg{font-size:20px}}.theme-dark .navbar .left{align-items:center;display:flex;gap:30px}@media(max-width:480px){.theme-dark .navbar .left{gap:10px}}.theme-dark .navbar .left span{color:#fff;font-size:20px;font-weight:700}@media(max-width:480px){.theme-dark .navbar .left span{margin-right:10px}}.theme-dark .navbar .left a{fill:#fff;color:#fff;display:flex}.theme-dark .navbar .left .search{align-items:center;border:1px solid #444;border-radius:10px;display:flex;gap:10px;padding:5px}.theme-dark .navbar .left .search input{background-color:transparent;border:none;color:#f5f5f5;width:500px}@media(max-width:480px){.theme-dark .navbar .left .search input{display:none}}@media(max-width:960px){.theme-dark .navbar .left .search input{width:200px}}.theme-dark .navbar .left .search input:focus{outline:none}.theme-dark .navbar .right{align-items:center;display:flex;gap:20px}.theme-dark .navbar .right .notification{display:flex;gap:10px;justify-content:space-around}@media(max-width:480px){.theme-dark .navbar .right .notification{display:none;gap:10px;justify-content:space-around}}.theme-dark .navbar .right .user{align-items:center;display:flex;font-weight:500;gap:10px}.theme-dark .navbar .right .user a{align-items:center;color:#f5f5f5;display:flex;gap:8px}.theme-dark .navbar .right .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}@media(max-width:480px){.theme-dark .navbar .right .user span{display:none}}.theme-light .logout{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.theme-light .logout .wrapper{background-color:#fff;border-radius:20px;box-shadow:0 0 15px 1px rgba(0,0,0,.09);display:flex;flex-direction:column;height:40%;justify-content:center;margin:auto;position:relative;width:20%;z-index:999}@media(max-width:480px){.theme-light .logout .wrapper{height:40%;width:60%}}.theme-light .logout .wrapper .text-header{font-size:18px}.theme-light .logout .wrapper .dis{display:flex;justify-content:center;width:100%}.theme-light .logout .wrapper img{height:100px;padding-bottom:15px;width:100px}.theme-light .logout .wrapper span{display:flex;font-size:15px;font-weight:lighter;justify-content:center;left:0;padding-bottom:20px;position:relative;text-align:center;top:0;width:100%}.theme-light .logout .wrapper .options{display:flex;gap:15px;justify-content:center}.theme-light .logout .wrapper .options button{background-color:#aeaaaa;border:1px solid #d3d3d3;border-radius:10px;color:#000;font-size:15px;font-weight:400;height:45px;width:70px}.theme-light .logout .wrapper .options button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-light .logout .wrapper .options button:nth-child(2n){background-color:#64e9fe}.theme-light .logout .wrapper .close{background-color:#424242;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:5px;position:absolute;right:10px;top:10px}.theme-light .logout .wrapper .close:hover{background-color:#e64f4f;-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-dark .logout{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.theme-dark .logout .wrapper{background-color:#222;border-radius:20px;box-shadow:0 0 15px 1px rgba(0,0,0,.09);display:flex;flex-direction:column;height:40%;justify-content:center;margin:auto;position:relative;width:20%;z-index:999}@media(max-width:480px){.theme-dark .logout .wrapper{height:40%;width:60%}}.theme-dark .logout .wrapper .text-header{font-size:18px}.theme-dark .logout .wrapper .dis{display:flex;justify-content:center;width:100%}.theme-dark .logout .wrapper img{height:100px;padding-bottom:15px;width:100px}.theme-dark .logout .wrapper span{display:flex;font-size:15px;font-weight:lighter;justify-content:center;left:0;padding-bottom:20px;position:relative;text-align:center;top:0;width:100%}.theme-dark .logout .wrapper .options{display:flex;gap:15px;justify-content:center}.theme-dark .logout .wrapper .options button{background-color:#aeaaaa;border:1px solid #444;border-radius:10px;color:#f5f5f5;font-size:15px;font-weight:400;height:45px;width:70px}.theme-dark .logout .wrapper .options button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-dark .logout .wrapper .options button:nth-child(2n){background-color:#64e9fe}.theme-dark .logout .wrapper .close{background-color:#424242;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:5px;position:absolute;right:10px;top:10px}.theme-dark .logout .wrapper .close:hover{background-color:#e64f4f;-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-light .leftBar{background-color:#fff;color:#000;flex:2 1;height:100%;overflow:auto;position:-webkit-sticky;position:sticky;top:0}@media(max-width:480px){.theme-light .leftBar{display:none}}.theme-light .leftBar::-webkit-scrollbar{display:none}.theme-light .leftBar .container{padding:20px}.theme-light .leftBar .container hr{background-color:#d3d3d3;border:none;height:.5px;margin:20px 0}.theme-light .leftBar .container .menu{display:flex;flex-direction:column;gap:20px}.theme-light .leftBar .container .menu .user{align-items:center;display:flex;gap:10px}.theme-light .leftBar .container .menu .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}.theme-light .leftBar .container .menu .user span{font-size:14px}.theme-light .leftBar .container .menu .item{align-items:center;display:flex;gap:10px}.theme-light .leftBar .container .menu .item img{width:30px}.theme-light .leftBar .container .menu .item span{font-size:14px}.theme-dark .leftBar{background-color:#222;color:#f5f5f5;flex:2 1;height:100%;overflow:auto;position:-webkit-sticky;position:sticky;top:0}@media(max-width:480px){.theme-dark .leftBar{display:none}}.theme-dark .leftBar::-webkit-scrollbar{display:none}.theme-dark .leftBar .container{padding:20px}.theme-dark .leftBar .container hr{background-color:#444;border:none;height:.5px;margin:20px 0}.theme-dark .leftBar .container .menu{display:flex;flex-direction:column;gap:20px}.theme-dark .leftBar .container .menu .user{align-items:center;display:flex;gap:10px}.theme-dark .leftBar .container .menu .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}.theme-dark .leftBar .container .menu .user span{font-size:14px}.theme-dark .leftBar .container .menu .item{align-items:center;display:flex;gap:10px}.theme-dark .leftBar .container .menu .item img{width:30px}.theme-dark .leftBar .container .menu .item span{font-size:14px}.theme-light .rightBar{background-color:#f6f3f3;flex:3 1;height:100%;overflow:auto;position:-webkit-sticky;position:sticky;top:0}@media(max-width:480px){.theme-light .rightBar{display:none}}@media(max-width:960px){.theme-light .rightBar{display:none}}.theme-light .rightBar::-webkit-scrollbar{display:none}.theme-light .rightBar .container{padding:20px}.theme-light .rightBar .container .item{background-color:#fff;border-radius:10px;box-shadow:0 0 15px 1px rgba(0,0,0,.09);margin-bottom:20px;padding:20px}.theme-light .rightBar .container .item span{color:gray}.theme-light .rightBar .container .item .user{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.theme-light .rightBar .container .item .user .userInfo{align-items:center;display:flex;gap:20px;position:relative}.theme-light .rightBar .container .item .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .rightBar .container .item .user .userInfo .online{background-color:#32cd32;border-radius:50%;height:12px;left:30px;position:absolute;top:0;width:12px}.theme-light .rightBar .container .item .user .userInfo p{color:#555;font-size:small}.theme-light .rightBar .container .item .user .userInfo span{color:#000;font-weight:500}.theme-light .rightBar .container .item .user .buttons{align-items:center;display:flex;gap:10px}.theme-light .rightBar .container .item .user .buttons button{border:none;color:#fff;cursor:pointer;padding:5px}.theme-light .rightBar .container .item .user .buttons button:first-child{background-color:#5271ff}.theme-light .rightBar .container .item .user .buttons button:last-child{background-color:#f0544f}.theme-dark .rightBar{background-color:#333;flex:3 1;height:100%;overflow:auto;position:-webkit-sticky;position:sticky;top:0}@media(max-width:480px){.theme-dark .rightBar{display:none}}@media(max-width:960px){.theme-dark .rightBar{display:none}}.theme-dark .rightBar::-webkit-scrollbar{display:none}.theme-dark .rightBar .container{padding:20px}.theme-dark .rightBar .container .item{background-color:#222;border-radius:10px;box-shadow:0 0 15px 1px rgba(0,0,0,.09);margin-bottom:20px;padding:20px}.theme-dark .rightBar .container .item span{color:gray}.theme-dark .rightBar .container .item .user{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.theme-dark .rightBar .container .item .user .userInfo{align-items:center;display:flex;gap:20px;position:relative}.theme-dark .rightBar .container .item .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .rightBar .container .item .user .userInfo .online{background-color:#32cd32;border-radius:50%;height:12px;left:30px;position:absolute;top:0;width:12px}.theme-dark .rightBar .container .item .user .userInfo p{color:#d3d3d3;font-size:small}.theme-dark .rightBar .container .item .user .userInfo span{color:#f5f5f5;font-weight:500}.theme-dark .rightBar .container .item .user .buttons{align-items:center;display:flex;gap:10px}.theme-dark .rightBar .container .item .user .buttons button{border:none;color:#fff;cursor:pointer;padding:5px}.theme-dark .rightBar .container .item .user .buttons button:first-child{background-color:#5271ff}.theme-dark .rightBar .container .item .user .buttons button:last-child{background-color:#f0544f}.theme-light .suggestion .item{background-color:#fff;box-shadow:0 0 15px 1px rgba(0,0,0,.09);margin-bottom:20px;max-height:200px;overflow-y:scroll;padding:20px}.theme-light .suggestion .item .user{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:20px 0}.theme-light .suggestion .item .user .userInfo{align-items:center;gap:20px;position:relative}.theme-light .suggestion .item img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .suggestion .item{background-color:#222;box-shadow:0 0 15px 1px rgba(0,0,0,.09);margin-bottom:20px;max-height:200px;overflow-y:scroll;padding:20px}.theme-dark .suggestion .item .user{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:20px 0}.theme-dark .suggestion .item .user .userInfo{align-items:center;gap:20px;position:relative}.theme-dark .suggestion .item img{border-radius:50%;height:40px;object-fit:cover;width:40px}.suggestion .item::-webkit-scrollbar{display:none}.theme-light .profile{background-color:#f6f3f3}.theme-light .profile .images{height:300px;position:relative;width:100%}.theme-light .profile .images .cover{height:100%;object-fit:cover;width:100%}.theme-light .profile .images .profilePic{border-radius:50%;height:200px;left:0;margin:auto;object-fit:cover;position:absolute;right:0;top:200px;width:200px}.theme-light .profile .profileContainer{padding:20px 70px}@media(max-width:480px){.theme-light .profile .profileContainer{padding:10px 10px 80px}}@media(max-width:960px){.theme-light .profile .profileContainer{padding:20px}}.theme-light .profile .profileContainer .uInfo{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);display:flex;height:180px;justify-content:space-between;margin-bottom:20px;padding:50px}@media(max-width:480px){.theme-light .profile .profileContainer .uInfo{flex-direction:column;height:30vh;margin-top:100px;padding:20px}}.theme-light .profile .profileContainer .uInfo .left{display:flex;flex:1 1;gap:10px}@media(max-width:960px){.theme-light .profile .profileContainer .uInfo .left{flex-wrap:wrap}}.theme-light .profile .profileContainer .uInfo .left a{color:#555}.theme-light .profile .profileContainer .uInfo .center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.theme-light .profile .profileContainer .uInfo .center span{color:#000;font-size:30px;font-weight:500}.theme-light .profile .profileContainer .uInfo .center .info{align-items:center;display:flex;justify-content:space-around;width:100%}.theme-light .profile .profileContainer .uInfo .center .info .item{align-items:center;color:#555;display:flex;gap:5px}.theme-light .profile .profileContainer .uInfo .center .info .item span{font-size:12px}.theme-light .profile .profileContainer .uInfo .center button{background-color:#5271ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.theme-light .profile .profileContainer .uInfo .right{align-items:center;color:#555;display:flex;flex:1 1;gap:10px;justify-content:flex-end}.theme-dark .profile{background-color:#333}.theme-dark .profile .images{height:300px;position:relative;width:100%}.theme-dark .profile .images .cover{height:100%;object-fit:cover;width:100%}.theme-dark .profile .images .profilePic{border-radius:50%;height:200px;left:0;margin:auto;object-fit:cover;position:absolute;right:0;top:200px;width:200px}.theme-dark .profile .profileContainer{padding:20px 70px}@media(max-width:480px){.theme-dark .profile .profileContainer{padding:10px 10px 80px}}@media(max-width:960px){.theme-dark .profile .profileContainer{padding:20px}}.theme-dark .profile .profileContainer .uInfo{align-items:center;background-color:#222;border-radius:20px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);display:flex;height:180px;justify-content:space-between;margin-bottom:20px;padding:50px}@media(max-width:480px){.theme-dark .profile .profileContainer .uInfo{flex-direction:column;height:30vh;margin-top:100px;padding:20px}}.theme-dark .profile .profileContainer .uInfo .left{display:flex;flex:1 1;gap:10px}@media(max-width:960px){.theme-dark .profile .profileContainer .uInfo .left{flex-wrap:wrap}}.theme-dark .profile .profileContainer .uInfo .left a{color:#d3d3d3}.theme-dark .profile .profileContainer .uInfo .center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.theme-dark .profile .profileContainer .uInfo .center span{color:#f5f5f5;font-size:30px;font-weight:500}.theme-dark .profile .profileContainer .uInfo .center .info{align-items:center;display:flex;justify-content:space-around;width:100%}.theme-dark .profile .profileContainer .uInfo .center .info .item{align-items:center;color:#d3d3d3;display:flex;gap:5px}.theme-dark .profile .profileContainer .uInfo .center .info .item span{font-size:12px}.theme-dark .profile .profileContainer .uInfo .center button{background-color:#5271ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.theme-dark .profile .profileContainer .uInfo .right{align-items:center;color:#d3d3d3;display:flex;flex:1 1;gap:10px;justify-content:flex-end}.theme-light .post{background-color:#fff;border-radius:20px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);color:#000}.theme-light .post .container{padding:20px}.theme-light .post .container .user{align-items:center;display:flex;justify-content:space-between;position:relative}.theme-light .post .container .user .userInfo{display:flex;gap:20px}.theme-light .post .container .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .post .container .user .userInfo .details{display:flex;flex-direction:column}.theme-light .post .container .user .userInfo .details .name{font-weight:500}.theme-light .post .container .user .userInfo .details .date{color:#999;font-size:12px}.theme-light .post .container .user button{background-color:red;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:5px;position:absolute;right:0;top:30px}.theme-light .post .container .content{margin:20px 0}.theme-light .post .container .content img{margin-top:20px;max-height:1000px;object-fit:cover;width:100%}.theme-light .post .container .info{align-items:center;display:flex;gap:20px}.theme-light .post .container .info .item{align-items:center;color:#999;cursor:pointer;display:flex;font-size:14px;gap:10px}.theme-light .post .container .info .item svg{color:#999}.theme-dark .post{background-color:#222;border-radius:20px;box-shadow:0 0 25px -10px rgba(0,0,0,.6);color:#f5f5f5}.theme-dark .post .container{padding:20px}.theme-dark .post .container .user{align-items:center;display:flex;justify-content:space-between;position:relative}.theme-dark .post .container .user .userInfo{display:flex;gap:20px}.theme-dark .post .container .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .post .container .user .userInfo .details{display:flex;flex-direction:column}.theme-dark .post .container .user .userInfo .details .name{font-weight:500}.theme-dark .post .container .user .userInfo .details .date{color:#888;font-size:12px}.theme-dark .post .container .user button{background-color:red;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:5px;position:absolute;right:0;top:30px}.theme-dark .post .container .content{margin:20px 0}.theme-dark .post .container .content img{margin-top:20px;max-height:1000px;object-fit:cover;width:100%}.theme-dark .post .container .info{align-items:center;display:flex;gap:20px}.theme-dark .post .container .info .item{align-items:center;color:#888;cursor:pointer;display:flex;font-size:14px;gap:10px}.theme-dark .post .container .info .item svg{color:#888}.theme-light .comments img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .comments .write{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0}.theme-light .comments .write input{background-color:transparent;border:1px solid #d3d3d3;border-radius:30px;color:#000;flex:5 1;padding:10px}.theme-light .comments .write button{background-color:#5271ff;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px}.theme-light .comments .comment{display:flex;gap:20px;justify-content:space-between;margin:30px 0}.theme-light .comments .comment .info{align-items:flex-start;display:flex;flex:5 1;flex-direction:column;gap:3px}.theme-light .comments .comment .info span{font-weight:500}.theme-light .comments .comment .info p{color:#555}.theme-light .comments .comment .date{align-self:center;color:gray;flex:1 1;font-size:12px}.theme-dark .comments img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .comments .write{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0}.theme-dark .comments .write input{background-color:transparent;border:1px solid #444;border-radius:30px;color:#f5f5f5;flex:5 1;padding:10px}.theme-dark .comments .write button{background-color:#5271ff;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px}.theme-dark .comments .comment{display:flex;gap:20px;justify-content:space-between;margin:30px 0}.theme-dark .comments .comment .info{align-items:flex-start;display:flex;flex:5 1;flex-direction:column;gap:3px}.theme-dark .comments .comment .info span{font-weight:500}.theme-dark .comments .comment .info p{color:#d3d3d3}.theme-dark .comments .comment .date{align-self:center;color:gray;flex:1 1;font-size:12px}.posts{display:flex;flex-direction:column;gap:20px}.theme-light .update{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:999}.theme-light .update .wrapper{background-color:#fff;box-shadow:0 0 15px 1px rgba(0,0,0,.09);display:flex;flex-direction:column;gap:20px;height:70%;margin:auto;overflow-y:auto;padding:50px;position:relative;width:40%;z-index:999}@media(max-width:480px){.theme-light .update .wrapper{height:100%;width:100%}}.theme-light .update .wrapper h1{color:#d3d3d3}@media(max-width:480px){.theme-light .update .wrapper h1{font-size:20px}}.theme-light .update .wrapper form{display:flex;flex-direction:column;gap:20px}.theme-light .update .wrapper form .files{display:flex;flex-wrap:wrap;gap:50px}.theme-light .update .wrapper form label{color:gray;display:flex;flex-direction:column;font-size:14px;gap:10px}.theme-light .update .wrapper form label .imgContainer{position:relative}.theme-light .update .wrapper form label .imgContainer img{height:100px;object-fit:cover;width:100px}.theme-light .update .wrapper form label .imgContainer .icon{bottom:0;color:#d3d3d3;cursor:pointer;font-size:30px;left:0;margin:auto;position:absolute;right:0;top:0}.theme-light .update .wrapper form input{background-color:transparent;border:none;border-bottom:1px solid #d3d3d3;color:gray;padding:5px}.theme-light .update .wrapper form button{background-color:#5271ff;border:none;color:#fff;cursor:pointer;padding:10px}.theme-light .update .wrapper .close{background-color:#f0544f;border:none;color:#fff;cursor:pointer;padding:5px;position:absolute;right:20px;top:10px}.theme-dark .update{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100vh;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:999}.theme-dark .update .wrapper{background-color:#222;box-shadow:0 0 15px 1px rgba(0,0,0,.09);display:flex;flex-direction:column;gap:20px;height:70%;margin:auto;overflow-y:auto;padding:50px;position:relative;width:40%;z-index:999}@media(max-width:480px){.theme-dark .update .wrapper{height:100%;width:100%}}.theme-dark .update .wrapper h1{color:#d3d3d3}@media(max-width:480px){.theme-dark .update .wrapper h1{font-size:20px}}.theme-dark .update .wrapper form{display:flex;flex-direction:column;gap:20px}.theme-dark .update .wrapper form .files{display:flex;flex-wrap:wrap;gap:50px}.theme-dark .update .wrapper form label{color:gray;display:flex;flex-direction:column;font-size:14px;gap:10px}.theme-dark .update .wrapper form label .imgContainer{position:relative}.theme-dark .update .wrapper form label .imgContainer img{height:100px;object-fit:cover;width:100px}.theme-dark .update .wrapper form label .imgContainer .icon{bottom:0;color:#d3d3d3;cursor:pointer;font-size:30px;left:0;margin:auto;position:absolute;right:0;top:0}.theme-dark .update .wrapper form input{background-color:transparent;border:none;border-bottom:1px solid #444;color:gray;padding:5px}.theme-dark .update .wrapper form button{background-color:#5271ff;border:none;color:#fff;cursor:pointer;padding:10px}.theme-dark .update .wrapper .close{background-color:#f0544f;border:none;color:#fff;cursor:pointer;padding:5px;position:absolute;right:20px;top:10px}.theme-light .home{background-color:#f6f3f3;padding:20px 70px 70px}@media(max-width:480px){.theme-light .home{padding:60px 10px 130px}}@media(max-width:960px){.theme-light .home{padding:20px 20px 70px}}.theme-dark .home{background-color:#333;padding:20px 70px 70px}@media(max-width:480px){.theme-dark .home{padding:60px 10px 130px}}@media(max-width:960px){.theme-dark .home{padding:20px 20px 70px}}.stories{display:flex;gap:10px;height:250px;margin-bottom:30px}@media(max-width:960px){.stories{gap:20px;height:150px}}@media(max-width:480px){.stories{height:50px;justify-content:space-between}}.stories .story{border-radius:10px;flex:1 1;overflow:hidden;position:relative}@media(max-width:480px){.stories .story{border-radius:50%;flex:none;height:50px;width:50px}}.stories .story img{height:100%;object-fit:cover;width:100%}.stories .story span{bottom:10px;color:#fff;font-weight:500;left:10px;position:absolute}@media(max-width:480px){.stories .story span{display:none}}.stories .story button{align-items:center;background-color:#5271ff;border:none;border-radius:50%;bottom:40px;color:#fff;cursor:pointer;display:flex;font-size:30px;height:30px;justify-content:center;left:10px;position:absolute;width:30px}@media(max-width:480px){.stories .story button{bottom:0;left:0;margin:auto;right:0;top:0}}.theme-light .share{background-color:#fff;border-radius:20px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);color:#000;margin-bottom:20px}.theme-light .share .container{padding:20px}.theme-light .share .container .top{align-items:flex-start;display:flex;justify-content:space-between}.theme-light .share .container .top .left{align-items:flex-start;display:flex;flex:1 1;min-width:0}.theme-light .share .container .top .left img{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.theme-light .share .container .top .left textarea{background-color:transparent;border:none;color:#000;flex:1 1;min-height:60px;outline:none;padding:20px 10px;resize:vertical;width:100%}@media(max-width:480px){.theme-light .share .container .top .left textarea{min-height:80px;resize:none}}.theme-light .share .container .top .left textarea::-webkit-input-placeholder{color:#999}.theme-light .share .container .top .left textarea::placeholder{color:#999}.theme-light .share .container .top .right{display:flex;justify-content:flex-end}.theme-light .share .container .top .right .file{border-radius:10px;height:100px;object-fit:cover;width:100px}.theme-light .share .container hr{background-color:#d3d3d3;border:none;height:.5px;margin:20px 0}.theme-light .share .container .bottom{align-items:center;display:flex;justify-content:space-between}@media(max-width:480px){.theme-light .share .container .bottom{gap:5px}}.theme-light .share .container .bottom .left{align-items:center;display:flex;gap:20px}@media(max-width:480px){.theme-light .share .container .bottom .left{flex:1 1;gap:8px}}.theme-light .share .container .bottom .left .item{align-items:center;cursor:pointer;display:flex;gap:10px}@media(max-width:480px){.theme-light .share .container .bottom .left .item{align-items:flex-start;gap:4px}}.theme-light .share .container .bottom .left .item img{height:20px}@media(max-width:480px){.theme-light .share .container .bottom .left .item img{height:18px;margin-top:2px}}.theme-light .share .container .bottom .left .item span{color:gray;font-size:12px}@media(max-width:480px){.theme-light .share .container .bottom .left .item span{font-size:9px;line-height:1.2;max-width:35px}}.theme-light .share .container .bottom .right button{background-color:#5271ff;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:5px}@media(max-width:480px){.theme-light .share .container .bottom .right button{font-size:12px;padding:6px 12px}}.theme-dark .share{background-color:#222;border-radius:20px;box-shadow:0 0 25px -10px rgba(0,0,0,.6);color:#f5f5f5;margin-bottom:20px}.theme-dark .share .container{padding:20px}.theme-dark .share .container .top{align-items:flex-start;display:flex;justify-content:space-between}.theme-dark .share .container .top .left{align-items:flex-start;display:flex;flex:1 1;min-width:0}.theme-dark .share .container .top .left img{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.theme-dark .share .container .top .left textarea{background-color:transparent;border:none;color:#f5f5f5;flex:1 1;min-height:60px;outline:none;padding:20px 10px;resize:vertical;width:100%}@media(max-width:480px){.theme-dark .share .container .top .left textarea{min-height:80px;resize:none}}.theme-dark .share .container .top .left textarea::-webkit-input-placeholder{color:#888}.theme-dark .share .container .top .left textarea::placeholder{color:#888}.theme-dark .share .container .top .right{display:flex;justify-content:flex-end}.theme-dark .share .container .top .right .file{border-radius:10px;height:100px;object-fit:cover;width:100px}.theme-dark .share .container hr{background-color:#444;border:none;height:.5px;margin:20px 0}.theme-dark .share .container .bottom{align-items:center;display:flex;justify-content:space-between}@media(max-width:480px){.theme-dark .share .container .bottom{gap:5px}}.theme-dark .share .container .bottom .left{align-items:center;display:flex;gap:20px}@media(max-width:480px){.theme-dark .share .container .bottom .left{flex:1 1;gap:8px}}.theme-dark .share .container .bottom .left .item{align-items:center;cursor:pointer;display:flex;gap:10px}@media(max-width:480px){.theme-dark .share .container .bottom .left .item{align-items:flex-start;gap:4px}}.theme-dark .share .container .bottom .left .item img{height:20px}@media(max-width:480px){.theme-dark .share .container .bottom .left .item img{height:18px;margin-top:2px}}.theme-dark .share .container .bottom .left .item span{color:gray;font-size:12px}@media(max-width:480px){.theme-dark .share .container .bottom .left .item span{font-size:9px;line-height:1.2;max-width:35px}}.theme-dark .share .container .bottom .right button{background-color:#5271ff;border:none;border-radius:10px;color:#fff;cursor:pointer;padding:5px}@media(max-width:480px){.theme-dark .share .container .bottom .right button{font-size:12px;padding:6px 12px}}.theme-light .chatOnlineFriend{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-top:10px}.theme-light .chatOnlineFriend .chatOnlineImgContainer{margin-right:10px;position:relative}.theme-light .chatOnlineFriend .chatOnlineImgContainer img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .chatOnlineFriend .chatOnlineImgContainer .chatBadge{background-color:#32cd32;border-radius:50%;height:10px;position:absolute;right:2px;top:2px;width:10px}.theme-dark .chatOnlineFriend{align-items:center;cursor:pointer;display:flex;font-weight:500;margin-top:10px}.theme-dark .chatOnlineFriend .chatOnlineImgContainer{margin-right:10px;position:relative}.theme-dark .chatOnlineFriend .chatOnlineImgContainer img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .chatOnlineFriend .chatOnlineImgContainer .chatBadge{background-color:#32cd32;border-radius:50%;height:10px;position:absolute;right:2px;top:2px;width:10px}.theme-light .conversation{align-items:center;cursor:pointer;display:flex;margin-top:20px;padding:10px}.theme-light .conversation img{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.theme-light .conversation .span{font-weight:500}.theme-dark .conversation{align-items:center;cursor:pointer;display:flex;margin-top:20px;padding:10px}.theme-dark .conversation img{border-radius:50%;height:40px;margin-right:20px;object-fit:cover;width:40px}.theme-dark .conversation .span{font-weight:500}.conversation:hover{background-color:#d3d3d3}.theme-light .message{display:flex;flex-direction:column;margin-top:20px}.theme-light .message .messageTop{display:flex}.theme-light .message .messageTop img{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.theme-light .message .messageTop p{background-color:#31c1f1;border-radius:20px;color:#fff;max-width:300px;padding:10px}.theme-light .message .messageBottom{font-size:12px;margin-top:10px}.theme-dark .message{display:flex;flex-direction:column;margin-top:20px}.theme-dark .message .messageTop{display:flex}.theme-dark .message .messageTop img{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.theme-dark .message .messageTop p{background-color:#31c1f1;border-radius:20px;color:#fff;max-width:300px;padding:10px}.theme-dark .message .messageBottom{font-size:12px;margin-top:10px}.message.own{align-items:flex-end}.message.own.message p{background-color:#90ee90;color:#000}.content-area{-ms-overflow-style:none;scrollbar-width:none}.content-area::-webkit-scrollbar{display:none}@media(max-width:480px){.layout-container{margin-top:71px}}.theme-light .messenger{background-color:#f6f3f3;display:flex;max-height:calc(100vh - 71px);min-height:calc(100vh - 71px)}@media(max-width:480px){.theme-light .messenger{padding-bottom:80px}}.theme-light .messenger .chatMenu{flex:3.5 1}.theme-light .messenger .chatMenu .chatMenuContainer{height:calc(100% - 20px);padding:10px}.theme-light .messenger .chatMenu .chatMenuContainer .chatMenuInput{border:none;border-bottom:1px solid gray;padding:10px 0;width:90%}.theme-light .messenger .chatBox{flex:5.5 1}.theme-light .messenger .chatBox .chatBoxContainer{display:flex;flex-direction:column;height:calc(100% - 20px);padding:10px}.theme-light .messenger .chatBox .chatBoxContainer .chatBoxTop{height:100%;overflow-y:scroll;padding-right:15px}.theme-light .messenger .chatBox .chatBoxContainer .chatBoxBottom{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.theme-light .messenger .chatBox .chatBoxContainer .chatBoxBottom textarea{border-radius:20px;height:90px;padding:10px;width:80%}.theme-light .messenger .chatBox .chatBoxContainer .chatBoxBottom button{background-color:teal;border:none;border-radius:20px;color:#fff;cursor:pointer;height:40px;width:70px}.theme-light .messenger .chatOnline{flex:3 1}.theme-light .messenger .chatOnline .chatOnlineContainer{height:calc(100% - 20px);padding:10px}.theme-dark .messenger{background-color:#333;display:flex;max-height:calc(100vh - 71px);min-height:calc(100vh - 71px)}@media(max-width:480px){.theme-dark .messenger{padding-bottom:80px}}.theme-dark .messenger .chatMenu{flex:3.5 1}.theme-dark .messenger .chatMenu .chatMenuContainer{height:calc(100% - 20px);padding:10px}.theme-dark .messenger .chatMenu .chatMenuContainer .chatMenuInput{border:none;border-bottom:1px solid gray;padding:10px 0;width:90%}.theme-dark .messenger .chatBox{flex:5.5 1}.theme-dark .messenger .chatBox .chatBoxContainer{display:flex;flex-direction:column;height:calc(100% - 20px);padding:10px}.theme-dark .messenger .chatBox .chatBoxContainer .chatBoxTop{height:100%;overflow-y:scroll;padding-right:15px}.theme-dark .messenger .chatBox .chatBoxContainer .chatBoxBottom{align-items:center;display:flex;justify-content:space-between;margin-top:5px}.theme-dark .messenger .chatBox .chatBoxContainer .chatBoxBottom textarea{border-radius:20px;height:90px;padding:10px;width:80%}.theme-dark .messenger .chatBox .chatBoxContainer .chatBoxBottom button{background-color:teal;border:none;border-radius:20px;color:#fff;cursor:pointer;height:40px;width:70px}.theme-dark .messenger .chatOnline{flex:3 1}.theme-dark .messenger .chatOnline .chatOnlineContainer{height:calc(100% - 20px);padding:10px}
/*# sourceMappingURL=main.cfee31b4.css.map*/