.theme-light .home{background-color:#f6f3f3;padding:20px 70px}@media(max-width:480px){.theme-light .home{padding:10px}}@media(min-width:768px)and (max-width:50em){.theme-light .home{padding:10px}}.theme-dark .home{background-color:#333;padding:20px 70px}@media(max-width:480px){.theme-dark .home{padding:10px}}@media(min-width:768px)and (max-width:50em){.theme-dark .home{padding:10px}}.theme-light .posts{margin-top:25px}.theme-light .posts .postsBox{background-color:#fff;border-radius:10px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);margin:25px 0;padding:15px}.theme-light .posts .postsBox .postTop{display:flex;justify-content:space-between}.theme-light .posts .postsBox .postTop div{align-items:center;-webkit-column-gap:13px;column-gap:13px;display:flex}.theme-light .posts .postsBox .postTop div img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .posts .postsBox .postTop div div{align-items:flex-start;display:flex;flex-direction:column}.theme-light .posts .postsBox .postTop div div h5{color:#000;font-size:14px;font-weight:500;text-transform:capitalize}.theme-light .posts .postsBox .postTop div div span{color:gray;font-size:13px}.theme-light .posts .postsBox .postTop span{color:#000}.theme-light .posts .postsBox .postMiddle{margin:15px 0}.theme-light .posts .postsBox .postMiddle p{color:#000;font-size:15px}.theme-light .posts .postsBox .postMiddle div{height:330px;margin-top:15px;width:100%}@media(max-width:480px){.theme-light .posts .postsBox .postMiddle div{height:175px}}@media(min-width:768px)and (max-width:50em){.theme-light .posts .postsBox .postMiddle div{height:240px}}.theme-light .posts .postsBox .postMiddle div img{display:block;height:100%;object-fit:cover;width:100%}.theme-light .posts .postsBox .postBottom{display:flex;gap:20px}.theme-light .posts .postsBox .postBottom span{align-items:center;color:#000;display:flex;gap:7px;text-transform:capitalize}.theme-light .posts .postsBox .postBottom span svg{cursor:pointer;font-size:20px}.theme-dark .posts{margin-top:25px}.theme-dark .posts .postsBox{background-color:#222;border-radius:10px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);margin:25px 0;padding:15px}.theme-dark .posts .postsBox .postTop{display:flex;justify-content:space-between}.theme-dark .posts .postsBox .postTop div{align-items:center;-webkit-column-gap:13px;column-gap:13px;display:flex}.theme-dark .posts .postsBox .postTop div img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .posts .postsBox .postTop div div{align-items:flex-start;display:flex;flex-direction:column}.theme-dark .posts .postsBox .postTop div div h5{color:#f5f5f5;font-size:14px;font-weight:500;text-transform:capitalize}.theme-dark .posts .postsBox .postTop div div span{color:gray;font-size:13px}.theme-dark .posts .postsBox .postTop span{color:#f5f5f5}.theme-dark .posts .postsBox .postMiddle{margin:15px 0}.theme-dark .posts .postsBox .postMiddle p{color:#f5f5f5;font-size:15px}.theme-dark .posts .postsBox .postMiddle div{height:330px;margin-top:15px;width:100%}@media(max-width:480px){.theme-dark .posts .postsBox .postMiddle div{height:175px}}@media(min-width:768px)and (max-width:50em){.theme-dark .posts .postsBox .postMiddle div{height:240px}}.theme-dark .posts .postsBox .postMiddle div img{display:block;height:100%;object-fit:cover;width:100%}.theme-dark .posts .postsBox .postBottom{display:flex;gap:20px}.theme-dark .posts .postsBox .postBottom span{align-items:center;color:#f5f5f5;display:flex;gap:7px;text-transform:capitalize}.theme-dark .posts .postsBox .postBottom span svg{cursor:pointer;font-size:20px}.theme-light .comments{margin-top:20px}.theme-light .comments .write-comment{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-light .comments .write-comment img{align-self:flex-start;border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .comments .write-comment input{background-color:transparent;border:1px solid #d3d3d3;border-radius:4px;color:#555;font-size:13px;outline:none;padding:5px 0 5px 10px;width:83%}.theme-light .comments .write-comment button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:6px 10px}.theme-light .comments .comment-boxes .comment{align-items:center;-webkit-column-gap:12px;column-gap:12px;display:flex;margin-bottom:20px}.theme-light .comments .comment-boxes .comment img{align-self:flex-start;border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .comments .comment-boxes .comment div{align-items:flex-start;display:flex;flex-direction:column;width:80%}.theme-light .comments .comment-boxes .comment div h5{color:#000;text-transform:capitalize}.theme-light .comments .comment-boxes .comment div p{color:#555;font-size:13px}.theme-light .comments .comment-boxes .comment span{color:gray;font-size:10px}.theme-dark .comments{margin-top:20px}.theme-dark .comments .write-comment{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-dark .comments .write-comment img{align-self:flex-start;border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .comments .write-comment input{background-color:transparent;border:1px solid #d3d3d3;border-radius:4px;color:#d3d3d3;font-size:13px;outline:none;padding:5px 0 5px 10px;width:83%}.theme-dark .comments .write-comment button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:6px 10px}.theme-dark .comments .comment-boxes .comment{align-items:center;-webkit-column-gap:12px;column-gap:12px;display:flex;margin-bottom:20px}.theme-dark .comments .comment-boxes .comment img{align-self:flex-start;border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .comments .comment-boxes .comment div{align-items:flex-start;display:flex;flex-direction:column;width:80%}.theme-dark .comments .comment-boxes .comment div h5{color:#f5f5f5;text-transform:capitalize}.theme-dark .comments .comment-boxes .comment div p{color:#d3d3d3;font-size:13px}.theme-dark .comments .comment-boxes .comment span{color:gray;font-size:10px}.theme-light .share{background-color:#fff;border-radius:10px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);margin-bottom:25px;padding:15px}.theme-light .share .top{align-items:center;display:flex;gap:10px}.theme-light .share .top img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .share .top input{background-color:transparent;border:none;color:#000;outline:none;padding:7px 10px;width:85%}.theme-light .share hr{background-color:#d3d3d3;border:none;height:.5px;margin:15px 0}.theme-light .share .bottom{align-items:center;display:flex;justify-content:space-between}.theme-light .share .bottom ul{align-items:center;display:flex;list-style:none;margin:0;padding:0}.theme-light .share .bottom ul li{align-items:center;cursor:pointer;display:flex;gap:10px;margin-right:17px;text-transform:capitalize}.theme-light .share .bottom ul li img{width:20px}.theme-light .share .bottom ul li span{color:gray;font-size:12px;font-weight:600}.theme-light .share .bottom button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:5px}.theme-dark .share{background-color:#222;border-radius:10px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);margin-bottom:25px;padding:15px}.theme-dark .share .top{align-items:center;display:flex;gap:10px}.theme-dark .share .top img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .share .top input{background-color:transparent;border:none;color:#f5f5f5;outline:none;padding:7px 10px;width:85%}.theme-dark .share hr{background-color:#444;border:none;height:.5px;margin:15px 0}.theme-dark .share .bottom{align-items:center;display:flex;justify-content:space-between}.theme-dark .share .bottom ul{align-items:center;display:flex;list-style:none;margin:0;padding:0}.theme-dark .share .bottom ul li{align-items:center;cursor:pointer;display:flex;gap:10px;margin-right:17px;text-transform:capitalize}.theme-dark .share .bottom ul li img{width:20px}.theme-dark .share .bottom ul li span{color:gray;font-size:12px;font-weight:600}.theme-dark .share .bottom button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:5px}.theme-light .stories .storieBoxImgs{display:flex;gap:10px}@media(max-width:480px){.theme-light .stories .storieBoxImgs{justify-content:space-between}}.theme-light .stories .storieBoxImgs .storieImg{border-radius:10px;height:180px;overflow:hidden;position:relative;width:150px}@media(max-width:480px){.theme-light .stories .storieBoxImgs .storieImg{border-radius:50%;height:50px;width:50px}}@media(min-width:768px)and (max-width:50em){.theme-light .stories .storieBoxImgs .storieImg{height:150px;width:100px}}.theme-light .stories .storieBoxImgs .storieImg img{height:100%;object-fit:cover;width:100%}.theme-light .stories .storieBoxImgs .storieImg span{background-color:#5271ff;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;font-size:20px;height:20px;left:15px;line-height:1.1;position:absolute;text-align:center;width:20px}.theme-light .stories .storieBoxImgs .storieImg h3{bottom:10px;color:#fff;font-size:11px;font-weight:400;left:15px;position:absolute;text-transform:capitalize}@media(max-width:480px){.theme-light .stories .storieBoxImgs .storieImg h3{display:none}}.theme-dark .stories .storieBoxImgs{display:flex;gap:10px}@media(max-width:480px){.theme-dark .stories .storieBoxImgs{justify-content:space-between}}.theme-dark .stories .storieBoxImgs .storieImg{border-radius:10px;height:180px;overflow:hidden;position:relative;width:150px}@media(max-width:480px){.theme-dark .stories .storieBoxImgs .storieImg{border-radius:50%;height:50px;width:50px}}@media(min-width:768px)and (max-width:50em){.theme-dark .stories .storieBoxImgs .storieImg{height:150px;width:100px}}.theme-dark .stories .storieBoxImgs .storieImg img{height:100%;object-fit:cover;width:100%}.theme-dark .stories .storieBoxImgs .storieImg span{background-color:#5271ff;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;font-size:20px;height:20px;left:15px;line-height:1.1;position:absolute;text-align:center;width:20px}.theme-dark .stories .storieBoxImgs .storieImg h3{bottom:10px;color:#fff;font-size:11px;font-weight:400;left:15px;position:absolute;text-transform:capitalize}@media(max-width:480px){.theme-dark .stories .storieBoxImgs .storieImg h3{display:none}}.theme-light .profile{background-color:#f6f3f3;overflow:scroll}.theme-light .profile::-webkit-scrollbar{display:none}.theme-light .profile .banner{height:220px;width:100%}.theme-light .profile .banner img{height:100%;object-fit:cover;width:100%}.theme-light .profile .container{padding:20px 70px}@media(max-width:480px){.theme-light .profile .container{padding:20px}}@media(min-width:768px)and (max-width:50em){.theme-light .profile .container{padding:20px}}.theme-light .profile .container .profile-info{background-color:#fff;border-radius:10px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);height:210px;padding:15px;position:relative}.theme-light .profile .container .profile-info ul{display:flex;list-style:none;margin:0;padding:0}.theme-light .profile .container .profile-info svg{color:#555;cursor:pointer;font-size:24px}@media(max-width:480px){.theme-light .profile .container .profile-info{font-size:17px}}.theme-light .profile .container .profile-info .img-box{height:130px;left:calc(50% - 65px);position:absolute;text-align:center;top:-65px;width:130px}@media(max-width:480px){.theme-light .profile .container .profile-info .img-box{height:90px;left:calc(50% - 45px);top:-45px;width:90px}}.theme-light .profile .container .profile-info .img-box img{border-radius:50%;height:100%;object-fit:cover;width:100%}.theme-light .profile .container .profile-info .img-box h4{color:#000}@media(max-width:480px){.theme-light .profile .container .profile-info .img-box h4{font-size:13px}}.theme-light .profile .container .profile-info .center{display:flex;justify-content:space-between;padding:0 15px;position:absolute;top:117.5px;width:calc(100% - 60px)}@media(max-width:480px){.theme-light .profile .container .profile-info .center{align-items:center;flex-direction:column;gap:10px;top:97.5px}}.theme-light .profile .container .profile-info .center .icons{flex:1 1}.theme-light .profile .container .profile-info .center .icons ul{flex-wrap:wrap;gap:4px}.theme-light .profile .container .profile-info .address{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.theme-light .profile .container .profile-info .address ul{gap:35px}.theme-light .profile .container .profile-info .address ul li{align-items:center;color:#555;display:flex;font-size:12px;font-weight:500;gap:2px}.theme-light .profile .container .profile-info .address ul li svg{font-size:18px}.theme-light .profile .container .profile-info .address button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:5px 10px}.theme-light .profile .container .profile-info .right{flex:1 1}.theme-light .profile .container .profile-info .right ul{justify-content:end}.theme-light .profile .container .profile-info .right ul svg{font-size:18px}.theme-dark .profile{background-color:#333;overflow:scroll}.theme-dark .profile::-webkit-scrollbar{display:none}.theme-dark .profile .banner{height:220px;width:100%}.theme-dark .profile .banner img{height:100%;object-fit:cover;width:100%}.theme-dark .profile .container{padding:20px 70px}@media(max-width:480px){.theme-dark .profile .container{padding:20px}}@media(min-width:768px)and (max-width:50em){.theme-dark .profile .container{padding:20px}}.theme-dark .profile .container .profile-info{background-color:#222;border-radius:10px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);height:210px;padding:15px;position:relative}.theme-dark .profile .container .profile-info ul{display:flex;list-style:none;margin:0;padding:0}.theme-dark .profile .container .profile-info svg{color:#d3d3d3;cursor:pointer;font-size:24px}@media(max-width:480px){.theme-dark .profile .container .profile-info{font-size:17px}}.theme-dark .profile .container .profile-info .img-box{height:130px;left:calc(50% - 65px);position:absolute;text-align:center;top:-65px;width:130px}@media(max-width:480px){.theme-dark .profile .container .profile-info .img-box{height:90px;left:calc(50% - 45px);top:-45px;width:90px}}.theme-dark .profile .container .profile-info .img-box img{border-radius:50%;height:100%;object-fit:cover;width:100%}.theme-dark .profile .container .profile-info .img-box h4{color:#f5f5f5}@media(max-width:480px){.theme-dark .profile .container .profile-info .img-box h4{font-size:13px}}.theme-dark .profile .container .profile-info .center{display:flex;justify-content:space-between;padding:0 15px;position:absolute;top:117.5px;width:calc(100% - 60px)}@media(max-width:480px){.theme-dark .profile .container .profile-info .center{align-items:center;flex-direction:column;gap:10px;top:97.5px}}.theme-dark .profile .container .profile-info .center .icons{flex:1 1}.theme-dark .profile .container .profile-info .center .icons ul{flex-wrap:wrap;gap:4px}.theme-dark .profile .container .profile-info .address{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.theme-dark .profile .container .profile-info .address ul{gap:35px}.theme-dark .profile .container .profile-info .address ul li{align-items:center;color:#d3d3d3;display:flex;font-size:12px;font-weight:500;gap:2px}.theme-dark .profile .container .profile-info .address ul li svg{font-size:18px}.theme-dark .profile .container .profile-info .address button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:5px 10px}.theme-dark .profile .container .profile-info .right{flex:1 1}.theme-dark .profile .container .profile-info .right ul{justify-content:end}.theme-dark .profile .container .profile-info .right ul svg{font-size:18px}.login{align-items:center;background-color:#c1beff;display:flex;height:100vh;justify-content:center}.login h4{color:red;font-size:19px;font-weight:600;position:absolute;top:85px}.login .card{background-color:#fff;border-radius:10px;display:flex;min-height:300px;overflow:hidden;width:50%}.login .card .left{background:linear-gradient(rgba(39,11,96,.5),rgba(39,11,96,.5)),url(/react-social-media/static/media/hero.b586ec90be71b6bea8cf.jpg);background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;padding:50px}.login .card .left h1{font-size:70px;line-height:1;margin:0}.login .card .left p{margin:30px 0}.login .card .left span{font-size:14px;margin-bottom:10px}.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}.login .card .right h3{color:#555;font-size:30px;margin:0}.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;height:100vh;justify-content:center}.register .card{background-color:#fff;border-radius:10px;display:flex;overflow:hidden;width:50%}.register .card .left{flex:1 1;padding:45px}.register .card .left h3{color:#555;font-size:30px;margin:0}.register .card .left form{display:flex;flex-direction:column;gap:30px;margin-top:20px;width:90%}.register .card .left form input{background-color:transparent;border:none;border-bottom:2px solid #ddd;padding:10px}.register .card .left form button{background-color:#938eef;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:25px;padding:10px;width:50%}.register .card .right{background:linear-gradient(rgba(39,11,96,.5),rgba(39,11,96,.5)),url(/react-social-media/static/media/hero.b586ec90be71b6bea8cf.jpg);background-size:cover;color:#fff;flex:1 1;padding:45px}.register .card .right h1{font-size:70px;line-height:1;margin:0}.register .card .right p{margin:30px 0}.register .card .right span{display:block;margin-bottom:10px}.register .card .right button{background-color:#fff;border:none;color:#000;cursor:pointer;font-weight:700;padding:10px;width:50%}.theme-light .rightbar{background-color:#f6f3f3;flex:3 1;height:calc(100vh - 70px);overflow:scroll;position:-webkit-sticky;position:sticky;top:70px}.theme-light .rightbar::-webkit-scrollbar{display:none}@media(max-width:480px){.theme-light .rightbar{display:none}}@media(min-width:768px)and (max-width:50em){.theme-light .rightbar{display:none}}.theme-light .rightbar .container{padding:20px}.theme-light .rightbar .container .item{background-color:#f6f3f3;box-shadow:0 0 15px 1px rgba(0,0,0,.09);margin-bottom:20px;padding:20px}.theme-light .rightbar .container .item h2{color:#555;font-size:15px;font-weight:400;margin-bottom:20px}.theme-light .rightbar .container .item .user{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.theme-light .rightbar .container .item .user .usrInfo{align-items:center;display:flex;gap:10px;position:relative}.theme-light .rightbar .container .item .user .usrInfo img{border:1px solid #d3d3d3;border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.theme-light .rightbar .container .item .user .usrInfo .online{background-color:#32cd32;border-radius:50%;height:12px;left:22px;position:absolute;top:0;width:12px}.theme-light .rightbar .container .item .user .usrInfo p{color:#555;font-size:12px;margin:0}.theme-light .rightbar .container .item .user .usrInfo h5{color:#000;display:flex;font-size:12px;font-weight:600;gap:9px}.theme-light .rightbar .container .item .user .usrInfo h5 p,.theme-light .rightbar .container .item .user .usrInfo h5 span{font-size:inherit}.theme-light .rightbar .container .item .user span{color:#000;font-size:10px}.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;font-size:11px;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:calc(100vh - 70px);overflow:scroll;position:-webkit-sticky;position:sticky;top:70px}.theme-dark .rightbar::-webkit-scrollbar{display:none}@media(max-width:480px){.theme-dark .rightbar{display:none}}@media(min-width:768px)and (max-width:50em){.theme-dark .rightbar{display:none}}.theme-dark .rightbar .container{padding:20px}.theme-dark .rightbar .container .item{background-color:#333;box-shadow:0 0 15px 1px rgba(0,0,0,.09);margin-bottom:20px;padding:20px}.theme-dark .rightbar .container .item h2{color:#d3d3d3;font-size:15px;font-weight:400;margin-bottom:20px}.theme-dark .rightbar .container .item .user{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.theme-dark .rightbar .container .item .user .usrInfo{align-items:center;display:flex;gap:10px;position:relative}.theme-dark .rightbar .container .item .user .usrInfo img{border:1px solid #d3d3d3;border-radius:50%;cursor:pointer;height:30px;object-fit:cover;width:30px}.theme-dark .rightbar .container .item .user .usrInfo .online{background-color:#32cd32;border-radius:50%;height:12px;left:22px;position:absolute;top:0;width:12px}.theme-dark .rightbar .container .item .user .usrInfo p{color:#d3d3d3;font-size:12px;margin:0}.theme-dark .rightbar .container .item .user .usrInfo h5{color:#f5f5f5;display:flex;font-size:12px;font-weight:600;gap:9px}.theme-dark .rightbar .container .item .user .usrInfo h5 p,.theme-dark .rightbar .container .item .user .usrInfo h5 span{font-size:inherit}.theme-dark .rightbar .container .item .user span{color:#f5f5f5;font-size:10px}.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;font-size:11px;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 .leftbar{background-color:#fff;color:#000;flex:2 1;height:calc(100vh - 70px);overflow:scroll;position:-webkit-sticky;position:sticky;top:70px}.theme-light .leftbar::-webkit-scrollbar{display:none}@media(max-width:480px){.theme-light .leftbar{display:none}}.theme-light .leftbar .container{padding:20px}.theme-light .leftbar .container .user{align-items:center;display:flex;gap:12px}.theme-light .leftbar .container .user img{border:1px solid #d3d3d3;border-radius:50%;height:35px;object-fit:cover;width:35px}.theme-light .leftbar .container .user span{font-size:13px;font-weight:600}.theme-light .leftbar .container hr{background-color:#d3d3d3;border:none;height:.5px;margin:20px 0}.theme-light .leftbar .container .items ul{list-style:none;margin:0;padding:0}.theme-light .leftbar .container .items ul li{align-items:center;display:flex;gap:12px;margin-top:20px}.theme-light .leftbar .container .items ul li img{cursor:pointer;height:20px;object-fit:cover;width:20px}.theme-light .leftbar .container .items ul li span{cursor:pointer;font-size:12px;font-weight:600}.theme-dark .leftbar{background-color:#222;color:#f5f5f5;flex:2 1;height:calc(100vh - 70px);overflow:scroll;position:-webkit-sticky;position:sticky;top:70px}.theme-dark .leftbar::-webkit-scrollbar{display:none}@media(max-width:480px){.theme-dark .leftbar{display:none}}.theme-dark .leftbar .container{padding:20px}.theme-dark .leftbar .container .user{align-items:center;display:flex;gap:12px}.theme-dark .leftbar .container .user img{border:1px solid #d3d3d3;border-radius:50%;height:35px;object-fit:cover;width:35px}.theme-dark .leftbar .container .user span{font-size:13px;font-weight:600}.theme-dark .leftbar .container hr{background-color:#444;border:none;height:.5px;margin:20px 0}.theme-dark .leftbar .container .items ul{list-style:none;margin:0;padding:0}.theme-dark .leftbar .container .items ul li{align-items:center;display:flex;gap:12px;margin-top:20px}.theme-dark .leftbar .container .items ul li img{cursor:pointer;height:20px;object-fit:cover;width:20px}.theme-dark .leftbar .container .items ul li span{cursor:pointer;font-size:12px;font-weight:600}.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:3}.theme-light .navbar svg{cursor:pointer;font-size:20px}.theme-light .navbar .left{align-items:center;display:flex;gap:30px}@media(max-width:480px){.theme-light .navbar .left{justify-content:space-between;width:100%}}.theme-light .navbar .left a{color:#000;font-style:20px;font-weight:700}.theme-light .navbar .left .search{align-items:center;border:1px solid #d3d3d3;border-radius:5px;display:flex;gap:10px;padding:5px}.theme-light .navbar .left .search input{background-color:transparent;border:none;color:#000;outline:none;width:500px}@media(max-width:480px){.theme-light .navbar .left .search input{display:none}}@media(min-width:768px)and (max-width:50em){.theme-light .navbar .left .search input{width:200px}}.theme-light .navbar .right{align-items:center;display:flex;gap:20px}@media(max-width:480px){.theme-light .navbar .right{display:none}}.theme-light .navbar .right .user{align-items:center;display:flex;font-weight:500;gap:10px}@media(min-width:768px)and (max-width:50em){.theme-light .navbar .right .user{display:none}}.theme-light .navbar .right .user img{border:1px solid #d3d3d3;border-radius:50%;height:30px;object-fit:cover;width:30px}.theme-light .navbar .right .user span{font-size:13px;font-weight:600}.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:3}.theme-dark .navbar svg{cursor:pointer;font-size:20px}.theme-dark .navbar .left{align-items:center;display:flex;gap:30px}@media(max-width:480px){.theme-dark .navbar .left{justify-content:space-between;width:100%}}.theme-dark .navbar .left a{color:#f5f5f5;font-style:20px;font-weight:700}.theme-dark .navbar .left .search{align-items:center;border:1px solid #444;border-radius:5px;display:flex;gap:10px;padding:5px}.theme-dark .navbar .left .search input{background-color:transparent;border:none;color:#f5f5f5;outline:none;width:500px}@media(max-width:480px){.theme-dark .navbar .left .search input{display:none}}@media(min-width:768px)and (max-width:50em){.theme-dark .navbar .left .search input{width:200px}}.theme-dark .navbar .right{align-items:center;display:flex;gap:20px}@media(max-width:480px){.theme-dark .navbar .right{display:none}}.theme-dark .navbar .right .user{align-items:center;display:flex;font-weight:500;gap:10px}@media(min-width:768px)and (max-width:50em){.theme-dark .navbar .right .user{display:none}}.theme-dark .navbar .right .user img{border:1px solid #444;border-radius:50%;height:30px;object-fit:cover;width:30px}.theme-dark .navbar .right .user span{font-size:13px;font-weight:600}body{margin:0;padding:0}
/*# sourceMappingURL=main.6fb421f5.css.map*/