@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";*{padding:0;margin:0;box-sizing:border-box}#dark{background-color:#000}#dark>*{background-color:#000;color:#fff}#dark .card,#dark input{background-color:#000;color:#fff}#dark p{color:#fff}#dark .footer-menu-section,#dark .notifications-container{background-color:#000;color:#fff}#dark .profile-container,#dark .profile-nav{background-color:#000}#dark .login-form>input,#dark .register-form>input{background-color:#e1306c}a{padding:10px}.primary-btn{padding:10px 45px;border:1px solid black;border-radius:10px}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:50px;height:50px;border:10px solid #f3f3f3;border-top:10px solid #383636;border-radius:50%;animation:spinner 1.2s linear infinite}.spinner-container{display:grid;justify-content:center;align-items:center}.signup-spinner,.error-signup{margin-bottom:18px;color:#fff}.password-modal{position:absolute;top:120%;background-color:#fff;border:1px solid #ef4444;padding:10px}.password-modal>h1{color:#ef4444}.password-modal>ul{list-style-type:circle;list-style-position:outside}.password-modal>ul>*{color:#000}.register-form>h1,.login-form :nth-child(1){font-size:120px;margin-bottom:20px;color:#000;font-family:Roboto}.current-image{display:flex;align-items:center;gap:15px}.current-image>svg{cursor:pointer}@media (max-width: 540px){.register-form>h1,.login-form :nth-child(1){font-size:90px}}@media (max-width: 400px){.register-form>h1,.login-form :nth-child(1){font-size:70px}.current-image>svg{width:28px;height:28px}}@media (max-width: 295px){.register-form>h1,.login-form :nth-child(1){font-size:65px}}.feed-container{margin-left:32%;min-height:100vh;display:grid;justify-content:center;grid-template-columns:1fr .5fr;padding-top:40px;padding-bottom:120px;padding-right:25px}.feed-container>div{display:flex;flex-direction:column;gap:10px;grid-column:1/2;grid-row:1/2}.feed-container>section{grid-column:2/2;display:flex;flex-direction:column;gap:10px}.card{border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;box-shadow:#63636333 0 2px 8px;width:60%}.card>a>section,.card>section{padding:8px 12px}.card>a{padding:0}.user-section{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e2e8f0}.user-section>img{border-radius:50%;width:45px;height:45px;border:1px solid #cbd5e1;-o-object-fit:cover;object-fit:cover}.buttons-section{display:flex;align-items:center;gap:15px}.buttons-section>:nth-child(2){flex:1}.description-section{display:flex;flex-direction:column;gap:15px}.description-section>a{padding:0}.description-section>a>div{display:flex;gap:15px;align-items:center}.description-section>a>div>img{width:36px;height:36px;border-radius:50%;border:1px solid #cbd5e1;-o-object-fit:cover;object-fit:cover}#light .comment-form>button{color:#000}#light .comment-form>button:disabled{opacity:.1}.comment-form{border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:10px;width:100%}.comment-form>input{width:80%;border:0;padding:8px}.comment-form>button{width:20%;border:0;background-color:inherit;cursor:pointer}p{color:#475569}.profile-feed-card{display:flex;flex-direction:column;border:1px dashed gray;width:100%;border-radius:20px;min-height:25vh;max-height:25vh;grid-column:2/2;grid-row:1}.banner{height:45px;background-color:#7dd3fc;border-top-right-radius:20px;border-top-left-radius:20px}.info-section{position:relative;display:flex;align-items:center;justify-content:center;gap:2px;flex:1;background-color:#f1f5f9;border-bottom-right-radius:20px;border-bottom-left-radius:20px}#dark .info-section{background-color:#000}.info-section h4{cursor:pointer}.info-profile-img{position:absolute;top:-15%;left:45%;width:52px;height:52px;border-radius:50%;padding:5px;border:3px solid white}.info-section h1:hover{text-decoration:underline;text-decoration-color:#8b5cf6}.suggested-users{display:flex;flex-direction:column;border:1px solid grey;min-height:40vh;max-height:40vh;border-radius:10px;width:100%;gap:4px;overflow-y:auto;scroll-behavior:smooth}.recipe-toggle{width:100%;border:1px solid #8b5cf6;padding:15px 25px;border-radius:10px;cursor:pointer;text-align:center;font-size:1.4rem;display:flex;flex-direction:column;gap:5px}.fact-container{width:100%;border:1px solid #8b5cf6;padding:15px;border-radius:10px;text-align:center}.fact-container>h1{padding-bottom:10px;font-size:1.3rem;font-weight:600}.fact-container>p{font-size:20px;font-weight:400}.users-container-profile{display:flex;align-items:center;gap:3px;padding:5px}.users-container-profile-profile>:nth-child(1){flex:1}.users-container-profile>a>div>img{width:42px;height:42px;border-radius:50%;border:1px solid #cbd5e1;-o-object-fit:cover;object-fit:cover;border:3px solid #8b5cf6;padding:1px}.suggested-header{padding:2px;border-bottom:1px solid gray}.carousel-slider{position:relative}.carousel-slider>img{-o-object-fit:cover;object-fit:cover;width:100%;height:450px}.carousel-slider>:nth-child(2){position:absolute;top:40%;left:10px;cursor:pointer}.carousel-slider>:nth-child(3){position:absolute;top:40%;right:10px;cursor:pointer}#dark main{min-height:100vh;background-color:#000}main>.spinner-container{position:fixed;top:25%;left:55%}.buttons-section .loading-spinner{width:32px;height:32px}.buttons-section:nth-child(3){fill:#fff}#light .buttons-section:nth-child(3) .active{fill:#000}#dark .buttons-section:nth-child(3){fill:#000}#dark .buttons-section:nth-child(3) .active{fill:#fff}#dark .recipe-modal{background-color:#000;border:2px solid white}.recipe-modal{position:fixed;top:8%;left:25%;border:2px solid black;width:60%;z-index:10000;background-color:#fff;transform:translateY(-1200px);transition:transform 1.2s ease-in-out}.recipe-modal.active{transform:translateY(0);transition:transform 1.4s ease-out}.recipe-modal h2,.recipe-modal h3{font-weight:700}.recipe-modal>div{display:flex;flex-direction:column;padding:10px;gap:10px}.recipe-modal>div>div{display:flex;flex-direction:column;gap:5px}.recipe-modal ul{-webkit-text-decoration:dotted;text-decoration:dotted;list-style-type:circle}.recipe-modal h1{text-align:center;font-size:1.4rem;font-weight:600}.user-skeleton-container{display:flex;align-items:center;animation:scale 4s infinite;padding:5px}@keyframes scale{0%{transform:scale(.9)}to{transform:scale(1)}}.user-skeleton-container>div{display:flex;align-items:center;flex:1}.skeleton-avatar{background:#e5e4e2;height:50px;width:50px;border-radius:50%}.skeleton-author{background:#e5e4e2;height:30px;width:100px;margin-left:1rem;border-radius:6px}.skeleton-button{background:#e5e4e2;padding:18px 35px;border-radius:20px}@media (max-width: 1500px){.card{width:68%}}@media (max-width: 1156px){.suggested-users{flex-direction:row;align-items:center;left:-8%;min-height:12vh;width:55%;padding:0 15px;overflow-y:none;overflow-x:auto;border:0;position:absolute}.user-skeleton-container>div{flex-direction:column;align-items:center;justify-content:center;gap:10px}.skeleton-author{background:#e5e4e2;height:20px;width:80px;margin-left:0;border-radius:6px}.skeleton-button,.fact-container,.recipe-toggle,.recipe-modal{display:none}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:90px}.suggested-header{display:none;border:0}.users-container-profile>button{display:none}.users-container-profile>a>div>:not(img,p){display:none}.users-container-profile>a>div{display:flex;flex-direction:column;align-items:center;text-align:center}.users-container-profile>a>div>img{width:56px;height:56px;border:3px solid #8b5cf6;padding:1px}.users-container-profile>a>div>img:hover{scale:10px}.users-container-profile>a{padding:0}.feed-container{width:100%;align-items:center;display:flex;flex-direction:column;padding-top:40px;padding-bottom:120px;min-height:100vh;gap:25px;position:relative;padding-right:0}.feed-container>div{padding-top:120px}.card{width:40%}}@media (max-width: 960px){.suggested-users{left:-5%}.card{width:45%}}@media (max-width: 752px){.suggested-users{width:75%;left:10%}.users-container-profile>button{font-size:.7rem}.feed-container{width:100%;margin-left:0;padding-top:150px;align-items:center}.feed-container>div{align-items:center}.card{width:65%}main>.spinner-container{top:35%;left:45%}}@media (max-width: 620px){.card{width:70%}}@media (max-width: 545px){.suggested-users{width:100%;left:0}.ellipsis{width:75px}.feed-container{width:100%;margin-left:0;align-items:center}.card{width:80%}}@media (max-width: 460px){.card{width:85%}}@media (max-width: 395px){.feed-container{width:100%;margin-left:0;align-items:center}.suggested-users{width:100%;padding:0}.card{border:0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;border-radius:0;width:100%}}.main-navigation{display:flex;position:fixed;top:0;left:0;flex-direction:column;border-right:1px solid gray;min-height:100vh;padding:1.5rem;justify-content:space-between;background-color:#fff;z-index:100}.links-section{align-items:center}#dark .links-section{background-color:#000}.links-section>svg{display:none;cursor:pointer}.logo-desktop{font-family:Lobster,cursive;font-size:2rem;text-align:center}#dark .logo-mobile>svg,#dark .logo-desktop>svg{fill:#fff}li{display:flex;align-items:center;gap:15px;text-decoration:none;list-style:none;padding:8px;width:100%;border-radius:15px;cursor:pointer}.footer-nav{display:flex;padding:8px 10px;border-radius:15px;cursor:pointer}li:hover,.footer-nav:hover{background-color:#c084fc}#dark li:hover,#dark .footer-nav:hover{background-color:#312e81}.header-nav{display:flex;flex-direction:column;justify-content:center}.logo-mobile{display:none}.profile-link>li>div>img,.links-section>a>li>div>img{border-radius:50%;width:34px;height:34px}.links-section>:last-child>li.active>div>img{border:2px solid #18181b;-o-object-fit:cover;object-fit:cover}.links-section>a>li.active{font-weight:900}.links-section>a>li.active>div>svg{fill:none;stroke:#000;stroke-width:2.5px;stroke-linejoin:round}#dark .links-section>a>li.active>div>svg{fill:none;stroke:#fff;stroke-width:2.5px;stroke-linejoin:round}.footer-menu-section{display:none;position:absolute;flex-direction:column;background-color:#fff;color:#000;top:-115px;left:0;width:200px;border-radius:8px;text-align:center;z-index:1000;border:1px solid #e4e4e7;cursor:pointer}.footer-menu-section>a,.footer-menu-section>div{width:100%;border-bottom:1px solid #e4e4e7;padding:4px;cursor:pointer}.footer-menu-section>:first-child{border-top-right-radius:8px;border-top-left-radius:8px}.footer-menu-section>:last-child{border-bottom-right-radius:8px;border-bottom-left-radius:8px}.footer-menu-section>div:last-child{border-bottom:none}.footer-menu-section>div{display:flex;align-items:center;justify-content:space-around}.footer-menu-section>a:hover,.footer-menu-section>div:hover{background-color:#c084fc}#dark .footer-menu-section>a:hover,#dark .footer-menu-section>div:hover{background-color:#312e81}.drop-container{background-color:#0009;position:fixed;display:flex;top:0;left:0;justify-content:center;align-items:center;width:100%;height:100%;z-index:10000;padding-bottom:40px}.drop-div{background-color:#fff;display:flex;width:55%;height:65%;flex-direction:column;align-items:center;justify-content:center;z-index:10000!important;gap:15px}.drop-div p{color:red}.drop-div>.file-input{margin-top:10px}#dark .drop-div{background-color:#000;border:1px solid white}.share-container{display:flex;width:85%;height:75%;background-color:#f8fafc;border:1px solid white}.images-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-template-rows:250px 250px 250px;padding:15px;width:60%;gap:5px;background-color:#000;overflow-y:auto}.images-container>div{width:100%;height:250px}.images-container>div>img{-o-object-fit:fill;object-fit:fill;height:100%;width:100%}.caption-container{display:flex;flex-direction:column;flex:1;padding:10px;gap:20px}#dark .caption-container{background-color:#000;color:#fff}#dark .user-info{color:#fff}.images-container .file-input{display:flex;align-items:center;justify-content:center;border:1px solid white}.share-container>div>textarea{padding:8px;max-height:40%;width:100%;flex:1;border-radius:12px;border:1px solid black;font-size:1.2rem;font-weight:600}#dark .share-container>div>textarea{background-color:#000;color:#fff;border-color:#fff}.user-info{display:flex;gap:15px;color:#000;align-items:center}.user-info>img{width:40px;height:50px;border-radius:50%}.user-info>h4{flex:1}.share-btn{font-size:1.1rem;background-color:#67e8f9;border-radius:8px;padding:8px 35px;cursor:pointer}.share-btn:disabled{cursor:not-allowed}#actual-btn{display:none}label{background-color:#87ceeb;color:#fff;padding:.5rem;font-family:sans-serif;border-radius:.3rem;cursor:pointer;margin-top:1rem}#file-chosen{margin-left:.3rem;font-family:sans-serif}.links-section>a>li>div{position:relative}.notification-msg{position:absolute;z-index:10;background-color:#dc2626;padding:4px;border-radius:50%;top:-5px;right:0}.remove-image{position:relative;opacity:.6;display:flex;flex-direction:column;gap:8px;z-index:1000;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .3s ease-in}@media (max-width: 1150px){.main-navigation{width:150px;align-items:center}.header-nav{align-items:center}li,.footer-nav{gap:20px}li:hover,.footer-nav:hover{background-color:#c084fc}#dark li:hover,#dark .footer-nav:hover{background-color:#312e81}h3,.logo-desktop{display:none}.logo-mobile{display:block}.footer-menu-section{top:-70px;left:80px}.share-container{width:95%}.images-container{width:65%}.caption-container{width:45%;flex:none}}@media (max-width: 752px){.main-navigation{flex-direction:row;width:100%;min-height:10%;border-right:none;background-color:#f8fafc;box-shadow:#0000001a 0 4px 6px -1px,#0000000f 0 2px 4px -1px}.links-section>svg{display:block}#dark .main-navigation{border-bottom:1px solid white}#dark .links-section{border-top:1px solid white}.logo-desktop{display:block}.logo-mobile,.footer-nav{display:none}.header-nav{width:100%;flex-direction:row;height:5vh;justify-content:flex-start;align-items:center}.links-section{display:flex;justify-content:space-evenly;position:fixed;bottom:0;left:0;width:100%;background-color:#f8fafc;box-shadow:#0000003d 0 3px 8px}.links-section>*{padding:0}.notification-link{position:fixed;top:2.5%;right:45px;padding:0}li:hover{background-color:#c084fc}#dark li:hover{background-color:#312e81}.drop-container{width:100%}.drop-div{height:80%;width:90%}.share-container{flex-direction:column;width:95%;height:90%}.share-container>img{width:100%;height:75%}.profile-link>li>img{width:32px;height:32px}.images-container{height:85%;width:100%}.caption-container{height:45%;width:100%;padding:25px}.share-container>div>textarea{max-height:none;flex:1}}@media (max-width: 370px){.logo-desktop{display:block}.caption-container{padding:5px}.logo-mobile,.footer-nav{display:none}.links-section>*{padding:1px}li:hover{background-color:#c084fc}#dark li:hover{background-color:#312e81}}@media (max-width: 280px){.caption-container>.user-info{flex-direction:column}.images-container{align-items:center;padding:10px}}.notifications-container{display:flex;background-color:#fff;flex-direction:column;gap:20px;min-height:100vh;max-height:100vh;margin-left:30%;top:0;left:calc(100% - 70px);width:450px;position:absolute;border-left:2px solid #f3f4f6;border-top-right-radius:24px;border-bottom-right-radius:24px;box-shadow:#110c2e26 0 48px 100px;transform:translate(-1000px);transition:transform 1s ease-out;overflow-y:auto;padding-bottom:80px}.notifications-container>h1{font-weight:900;font-size:1.3rem;padding:15px}.notifications-container.active{transform:translate(1px);transition:transform 1s ease-in-out}.notification-card{display:flex;align-items:center;padding:5px 25px;gap:10px;width:100%;cursor:pointer}.notification-card:hover{background-color:#c084fc}#dark .notification-card:hover{background-color:#312e81}.notification-card>img{width:38px;height:38px;border-radius:50%}.notification-content{width:50%;display:flex;align-items:center}.notification-content>a{padding:0}@media (max-width: 1350px){.notifications-container.active{left:calc(100% - 80px)}}@media (max-width: 880px){.notifications-container.active{left:calc(100% - 50px)}}@media (max-width: 755px){.notifications-container{transform:translate(100%);transition:transform 1.5s ease-in-out}.notifications-container.active{top:0;left:0;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;margin-left:30%}}@media (max-width: 510px){.notifications-container.active{margin-left:50px}}@media (max-width: 410px){.notifications-container.active{margin-left:30px}}@media (max-width: 389px){.notifications-container.active{margin-left:10px}}.profile-container{display:flex;flex-direction:column;align-items:flex-end;min-height:100vh;padding:45px;width:100%;position:absolute}a{text-decoration:none}.empty-container{display:flex;align-items:center;padding:25px;width:70%;justify-content:center}.profile-card{display:flex;padding:25px;width:70%;justify-content:center;align-items:center;gap:70px}.profile-card>img{border-radius:50%;width:125px;height:125px;border:1px solid #cbd5e1;-o-object-fit:cover;object-fit:cover}.info-profile{display:flex;flex-direction:column;gap:15px}.info-profile>h2{font-weight:700}.info-profile>div{display:flex;align-items:center;gap:15px}.profile-nav{display:flex;align-items:center;justify-content:center;gap:55px;background-color:#f8fafc;width:70%;margin-bottom:10px;border-top:1px solid #cbd5e1;height:5vh}.profile-nav>div{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:2px;font-size:.7rem;font-weight:900}.profile-nav .active{border-top:2px solid #475569}#dark .profile-nav .active{border-top:2px solid white}.posts-container{display:grid;width:70%;margin-top:40px;min-height:100vh;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.posts-container>a{width:100%;height:300px;padding:0}.profile-post-image{position:relative}.profile-post-image>span{width:100%}.profile-post-image>span>img{-o-object-fit:cover;object-fit:cover;height:300px;width:100%}.posts-container .active{border-top:2 px solid black}.info-followers{text-align:center;cursor:pointer}.info-followers>div{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.info-followers>div svg{width:28px;height:28px}.users-container-list{position:fixed;background-color:#0009;top:0;z-index:10;color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.users-list-content>:nth-child(1){display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid grey;z-index:1500}.users-list-content{width:90%;background-color:#fff;color:#000;z-index:1000;border-radius:12px;max-height:45%;overflow-y:auto}.users-container-profile{display:flex;align-items:center;justify-content:space-between}.users-list-content{width:25%}.edit-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;gap:25px;margin-left:10%}.edit-form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:45%;gap:15px}.edit-form>div{display:flex;width:70%;align-items:center;justify-content:space-around}.edit-form>div>input{padding:10px 15px;border:1px solid black;border-radius:12px}#dark .edit-form>div>input{border-color:#fff}.image-overlay{display:none}.image-overlay.show-overlay{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:center;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;z-index:10}.image-overlay.show-overlay>h1{font-weight:900;font-size:1.5rem}.profile-image{display:flex;align-items:center;gap:15px}.profile-image>img{border-radius:50%;width:48px;height:48px;border:1px solid #cbd5e1;-o-object-fit:cover;object-fit:cover}.profile-image>div>:nth-child(2){color:#22d3ee;cursor:pointer}.profile-image>div>:nth-child(2):hover{color:#312e81}.change-photo{display:none}.change-photo.active{position:fixed;width:100%;height:100%;background-color:#000;top:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center}.change-photo.active>div{position:absolute;display:flex;flex-direction:column;border:2px solid white;align-items:center;background-color:#f4f4f5;color:#000;height:40%;font-weight:900;width:30%;z-index:10000}.change-photo.active>div>*{padding:25px;cursor:pointer;width:100%;text-align:center}.change-photo.active>div>*:hover{background-color:#c084fc}#dark .change-photo.active>div>*:hover{background-color:#312e81}#dark .change-photo.active>div{background-color:#000;color:#fff}.profile-container .spinner-container{position:absolute;align-items:center;top:45%;width:65%}.empty-state{display:flex;margin-top:15%;flex-direction:column;gap:15px;align-items:center;justify-content:center;text-align:center;padding:10px;margin-bottom:20%}.empty-state>svg{width:72px;height:72px;border-radius:50%;padding:15px;border:4px solid black}#dark .empty-state>svg{border-color:#fff}.empty-state>h1{font-weight:900;font-size:1.5rem}#dark .profile-container .users-list-content{background-color:#000;color:#fff}@media (max-width: 1150px){.users-list-content{width:40%}.edit-form>div{width:100%}.edit-form{width:40%}.posts-container{grid-template-columns:repeat(auto-fit,minmax(200px,.5fr))}.posts-container>a{height:90%}.profile-container .users-container-profile>a>div{display:flex;flex-direction:row}.profile-container .users-container-profile>button{display:block}.change-photo.active>div{width:50%}}@media (max-width: 750px){.profile-container{display:flex;align-items:center;padding:120px 0 0;width:100%}.profile-card{width:100%;gap:35px}.info-followers{width:100%;height:100%}.users-list-content{width:60%}.users-container-profile>button{font-size:.9rem}.edit-container{margin-left:0}.edit-form{width:70%}.posts-container{grid-template-columns:repeat(auto-fit,minmax(150px,.5fr));width:90%;padding-bottom:100px}.posts-container>a{height:95%}.profile-container .spinner-container{top:75%}.profile-nav{width:100%}.change-photo.active>div{width:60%;height:350px}}@media (max-width: 450px){.profile-card{padding:15px;margin-top:20%;gap:25px;justify-content:space-around}.profile-container{padding-top:60px}.profile-nav{width:100%}.info-followers{flex-direction:column}.info-followers>div{flex-direction:row}.posts-container{grid-template-columns:repeat(auto-fit,minmax(180px,.5fr));justify-content:center;width:100%;padding:10px;gap:20px}.posts-container>a{height:140px}.profile-post-image>span>img{height:140px}.users-list-content{width:90%}.users-container-profile>button{font-size:.7rem}.edit-form>div{flex-direction:column}.profile-container .spinner-container{top:95%}.change-photo.active>div{width:80%;height:350px}}@media (max-width: 350px){.posts-container{grid-template-columns:repeat(auto-fit,minmax(100px,.5fr))}.users-container-profile{font-size:.9rem}.users-container-profile>a>div>img{width:42px;height:42px}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.post-details{position:absolute;top:0;left:0;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#0009;position:relative;z-index:10000}.post-details>svg{position:absolute;cursor:pointer}.left-arrow{top:10px;left:25px;width:48px;height:38px;fill:#fff}.right-arrow{top:10px;right:25px;width:48px;height:38px;fill:#fff}.details-info-section{display:flex;flex-direction:column;justify-content:space-between;width:35%;background-color:#fff}.details-info-section>*{padding:8px 12px}#dark .details-info-section{background-color:#000;border:1px solid white}.post-details>*{z-index:10000;height:85vh;flex:0 0 auto}.user-section-details{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:20px}.user-section-details>img{border-radius:50%;width:45px;height:45px}.details-images-section{display:flex;align-items:center;justify-content:center;width:50%;padding:15px 0;background-color:#000}.details-images-section>div>img{height:82vh;width:100%}#dark .details-images-section{border:1px solid white}.back-btn{position:absolute;cursor:pointer;right:12px;top:10px;display:block;color:#fff;font-size:1.2rem}.caption-comments{overflow-y:auto;flex:1}.comment-form{width:100%}.caption-section{display:flex;flex-direction:column;gap:10px;padding:10px;margin-bottom:30px}.caption-section>a{padding:0}.caption-info{display:flex;align-items:center;gap:15px}.caption-info>img{width:32px;height:32px;border-radius:50%}.likes-info{display:flex;flex-direction:column;gap:10px}.buttons-section-details{display:flex;gap:5px;width:100%}.buttons-section-details>:nth-child(2){flex:1}.buttons-section-details .loading-spinner{width:32px;height:32px}.commments-card{display:flex;flex-direction:column}.comments-container{display:flex;flex-direction:column;gap:15px}.comments-info{display:flex;align-items:center;justify-content:space-between}.comments-info>div>a{padding:0}.comments-info>div>a>div>img{width:42px;height:42px;border-radius:50%}.comments-info>svg{align-self:flex-start}.comments-info>div{display:flex;flex-direction:column;gap:5px}.comments-info .loading-spinner{width:32px;height:32px}.comment{display:flex;gap:10px}.comment>button{cursor:pointer}.comment-card-info{display:flex;gap:10px;align-items:center}.comment-card-info>svg{cursor:pointer}.edit-comment-input{border:1px solid black;padding:5px;border-radius:8px;color:#000}.post-details-spinner{margin-top:30%;margin-left:20%}@media (max-width: 920px){.post-details>*{height:65vh}.details-images-section{width:50%}.details-info-section{width:45%;margin-left:2px}.details-images-section>div>img{height:62vh}.post-details-spinner{margin-top:60%}.post-details>svg{display:none}}@media (max-width: 750px){.post-details-spinner{margin-right:20%}}@media (max-width: 620px){.post-details{justify-content:flex-start}.post-details>*{height:90vh;flex:0 0 auto}.details-images-section{display:none}.details-info-section{width:100%;margin-left:2px}.post-details-spinner{margin-top:80%;margin-right:20%}}.chat-container{display:flex;align-items:center;min-height:100vh}.chat-container>div{display:grid;margin-left:30%;grid-template-columns:2fr 4fr;grid-template-rows:.2fr 3fr;border:1px solid #d1d5db;min-height:75vh;width:60%;font-size:1.2rem}.chat-header{grid-column:1/1;grid-row:1/0;height:100%;text-align:center;padding:10px}.chat-users{grid-column:1 / 2;border:1px solid #d1d5db;max-height:100%;overflow-y:auto;padding:8px;display:flex;flex-direction:column;min-height:100%;gap:5px}.chat{display:flex;flex-direction:column;justify-content:space-between;grid-column:2/2;grid-row:2/2;border:1px solid #d1d5db;padding:10px}.empty-chat{display:flex;align-items:center;justify-content:center}.chat>.messages{display:flex;flex-direction:column;gap:10px;max-height:600px;flex:1;overflow:hidden;overflow-y:auto}.private-chat-header{display:flex;align-items:center;gap:7px;padding:15px;grid-column:2/2;grid-row:1/2;border:1px solid #d1d5db}.private-chat-header>button{display:none}.user-card{display:flex;gap:5px;align-items:center;justify-content:flex-start;border-radius:8px;padding:5px 10px;border:1px solid #d1d5db}.user-card:hover{background-color:#c084fc;cursor:pointer}#dark .user-card:hover{background-color:#312e81}.user-card.active{background-color:#d1d5db}.user-card>div>:nth-child(1){display:flex;gap:2px;align-items:center}.user-card>div>:nth-child(2){display:flex;gap:5px;align-items:center;font-size:.7rem}.user-card>img,.private-chat-header>img,.chat-box>img{width:48px;height:48px;border-radius:50%}.green-circle:before{content:"";border-radius:50%;width:10px;height:10px;display:block;background-color:green}.chat-box{display:flex;gap:20px;align-items:center;padding:10px 25px;border-radius:8px}.chat-box>h4{border:1px solid #d1d5db;padding:10px 30px;border-radius:15px}.chat-box.user{align-self:flex-end}.chat-box.guest{align-self:flex-start}.send-container{display:flex;align-items:center;border-radius:20px;padding:15px;gap:10px;border:2px solid #d1d5db}.chat-input{background-color:inherit;flex:1;border:0;outline:0;font-size:1.1rem}.send-btn{cursor:pointer;color:#0ea5e9;font-size:1.1rem}.new-message{font-weight:900}@media (max-width: 1250px){.chat-container>div{margin-left:25%;width:85vh}}@media (max-width: 1010px){.chat-container>div{margin-left:18%;width:85vh}}@media (max-width: 880px){.chat-container>div{margin-left:20%;width:75vh;font-size:1.1rem}.user-card.active{padding:0;gap:0}}@media (max-width: 770px){.chat-container>div{margin-left:20%;font-size:1rem;width:70vh}}@media (max-width: 750px){.chat-container>div{padding-top:120px;margin:15% auto 20%;font-size:1rem;width:90%;display:flex;flex-direction:column;border:0}.chat-header,.private-chat-header{display:none}.private-chat-header>button.activated{display:block;font-size:1.8rem}.private-chat-header.activated{display:flex}.chat{display:none}.chat-users{display:flex;max-height:70vh;min-height:60vh;overflow-y:auto;width:100%;border-radius:12px}.chat-users.disabled{display:none}.chat.activated{display:flex;height:65vh;width:100%;max-height:90vh;border-top:0;gap:10px}}@media (max-width: 400px){.chat-container>div{width:100%}}:root{--card_width: 300px;--row_increment: 100px;--card_border_radius: 16px;--card_small: 26;--card_med: 33;--card_large: 42}.explore-container{padding:0;margin-left:12%;gap:2px;display:grid;grid-template-columns:repeat(auto-fill,var(--card_width));grid-auto-rows:var(10px);min-height:100vh;justify-content:center;overflow-y:auto}.card-explore{padding:0;margin:15px 10px;cursor:pointer}.card-explore:hover{transform:scale(1.02);transition:transform .6s ease}.card-explore>a>img{-o-object-fit:cover;object-fit:cover;height:85%;border-radius:var(--card_border_radius);max-width:100%}.card_small{grid-row-end:span var(--card_small)}.card_medium{grid-row-end:span var(--card_med)}.card_large{grid-row-end:span var(--card_large)}@media (max-width: 1510px){.explore-container{margin-left:13%}}@media (max-width: 1010px){.explore-container{padding:10px;grid-template-columns:repeat(auto-fill,225px);justify-content:center;margin-left:10%}}@media (max-width: 880px){.explore-container{padding:18px;grid-template-columns:repeat(auto-fill,180px);justify-content:center;margin-left:16%}}@media (max-width: 750px){.explore-container{width:100%;margin-left:0;padding:100px 0 40px;grid-template-columns:repeat(auto-fill,180px);height:100%}}@media (max-width: 570px){.explore-container{grid-template-columns:repeat(auto-fill,200px)}}@media (max-width: 450px){.explore-container{grid-template-columns:repeat(auto-fill,250px)}.card-explore>a>img{height:75%}.card-explore{margin:0 6px}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.relative{position:relative}.my-4{margin-top:1rem;margin-bottom:1rem}.flex{display:flex}.min-h-screen{min-height:100vh}.w-5\/6{width:83.333333%}.w-full{width:100%}.w-4\/5{width:80%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-8{gap:2rem}.gap-5{gap:1.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-t-2{border-top-width:2px}.border-solid{border-style:solid}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.bg-\[\#e1306c\]{--tw-bg-opacity: 1;background-color:rgb(225 48 108 / var(--tw-bg-opacity))}.bg-\[\#405de6\]{--tw-bg-opacity: 1;background-color:rgb(64 93 230 / var(--tw-bg-opacity))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-\[\#405DE6\]{--tw-gradient-from: #405DE6;--tw-gradient-to: rgb(64 93 230 / 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#5851DB\]{--tw-gradient-to: rgb(88 81 219 / 0);--tw-gradient-stops: var(--tw-gradient-from), #5851DB, var(--tw-gradient-to)}.to-\[\#FD1D1D\]{--tw-gradient-to: #FD1D1D}.p-2{padding:.5rem}.p-5{padding:1.25rem}.p-4{padding:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.text-center{text-align:center}.uppercase{text-transform:uppercase}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-indigo-300{--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.sm\:w-3\/5{width:60%}}@media (min-width: 768px){.md\:w-2\/5{width:40%}}@media (min-width: 1536px){.\32xl\:w-1\/5{width:20%}}