.Sidebar{width:220px;height:100vh;padding:8px 12px 20px;position:sticky;top:0;border-right:1px solid var(--color-08);display:flex;flex-direction:column;justify-content:space-between}.min{width:75px!important}.min .nav-item span{display:none!important}.Sidebar div .logo{padding:25px 12px 16px;margin-bottom:19px}.Sidebar div .logo svg{color:var(--color-02)}.Sidebar div .logo .moblie-logo{display:none}.Sidebar div .logo .full-logo{display:block}.Sidebar .nav-item{margin:8px 0;padding:12px;border-radius:10px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;color:var(--color-02);position:relative;text-decoration:none}.Sidebar .nav-item:hover{background-color:#41414110;transition:all .2s ease}.Sidebar .nav-item svg{width:22px}.Sidebar .nav-item:hover svg{transform:scale(1.05)}.Sidebar .nav-item span{padding-left:16px;font-size:16px;font-weight:350}.Sidebar .nav-item.active span{font-weight:600}.Sidebar .nav-item.active svg path{fill:var(--color-02)}.Sidebar .nav-item img{width:24px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;overflow:hidden;border:2px solid transparent}.Sidebar .nav-item.active img{border:2px solid var(--color-02)}.Sidebar .nav-item b{position:absolute;right:12px;color:var(--color-08);display:none}.Sidebar .nav-item:hover b{display:block}.show-more{width:100%;padding:8px;background-color:var(--color-01);box-shadow:0 0 20px #8282824c;border-radius:10px}.show-more p,.show-more a{padding:16px;display:flex;align-items:center;border-radius:5px;cursor:pointer;color:var(--color-02);text-decoration:none}.show-more p.disabled{cursor:not-allowed}.show-more p:hover,.show-more a:hover{background-color:#41414110}.show-more p span,.show-more a span{margin-left:10px}.show-more div.divider{margin:4px;width:100%;height:3px;background-color:#87878725}.show-more span.divider{margin:4px;display:block;width:100%;height:1px;background-color:#87878725}.report{background-color:var(--color-01)}.report h4{padding:14px;display:flex;justify-content:space-between;border-bottom:1px solid var(--color-08);color:var(--color-02)}.report h4 span svg{cursor:pointer}.report>div{padding:16px}.report div p{font-size:14px;color:var(--color-02)}.report div button{width:100%;margin:12px 0 0;padding:9px;font-weight:600;color:var(--color-01);background-color:var(--color-06);cursor:pointer;border-radius:10px;border:none;outline:none}.report div button:hover{background-color:#1876f3}.report .report-cont textarea{padding:8px;min-width:100%;height:100px;resize:vertical}.report .report-cont div{display:flex;justify-content:space-between}.report .report-cont div button{opacity:.3;width:120px}.report .report-cont div button.valid{opacity:1}.report .report-cont div label{background-color:#82828241;color:var(--color-02);margin:12px 0 0;padding:9px;font-weight:600;cursor:pointer;border-radius:10px}.report .report-cont div label:hover{background-color:#8282825f}.report .report-cont p{margin-top:8px;font-size:14px;color:var(--color-09)}.report .report-cont div input{display:none}.close svg{position:fixed;top:20px;right:20px;color:#fff;cursor:pointer}.create-content .title{width:100%;height:50px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;text-align:center;border-bottom:1px solid var(--color-08)}.create-content .title p{margin:0 10px;color:var(--color-02);font-size:16px;font-weight:600}.create-content .title span{cursor:pointer}.create-content .title span:last-child{color:var(--color-06)}.create-content .content{width:100%;height:100%}.Dragphoto .content{padding:24px;display:flex;justify-content:center;align-items:center;aspect-ratio:1/.9}.Dragphoto .content div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.Dragphoto .content div p{margin:10px 0 15px;font-size:16px;color:var(--color-02)}.Dragphoto .content div label{padding:9px;font-weight:600;color:var(--color-01);background-color:var(--color-06);cursor:pointer;border-radius:10px;border:none;outline:none}.Cropphoto .content{padding:0;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;overflow:hidden}.Cropphoto .content img{width:100%;aspect-ratio:1/1;object-fit:cover}.Cropphoto .crop-footer{position:absolute;bottom:0;left:0;width:100%;padding:12px;display:flex;justify-content:space-between}.Cropphoto .crop-footer div{display:flex;gap:10px}.Cropphoto .crop-footer span{width:32px;height:32px;border-radius:50px;background-color:#151515;display:flex;justify-content:center;align-items:center;cursor:not-allowed}.Cropphoto .crop-footer span svg{color:#fff}.Filterphoto{max-width:900px}.Filterphoto .content{aspect-ratio:2/1.2;display:flex;overflow:hidden}.Filterphoto .content section{flex:1.5;height:100%}.Filterphoto .content section:last-child{overflow:scroll;flex:1}.Filterphoto .content section .image img{flex:1;max-width:100%;min-height:100%;aspect-ratio:1/1.2;background-color:red;object-fit:cover}.Filterphoto .content section .filter-nav{min-width:100%;display:flex;justify-content:space-evenly;align-items:center;border-bottom:1px solid var(--color-08);background-color:var(--color-01);position:sticky;top:0;z-index:99}.Filterphoto .content section .filter-nav p{flex:1;text-align:center;padding:14px 0;font-size:14px;cursor:pointer}.Filterphoto .content section .filter-nav p:first-child{border-bottom:1px solid var(--color-02);font-weight:600}.Filterphoto .content section .filter-nav p:nth-child(2){color:var(--color-08)}.Filterphoto .content section .filters{width:100%;padding:5px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;overflow:scroll}.Filterphoto .content section .filters div{width:100%;position:relative;padding:5px;cursor:pointer}.Filterphoto .content section .filters div img{width:100%;aspect-ratio:1/1;border-radius:3px}.Filterphoto .content section .filters div span{display:block;font-size:12px;text-align:center;color:#a8a8a8;margin:3px 0 0}.Filterphoto .content section .filters div.active span{color:#0095f6}.Filterphoto .content section .filters div.active img{border:1px solid #0095f6}.Captionphoto .content .caption::-webkit-scrollbar{width:5px}.Captionphoto .content{width:100%;height:100%;display:flex;aspect-ratio:2/1.2;position:relative}.Captionphoto .content section{flex:1.5}.Captionphoto .content section:last-child{flex:1}.Captionphoto .content .image{aspect-ratio:1/1;height:100%;background-color:#8282824f;position:relative;overflow:hidden}.Captionphoto .content .image img{width:100%;aspect-ratio:1/1;object-fit:cover}.Captionphoto .content .caption{width:100%;max-height:580px;height:100%;display:flex;flex-direction:column;overflow:scroll}.Captionphoto .content .caption .profile{display:flex;align-items:center;padding:16px}.Captionphoto .content .caption .profile img{width:40px;aspect-ratio:1/1;border-radius:50%;object-fit:cover}.Captionphoto .content .caption .profile p{margin-left:10px;font-size:14px;color:var(--color-02)}.Captionphoto .content .caption .caption-input{padding:16px}.Captionphoto .content .caption .caption-input textarea{border:none;outline:none;width:100%;height:200px;resize:none;background-color:transparent;color:var(--color-02)}.Captionphoto .content .caption .input-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--color-09)}.Captionphoto .content .caption .location{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-08);border-top:1px solid var(--color-08)}.Captionphoto .content .caption .location input{flex:1;font-size:16px;border:none;outline:none;background-color:transparent}.Captionphoto .content .caption .accessibility,.Captionphoto .content .caption .settings{display:flex;justify-content:space-between;font-size:16px;color:var(--color-02);padding:14px 0;cursor:pointer;border-bottom:1px solid var(--color-08)}.Captionphoto .content .caption .accessibility svg,.Captionphoto .content .caption .settings svg{transform:rotate(180deg)}.Captionphoto .content .caption .valid svg,.Captionphoto .content .caption .valid svg{transform:rotate(360deg)!important}.Captionphoto .content .caption .post-settings-acces p{padding-top:5px;font-size:12px;color:var(--color-09)}.Captionphoto .content .caption .post-settings-acces div{display:flex;margin:3px 0}.Captionphoto .content .caption .post-settings-acces div .image img{width:44px;aspect-ratio:1/1;object-fit:cover}.Captionphoto .content .caption .post-settings-acces div input{margin:5px 10px;flex:1;border-radius:8px;border:none;outline:none;background-color:transparent;color:var(--color-02);padding:0 10px}.Captionphoto .content .caption .post-settings-acces div input:focus,.CreatePost section .main-container .caption .post-settings-acces div input.valid{border:1px solid #a8a8a84e}.Captionphoto .content .caption .post-settings-set div div{padding-top:8px;display:flex;justify-content:space-between}.Captionphoto .content .caption .post-settings-set div div h4{font-size:16px;color:var(--color-09);font-weight:400}.Captionphoto .content .caption .post-settings-set div div div{margin-left:10px;min-width:40px;height:24px;background-color:var(--color-08);border-radius:24px;padding:2px;position:relative;cursor:pointer;transition:all .3s ease}.Captionphoto .content .caption .post-settings-set div div div span{height:20px;aspect-ratio:1/1;background-color:var(--color-01);border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s ease}.Captionphoto .content .caption .post-settings-set div div div.checked{background-color:var(--color-02);transition:all .3s ease}.Captionphoto .content .caption .post-settings-set div div div.checked span{left:17px!important;transition:all .3s ease}.Captionphoto .content .caption .post-settings-set div p{color:var(--color-08);font-size:12px;margin:5px 0 8px}.Sharephoto .content{width:100%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center}.Sharephoto .content section{display:flex;flex-direction:column;align-items:center}.Sharephoto .content section img{background-blend-mode:lighten}.Sharephoto .content section p{margin:12px 0;color:var(--color-02);font-size:16px}.close-everything{background-color:var(--color-01)}.close-everything div{border-bottom:1px solid var(--color-08)}.close-everything div:first-child{padding:30px 10px;text-align:center;cursor:auto}.close-everything div:first-child h4{font-size:20px}.close-everything div:first-child p{font-size:16px;margin-top:10px}.close-everything div{padding:16px;text-align:center;cursor:pointer}.close-everything div:nth-child(2){color:red;font-weight:600}.User{width:100%;margin:3px 0;padding:5px;display:flex;justify-content:space-between;border-radius:10px;align-items:center;cursor:pointer}.User:hover{background-color:#41414110}.User>div{display:flex;gap:10px}.User>div img{width:40px;aspect-ratio:1/1;border-radius:50px;object-fit:cover}.User>div>a{display:flex;flex-direction:column;text-decoration:none;justify-content:center}.User>div>a p:first-child{font-size:16px;color:var(--color-02)}.User>div>a p:last-child{font-size:12px;color:var(--color-02)}.User span{margin-right:8px;font-size:12px;color:var(--color-06)}.User span.unfollow{margin-right:8px;font-size:12px;color:red}.search{padding:10px;width:100%;height:100%;background-color:var(--color-01)}.search h4{padding:10px;font-size:22px;font-weight:600}.search .search{height:36px;padding:0 16px;display:flex;align-items:center;border-radius:8px;background-color:#41414121}.search .search svg{width:16px;color:var(--color-09);margin-right:5px}.search .search input{width:100%;border:none;outline:none;background-color:transparent;color:var(--color-02)}.search .search span{height:15px;aspect-ratio:1/1;border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#8a8a8a5d}.search .search span svg{width:8px;color:var(--color-01)}.search .users{overflow:scroll}.Footer{width:100%;display:flex;justify-content:center;overflow:hidden}.Footer section{max-width:900px;text-align:center}.Footer section .links{margin:10px 0;padding:0 20px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.Footer section .links a{font-size:12px;text-decoration:none;color:#8f8f8f;cursor:pointer}.Footer section .links a:hover{text-decoration:underline}.Footer section p{padding:20px 0;font-size:12px;color:#8f8f8f}.Loading{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;background-color:#fff;overflow:hidden;z-index:9999999}.Loading img{width:70px;aspect-ratio:1/1}.Loading span{position:absolute;bottom:40px}.Loading span img{width:80px;height:40px;object-fit:cover}.Stories{margin:10px;display:flex;gap:15px}.Stories .story{cursor:pointer}.Stories .story .image{width:60px;aspect-ratio:1/1;padding:3px;display:flex;justify-content:center;align-items:center;border-radius:100px;background:radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%);position:relative}.Stories .story .image img{height:55px;aspect-ratio:1/1;border-radius:500px;background-color:#6c4d4d;object-fit:cover;border:2px solid var(--color-01)}.Stories .story p{width:60px;font-size:12px;color:var(--color-09);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Post{max-width:470px;width:100%;margin:0;padding-bottom:16px;border-bottom:1px solid #6d6d6d6d}.Post .post-header{margin:10px 0;display:flex;justify-content:space-between;align-items:center}.Post .post-header>div{display:flex;align-items:center}.Post .post-header>div img{margin-right:10px;width:32px;aspect-ratio:1/1;border-radius:50%;object-fit:cover}.Post .post-header>div>div{display:flex;flex-direction:column;gap:3px}.Post .post-header>div>div p{font-size:14px;font-weight:500;color:var(--color-02)}.Post .post-header>div>div p b a{color:var(--color-02)}.Post .post-header>div>div p a{color:var(--color-01);text-decoration:none}.Post .post-header>div>div p span{font-weight:350;color:var(--color-09)}.Post .post-header>div>div span{font-size:12px}.Post .post-header svg:hover{cursor:pointer;color:var(--color-09)}.Post .post-content{width:100%}.Post .post-content img{width:100%;max-height:500px;min-height:300px;object-fit:cover;border-radius:5px}.Post .post-footer{width:100%;margin:10px 0;display:flex;flex-direction:column;gap:10px}.Post .post-footer .quick-action{display:flex;justify-content:space-between}.Post .post-footer .quick-action>div{display:flex;gap:10px}.Post .post-footer .quick-action svg{color:var(--color-02)}.Post .post-footer .quick-action div.saved svg{fill:var(--color-02)}.Post .post-footer .quick-action>div div.liked svg{fill:red}.Post .post-footer .quick-action svg:hover{color:var(--color-09);cursor:pointer}.Post .post-footer .like-count{font-size:14px;font-weight:500}.Post .post-footer .caption{font-size:14px;font-weight:350}.Post .post-footer .caption a{cursor:pointer;font-weight:600;color:var(--color-02);text-decoration:none}.Post .post-footer .comment{display:flex;gap:10px}.Post .post-footer .comments{font-size:14px;font-weight:350;color:var(--color-09);cursor:pointer}.Post .post-footer .comments div .Post .post-footer .comment{display:flex;align-items:center;gap:8px}.Post .post-footer .comment input{flex:1;background-color:transparent;border:none;outline:none;color:var(--color-02)}.Post .post-footer .comment p{font-size:14px;color:var(--color-06)}.Post .post-footer .comment p:hover{color:var(--color-02);cursor:pointer}.skelton{max-width:470px;width:100%;margin:0;padding-bottom:16px}.post-view{width:100%;height:100%;background-color:var(--color-01);display:flex;overflow:hidden}.post-view .close{position:fixed;top:20px;right:20px;cursor:pointer;z-index:99;color:var(--color-01)}.post-view>img{flex:1;height:100%;width:60%;object-fit:cover;position:sticky;top:0}.post-view .post{width:100%;aspect-ratio:1/1;position:relative;cursor:pointer;overflow:hidden}.post-view .post-details{display:flex;flex-direction:column;flex:1;justify-content:space-between;flex-basis:300px;background-color:var(--color-01);z-index:99}.post-view .post-details .header{position:sticky;top:0;display:flex;justify-content:space-between;padding:14px;align-items:center;border-bottom:1px solid var(--color-08);background-color:var(--color-01);z-index:99}.post-view .post-details .header div{display:flex;align-items:center}.post-view .post-details .header div img{width:32px;aspect-ratio:1/1;border-radius:50px;object-fit:cover}.post-view .post-details .header div span{font-size:14px;margin-left:10px;color:var(--color-02);font-weight:500}.post-view .post-details .comments{padding:14px;max-height:calc(80vh - 200px);overflow:scroll}.post-view .post-details .commentsNotAuth{padding:14px;max-height:calc(80vh - 150px)!important;overflow:scroll}.post-view .post-details .comments .comment{display:flex;position:relative}.post-view .post-details .comments .comment img{height:32px;width:32px;aspect-ratio:1/1;border-radius:50px;object-fit:cover}.post-view .post-details .comments .comment div{padding-left:10px}.post-view .post-details .comments .comment div p{color:var(--color-02);font-weight:500}.post-view .post-details .comments .comment div p span{font-weight:600;cursor:pointer;margin-right:10px}.post-view .post-details .comments .comment>span svg{width:15px;position:absolute;right:14px;cursor:pointer}.post-view .post-details .comments .comment .states{display:flex;align-items:center;gap:15px;padding-top:5px}.post-view .post-details .comments .comment .states span{font-size:12px;color:var(--color-09)}.post-view .post-details .comments .comment .states span.delete{color:transparent}.post-view .post-details .comments .comment .states:hover span.delete{color:var(--color-09)}.post-view .post-details .footer{position:sticky;bottom:0;background-color:var(--color-01)}.post-view .post-details .footer .quick-action{padding:14px;display:flex;width:100%;border-top:1px solid var(--color-08);gap:10px;justify-content:space-between}.post-view .post-details .footer .quick-action div{display:flex;gap:12px}.post-view .post-details .footer .quick-action svg{color:var(--color-02);cursor:pointer}.post-view .post-details .footer .quick-action .likedLogo svg{fill:red}.post-view .post-details .footer .quick-action svg:hover{color:var(--color-04)}.post-view .post-details .footer .states{padding:0 14px 14px}.post-view .post-details .footer .states p{font-size:14px;color:var(--color-02)}.post-view .post-details .footer .states span{font-size:12px;color:var(--color-09)}.post-view .post-details .footer .add-comment{padding:14px;display:flex;width:100%;border-top:1px solid var(--color-08);gap:10px}.post-view .post-details .footer .add-comment span svg{color:var(--color-02)}.post-view .post-details .footer .add-comment input{flex:1;border:none;outline:none;background-color:transparent;color:var(--color-02)}.post-view .post-details .footer .add-comment span{color:#0095ff37;font-size:14px;cursor:not-allowed}.post-view .post-details .footer .add-comment span.valid{color:var(--color-06);cursor:pointer}.commentsuser{margin-bottom:10px!important}.options{width:100%;display:flex;flex-direction:column;flex-shrink:1;background-color:var(--color-01)}.options a,.options p{height:50px;flex-shrink:1;cursor:pointer;text-align:center;text-decoration:none;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--color-08);color:var(--color-02)}.options p.red-font{color:red;font-weight:600}.more-option{color:var(--color-02);display:flex;align-items:center}.more-option:hover{cursor:pointer;color:var(--color-09)}.Delete-Confirm{display:flex;flex-direction:column;align-items:center;padding:10px}.Delete-Confirm p{width:100%;border-bottom:1px solid var(--color-08);padding:8px 0;font-size:16px;color:var(--color-02)}.Delete-Confirm div{margin-top:8px;display:flex;gap:10px}.Delete-Confirm div button{padding:8px;border:none;outline:none;border-radius:5px;background-color:var(--color-08);transition:all .3s ease;cursor:pointer}.Delete-Confirm div button:first-child{background-color:#ff2626;color:#fff}.Delete-Confirm div button:hover{transform:scale(1.1);transition:all .3s ease}.Edit-post{display:flex;flex-direction:column;align-items:center;padding:10px}.Edit-post p{width:100%;padding:8px 0;font-size:16px;text-align:center;color:var(--color-02);border-bottom:1px solid var(--color-08)}.Edit-post textarea{width:100%;margin:10px 0;padding:10px;min-height:100px;resize:vertical}.Edit-post div{display:flex;gap:10px}.Edit-post div button{padding:8px;border:none;outline:none;border-radius:5px;background-color:var(--color-08);transition:all .3s ease;cursor:pointer}.Edit-post div button:first-child{background-color:var(--color-06);color:#fff}.Edit-post div button:hover{transform:scale(1.1);transition:all .3s ease}.post-settings-set{width:100%;display:flex;flex-direction:column}.post-settings-set>div{display:flex;flex-direction:column}.post-settings-set div div{padding-top:8px;display:flex;justify-content:space-between}.post-settings-set div div h4{font-size:16px;color:var(--color-09);font-weight:400}.post-settings-set div div div{margin-left:10px;min-width:40px;height:24px;background-color:var(--color-08);border-radius:24px;padding:2px;position:relative;cursor:pointer;transition:all .3s ease}.post-settings-set div div div span{height:20px;aspect-ratio:1/1;background-color:var(--color-01);border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s ease}.post-settings-set div div div.checked{background-color:var(--color-02);transition:all .3s ease}.post-settings-set div div div.checked span{left:17px!important;transition:all .3s ease}.post-settings-set div p{color:var(--color-08);font-size:12px;margin:5px 0 8px}.unfollow{color:red!important}.follow{color:var(--color-06)!important}.Header{padding:0 16px;position:fixed;top:0;width:100%;height:60px;background-color:var(--color-01);border-bottom:1px solid var(--color-08);display:flex;justify-content:space-between;align-items:center}.Header .logo svg{color:var(--color-02)}.Header div{display:flex;align-items:center}.Header div .search{max-width:1000px;height:36px;margin:0 12px;padding:0 16px;display:flex;align-items:center;border-radius:8px;background-color:#41414121}.Header div .search svg{width:16px;color:var(--color-09);margin-right:5px}.Header div .search input{width:100%;border:none;outline:none;background-color:transparent;color:var(--color-02)}.Header div .search span{height:15px;aspect-ratio:1/1;border-radius:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:#8a8a8a5d}.Header div .search span svg{width:8px;color:var(--color-01)}.BottomNav{position:fixed;bottom:0;width:100vw;height:60px;background-color:var(--color-01);display:flex;justify-content:space-evenly;align-items:center;border-top:1px solid var(--color-08)}.BottomNav .nav-item{color:var(--color-02);cursor:pointer}.BottomNav .nav-item.active svg path{fill:var(--color-02)}.BottomNav .nav-item img{width:24px;aspect-ratio:1/1;border-radius:50px;object-fit:cover}.BottomNav,.Header,.BottomNav .nav-item span{display:none}.SuggestedUser{width:320px;margin:36px 10px 0 64px}.SuggestedUser .user{margin:10px;display:flex;justify-content:space-between;align-items:center}.SuggestedUser .user>div{display:flex;cursor:pointer}.SuggestedUser .user div img{width:44px;aspect-ratio:1/1;border-radius:50%;margin-right:10px;object-fit:cover}.SuggestedUser .user>div div{display:flex;flex-direction:column;justify-content:center}.SuggestedUser .user>div div p{margin-bottom:5px;font-size:14px;font-weight:500}.SuggestedUser .user>div div span{font-size:12px;font-weight:350;color:var(--color-09)}.SuggestedUser .user>p{font-size:12px;color:var(--color-06);cursor:pointer}.SuggestedUser .user>p:hover{color:var(--color-02)}.SuggestedUser .suggestedforyou{margin:20px 0 15px;display:flex;justify-content:space-between}.SuggestedUser .suggestedforyou p{font-size:14px;font-weight:500;color:var(--color-09)}.SuggestedUser .suggestedforyou a{font-size:12px;color:var(--color-02);margin-right:10px;text-decoration:none}.SuggestedUser .suggestedforyou a:hover{color:var(--color-09);cursor:pointer}.SuggestedUser .footer{margin-top:40px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.SuggestedUser .footer div{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:5px;color:var(--color-08)}.SuggestedUser .footer div a{font-size:12px;text-decoration:none;color:var(--color-098)}.SuggestedUser .footer div a:hover{text-decoration:underline}.SuggestedUser .footer .copyright{color:var(--color-08);font-size:12px}.Error{padding:40px;text-align:center}.Error h4{font-size:24px;color:var(--color-02)}.Error p{margin:40px 0 20px;font-size:16px;color:var(--color-02);line-height:25px}.Error p a{color:var(--color-05);text-decoration:none}.Home{display:flex}.Home .home-content{margin-top:16px;width:100%;display:flex;justify-content:center}.Home .content{max-width:630px;width:100%}.Login{width:100%;padding:32px 0;display:flex;justify-content:center;align-items:center}.Login .image-container{margin:0 32px 12px 0;position:relative;flex-shrink:0}.Login .image-container img{width:380px}.Login .form-container{max-width:350px;width:100%}.Login .form-container .form{padding:10px 40px;border:1px solid var(--color-07);display:flex;flex-direction:column;align-items:center}.Login .form-container .form img{margin:36px 0 12px;height:50px;object-fit:cover}.Login .form-container .form .input-field{margin:4px 0;position:relative;cursor:text;width:100%}.Login .form-container .form .input-field input{width:100%;padding:9px;border:1px solid var(--color-08);border-radius:3px;outline:none}.Login .form-container .form .input-field input.valid{padding:16px 9px 2px}.Login .form-container .form .input-field input:focus{border:1px solid var(--color-09)}.Login .form-container .form .input-field .password-field{display:flex;position:relative;align-items:center}.Login .form-container .form .input-field .password-field span{position:absolute;right:10px;font-size:14px;font-weight:500;cursor:pointer}.Login .form-container .form .input-field .password-field span:hover{color:var(--color-09)}.Login .form-container .form .input-field .password-field input.valid span{display:block}.Login .form-container .form .input-field label{color:var(--color-04);font-size:12px;position:absolute;top:10px;left:10px;cursor:text}.Login .form-container .form .input-field label.valid{font-size:10px;top:5px}.Login .form-container .form button{width:100%;margin:8px 0;padding:9px;font-weight:600;color:var(--color-01);background-color:#4db5f8;border-radius:10px;border:none;outline:none}.Login .form-container .form button.valid{background-color:var(--color-06);cursor:pointer}.Login .form-container .form button.valid:hover{background-color:#1876f3}.Login .form-container .form .or{margin:8px 0;font-size:12px;color:var(--color-09);display:flex;justify-content:space-between;align-items:center}.Login .form-container .form .or:before,.Login .form-container .form .or:after{margin:0 5px;content:"";width:100px;height:1px;display:inline-block;background-color:var(--color-08)}.Login .form-container .form>div.facebook-login{margin:8px 0;display:flex;justify-content:center;text-decoration:none;color:var(--color-05);font-size:14px;font-weight:500;cursor:pointer}.Login .form-container .form>div.facebook-login i{margin-right:10px;font-size:18px}.Login .form-container .form .error{margin:8px 0;color:red;font-weight:350;font-size:14px}.Login .form-container .form .forgot{margin:8px;font-size:12px}.Login .form-container .dont-have{width:100%;margin:8px 0;padding:20px;border:1px solid var(--color-08);font-size:14px;display:flex;justify-content:center}.Login .form-container .dont-have a{color:var(--color-06);text-decoration:none;font-weight:500}.Login .form-container .get-app{margin:10px;display:flex;flex-direction:column;align-items:center}.Login .form-container .get-app p{margin:15px 0;font-size:14px;font-weight:400}.Login .form-container .get-app .store{display:flex;justify-content:center;gap:8px}.Login .get-app .store img{height:40px}.Login .test-account{max-width:400px;margin:15px;padding:20px;position:fixed;bottom:0;right:0;border-radius:20px;background-color:#000;color:#fff}.Login .test-account .close{width:35px;height:35px;position:absolute;top:15px;right:15px;cursor:pointer;border-radius:8px;display:flex;justify-content:center;align-items:center;background-color:#fd0000b5;color:#ffffffab;font-size:20px;opacity:.5}.Login .test-account .close:hover{opacity:1}.Login .test-account h4{font-size:25px}.Login .test-account p{line-height:20px;margin:10px 0;font-size:14px;color:#a8a8a8}.Login .test-account p b{color:#006eff}.Login .test-account button{width:100%;margin:8px 0;padding:9px;font-weight:600;color:#fff;border:none;outline:none;border-radius:8px;background-color:#0194f6;cursor:pointer}.Login .test-account button:hover{background-color:#1876f3}.Post-route{padding:30px;min-width:100%;display:flex;justify-content:center;align-items:center;border:none;position:relative}.Post-route section{max-width:1100px;width:100%;margin:30px;display:flex;border:1px solid var(--color-08);position:relative;overflow:hidden}.Post-route>section>img{max-width:60%;height:100%;object-fit:cover;aspect-ratio:1/1}.Post-route section .post-details{flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative}.Post-route .post-details .header{position:sticky;top:0;display:flex;justify-content:space-between;padding:14px;align-items:center;border-bottom:1px solid var(--color-08)}.Post-route .post-details .header div{display:flex;align-items:center}.Post-route .post-details .header div img{width:32px;aspect-ratio:1/1;border-radius:50px;object-fit:cover}.Post-route .post-details .header div span{font-size:14px;margin-left:10px;color:var(--color-02);font-weight:500}.Post-route .post-details .comments{padding:14px;position:relative;max-height:calc(80vh - 200px)}.Post-route .post-details .commentsNotAuth{padding:14px;position:relative;max-height:calc(80vh - 150px)!important}.Post-route .post-details .comments .comment{display:flex}.Post-route .post-details .comments .comment img{height:32px;aspect-ratio:1/1;border-radius:50px;object-fit:cover}.Post-route .post-details .comments .comment div{padding-left:10px}.Post-route .post-details .comments .comment div p{color:var(--color-02);font-weight:500}.Post-route .post-details .comments .comment div p span{font-weight:600;cursor:pointer;margin-right:10px}.Post-route .post-details .comments .comment>span svg{width:15px;position:absolute;right:14px;cursor:pointer}.Post-route .post-details .comments .comment .states{display:flex;align-items:center;gap:15px;padding-top:5px}.Post-route .post-details .comments .comment .states span{font-size:12px;color:var(--color-09)}.Post-route .post-details .comments .comment .states span.delete{color:transparent}.Post-route .post-details .comments .comment .states:hover span.delete{color:var(--color-09)}.Post-route .post-details .footer{position:sticky;bottom:0}.Post-route .post-details .footer .quick-action{padding:14px;display:flex;width:100%;border-top:1px solid var(--color-08);gap:10px;justify-content:space-between}.Post-route .post-details .footer .quick-action div{display:flex;gap:12px}.Post-route .post-details .footer .quick-action svg{color:var(--color-02);cursor:pointer}.Post-route .post-details .footer .quick-action .likedLogo svg{fill:red}.Post-route .post-details .footer .quick-action svg:hover{color:var(--color-04)}.Post-route .post-details .footer .states{padding:0 14px 14px}.Post-route .post-details .footer .states p{font-size:14px;color:var(--color-02)}.Post-route .post-details .footer .states span{font-size:12px;color:var(--color-09)}.Post-route .post-details .footer .add-comment{padding:14px;display:flex;width:100%;border-top:1px solid var(--color-08);gap:10px}.Post-route .post-details .footer .add-comment span svg{color:var(--color-02)}.Post-route .post-details .footer .add-comment input{flex:1;border:none;outline:none;background-color:transparent;color:var(--color-02)}.Post-route .post-details .footer .add-comment span{color:#0095ff37;font-size:14px;cursor:pointer}.Post-route .post-details .footer .add-comment span.valid{color:var(--color-06)}.Header-notAuth{width:100%;border-bottom:1px solid var(--color-08);display:flex;justify-content:space-around;align-items:center;padding:10px;background-color:var(--color-01)}.Header-notAuth div{display:flex;align-items:center;gap:10px}.Header-notAuth div button{padding:9px;font-weight:600;color:var(--color-01);background-color:var(--color-06);cursor:pointer;border-radius:10px;border:none;outline:none;transition:all .3s ease}.Header-notAuth div button:last-child{color:var(--color-02);background-color:var(--color-08)}.Header-notAuth div button:hover{transform:scale(1.1);transition:all .3s ease}.Loader{width:100%;height:100%}.spinner{font-size:28px;position:relative;display:inline-block;width:1em;height:1em;transform:scale(3)}.spinner.center{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}.spinner .spinner-blade{position:absolute;left:.4629em;bottom:0;width:.074em;height:.2777em;border-radius:.0555em;background-color:transparent;-webkit-transform-origin:center -.2222em;-ms-transform-origin:center -.2222em;transform-origin:center -.2222em;animation:spinner-fade9234 1s infinite linear}.spinner .spinner-blade:nth-child(1){-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.spinner .spinner-blade:nth-child(2){-webkit-animation-delay:83ms;animation-delay:83ms;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.spinner .spinner-blade:nth-child(3){-webkit-animation-delay:.166s;animation-delay:.166s;-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.spinner .spinner-blade:nth-child(4){-webkit-animation-delay:.249s;animation-delay:.249s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.spinner .spinner-blade:nth-child(5){-webkit-animation-delay:.332s;animation-delay:.332s;-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.spinner .spinner-blade:nth-child(6){-webkit-animation-delay:.415s;animation-delay:.415s;-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.spinner .spinner-blade:nth-child(7){-webkit-animation-delay:.498s;animation-delay:.498s;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.spinner .spinner-blade:nth-child(8){-webkit-animation-delay:.581s;animation-delay:.581s;-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.spinner .spinner-blade:nth-child(9){-webkit-animation-delay:.664s;animation-delay:.664s;-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.spinner .spinner-blade:nth-child(10){-webkit-animation-delay:.747s;animation-delay:.747s;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.spinner .spinner-blade:nth-child(11){-webkit-animation-delay:.83s;animation-delay:.83s;-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.spinner .spinner-blade:nth-child(12){-webkit-animation-delay:.913s;animation-delay:.913s;-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}@keyframes spinner-fade9234{0%{background-color:#69717d}to{background-color:transparent}}.Signup{width:100%;padding:32px 0;display:flex;justify-content:center;align-items:center}.Signup .form-container{max-width:350px;width:100%}.Signup .form-container .form{padding:10px 40px;border:1px solid rgb(219,219,219);display:flex;flex-direction:column;align-items:center}.Signup .form-container .form img{margin:36px 0 12px;height:50px;object-fit:cover}.Signup .form-container .form .sign-up{margin-bottom:10px;font-size:16px;color:var(--color-04);text-align:center;font-weight:500}.Signup .form-container .form .facebook-login{display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;background-color:var(--color-06)}.Signup .form-container .form .facebook-login i{margin-right:10px;font-size:18px}.Signup .form-container .form .input-field{margin:4px 0;position:relative;cursor:text;width:100%}.Signup .form-container .form .input-field input{width:100%;padding:9px;border:1px solid var(--color-08);border-radius:3px;outline:none}.Signup .form-container .form .input-field input.valid{padding:16px 9px 2px}.Signup .form-container .form .input-field input:focus{border:1px solid #ababab}.Signup .form-container .form .input-field .password-field{display:flex;position:relative;align-items:center}.Signup .form-container .form .input-field .password-field span{position:absolute;right:10px;font-size:14px;font-weight:500;cursor:pointer}.Signup .form-container .form .input-field .password-field span:hover{color:var(--color-09)}.Signup .form-container .form .input-field .password-field input.valid span{display:block}.Signup .form-container .form .input-field label{color:var(--color-04);font-size:12px;position:absolute;top:10px;left:10px;cursor:text}.Signup .form-container .form .input-field label.valid{font-size:10px;top:5px}.Signup .form-container .form button{width:100%;margin:8px 0;padding:9px;font-weight:600;color:var(--color-01);background-color:#4db5f8;border-radius:10px;border:none;outline:none}.Signup .form-container .form button.valid{background-color:var(--color-06);cursor:pointer}.Signup .form-container .form button.valid:hover{background-color:#1876f3}.Signup .form-container .form .or{margin:8px 0;font-size:12px;color:var(--color-09);display:flex;justify-content:space-between;align-items:center}.Signup .form-container .form .or:before,.Signup .form-container .form .or:after{content:"";width:100px;height:1px;display:inline-block;background-color:var(--color-08)}.Signup .form-container .form .learn-more{font-size:12px;color:var(--color-04);text-align:center;margin:5px 0}.Signup .form-container .form .learn-more a{color:#393939;cursor:pointer;text-decoration:none}.Signup .form-container .form .error{margin:8px 0;color:red;font-weight:350;font-size:14px}.Signup .form-container .dont-have{width:100%;margin:8px 0;padding:20px;border:1px solid #dadbda;font-size:14px;display:flex;justify-content:center}.Signup .form-container .dont-have a{color:var(--color-06);text-decoration:none;font-weight:500}.Signup .form-container .get-app{margin:10px;display:flex;flex-direction:column;align-items:center}.Signup .form-container .get-app p{margin:15px 0;font-size:14px;font-weight:400}.Signup .form-container .get-app .store{display:flex;justify-content:center;gap:8px}.Signup .get-app .store img{height:40px}.profile-route{width:100%;height:100%;display:flex;justify-content:center}.Profile{max-width:900px;padding:30px 20px 0}.Profile .header{display:flex}.Profile .header .profile{max-width:300px;width:100%;display:flex;justify-content:center}.Profile .header .profile img{margin-right:20px;height:150px;aspect-ratio:1/1;border-radius:50%;object-fit:cover}.Profile .header div .actions{display:flex;gap:15px;color:var(--color-02);align-items:center;flex-wrap:wrap}.Profile .header div .actions p{font-size:20px;display:flex;align-items:center;gap:10px}.Profile .header div .actions div{display:flex;gap:15px;color:var(--color-02);align-items:center;flex-wrap:wrap}.Profile .header div .actions button,.Profile .header div .actions a{background-color:#82828241;color:var(--color-02);font-weight:600;font-size:12px;padding:9px 12px;cursor:pointer;border-radius:10px;border:none;outline:none;text-decoration:none}.Profile .header div .actions button:hover,.Profile .header div .actions a:hover{background-color:#8282825f}.Profile .header div .actions button.unfollow{color:red}.Profile .header div .actions a:last-child{background-color:transparent}.Profile .header div .actions span svg{color:var(--color-02);cursor:pointer}.Profile .header div .states{margin:15px 0;display:flex;gap:20px}.Profile .header div .states p,.Profile .header div .bio h4{font-size:14px;color:var(--color-02)}.Profile .header div .bio p{margin:5px 0;font-size:14px;color:var(--color-02)}.Profile .header div .bio div a{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:14px;color:var(--color-05);text-decoration:none}.Profile .header div .bio div a:hover span{text-decoration:underline}.Profile .highlights{margin:30px 0;display:flex;gap:10px}.Profile .highlights div{max-width:100px;padding:10px 15px;position:relative;display:flex;flex-direction:column;cursor:pointer}.Profile .highlights div img{width:80px;aspect-ratio:1/1;border-radius:50%;border:2px solid var(--color-01);outline:2px solid var(--color-08);object-fit:cover}.Profile .highlights div span{margin:10px 0;font-size:14px;text-align:center;width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-02)}.Profile .content .header{margin-top:20px;width:100%;height:50px;display:flex;justify-content:center;align-items:center;gap:30px;border-top:1px solid var(--color-08)}.Profile .content .header div{height:100%;display:flex;align-items:center;gap:8px;color:var(--color-09);cursor:pointer}.Profile .content .header div svg{width:15px}.Profile .content .header div span{font-size:12px}.Profile .content .header div.active{border-top:1px solid var(--color-02);color:var(--color-02)}.Profile .content .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;position:relative}.Profile .content .posts .post{width:100%;aspect-ratio:1/1;position:relative;cursor:pointer;overflow:hidden}.Profile .content .posts .post img{width:100%;aspect-ratio:1/1;object-fit:cover;overflow:hidden}.Profile .content .posts .post .states{width:100%;aspect-ratio:1/1;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;gap:20px;background-color:#0000006f;display:none}.Profile .content .posts .post .states div{display:flex;align-items:center;gap:8px;color:#fff}.Profile .content .posts .post .states div span svg path{fill:#fff}.Profile .content .posts .post:hover .states{display:flex}.Explore{padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;position:relative}.Explore .post,.Explore .skelton{width:100%;aspect-ratio:1/1;position:relative;cursor:pointer;overflow:hidden}.Explore .post>img{width:100%;aspect-ratio:1/1;object-fit:cover}.Explore .post .states{width:100%;aspect-ratio:1/1;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;gap:20px;background-color:#0000006f;display:none}.Explore .post .states div{display:flex;align-items:center;gap:8px;color:#fff}.Explore .post .states div span svg path{fill:#fff}.Explore .post:hover .states{display:flex}.Explore .skelton{height:100%}.setting-route{width:100%;display:flex;justify-content:center}.Settings{max-width:800px;width:100%;padding:50px}.Settings>h4{font-size:20px;color:var(--color-02);font-weight:600;margin-bottom:20px}.Settings .profile-pic{background-color:#82828229;padding:15px;border-radius:25px;display:flex;gap:12px;align-items:center;justify-content:space-between}.Settings .profile-pic div{display:flex;gap:15px;align-items:center}.Settings .profile-pic div img{width:60px;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.Settings .profile-pic div div{display:block}.Settings .profile-pic div div h5{font-size:18px;color:var(--color-02);font-weight:600;margin-bottom:5px}.Settings .profile-pic div div span{font-size:16px;color:var(--color-02)}.Settings .profile-pic label{padding:9px;color:var(--color-01);background-color:var(--color-06);border-radius:10px;border:none;outline:none;cursor:pointer}.Settings>p{margin:20px 0 10px;font-size:16px;color:var(--color-02);font-weight:600}.Settings textarea{background-color:#82828229;border-radius:10px;width:100%;min-height:100px;resize:vertical;padding:10px;font-size:17px;border:none;outline:none;color:var(--color-02)}.Settings textarea:focus{border:1px solid var(--color-02)}.Settings .gender{width:100%}.Settings>.links{display:flex;gap:10px;flex-wrap:wrap}.Settings>.links .Link,.Settings .gender{background-color:#82828229;padding:8px 15px;border-radius:10px;margin-top:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}.Settings>.links .Link{display:flex;justify-content:center;align-items:center}.Settings>.links .Link i{position:absolute;right:8px;color:red;display:none;transition:all .3s ease;cursor:pointer;border-radius:5px;padding:5px;background-color:#fe000030}.Settings>.links .Link:hover i{display:inline-block;transition:all .3s ease}.Settings .add-link{padding:8px;display:flex;justify-content:space-between;gap:10px;background-color:#82828229;margin-top:10px;max-width:400px;width:100%;border-radius:10px}.Settings .add-link input{color:var(--color-02)}.Settings>input{padding:8px;display:flex;justify-content:space-between;gap:10px;background-color:#82828229;margin-top:10px;max-width:400px;width:100%;border-radius:10px;border:none;outline:none;font-size:16px;display:inline-block;color:var(--color-02)}.Settings>input:focus{border:1px solid var(--color-02)}.Settings .add-link input{background-color:transparent;border:none;outline:none;flex:1}.Settings .add-link span{color:var(--color-06);cursor:not-allowed;opacity:.2}.Settings .add-link span.valid{cursor:pointer;opacity:1}.Settings>button{padding:12px;color:var(--color-01);background-color:var(--color-06);border-radius:10px;border:none;outline:none;cursor:not-allowed;margin-top:20px;font-size:16px;opacity:.5;display:inline-block;margin-left:10px}.Settings>button.valid{cursor:pointer;opacity:1}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{width:100vw;height:100vh;overflow:hidden;--color-01: white;--color-02: black;--color-03: #efefef;--color-04: #737373;--color-05: #00376b;--color-06: #0095f6;--color-07: rgb(219, 219, 219);--color-08: #dadbda;--color-09: #ababab;background-color:var(--color-01)}.Dark{--color-01: black;--color-02: white;--color-03: #efefef;--color-04: #737373;--color-05: #00376b;--color-06: #0095f6;--color-07: rgb(219, 219, 219);--color-08: #dadbda;--color-09: #ababab}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-thumb{background:#8686865a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#86868681}.Layout{display:flex;background-color:var(--color-01);color:var(--color-02)}.Layout .layout-content{height:100%;flex:1;overflow:scroll;max-height:100vh}.cur-n{cursor:not-allowed!important}.display-none{display:none!important}@media (max-width: 1250px){.Sidebar{width:75px!important}.Sidebar .nav-item span{padding:8px;position:absolute;left:70px;font-size:14px;border-radius:8px;background-color:var(--color-01);box-shadow:0 0 10px var(--color-08);display:none;transition:all .3s ease}.Sidebar .nav-item span:before{content:"";width:10px;aspect-ratio:1/1;background-color:var(--color-01);transform:rotate(45deg);border-radius:2px;position:absolute;left:-5px;top:10px}.Sidebar .nav-item:hover span{transition:all .3s ease;display:block}.Sidebar .logo .insta-logo,.Sidebar div .logo .full-logo{display:none}.Sidebar div .logo .moblie-logo{display:block}.Sidebar .nav-item:hover b{display:none}}@media (max-width: 1100px){.SuggestedUser{display:none}}@media (max-width: 768px){.Layout{padding:60px 0 40px}.LayoutNotAuth{padding:10px 0 40px!important}.Sidebar{display:none}.BottomNav,.Header{display:flex!important}.Profile .header .profile img{margin-right:10px;height:80px}.Profile .header div .actions div{gap:3px}.Profile .header div .actions p{font-size:16px;width:100%;margin:5px}.Profile .header div .actions div .set{padding:0}.Profile .highlights{margin:30px 0;display:flex;gap:10px}.Profile .highlights div{max-width:60px;padding:10px 15px;position:relative;display:flex;flex-direction:column}.Profile .highlights div img{width:55px}.Profile .highlights div span{margin:5px 0;font-size:12px;width:60px}::-webkit-scrollbar{width:0}.Post .post-footer,.Post .post-header{padding:5px 10px;gap:5px}.Post .post-content img{border-radius:0}.Post{margin:0;padding-bottom:0}.Profile{max-width:900px;padding:10px 5px 0}.Footer{padding-bottom:100px}.Filterphoto .content{flex-direction:column;aspect-ratio:1/2}.Filterphoto .title{background-color:var(--color-01);position:sticky;top:0}.Captionphoto .content{flex-direction:column}.Post-route section{flex-direction:column}.Post-route>section>img{max-width:100%}.Post-route{padding:0}.Post-route .post-details .header{display:none}.post-view .post-details .comments .comment .states span.delete{color:var(--color-09)!important}}@media (max-width: 450px){.Login .form-container .form,.Login .form-container .dont-have{border:none}}@media (max-width: 880px){.post-view{overflow:scroll!important;flex-direction:column}.Login .image-container{display:none}.Explore{padding:10px;grid-template-columns:repeat(3,1fr)}.post-view img{width:100%}.post-view-for-image{flex-direction:column;overflow:hidden!important}.post-view-for-image .post-details .comments{padding:14px;max-height:calc(80vh - 200px);overflow:scroll}.Explore .post-view{padding:0!important;overflow:scroll}.Settings{padding:10px}}