body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.register{align-items:center;background-color:#9a8aff;display:flex;height:100vh;justify-content:center}.register .card{background-color:#fff;border-radius:10px;display:flex;flex-direction:row-reverse;min-height:600px;overflow:hidden;width:50%}.register .card .left{background:linear-gradient(rgba(39,11,96,.5),rgba(39,11,96,.5)),url(https://media.istockphoto.com/id/1146311489/photo/register-button-on-computer-keyboard.webp?b=1&s=170667a&w=0&k=20&c=mVenn0YymPS3j0hbyXGKLkLhOUY_vSbBUn5igimKhVo=) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}.register .card .left h1{font-size:60px;line-height:60px}.register .card .left span{font-size:14px}.register .card .left button{background-color:#fff;border:none;color:#639;cursor:pointer;font-weight:700;padding:10px;width:50%}.register .card .right{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}.register .card .left{min-width:30%}.register .card .right h1{color:#555}.register .card .right form{display:flex;flex-direction:column;gap:30px}.register .card .right form input{border:none;border-bottom:1px solid #d3d3d3;padding:20px 10px}.register .card .right form button{background-color:#938eef;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:50%}@media (max-width:1024px){.register .card{width:70%}}@media (max-width:768px){.register .card{flex-direction:column;min-height:auto;width:80%}.register .card .left,.register .card .right{padding:30px}.register .card .left h1{font-size:60px;line-height:60px}.register .card .left button,.register .card .right form button{width:100%}}@media (max-width:576px){.register .card{width:90%}.register .card .left h1{font-size:40px;line-height:40px}}.login{align-items:center;background-color:#c1beff;display:flex;height:100vh;justify-content:center}.login .card{background-color:#fff;border-radius:10px;display:flex;min-height:600px;min-width:720px;overflow:hidden;width:50%}.login .card .left{background:linear-gradient(rgba(39,11,96,.5),rgba(39,11,96,.5)),url(https://images.unsplash.com/photo-1525770041010-2a1233dd8152?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTJ8fHNvY2lhbCUyMG1lZGlhfGVufDB8fDB8fHwy&auto=format&fit=crop&w=600&q=60) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}.login .card .left h1{flex-wrap:wrap;font-size:80px;line-height:80px}.login .card .left span{font-size:14px}.login .card .left button{background-color:#fff;border:none;color:#639;cursor:pointer;font-weight:700;padding:10px;width:50%}.login .card .right{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}.login .card .right h1{color:#555}.login .card .right form{display:flex;flex-direction:column;gap:30px}.login .card .right form input{border:none;border-bottom:1px solid #d3d3d3;padding:20px 10px}.login .card .right form button{background-color:#938eef;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:50%}.navbar{background-color:themed("bg");background-color:#fff;border-bottom:1px solid gray;box-shadow:0 25px 20px -20px rgba(0,0,0,.45);color:themed("textColor");height:50px;justify-content:space-between;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar,.navbar .left{align-items:center;display:flex}.navbar .left{cursor:pointer;gap:30px}.navbar .left span{color:themed("logo");font-size:30px;font-weight:700}.left-icons{align-items:center;cursor:pointer;display:flex;gap:30px}.navbar .left .search{align-items:center;border:1px solid themed("border");border-radius:5px;display:flex;gap:10px;outline:none;padding:5px}.navbar .left .search input{background-color:initial;border:none;color:themed("textColor");font-size:large;outline:none;width:500px}.navbar .right{align-items:center;cursor:pointer;display:flex;gap:20px}.btn{background-color:#5271ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:60px}.navbar .right .user{align-items:center;display:flex;font-weight:500;gap:10px}.navbar .right .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}@media (max-width:768px){.navbar .left span{font-size:24px}.navbar .left .search input{width:300px}.navbar .right .user{font-weight:400;gap:5px}.navbar .right .user img{height:25px;width:25px}}.darkmode{background-color:#000;color:#fff}.darkmode,.lightMode{transition:background-color .25s ease-in-out}.lightMode{background-color:#fff}button .btn{cursor:pointer}.leftBar{background-color:themed("bg");background-color:#fff;color:themed("textColor");flex:2 1;height:calc(100vh - 70px);overflow:scroll;position:-webkit-sticky;position:sticky;top:70px}.leftBar::-webkit-scrollbar{display:none}.leftBar .container{padding:20px}.leftBar .container hr{background-color:themed("border");border:none;height:.5px;margin:20px 0}.leftBar .container .menu{display:flex;flex-direction:column;gap:20px}.leftBar .container .menu span{font-size:12px}.leftBar .container .menu .user{align-items:center;display:flex;gap:10px}.leftBar .container .menu .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}.leftBar .container .menu .user span{font-size:14px}.leftBar .container .menu .item{align-items:center;display:flex;gap:10px}.leftBar .container .menu .item img{cursor:pointer;width:30px}.leftBar .container .menu .item span{cursor:pointer;font-size:14px}.rightBar{background-color:themed("bgSoft");flex:3 1;height:calc(100vh - 70px);overflow:scroll;position:-webkit-sticky;position:sticky;top:70px}.rightBar::-webkit-scrollbar{display:none}.rightBar .container{padding:20px}.rightBar .container .item{background-color:themed("bg");box-shadow:0 0 15px 1px rgba(0,0,0,.09);margin-bottom:20px;padding:20px}.rightBar .container .item span{color:gray}.rightBar .container .item .user{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.rightBar .container .item .user .userInfo{align-items:center;display:flex;gap:20px;position:relative}.userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.rightBar .container .item .user .userInfo .online{background-color:#32cd32;border-radius:50%;height:12px;left:30px;position:absolute;top:0;width:12px}.rightBar .container .item .user .userInfo p{color:themed("textColorSoft")}.rightBar .container .item .user .userInfo span{color:themed("textColor");font-weight:500}.rightBar .container .item .user .buttons{align-items:center;display:flex;gap:10px}.rightBar .container .item .user .buttons button{border:none;color:#fff;cursor:pointer;padding:5px}.rightBar .container .item .user .buttons button:first-child{background-color:#5271ff}.rightBar .container .item .user .buttons button:last-child{background-color:#f0544f}.home{background-color:hsla(0,16%,96%,.963);overflow:scroll}.post{background-color:themed("bg");border-radius:20px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);color:themed("textColor")}.post .container{padding:20px}.post .container .user{align-items:center;display:flex;justify-content:space-between}.post .container .user .userInfo{display:flex;gap:20px}.post .container .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.post .container .user .userInfo .details{display:flex;flex-direction:column}.post .container .user .userInfo .details .name{font-weight:500}.post .container .user .userInfo .details .date{font-size:12px}.post .container .content{margin:20px 0}.post .container .content img{margin-top:20px;max-height:500px;object-fit:cover;width:100%}.post .container .info{align-items:center;display:flex;gap:20px}.post .container .info .item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px}.loading{align-items:center;display:flex;height:80px;justify-content:center}.comments img{border-radius:50%;height:40px;object-fit:cover;width:40px}.comments .write{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0}.comments .write input{background-color:initial;border:1px solid themed("border");color:themed("textColor");flex:5 1;padding:10px}.comments .write button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px}.comments .comment{display:flex;gap:20px;justify-content:space-between;margin:30px 0}.comments .comment .info{align-items:flex-start;display:flex;flex:5 1;flex-direction:column;gap:3px}.comments .comment .info span{font-weight:500}.comments .comment .info p{color:themed("textColorSoft")}.comments .comment .date{align-self:center;color:gray;flex:1 1;font-size:12px}.stories{display:flex;gap:10px;height:250px;margin-bottom:30px;margin-top:20px;overflow-x:scroll;width:100%}.stories .story{border-radius:10px;overflow:hidden;position:relative;width:100%}.stories.mobile .story{border-radius:50%;flex:none;height:50px;width:50px}.stories .story img{height:100%;object-fit:cover;overflow-x:scroll;width:100%}.stories .story span{bottom:10px;color:#fff;font-weight:500;left:10px;position:absolute}.stories.mobile .story span{display:none}.stories .story button{align-items:center;background-color:#5271ff;border:none;border-radius:50%;bottom:40px;color:#fff;cursor:pointer;display:flex;font-size:30px;height:30px;justify-content:center;left:10px;position:absolute;width:30px}.stories.mobile .story button{bottom:0;left:0;margin:auto;right:0;top:0}.profile{background-color:themed("bgSoft")}.profile .images{height:300px;position:relative;width:100%}.profile .images .cover{height:100%;object-fit:cover;width:100%}.profile .images .profilePic{border-radius:50%;height:200px;left:0;margin:auto;object-fit:cover;position:absolute;right:0;top:200px;width:200px}.profile .profileContainer{padding:20px 70px}.profile .profileContainer.mobile{padding:10px}.profile .profileContainer.tablet{padding:20px}.profile .profileContainer .uInfo{align-items:center;background-color:themed("bg");border-radius:20px;box-shadow:0 0 25px -10px rgba(0,0,0,.38);color:themed("textColor");display:flex;height:180px;justify-content:space-between;margin-bottom:20px;padding:50px}.profile .profileContainer.mobile .uInfo{flex-direction:column;height:30vh;margin-top:100px;padding:20px}.profile .profileContainer .uInfo .left{display:flex;flex:1 1;gap:10px}.profile .profileContainer.tablet .uInfo .left{flex-wrap:wrap}.profile .profileContainer .uInfo .left a{color:themed("textColorSoft")}.profile .profileContainer .uInfo .center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px}.profile .profileContainer .uInfo .center span{font-size:30px;font-weight:500}.profile .profileContainer .uInfo .center .info{align-items:center;display:flex;justify-content:space-around;width:100%}.profile .profileContainer .uInfo .center .info .item{align-items:center;color:themed("textColorSoft");display:flex;gap:5px}.profile .profileContainer .uInfo .center .info .item span{font-size:12px}.profile .profileContainer .uInfo .center button{background-color:#5271ff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.profile .profileContainer .uInfo .right{align-items:center;display:flex;flex:1 1;gap:10px;justify-content:flex-end}:root{--light-textColor:#000;--light-bg:#fff;--light-logo:#00008b;--light-bgSoft:#f6f3f3;--light-textColorSoft:#555;--light-border:#d3d3d3;--dark-textColor:#f5f5f5;--dark-bg:#222;--dark-logo:#fff;--dark-bgSoft:#333;--dark-textColorSoft:#d3d3d3;--dark-border:#444}.theme-dark .theme-variant,.theme-light .theme-variant{--textColor:var(--light-textColor);--bg:var(--light-bg);--logo:var(--light-logo);--bgSoft:var(--light-bgSoft);--textColorSoft:var(--light-textColorSoft);--border:var(--light-border)}.theme-dark .theme-variant{--textColor:var(--dark-textColor);--bg:var(--dark-bg);--logo:var(--dark-logo);--bgSoft:var(--dark-bgSoft);--textColorSoft:var(--dark-textColorSoft);--border:var(--dark-border)}.rightBar.theme-variant{flex:3 1;height:calc(100vh - 70px);overflow:scroll;position:-webkit-sticky;position:sticky;top:70px}.rightBar.theme-variant::-webkit-scrollbar{display:none}.rightBar.theme-variant .container{padding:20px}.rightBar.theme-variant .container .item{background-color:var(--bg);box-shadow:0 0 15px 1px rgba(0,0,0,.09);margin-bottom:20px;padding:20px}.rightBar.theme-variant .container .item span{color:gray}.rightBar.theme-variant .container .item .user{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.rightBar.theme-variant .container .item .user .userInfo{align-items:center;display:flex;gap:20px;position:relative}.rightBar.theme-variant .container .item .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.rightBar.theme-variant .container .item .user .userInfo .online{background-color:#32cd32;border-radius:50%;height:12px;left:30px;position:absolute;top:0;width:12px}.rightBar.theme-variant .container .item .user .userInfo p{color:var(--textColorSoft)}.rightBar.theme-variant .container .item .user .userInfo span{color:var(--textColor);font-weight:500}.rightBar.theme-variant .container .item .user .buttons{align-items:center;display:flex;gap:10px}.rightBar.theme-variant .container .item .user .buttons button{border:none;color:#fff;cursor:pointer;padding:5px}.rightBar.theme-variant .container .item .user .buttons button:first-child{background-color:#5271ff}.rightBar.theme-variant .container .item .user .buttons button:last-child{background-color:#f0544f}@media (max-width:480px){.rightBar.theme-variant{display:none}}@media (max-width:960px){.rightBar.theme-variant{display:none}}
/*# sourceMappingURL=main.8637c21c.css.map*/