.login{height:100vh;background-color:#c1beff;display:flex;align-items:center;justify-content:center}.login .card{width:50%;display:flex;background-color:#fff;border-radius:10px;min-height:600px;overflow:hidden}@media (max-width: 960px){.login .card{width:90%}}@media (max-width: 480px){.login .card{width:90%}}.login .card .left{flex:1;background:linear-gradient(rgba(39,11,96,.4),rgba(39,11,96,.4)),url(https://images.pexels.com/photos/6153741/pexels-photo-6153741.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) center;background-size:cover;padding:30px;display:flex;flex-direction:column;gap:60px;color:#fff}@media (max-width: 480px){.login .card .left{display:none}}.login .card .left h1{font-size:80px;line-height:80px}.login .card .left span{margin:auto}.login .card .left button{width:50%;padding:10px;background-color:#fff;border:2px solid blue;border-radius:30px;color:#639;font-weight:700;cursor:pointer;margin-left:25%}.login .card .right{flex:1;padding:30px;gap:50px;display:flex;flex-direction:column;justify-content:center}.login .card .right h1{color:#555;font-size:40px;margin:0 auto}.login .card .right a{text-decoration:none}.login .card .right a h2{display:none}@media (max-width: 480px){.login .card .right a h2{display:block;text-align:center;color:#555;font-size:20px}}.login .card .right form{display:flex;flex-direction:column;gap:50px}.login .card .right form input{border:none;border-bottom:1px solid lightgray;padding:20px 10px;outline:none}.login .card .right form button{width:50%;border:none;padding:10px;cursor:pointer;background-color:#938eef;color:#fff;font-weight:700;margin:auto}.register{height:100vh;background-color:#c1beff;display:flex;align-items:center;justify-content:center}.register .card{width:50%;display:flex;background-color:#fff;border-radius:10px;min-height:600px;overflow:hidden}@media (max-width: 480px){.register .card{width:80%}}@media (max-width: 960px){.register .card{width:90%}}.register .card .left{flex:1;padding:30px;gap:30px;display:flex;flex-direction:column;justify-content:center}.register .card .left h1{color:#555;font-size:60px;margin:20px auto}.register .card .left a{text-decoration:none}.register .card .left a h2{display:none}@media (max-width: 480px){.register .card .left a h2{display:block;text-align:center;color:#555;font-size:20px}}.register .card .left form{display:flex;flex-direction:column;gap:20px}.register .card .left form input{border:none;border-bottom:1px solid lightgray;padding:20px 10px;outline:none}.register .card .left form button{width:50%;border:none;padding:10px;cursor:pointer;background-color:#938eef;color:#fff;font-weight:700;margin:auto}.register .card .right{flex:1;background:linear-gradient(rgba(39,11,96,.4),rgba(39,11,96,.4)),url(https://images.pexels.com/photos/2064826/pexels-photo-2064826.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1) center;background-size:cover;padding:30px;display:flex;flex-direction:column;gap:60px;color:#fff}@media (max-width: 480px){.register .card .right{display:none}}.register .card .right h1{font-size:80px;line-height:80px}.register .card .right span{margin:auto}.register .card .right button{width:50%;padding:10px;background-color:#fff;border:2px solid blue;border-radius:30px;color:#639;font-weight:700;cursor:pointer;margin-left:25%}.theme-light .home{background-color:#f6f3f3;padding:20px 70px;min-height:100vh}@media (max-width: 480px){.theme-light .home{padding:10px}}@media (max-width: 960px){.theme-light .home{padding:20px}}.theme-dark .home{background-color:#333;padding:20px 70px;min-height:100vh}@media (max-width: 480px){.theme-dark .home{padding:10px}}@media (max-width: 960px){.theme-dark .home{padding:20px}}.stories{display:flex;gap:10px;height:250px;margin-bottom:30px}@media (max-width: 480px){.stories{height:50px;margin-bottom:-40px}}@media (max-width: 960px){.stories{height:120px}}.stories .story{flex:1;border-radius:10px;overflow:hidden;position:relative}@media (max-width: 480px){.stories .story{flex:none;width:50px;height:50px;border-radius:50%}}.stories .story img{width:100%;background-color:gray;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:50px;left:10px;color:#fff;background-color:#5271ff;border-radius:50%;border:none;width:30px;height:30px;cursor:pointer;font-size:30px;display:flex;align-items:center;justify-content:center}@media (max-width: 480px){.stories .story button{left:0;right:0;top:0;bottom:0;margin:auto}}.posts{display:flex;flex-direction:column;gap:50px}.theme-light .posts .error{background-color:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.theme-light .posts .error h1{color:#000;text-align:center;font-size:30px}.theme-light .posts .error button{width:150px;padding:10px;margin-top:30px;background-color:#fff;border:2px solid blue;border-radius:30px;color:#639;font-weight:700;cursor:pointer;margin-bottom:30px}.theme-light .posts .error button a{text-decoration:none}.theme-light .posts .loading h1{color:#000;text-align:center;background-color:#fff;border-radius:20px;font-size:30px;font-weight:500}.theme-dark .posts .error{background-color:#222;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.theme-dark .posts .error h1{color:#f5f5f5;text-align:center;font-size:30px}.theme-dark .posts .error button{width:150px;padding:10px;margin-top:30px;background-color:#fff;border:2px solid blue;border-radius:30px;color:#639;font-weight:700;cursor:pointer;margin-bottom:30px}.theme-dark .posts .error button a{text-decoration:none}.theme-dark .posts .loading h1{color:#f5f5f5;text-align:center;background-color:#222;border-radius:20px;font-size:30px;font-weight:500}.theme-light .post{-webkit-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);-moz-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);box-shadow:0 0 25px -10px #00000061;border-radius:20px;background-color:#fff;color:#000}.theme-light .post .container{padding:20px}.theme-light .post .container .user{display:flex;align-items:center;justify-content:space-between;position:relative}.theme-light .post .container .user .userInfo{display:flex;gap:20px}.theme-light .post .container .user .userInfo img{width:40px;height:40px;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 .date{font-size:12px}.theme-light .post .container .user button{position:absolute;top:30px;right:0;border:none;background-color:#f0544f;padding:5px;cursor:pointer;color:#fff}.theme-light .post .container .content{margin:20px 0}.theme-light .post .container .content img{width:100%;max-height:500px;object-fit:cover;margin-top:20px}.theme-light .post .container .info{display:flex;align-items:center;gap:20px}.theme-light .post .container .info .item{display:flex;align-items:center;gap:10px;cursor:pointer}.theme-dark .post{-webkit-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);-moz-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);box-shadow:0 0 25px -10px #00000061;border-radius:20px;background-color:#222;color:#f5f5f5}.theme-dark .post .container{padding:20px}.theme-dark .post .container .user{display:flex;align-items:center;justify-content:space-between;position:relative}.theme-dark .post .container .user .userInfo{display:flex;gap:20px}.theme-dark .post .container .user .userInfo img{width:40px;height:40px;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 .date{font-size:12px}.theme-dark .post .container .user button{position:absolute;top:30px;right:0;border:none;background-color:#f0544f;padding:5px;cursor:pointer;color:#fff}.theme-dark .post .container .content{margin:20px 0}.theme-dark .post .container .content img{width:100%;max-height:500px;object-fit:cover;margin-top:20px}.theme-dark .post .container .info{display:flex;align-items:center;gap:20px}.theme-dark .post .container .info .item{display:flex;align-items:center;gap:10px;cursor:pointer}.theme-light .comments img{width:40px;height:40px;border-radius:50%;object-fit:cover}.theme-light .comments .write{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.theme-light .comments .write input{flex:5;padding:10px;border:1px solid lightgray;background-color:transparent;color:#000;outline:none;border-radius:10px}.theme-light .comments .write button{border:none;background-color:#5271ff;color:#fff;border-radius:10px;padding:10px;cursor:pointer}.theme-light .comments .comment{margin:30px 0;display:flex;justify-content:space-between;gap:20px}.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 .date{flex:1;align-self:center;color:gray}.theme-dark .comments img{width:40px;height:40px;border-radius:50%;object-fit:cover}.theme-dark .comments .write{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.theme-dark .comments .write input{flex:5;padding:10px;border:1px solid #444;background-color:transparent;color:#f5f5f5;outline:none;border-radius:10px}.theme-dark .comments .write button{border:none;background-color:#5271ff;color:#fff;border-radius:10px;padding:10px;cursor:pointer}.theme-dark .comments .comment{margin:30px 0;display:flex;justify-content:space-between;gap:20px}.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 .date{flex:1;align-self:center;color:gray}.theme-light .share{-webkit-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);-moz-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);box-shadow:0 0 25px -10px #00000061;border-radius:20px;background-color:#fff;color:#000;margin-bottom:20px}.theme-light .share .container{padding:20px}.theme-light .share .container .top{display:flex;align-items:center;justify-content:space-between}.theme-light .share .container .top .left{display:flex;align-items:center;flex:3}.theme-light .share .container .top .left img{width:40px;height:40px;border-radius:50%;object-fit:cover}.theme-light .share .container .top .left input{border:none;outline:none;padding:20px 10px;background-color:transparent;width:60%;color:#000}.theme-light .share .container .top .right{flex:1;display:flex;justify-content:flex-end}.theme-light .share .container .top .right .file{width:100px;height:100px;object-fit:cover;border-radius:0}.theme-light .share .container hr{margin:20px 0;border:none;height:.5px;background-color:#d3d3d3}.theme-light .share .container .bottom{display:flex;align-items:center;justify-content:space-between}.theme-light .share .container .bottom .left{display:flex;align-items:center;gap:20px}.theme-light .share .container .bottom .left .item{display:flex;align-items:center;gap:10px;cursor:pointer}.theme-light .share .container .bottom .left .item img{height:20px}.theme-light .share .container .bottom .left .item span{font-size:12px;color:gray}.theme-light .share .container .bottom .right button{border:none;padding:5px;color:#fff;cursor:pointer;background-color:#5271ff;border-radius:3px}.theme-dark .share{-webkit-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);-moz-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);box-shadow:0 0 25px -10px #00000061;border-radius:20px;background-color:#222;color:#f5f5f5;margin-bottom:20px}.theme-dark .share .container{padding:20px}.theme-dark .share .container .top{display:flex;align-items:center;justify-content:space-between}.theme-dark .share .container .top .left{display:flex;align-items:center;flex:3}.theme-dark .share .container .top .left img{width:40px;height:40px;border-radius:50%;object-fit:cover}.theme-dark .share .container .top .left input{border:none;outline:none;padding:20px 10px;background-color:transparent;width:60%;color:#f5f5f5}.theme-dark .share .container .top .right{flex:1;display:flex;justify-content:flex-end}.theme-dark .share .container .top .right .file{width:100px;height:100px;object-fit:cover;border-radius:0}.theme-dark .share .container hr{margin:20px 0;border:none;height:.5px;background-color:#444}.theme-dark .share .container .bottom{display:flex;align-items:center;justify-content:space-between}.theme-dark .share .container .bottom .left{display:flex;align-items:center;gap:20px}.theme-dark .share .container .bottom .left .item{display:flex;align-items:center;gap:10px;cursor:pointer}.theme-dark .share .container .bottom .left .item img{height:20px}.theme-dark .share .container .bottom .left .item span{font-size:12px;color:gray}.theme-dark .share .container .bottom .right button{border:none;padding:5px;color:#fff;cursor:pointer;background-color:#5271ff;border-radius:3px}.theme-light .profile{min-height:100vh;background-color:#f6f3f3}.theme-light .profile .images{width:100%;height:300px;position:relative}@media (max-width: 480px){.theme-light .profile .images{height:200px}}.theme-light .profile .images .cover{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){.theme-light .profile .images .cover{height:200px}}.theme-light .profile .images .profilepic{width:200px;height:200px;border-radius:50%;object-fit:cover;position:absolute;left:0;right:0;margin:auto;top:200px}@media (max-width: 480px){.theme-light .profile .images .profilepic{top:100px}}.theme-light .profile .profilecontainer{padding:20px 10px;width:100%;margin-bottom:20px}@media (max-width: 480px){.theme-light .profile .profilecontainer{padding:10px}}.theme-light .profile .profilecontainer .userInfo{height:210px;-webkit-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);-moz-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);box-shadow:0 0 25px -10px #00000061;border-radius:20px;background-color:#fff;color:#000;padding:70px 10px 10px;display:flex;align-items:center;justify-content:space-between;margin-bottom:-40px}@media (max-width: 480px){.theme-light .profile .profilecontainer .userInfo{flex-direction:column;height:30vh;padding:20px;margin-top:100px}}.theme-light .profile .profilecontainer .userInfo .left{flex:1;display:flex;gap:10px}.theme-light .profile .profilecontainer .userInfo .left a{color:#555}.theme-light .profile .profilecontainer .userInfo .center{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.theme-light .profile .profilecontainer .userInfo .center span{font-size:30px;font-weight:500}.theme-light .profile .profilecontainer .userInfo .center .info{width:100%;display:flex;align-items:center;justify-content:space-around}.theme-light .profile .profilecontainer .userInfo .center .info .item{display:flex;align-items:center;gap:5px;color:#555}.theme-light .profile .profilecontainer .userInfo .center .info .item span{font-size:12px}.theme-light .profile .profilecontainer .userInfo .center button{border:none;background-color:#5271ff;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer}.theme-light .profile .profilecontainer .userInfo .right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#555}.theme-light .profile .posts{padding:20px 10px}.theme-dark .profile{min-height:100vh;background-color:#333}.theme-dark .profile .images{width:100%;height:300px;position:relative}@media (max-width: 480px){.theme-dark .profile .images{height:200px}}.theme-dark .profile .images .cover{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){.theme-dark .profile .images .cover{height:200px}}.theme-dark .profile .images .profilepic{width:200px;height:200px;border-radius:50%;object-fit:cover;position:absolute;left:0;right:0;margin:auto;top:200px}@media (max-width: 480px){.theme-dark .profile .images .profilepic{top:100px}}.theme-dark .profile .profilecontainer{padding:20px 10px;width:100%;margin-bottom:20px}@media (max-width: 480px){.theme-dark .profile .profilecontainer{padding:10px}}.theme-dark .profile .profilecontainer .userInfo{height:210px;-webkit-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);-moz-box-shadow:0px 0px 25px -10px rgba(0,0,0,.38);box-shadow:0 0 25px -10px #00000061;border-radius:20px;background-color:#222;color:#f5f5f5;padding:70px 10px 10px;display:flex;align-items:center;justify-content:space-between;margin-bottom:-40px}@media (max-width: 480px){.theme-dark .profile .profilecontainer .userInfo{flex-direction:column;height:30vh;padding:20px;margin-top:100px}}.theme-dark .profile .profilecontainer .userInfo .left{flex:1;display:flex;gap:10px}.theme-dark .profile .profilecontainer .userInfo .left a{color:#d3d3d3}.theme-dark .profile .profilecontainer .userInfo .center{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.theme-dark .profile .profilecontainer .userInfo .center span{font-size:30px;font-weight:500}.theme-dark .profile .profilecontainer .userInfo .center .info{width:100%;display:flex;align-items:center;justify-content:space-around}.theme-dark .profile .profilecontainer .userInfo .center .info .item{display:flex;align-items:center;gap:5px;color:#d3d3d3}.theme-dark .profile .profilecontainer .userInfo .center .info .item span{font-size:12px}.theme-dark .profile .profilecontainer .userInfo .center button{border:none;background-color:#5271ff;color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer}.theme-dark .profile .profilecontainer .userInfo .right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#d3d3d3}.theme-dark .profile .posts{padding:20px 10px}.theme-light .update{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.theme-light .update .wrapper{margin:auto;width:40%;height:70%;background-color:#fff;padding:50px;z-index:999;display:flex;overflow:scroll;flex-direction:column;gap:20px;-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;position:relative}.theme-light .update .wrapper::-webkit-scrollbar{display:none}@media (max-width: 480px){.theme-light .update .wrapper{width:100%;height: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{display:flex;flex-direction:column;gap:10px;color:gray;font-size:14px}.theme-light .update .wrapper form label .imgContainer{position:relative}.theme-light .update .wrapper form label .imgContainer img{width:100px;height:100px;object-fit:cover}.theme-light .update .wrapper form label .imgContainer .icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;font-size:30px;color:#d3d3d3;cursor:pointer}.theme-light .update .wrapper form input{padding:5px;border:none;border-bottom:1px solid lightgray;color:#000;outline:none;background-color:transparent}.theme-light .update .wrapper form button{border:none;padding:10px;cursor:pointer;color:#fff;background-color:#5271ff}.theme-light .update .wrapper .close{position:absolute;top:10px;right:20px;border:none;background-color:#f0544f;padding:5px;cursor:pointer;color:#fff}.theme-dark .update{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.theme-dark .update .wrapper{margin:auto;width:40%;height:70%;background-color:#222;padding:50px;z-index:999;display:flex;overflow:scroll;flex-direction:column;gap:20px;-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;position:relative}.theme-dark .update .wrapper::-webkit-scrollbar{display:none}@media (max-width: 480px){.theme-dark .update .wrapper{width:100%;height: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{display:flex;flex-direction:column;gap:10px;color:gray;font-size:14px}.theme-dark .update .wrapper form label .imgContainer{position:relative}.theme-dark .update .wrapper form label .imgContainer img{width:100px;height:100px;object-fit:cover}.theme-dark .update .wrapper form label .imgContainer .icon{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;font-size:30px;color:#d3d3d3;cursor:pointer}.theme-dark .update .wrapper form input{padding:5px;border:none;border-bottom:1px solid #444;color:#f5f5f5;outline:none;background-color:transparent}.theme-dark .update .wrapper form button{border:none;padding:10px;cursor:pointer;color:#fff;background-color:#5271ff}.theme-dark .update .wrapper .close{position:absolute;top:10px;right:20px;border:none;background-color:#f0544f;padding:5px;cursor:pointer;color:#fff}.theme-light .leftbar{flex:2;position:sticky;top:50px;height:calc(100vh - 50px);overflow:scroll;background-color:#fff;color:#000}@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{margin:20px 0;border:none;height:.5px;background-color:#d3d3d3}.theme-light .leftbar .container .menu{display:flex;flex-direction:column;gap:20px}.theme-light .leftbar .container .menu span{font-size:12px}.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:14px}.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:14px}.theme-dark .leftbar{flex:2;position:sticky;top:50px;height:calc(100vh - 50px);overflow:scroll;background-color:#222;color:#f5f5f5}@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{margin:20px 0;border:none;height:.5px;background-color:#444}.theme-dark .leftbar .container .menu{display:flex;flex-direction:column;gap:20px}.theme-dark .leftbar .container .menu span{font-size:12px}.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:14px}.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:14px}.theme-light .navbar{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 20px;height:50px;border-bottom:1px solid lightgray;position:sticky;top:0;background-color:#fff;color:#000;z-index:999}.theme-light .navbar .left{display:flex;align-items:center;gap:30px}.theme-light .navbar .left span{font-weight:700;font-size:20px;color:#00008b}.theme-light .navbar .left .search{display:flex;align-items:center;gap:10px;border:1px solid lightgray;border-radius:5px;padding:5px}.theme-light .navbar .left .search input{border:none;width:20vw;max-width:500px;background-color:transparent;color:#000;outline:none}@media (max-width: 480px){.theme-light .navbar .left .search input{display:none}}.theme-light .navbar .right{display:flex;align-items:center;gap:20px}@media (max-width: 480px){.theme-light .navbar .right{display:none}}.theme-light .navbar .right .user{display:flex;align-items:center;gap:10px;font-weight:500}.theme-light .navbar .right .user img{width:30px;height:30px;border-radius:50%}.theme-dark .navbar{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 20px;height:50px;border-bottom:1px solid #444;position:sticky;top:0;background-color:#222;color:#f5f5f5;z-index:999}.theme-dark .navbar .left{display:flex;align-items:center;gap:30px}.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}.theme-dark .navbar .left .search input{border:none;width:20vw;max-width:500px;background-color:transparent;color:#f5f5f5;outline:none}@media (max-width: 480px){.theme-dark .navbar .left .search input{display:none}}.theme-dark .navbar .right{display:flex;align-items:center;gap:20px}@media (max-width: 480px){.theme-dark .navbar .right{display:none}}.theme-dark .navbar .right .user{display:flex;align-items:center;gap:10px;font-weight:500}.theme-dark .navbar .right .user img{width:30px;height:30px;border-radius:50%}.theme-light .rightbar{flex:3;position:sticky;top:50px;height:calc(100vh - 50px);overflow:scroll;background-color:#f6f3f3}@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{-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;background-color:#fff}.theme-light .rightbar .container .item span{color:gray}.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 .online{height:12px;width:12px;border-radius:50%;background-color:#32cd32;position:absolute;top:0;left:30px}.theme-light .rightbar .container .item .user .userinfo p{color:#555}.theme-light .rightbar .container .item .user .userinfo span{font-weight:500;color:#000}.theme-light .rightbar .container .item .user .buttons{display:flex;align-items:center;gap:10px}.theme-light .rightbar .container .item .user .buttons button{border:none;padding:5px;color:#fff;cursor:pointer;border-radius: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{flex:3;position:sticky;top:50px;height:calc(100vh - 50px);overflow:scroll;background-color:#333}@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{-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;background-color:#222}.theme-dark .rightbar .container .item span{color:gray}.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 .online{height:12px;width:12px;border-radius:50%;background-color:#32cd32;position:absolute;top:0;left:30px}.theme-dark .rightbar .container .item .user .userinfo p{color:#d3d3d3}.theme-dark .rightbar .container .item .user .userinfo span{font-weight:500;color:#f5f5f5}.theme-dark .rightbar .container .item .user .buttons{display:flex;align-items:center;gap:10px}.theme-dark .rightbar .container .item .user .buttons button{border:none;padding:5px;color:#fff;cursor:pointer;border-radius: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}body{margin:0;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}