.login{height:100vh;background:#ffffff;display:flex;align-items:center;justify-content:center}.login .card{width:50%;display:flex;border-radius:10px;min-height:600px}@media (max-width: 768px){.login .card{width:70%}}.login .card .left{flex:1;background:url(https://images.pexels.com/photos/1019771/pexels-photo-1019771.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1),center;background-size:cover;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:20px}@media (max-width: 768px){.login .card .left{display:none}}.login .card .left span{color:#fff}.login .card .left button{width:100%;padding:5px 30px;border:none;border-radius:10px;background-color:#fff;color:#016e8d;font-size:12px;font-weight:700;cursor:pointer}.login .card .right{flex:1;display:flex;flex-direction:column;justify-content:center;padding:50px;gap:30px;border:1px lightgray solid}.login .card .right h1{text-align:center;color:#333}.login .card .right p{text-align:center;color:#555}.login .card .right form{display:flex;flex-direction:column;gap:10px}.login .card .right form input{background:transparent;padding:10px 20px;border-radius:20px;border:1px solid lightgray;outline:none;color:#222;font-size:10px}.login .card .right form button{background-color:#016e8d;color:#fff;font-size:12px;font-weight:700;border:none;border-radius:20px;padding:10px;margin-top:5px;cursor:pointer}.login .card .right button{display:flex;align-items:center;justify-content:center;background:transparent;padding:10px;border-radius:20px;border:1px solid lightgray;outline:none;color:#016e8d;font-size:12px}.login .card .right p{font-size:10px}.login .card .right p span{color:#016e8d}.signup{height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center}.signup .card{width:50%;display:flex;flex-direction:row-reverse;border-radius:10px;min-height:600px}@media (max-width: 768px){.signup .card{width:70%}}.signup .card .left{flex:1;background:url(https://images.pexels.com/photos/4672553/pexels-photo-4672553.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1),center;background-size:cover;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:20px}@media (max-width: 768px){.signup .card .left{display:none}}.signup .card .left span{color:#fff}.signup .card .left button{width:100%;padding:5px 30px;border:none;border-radius:10px;background-color:#fff;color:#016e8d;font-size:12px;font-weight:700;cursor:pointer}.signup .card .right{flex:1;display:flex;flex-direction:column;justify-content:center;padding:50px;gap:30px;border:1px solid lightgray}.signup .card .right h1{color:#333;text-align:center}.signup .card .right p{color:#555;font-weight:700;text-align:center}.signup .card .right form{display:flex;flex-direction:column;gap:10px}.signup .card .right form input{background:transparent;padding:10px 20px;border-radius:20px;border:1px solid lightgray;outline:none;color:#222;font-size:10px}.signup .card .right form button{background-color:#016e8d;color:#fff;font-size:12px;font-weight:700;border-radius:20px;border:none;padding:10px;margin-top:5px;cursor:pointer}.signup .card .right form p{font-size:10px}.signup .card .right form p span{color:#016e8d}.theme-light .post{-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);box-shadow:0 0 15px 1px #00000017;border-radius:20px;background-color:#fff;color:#555;width:100%}.theme-light .post .container{padding:20px}@media (max-width: 480px){.theme-light .post .container{padding:10px}}.theme-light .post .container .user{display:flex;align-items:center;justify-content:space-between}.theme-light .post .container .user .userInfo{display:flex;gap:20px}.theme-light .post .container .user .userInfo img{width:30px;height:30px;border-radius:50%;object-fit:cover}.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 .time{font-size:12px}.theme-light .post .container .content{margin:20px 0}.theme-light .post .container .content img{width:100%;max-height:400px;object-fit:cover;margin-top:20px}.theme-light .post .container .interaction{display:flex;align-items:center;gap:20px}.theme-light .post .container .interaction .item{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}@media (max-width: 480px){.theme-light .post .container .interaction .item{font-size:12px}}.theme-dark .post{-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);box-shadow:0 0 15px 1px #00000017;border-radius:20px;background-color:#222;color:#d3d3d3;width:100%}.theme-dark .post .container{padding:20px}@media (max-width: 480px){.theme-dark .post .container{padding:10px}}.theme-dark .post .container .user{display:flex;align-items:center;justify-content:space-between}.theme-dark .post .container .user .userInfo{display:flex;gap:20px}.theme-dark .post .container .user .userInfo img{width:30px;height:30px;border-radius:50%;object-fit:cover}.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 .time{font-size:12px}.theme-dark .post .container .content{margin:20px 0}.theme-dark .post .container .content img{width:100%;max-height:400px;object-fit:cover;margin-top:20px}.theme-dark .post .container .interaction{display:flex;align-items:center;gap:20px}.theme-dark .post .container .interaction .item{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}@media (max-width: 480px){.theme-dark .post .container .interaction .item{font-size:12px}}.theme-light .comments .text{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0;width:100%}.theme-light .comments .text img{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-light .comments .text input{flex:5;padding:10px;border:1px solid lightgray;background:transparent;outline:none;color:#000}.theme-light .comments .text button{border:none;padding:6px;cursor:pointer;color:#fff;background-color:#4fa8eb;border-radius:3px}.theme-light .comments .comment{margin:30px 0;display:flex;justify-content:space-between;gap:20px}.theme-light .comments .comment img{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-light .comments .comment .info{flex:5;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.theme-light .comments .comment .info span{font-weight:500}.theme-light .comments .comment .info p{color:#555;font-size:12px}.theme-light .comments .comment .date{flex:1;align-self:center;color:gray;font-size:12px}.theme-dark .comments .text{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0;width:100%}.theme-dark .comments .text img{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-dark .comments .text input{flex:5;padding:10px;border:1px solid #444;background:transparent;outline:none;color:#f5f5f5}.theme-dark .comments .text button{border:none;padding:6px;cursor:pointer;color:#fff;background-color:#4fa8eb;border-radius:3px}.theme-dark .comments .comment{margin:30px 0;display:flex;justify-content:space-between;gap:20px}.theme-dark .comments .comment img{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-dark .comments .comment .info{flex:5;display:flex;flex-direction:column;gap:3px;align-items:flex-start}.theme-dark .comments .comment .info span{font-weight:500}.theme-dark .comments .comment .info p{color:#d3d3d3;font-size:12px}.theme-dark .comments .comment .date{flex:1;align-self:center;color:gray;font-size:12px}.posts{display:flex;flex-direction:column;gap:10px}.stories{display:flex;gap:10px;height:200px;margin-bottom:30px;width:100%}@media (max-width: 480px){.stories{height:50px;display:flex;justify-content:space-between}}.stories .story{flex:1;border-radius:10px;overflow:hidden;position:relative}@media (max-width: 480px){.stories .story{flex:none;height:50px;width:50px;border-radius:50%;object-fit:cover}}.stories .story img{width:100%;height:100%;object-fit:cover}.stories .story span{position:absolute;bottom:10px;left:10px;color:#fff;font-weight:500}@media (max-width: 480px){.stories .story span{display:none}}.stories .story button{position:absolute;bottom:30px;left:10px;color:#fff;background-color:#5271ff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center}@media (max-width: 480px){.stories .story button{top:0;bottom:0;left:0;right:0;margin:auto;width:15px;height:15px;font-size:12px}}.theme-light .home{background-color:#f6f3f3;padding:20px 70px}@media (max-width: 480px){.theme-light .home{padding-top:10px}}@media (max-width: 960px){.theme-light .home{padding:16px}}.theme-dark .home{background-color:#333;padding:20px 70px}@media (max-width: 480px){.theme-dark .home{padding-top:10px}}@media (max-width: 960px){.theme-dark .home{padding:16px}}.theme-light .profile{background-color:#f6f3f3}.theme-light .profile .images{width:100%;height:200px;position:relative}.theme-light .profile .images .cover{width:100%;height:100%;object-fit:cover}.theme-light .profile .images .profilePic{width:150px;height:150px;border-radius:50%;object-fit:cover;position:absolute;left:0;right:0;top:120px;margin:auto}.theme-light .profile .profileInfo{padding:20px 70px}@media (max-width: 480px){.theme-light .profile .profileInfo{padding:10px}}@media (max-width: 960px){.theme-light .profile .profileInfo{padding:20px}}.theme-light .profile .profileInfo .uInfo{height:100px;-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);box-shadow:0 0 15px 1px #00000017;border-radius:20px;padding:50px;background-color:#fff;color:#000;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media (max-width: 480px){.theme-light .profile .profileInfo .uInfo{flex-direction:column;height:22vh;padding:10px;margin-top:90px}}.theme-light .profile .profileInfo .uInfo .left{flex:1;display:flex;gap:10px;color:#555}@media (max-width: 480px){.theme-light .profile .profileInfo .uInfo .left{display:none}}@media (max-width: 960px){.theme-light .profile .profileInfo .uInfo .left{flex-wrap:wrap}}.theme-light .profile .profileInfo .uInfo .center{flex:2;display:flex;flex-direction:column;align-items:center;gap:10px}.theme-light .profile .profileInfo .uInfo .center span{font-size:22px;font-weight:500}.theme-light .profile .profileInfo .uInfo .center .info{width:100%;display:flex;align-items:center;justify-content:space-around}.theme-light .profile .profileInfo .uInfo .center .info span{font-size:14px}@media (max-width: 480px){.theme-light .profile .profileInfo .uInfo .center .info{padding:0 15px}}.theme-light .profile .profileInfo .uInfo .center button{border:none;border-radius:5px;padding:10px 20px;cursor:pointer;color:#000;font-weight:500}@media (max-width: 480px){.theme-light .profile .profileInfo .uInfo .center{padding:5px 10px}}.theme-light .profile .profileInfo .uInfo .right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#555}.theme-dark .profile{background-color:#333}.theme-dark .profile .images{width:100%;height:200px;position:relative}.theme-dark .profile .images .cover{width:100%;height:100%;object-fit:cover}.theme-dark .profile .images .profilePic{width:150px;height:150px;border-radius:50%;object-fit:cover;position:absolute;left:0;right:0;top:120px;margin:auto}.theme-dark .profile .profileInfo{padding:20px 70px}@media (max-width: 480px){.theme-dark .profile .profileInfo{padding:10px}}@media (max-width: 960px){.theme-dark .profile .profileInfo{padding:20px}}.theme-dark .profile .profileInfo .uInfo{height:100px;-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);box-shadow:0 0 15px 1px #00000017;border-radius:20px;padding:50px;background-color:#222;color:#f5f5f5;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media (max-width: 480px){.theme-dark .profile .profileInfo .uInfo{flex-direction:column;height:22vh;padding:10px;margin-top:90px}}.theme-dark .profile .profileInfo .uInfo .left{flex:1;display:flex;gap:10px;color:#d3d3d3}@media (max-width: 480px){.theme-dark .profile .profileInfo .uInfo .left{display:none}}@media (max-width: 960px){.theme-dark .profile .profileInfo .uInfo .left{flex-wrap:wrap}}.theme-dark .profile .profileInfo .uInfo .center{flex:2;display:flex;flex-direction:column;align-items:center;gap:10px}.theme-dark .profile .profileInfo .uInfo .center span{font-size:22px;font-weight:500}.theme-dark .profile .profileInfo .uInfo .center .info{width:100%;display:flex;align-items:center;justify-content:space-around}.theme-dark .profile .profileInfo .uInfo .center .info span{font-size:14px}@media (max-width: 480px){.theme-dark .profile .profileInfo .uInfo .center .info{padding:0 15px}}.theme-dark .profile .profileInfo .uInfo .center button{border:none;border-radius:5px;padding:10px 20px;cursor:pointer;color:#000;font-weight:500}@media (max-width: 480px){.theme-dark .profile .profileInfo .uInfo .center{padding:5px 10px}}.theme-dark .profile .profileInfo .uInfo .right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#d3d3d3}.theme-light .navBar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;height:50px;border-bottom:1px solid lightgray;position:sticky;background-color:#fff;color:#000;top:0;z-index:999}.theme-light .navBar .left{display:flex;align-items:center;gap:30px}.theme-light .navBar .left .link{color:#000;display:flex;align-items:center}.theme-light .navBar .left span{font-weight:700;font-size:20px;color:#016e8d}.theme-light .navBar .left .search{display:flex;align-items:center;gap:10px;border:1px solid lightgray;border-radius:5px;padding:5px}@media (max-width: 480px){.theme-light .navBar .left .search{display:none}}.theme-light .navBar .left .search input{border:none;width:500px;background:transparent;color:#000;outline:none}@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 .right{display:flex;align-items:center;gap:20px}.theme-light .navBar .right .link{color:#000;display:flex;align-items:center}.theme-light .navBar .right .user{display:flex;align-items:center;gap:10px;font-weight:500}@media (max-width: 480px){.theme-light .navBar .right .user{display:none}}.theme-light .navBar .right .user img{height:30px;width:30px;border-radius:50%;object-fit:cover}.theme-dark .navBar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;height:50px;border-bottom:1px solid #444;position:sticky;background-color:#222;color:#f5f5f5;top:0;z-index:999}.theme-dark .navBar .left{display:flex;align-items:center;gap:30px}.theme-dark .navBar .left .link{color:#f5f5f5;display:flex;align-items:center}.theme-dark .navBar .left span{font-weight:700;font-size:20px;color:#fff}.theme-dark .navBar .left .search{display:flex;align-items:center;gap:10px;border:1px solid #444;border-radius:5px;padding:5px}@media (max-width: 480px){.theme-dark .navBar .left .search{display:none}}.theme-dark .navBar .left .search input{border:none;width:500px;background:transparent;color:#f5f5f5;outline:none}@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 .right{display:flex;align-items:center;gap:20px}.theme-dark .navBar .right .link{color:#f5f5f5;display:flex;align-items:center}.theme-dark .navBar .right .user{display:flex;align-items:center;gap:10px;font-weight:500}@media (max-width: 480px){.theme-dark .navBar .right .user{display:none}}.theme-dark .navBar .right .user img{height:30px;width:30px;border-radius:50%;object-fit:cover}.theme-light .leftBar{flex:2;position:sticky;top:70px;height:calc(100vh - 70px);background-color:#fff;color:#000}@media (max-width: 480px){.theme-light .leftBar{display:none}}.theme-light .leftBar .container{padding:30px}.theme-light .leftBar .container hr{margin:20px 0;border:none;height:.5px;background-color:#f6f3f3}.theme-light .leftBar .container .menu{display:flex;flex-direction:column;gap:20px}.theme-light .leftBar .container .menu span{font-size:14px}.theme-light .leftBar .container .menu .user{display:flex;align-items:center;gap:10px}.theme-light .leftBar .container .menu .user img{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-light .leftBar .container .menu .user span{font-size:16px;color:#000}.theme-light .leftBar .container .menu .item{display:flex;align-items:center;gap:10px}.theme-light .leftBar .container .menu .item img{width:30px}.theme-light .leftBar .container .menu .item span{font-size:16px;color:#000;cursor:pointer}.theme-light .leftBar .container .menubar{display:flex;align-items:center;margin-top:80px}.theme-light .leftBar .container .menubar span{padding:0 10px}.theme-dark .leftBar{flex:2;position:sticky;top:70px;height:calc(100vh - 70px);background-color:#222;color:#f5f5f5}@media (max-width: 480px){.theme-dark .leftBar{display:none}}.theme-dark .leftBar .container{padding:30px}.theme-dark .leftBar .container hr{margin:20px 0;border:none;height:.5px;background-color:#333}.theme-dark .leftBar .container .menu{display:flex;flex-direction:column;gap:20px}.theme-dark .leftBar .container .menu span{font-size:14px}.theme-dark .leftBar .container .menu .user{display:flex;align-items:center;gap:10px}.theme-dark .leftBar .container .menu .user img{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-dark .leftBar .container .menu .user span{font-size:16px;color:#f5f5f5}.theme-dark .leftBar .container .menu .item{display:flex;align-items:center;gap:10px}.theme-dark .leftBar .container .menu .item img{width:30px}.theme-dark .leftBar .container .menu .item span{font-size:16px;color:#f5f5f5;cursor:pointer}.theme-dark .leftBar .container .menubar{display:flex;align-items:center;margin-top:80px}.theme-dark .leftBar .container .menubar span{padding:0 10px}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:1000;padding:50px;border-radius:10px;box-shadow:0 0 10px #000000bf}.popup .popup-inner form{padding:10px;display:flex;flex-direction:column;gap:10px}.popup .popup-inner form label{display:block;margin-bottom:10px}.popup .popup-inner form input{width:100%;padding:5px;border-radius:5px;border:1px solid #777;margin:10px 0}.popup .popup-inner form button{width:50%;border:none;padding:5px 10px;border-radius:10px;background-color:#016e8d;color:#fff;align-self:flex-start}.popup .popup-inner button{width:20px;align-self:flex-end;background-color:#333;color:#fff}.popup .popup-inner h2{padding:10px;margin-bottom:5px}.popup .popup-inner .content .date{padding:10px;font-size:16px;font-weight:700}.popup .popup-inner .content hr{margin:15px 10px}.popup .popup-inner .content .user{display:flex;align-items:center;justify-content:space-between;margin:30px 0}.popup .popup-inner .content .user .userInfo p{color:themed("textColorSoft");font-size:14px}.popup .popup-inner .content .user .userInfo p span{font-weight:500;font-size:14px;color:themed("text-color");padding:0 5px}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:1000;padding:40px;border-radius:10px;box-shadow:0 0 10px #000000bf}.popup .popup-inner{display:flex;flex-direction:column}.popup .popup-inner h2{padding:10px}.popup .popup-inner .search{border:1px solid lightgray;width:300px;padding:5px 10px;margin:10px;border-radius:10px;display:flex;align-items:center}.popup .popup-inner .search input{padding:0 10px;border:none;outline:none}.popup .popup-inner .content{height:300px;overflow:scroll}.popup .popup-inner .content::-webkit-scrollbar{display:none}.popup .popup-inner .content .user{display:flex;align-items:center;justify-content:space-between;margin:5px 0;padding:5px 10px}.popup .popup-inner .content .user .userInfo{display:flex;align-items:center;gap:20px;position:relative}.popup .popup-inner .content .user .userInfo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.popup .popup-inner .content .user .userInfo span{font-weight:500;color:themed("text-color")}.popup .popup-inner .content .user .buttons{display:flex;align-items:center;gap:10px}.popup .popup-inner .content .user .buttons button{width:80px;border:none;border-radius:10px;color:#fff;padding:5px 10px;font-weight:500;font-size:13px;cursor:pointer}.popup .popup-inner .content .user .buttons button:first-child{background-color:#016e8d}.popup .popup-inner .content .user .buttons button:last-child{background-color:#d3d3d3;color:#000}.popup .popup-inner button{background:transparent;width:20px;align-self:flex-end;border:none;color:#000;font-weight:700;font-size:16px;cursor:pointer}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0006;z-index:1000}.theme-light .rightBar{flex:3;position:sticky;top:70px;height:calc(100vh - 70px);overflow:scroll;background-color:#f6f3f3}.theme-light .rightBar::-webkit-scrollbar{display:none}@media (max-width: 480px){.theme-light .rightBar{display:none}}@media (max-width: 960px){.theme-light .rightBar{display:none}}.theme-light .rightBar .container{padding:20px}.theme-light .rightBar .container .item{-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);box-shadow:0 0 15px 1px #00000017;padding:20px;margin-bottom:20px;font-size:14px;background-color:#fff}.theme-light .rightBar .container .item span{color:#555}.theme-light .rightBar .container .item .user{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.theme-light .rightBar .container .item .user .userInfo{display:flex;align-items:center;gap:20px;position:relative}.theme-light .rightBar .container .item .user .userInfo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.theme-light .rightBar .container .item .user .userInfo span{font-weight:500;color:#000}.theme-light .rightBar .container .item .user .userInfo p{color:#555}.theme-light .rightBar .container .item .user .userInfo .online{width:10px;height:10px;border-radius:50%;background-color:#32cd32;position:absolute;top:0;left:30px}.theme-light .rightBar .container .item .user .buttons{display:flex;align-items:center;gap:10px}.theme-light .rightBar .container .item .user .buttons button{border:none;border-radius:5px;font-size:12px;color:#fff;padding:5px 10px;cursor:pointer}.theme-light .rightBar .container .item .user .buttons button:first-child{background-color:#016e8d}.theme-light .rightBar .container .item .user .buttons button:last-child{background-color:#c13737}.theme-dark .rightBar{flex:3;position:sticky;top:70px;height:calc(100vh - 70px);overflow:scroll;background-color:#333}.theme-dark .rightBar::-webkit-scrollbar{display:none}@media (max-width: 480px){.theme-dark .rightBar{display:none}}@media (max-width: 960px){.theme-dark .rightBar{display:none}}.theme-dark .rightBar .container{padding:20px}.theme-dark .rightBar .container .item{-webkit-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);-moz-box-shadow:0px 0px 15px 1px rgba(0,0,0,.09);box-shadow:0 0 15px 1px #00000017;padding:20px;margin-bottom:20px;font-size:14px;background-color:#222}.theme-dark .rightBar .container .item span{color:#d3d3d3}.theme-dark .rightBar .container .item .user{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.theme-dark .rightBar .container .item .user .userInfo{display:flex;align-items:center;gap:20px;position:relative}.theme-dark .rightBar .container .item .user .userInfo img{width:40px;height:40px;border-radius:50%;object-fit:cover}.theme-dark .rightBar .container .item .user .userInfo span{font-weight:500;color:#f5f5f5}.theme-dark .rightBar .container .item .user .userInfo p{color:#d3d3d3}.theme-dark .rightBar .container .item .user .userInfo .online{width:10px;height:10px;border-radius:50%;background-color:#32cd32;position:absolute;top:0;left:30px}.theme-dark .rightBar .container .item .user .buttons{display:flex;align-items:center;gap:10px}.theme-dark .rightBar .container .item .user .buttons button{border:none;border-radius:5px;font-size:12px;color:#fff;padding:5px 10px;cursor:pointer}.theme-dark .rightBar .container .item .user .buttons button:first-child{background-color:#016e8d}.theme-dark .rightBar .container .item .user .buttons button:last-child{background-color:#c13737}.theme-light .explore{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:20px;overflow-x:hidden;background-color:#f6f3f3}.theme-light .explore .item{position:relative;cursor:pointer}.theme-light .explore .item img{width:280px;height:280px;object-fit:cover}.theme-light .explore .item .layer{position:absolute;width:280px;height:280px;top:0;left:0;opacity:0;display:flex;justify-content:center;align-items:center}.theme-light .explore .item .layer p{color:#fff;display:flex;flex-direction:column;justify-content:center;height:200;opacity:1;transition-delay:.8s;transition-duration:.8s}.theme-light .explore .item .layer:hover{opacity:1;background-color:#0009}.theme-light .explore .item .layer:hover p{opacity:1}.theme-dark .explore{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:20px;overflow-x:hidden;background-color:#333}.theme-dark .explore .item{position:relative;cursor:pointer}.theme-dark .explore .item img{width:280px;height:280px;object-fit:cover}.theme-dark .explore .item .layer{position:absolute;width:280px;height:280px;top:0;left:0;opacity:0;display:flex;justify-content:center;align-items:center}.theme-dark .explore .item .layer p{color:#fff;display:flex;flex-direction:column;justify-content:center;height:200;opacity:1;transition-delay:.8s;transition-duration:.8s}.theme-dark .explore .item .layer:hover{opacity:1;background-color:#0009}.theme-dark .explore .item .layer:hover p{opacity:1}.popup1{position:fixed;top:50%;left:50%;height:500px;width:800px;transform:translate(-50%,-50%);background-color:#fff;z-index:1000;padding:30px;border-radius:10px;box-shadow:0 0 10px #0000001a}@media (max-width: 480px){.popup1{height:500px;max-width:300px}}@media (max-width: 960px){.popup1{height:auto;width:600px}}.popup1 .popup-inner1{display:flex;flex-direction:column;height:500px}.popup1 .popup-inner1 .content1{display:flex;overflow:hidden;height:500px}.popup1 .popup-inner1 .content1 .leftView{flex:1}@media (max-width: 480px){.popup1 .popup-inner1 .content1 .leftView{display:none}}.popup1 .popup-inner1 .content1 .leftView img{width:400px;height:500px;object-fit:cover}@media (max-width: 960px){.popup1 .popup-inner1 .content1 .leftView img{height:400px;width:300px}}.popup1 .popup-inner1 .content1 .rightView1{flex:1}.popup1 .popup-inner1 .content1 .rightView1 .user{display:flex;align-items:center;justify-content:space-between;padding:10px}.popup1 .popup-inner1 .content1 .rightView1 .user .userInfo{display:flex;gap:20px}.popup1 .popup-inner1 .content1 .rightView1 .user .userInfo img{width:30px;height:30px;border-radius:50%;object-fit:cover}.popup1 .popup-inner1 .content1 .rightView1 .user .userInfo .details{display:flex;flex-direction:column}.popup1 .popup-inner1 .content1 .rightView1 .user .userInfo .details .name{font-weight:500}.popup1 .popup-inner1 .content1 .rightView1 .user .userInfo .details .time{font-size:12px}.popup1 .popup-inner1 .content1 .rightView1 hr{margin:0 10px}.popup1 .popup-inner1 .content1 .rightView1 .comment{background-color:#fff;height:280px;padding:16px;overflow-y:scroll}.popup1 .popup-inner1 .content1 .rightView1 .comment::-webkit-scrollbar{display:none}@media (max-width: 480px){.popup1 .popup-inner1 .content1 .rightView1 .comment{width:240px;height:280px}}@media (max-width: 960px){.popup1 .popup-inner1 .content1 .rightView1 .comment{height:300px}}.popup1 .popup-inner1 .content1 .rightView1 .comment .user1{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.popup1 .popup-inner1 .content1 .rightView1 .comment .user1 .userInfo1{display:flex;gap:20px}.popup1 .popup-inner1 .content1 .rightView1 .comment .user1 .userInfo1 img{width:30px;height:30px;border-radius:50%;object-fit:cover}.popup1 .popup-inner1 .content1 .rightView1 .comment .user1 .userInfo1 .details1{display:flex;flex-direction:column;width:280px}@media (max-width: 480px){.popup1 .popup-inner1 .content1 .rightView1 .comment .user1 .userInfo1 .details1{width:160px}}@media (max-width: 960px){.popup1 .popup-inner1 .content1 .rightView1 .comment .user1 .userInfo1 .details1{width:160px}}.popup1 .popup-inner1 .content1 .rightView1 .comment .user1 .userInfo1 .details1 .name1{font-weight:500}.popup1 .popup-inner1 .content1 .rightView1 .comment .user1 .userInfo1 .details1 .time{font-size:12px}.popup1 .popup-inner1 .content1 .rightView1 .comment .user1 .userInfo1 .icon1{align-self:flex-end}.popup1 .popup-inner1 .content1 .rightView1 .bottom{padding:20px 10px}.popup1 .popup-inner1 .content1 .rightView1 .bottom .top{display:flex;justify-content:space-between}.popup1 .popup-inner1 .content1 .rightView1 .bottom .top .top-left{display:flex;gap:10px}.popup1 .popup-inner1 .content1 .rightView1 .bottom .text1{display:flex;align-items:center;justify-content:space-between;padding:5px;margin-top:15px;border:1px solid lightgray;border-radius:20px}.popup1 .popup-inner1 .content1 .rightView1 .bottom .text1 input{border:none;outline:none;padding:5px 20px}.popup1 .popup-inner1 .content1 .rightView1 .bottom .text1 .send{width:30px;height:30px;border-radius:50%;background-color:#016e8d;display:flex;align-items:center;justify-content:center}.popup1 .popup-inner1 button{width:20px;align-self:flex-end;background-color:#333;color:#fff}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0000001a;z-index:1000}*{margin:0;padding:0}.theme-light .message{background-color:#f6f3f3;padding:30px;display:flex;height:calc(100vh - 130px);overflow:hidden}.theme-light .message .leftside{flex:1;background-color:#fff;padding:10px}.theme-light .message .leftside .topside{display:flex;align-items:center;justify-content:space-between;padding:5px 0;color:#000}.theme-light .message .leftside hr{border:none;height:.5px;background-color:#f6f3f3}.theme-light .message .leftside .bottomside{padding:10px;height:500px;overflow-y:scroll}.theme-light .message .leftside .bottomside::-webkit-scrollbar{display:none}.theme-light .message .leftside .bottomside .chat{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.theme-light .message .leftside .bottomside .chat img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:1}.theme-light .message .leftside .bottomside .chat .chatdetails{display:flex;flex-direction:column;flex:6;padding:0 10px}.theme-light .message .leftside .bottomside .chat .chatdetails .name{font-size:14px;color:#000}.theme-light .message .leftside .bottomside .chat .chatdetails .msg{font-size:12px;color:#555}.theme-light .message .leftside .bottomside .chat .days{font-size:11px;flex:1;color:#555}.theme-light .message .rightside{flex:3;padding:20px;margin:0 10px;background-color:#fff}@media (max-width: 480px){.theme-light .message .rightside{display:none}}.theme-light .message .rightside .righttop{display:flex;align-items:center;justify-content:space-between;padding:0 10px}.theme-light .message .rightside .righttop .topleft{display:flex;align-items:center;margin-bottom:10px}.theme-light .message .rightside .righttop .topleft img{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-light .message .rightside .righttop .topleft p{padding:0 10px;color:#000}.theme-light .message .rightside .righttop .topright{color:#000}.theme-light .message .rightside hr{border:none;height:.5px;background-color:#f6f3f3}.theme-light .message .rightside .rightcenter{background-color:#fff;height:460px;overflow-y:scroll}.theme-light .message .rightside .rightcenter::-webkit-scrollbar{display:none}.theme-light .message .rightside .rightcenter .leftalign{display:flex;align-items:end;padding:10px}.theme-light .message .rightside .rightcenter .leftalign .textimg{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-light .message .rightside .rightcenter .leftalign .textmsg{width:auto;height:auto;background-color:#f6f3f3;color:#000;border-radius:20px 20px 20px 10px;margin-left:10px;padding:20px;display:flex;align-items:center}.theme-light .message .rightside .rightcenter .rightalign{display:flex;align-items:end;justify-content:flex-end;padding:10px}.theme-light .message .rightside .rightcenter .rightalign .textimg{width:30px;height:30px;margin-left:10px;border-radius:50%;object-fit:cover}.theme-light .message .rightside .rightcenter .rightalign .textmsg{width:auto;height:auto;background-color:#016e8d;color:#fff;border-radius:20px 20px 10px;padding:20px;display:flex;align-items:center}.theme-light .message .rightside .rightbottom .txtmsg{display:flex;align-items:center;border:1px solid lightgray;border-radius:10px;padding:10px 20px;color:#000}.theme-light .message .rightside .rightbottom .txtmsg input{display:flex;align-items:center;border:none;outline:none;padding:0 10px;background:transparent}.theme-dark .message{background-color:#333;padding:30px;display:flex;height:calc(100vh - 130px);overflow:hidden}.theme-dark .message .leftside{flex:1;background-color:#222;padding:10px}.theme-dark .message .leftside .topside{display:flex;align-items:center;justify-content:space-between;padding:5px 0;color:#f5f5f5}.theme-dark .message .leftside hr{border:none;height:.5px;background-color:#333}.theme-dark .message .leftside .bottomside{padding:10px;height:500px;overflow-y:scroll}.theme-dark .message .leftside .bottomside::-webkit-scrollbar{display:none}.theme-dark .message .leftside .bottomside .chat{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.theme-dark .message .leftside .bottomside .chat img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:1}.theme-dark .message .leftside .bottomside .chat .chatdetails{display:flex;flex-direction:column;flex:6;padding:0 10px}.theme-dark .message .leftside .bottomside .chat .chatdetails .name{font-size:14px;color:#f5f5f5}.theme-dark .message .leftside .bottomside .chat .chatdetails .msg{font-size:12px;color:#d3d3d3}.theme-dark .message .leftside .bottomside .chat .days{font-size:11px;flex:1;color:#d3d3d3}.theme-dark .message .rightside{flex:3;padding:20px;margin:0 10px;background-color:#222}@media (max-width: 480px){.theme-dark .message .rightside{display:none}}.theme-dark .message .rightside .righttop{display:flex;align-items:center;justify-content:space-between;padding:0 10px}.theme-dark .message .rightside .righttop .topleft{display:flex;align-items:center;margin-bottom:10px}.theme-dark .message .rightside .righttop .topleft img{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-dark .message .rightside .righttop .topleft p{padding:0 10px;color:#f5f5f5}.theme-dark .message .rightside .righttop .topright{color:#f5f5f5}.theme-dark .message .rightside hr{border:none;height:.5px;background-color:#333}.theme-dark .message .rightside .rightcenter{background-color:#222;height:460px;overflow-y:scroll}.theme-dark .message .rightside .rightcenter::-webkit-scrollbar{display:none}.theme-dark .message .rightside .rightcenter .leftalign{display:flex;align-items:end;padding:10px}.theme-dark .message .rightside .rightcenter .leftalign .textimg{width:30px;height:30px;border-radius:50%;object-fit:cover}.theme-dark .message .rightside .rightcenter .leftalign .textmsg{width:auto;height:auto;background-color:#333;color:#f5f5f5;border-radius:20px 20px 20px 10px;margin-left:10px;padding:20px;display:flex;align-items:center}.theme-dark .message .rightside .rightcenter .rightalign{display:flex;align-items:end;justify-content:flex-end;padding:10px}.theme-dark .message .rightside .rightcenter .rightalign .textimg{width:30px;height:30px;margin-left:10px;border-radius:50%;object-fit:cover}.theme-dark .message .rightside .rightcenter .rightalign .textmsg{width:auto;height:auto;background-color:#016e8d;color:#fff;border-radius:20px 20px 10px;padding:20px;display:flex;align-items:center}.theme-dark .message .rightside .rightbottom .txtmsg{display:flex;align-items:center;border:1px solid #444;border-radius:10px;padding:10px 20px;color:#f5f5f5}.theme-dark .message .rightside .rightbottom .txtmsg input{display:flex;align-items:center;border:none;outline:none;padding:0 10px;background:transparent}