:root{--yellow:#f5c32c;--orange:#fca61f;--black:#242d49;--gray:rgba(36,45,73,.65);--profileShadow:0px 4px 17px 2px rgba(0,0,0,.25);--hrColor:#cfcdcd;--cardColor:#e5e4e2;--buttonBg:linear-gradient(98.63deg,#f9a225,#f95f35);--inputColor:rgba(40,52,62,.07);--photo:#4cb256;--video:#4a4eb7;--location:#ef5757;--shedule:#e1ae4a;--hunterGreen:#3f704d;--logoTextColorPrimary:#ffdf00;--font-family:"Josefin Sans",sans-serif}body{background-color:#ffdf00;background-color:var(--logoTextColorPrimary);font-family:Josefin Sans,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}i{-webkit-tap-highlight-color:transparent}.app{background-color:#f3f3f3;color:#242d49;color:var(--black);overflow:hidden}.button{align-items:center;background-color:#7393b3;border:none;border-radius:.5rem;color:#fff;display:flex;justify-content:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#555;border-radius:10px}::-webkit-scrollbar-track{display:none}.delete-account-backdrop,.logout-backdrop{-webkit-backdrop-filter:blur(10px) brightness(90%);backdrop-filter:blur(10px) brightness(90%);background-color:hsla(0,0%,100%,.5);display:none;height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:1002!important}.home{grid-gap:.08rem;background-color:var(--logoTextColorPrimary);display:grid;gap:.08rem;grid-template-columns:20rem auto 20rem;grid-template-rows:auto;height:calc(100vh - 4.8rem);margin-top:.3rem;position:relative;width:100vw}.left-home-side{background-color:#f0f2f5;box-shadow:0 2px 7px rgba(0,0,0,.5)}.middle-home-side{background-color:#f0f2f5;background-color:#ffdf00;display:grid;margin-bottom:.3rem;overflow:scroll;padding:1rem}.right-home-side{background-color:#f0f2f5;box-shadow:0 1px 4px rgba(0,0,0,.5)}.find-friends-backdrop,.friend-requests-backdrop{-webkit-backdrop-filter:blur(10px) brightness(90%);backdrop-filter:blur(10px) brightness(90%);background-color:hsla(0,0%,100%,.5);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1002}@media screen and (max-width:1350px){.home{grid-template-columns:17rem auto 17rem}}@media screen and (max-width:1300px){.home{grid-template-columns:14rem auto 14rem}}@media screen and (max-width:1200px){.home{grid-template-columns:11rem auto 11rem}}@media screen and (max-width:1000px){.left-home-side,.right-home-side{display:none}.home{grid-template-columns:1fr}}@media screen and (max-width:400px){.middle-home-side{overflow-x:hidden}}.middle-column{display:flex;flex-direction:column;gap:1rem;height:100%}.post-share-card{grid-gap:1rem;align-items:center;background-color:#f0f2f5;border-radius:.3rem;box-shadow:1px 1px 7px rgba(0,0,0,.5);display:grid;gap:1rem;grid-template-columns:1fr;justify-content:center;margin:.3rem;padding:1rem 3rem}.share-image{border-radius:50%;height:3rem;width:3rem}.upper-post-share{justify-content:center}.share-post-comps,.upper-post-share{align-items:center;display:flex;gap:1rem;width:100%}.share-post-comps{justify-content:space-between}.share-post-comps>div{align-items:center;display:flex;justify-content:center}.share-post-comps>div>span{font-size:1.15rem}.share-input{background-color:transparent;border:1px solid #383838;border-radius:.3rem;font-family:Josefin Sans,sans-serif;font-size:1.2rem;height:3rem;outline:none;padding-left:.7rem;padding-right:.5rem;width:100%}.action{align-items:center;display:flex;gap:.3rem;justify-content:center;margin-left:4rem}.action>img{height:2.8rem;width:2.8rem}.share-button{background-color:#333;border:none;border-radius:.3rem;box-shadow:1px 1px 4px #383838;color:#f0f2f5;font-family:Josefin Sans,sans-serif;font-size:1.2rem;outline:none;padding:.7rem 1.2rem}.share-button:hover{background-color:var(--logoTextColorPrimary);cursor:pointer}.show-image{display:grid;margin:auto;overflow:hidden;place-items:center;position:relative}.show-image>img{height:25rem;object-fit:contain;width:100%}.show-image>i{color:#333;-webkit-filter:none;filter:none;position:absolute;right:5%;top:5%}.share-post-error{color:red;font-size:1.3rem;margin:auto}@media screen and (max-width:570px){.show-image>img{height:20rem;object-fit:contain;width:100%}}@media screen and (max-width:500px){.post-share-card{padding:1rem}}@media screen and (max-width:400px){.post-share-card{margin:auto;width:95%}.action{margin-left:0}.show-image>img{height:15rem}}.posts{display:flex;flex-direction:column;gap:1rem;height:100%;padding:.3rem;width:100%}.post-loader{margin:auto}@media screen and (max-width:400px){.posts{margin:auto;width:99%}}.post{background-color:#f0f2f5;border-radius:.3rem;box-shadow:1px 1px 7px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem}.post>img{background-color:#333;border-radius:.4rem;max-height:25rem;object-fit:contain;width:100%}.post-user-description{align-self:center;display:flex;flex-direction:column;justify-self:center;width:95%}.post-user-description-name-image{align-items:center;display:flex;gap:.5rem;justify-content:center}.post-user-description-name-image>img{border-radius:50%;cursor:pointer;height:3.5rem;width:3.5rem}.user-name-description{color:var(--logoTextColorPrimary);font-size:1.7rem;text-align:center;text-shadow:.5px .5px .5px #787878}.user-name-description:hover{cursor:pointer;text-decoration:underline}.post-name-description{color:#333;font-size:1.4rem;text-align:center}.actions{display:flex;gap:2rem;justify-content:flex-start}.comment-action,.like-action{align-items:center;display:flex;gap:.2rem;justify-content:center;width:4rem}.comment-action>i,.like-action>i{cursor:pointer;font-size:2rem}.comment-action>span,.like-action>span{color:var(--logoTextColorPrimary);font-size:1.2rem;font-weight:600}.comment-modal-backdrop,.others-profile-modal-backdrop{-webkit-backdrop-filter:blur(10px) brightness(90%);backdrop-filter:blur(10px) brightness(90%);background-color:hsla(0,0%,100%,.5);bottom:0;height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:1002}@media screen and (max-width:600px){.user-name-description{font-size:1.6rem}.post-name-description{font-size:1.3rem}.comment-action>i,.like-action>i{font-size:1.8rem}.comment-action>span,.like-action>span{font-size:1.1rem}.post>img{max-height:19rem}.post-user-description-name-image>img{height:3rem;width:3rem}}@media screen and (max-width:400px){.post{margin:auto;width:99%}.user-name-description{font-size:1.5rem}.post-name-description{font-size:1.3rem}.comment-action>i,.like-action>i{font-size:1.8rem}.comment-action>span,.like-action>span{font-size:1.1rem}.post>img{max-height:17rem}}.comment-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:2px 2px 5px #000;display:grid;height:80vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:40vw;z-index:1003}.comment-modal-container{align-items:center;background-color:#333;border-radius:.4rem;display:flex;flex-direction:column;height:95%;justify-content:space-between;overflow-y:scroll;position:relative;width:95%}.comment-modal-items{grid-gap:1rem;align-items:start;display:grid;gap:1rem;justify-items:center;margin-top:1rem;overflow-y:scroll;width:90%}.comment-modal-item{grid-gap:.5rem;display:grid;gap:.5rem;padding:.5rem;place-items:center;width:90%}.comment-modal-item>span{color:var(--logoTextColorPrimary);text-align:center}.comment-modal-item-name-image>h4{color:var(--logoTextColorPrimary);font-size:1.4rem}.comment-modal-item-other-user:hover{cursor:pointer;text-decoration:underline}.comment-modal-item>p{color:#f0f2f5;font-size:1.2rem;text-align:center}.comment-modal-container>i{color:#fff;cursor:pointer;-webkit-filter:drop-shadow(2px 2px 2px #000);filter:drop-shadow(2px 2px 2px rgb(0,0,0));font-size:2rem;position:absolute;right:2%;top:2%}.comment-line{border:1px solid #f0f2f5;width:100%}.add-comment{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;justify-items:start;margin-bottom:.5rem;margin-top:.5rem;width:90%;z-index:500}.add-comment>textarea{border:none;color:#333;font-size:1.2rem;padding:1rem;resize:none;width:100%}.add-comment>button,.add-comment>textarea{background-color:var(--logoTextColorPrimary);border-radius:.4rem;font-family:var(--font-family);font-weight:600;outline:none}.add-comment>button{border:none;color:var(--black);cursor:pointer;font-size:1.1rem;padding:.8rem 1.3rem}.no-comments{color:#f0f2f5;font-size:1.3rem;margin:auto}.comment-modal-item-name-image{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.comment-modal-item-name-image>img{border-radius:50%;cursor:pointer;height:3rem;width:3rem}@media screen and (max-width:1200px){.comment-modal{width:50vw}}@media screen and (max-width:1000px){.comment-modal{width:60vw}}@media screen and (max-width:850px){.comment-modal{width:70vw}}@media screen and (max-width:650px){.comment-modal{width:80vw}}@media screen and (max-width:500px){.comment-modal{width:85vw}.no-comments{font-size:1.3rem;text-align:center;width:80%}}@media screen and (max-width:400px){.comment-modal{width:92vw}}.others-profile-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:2px 2px 5px #000;display:grid;height:85vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:40vw;z-index:1004}.others-profile-modal-container{background-color:#333;border-radius:.4rem;display:grid;height:95%;overflow-y:scroll;padding:.5rem;place-items:center;position:relative;width:95%}.others-profile-modal-container>i{color:#fff;cursor:pointer;-webkit-filter:drop-shadow(2px 2px 2px #000);filter:drop-shadow(2px 2px 2px rgb(0,0,0));font-size:2rem;position:absolute;right:.2%;top:.2%}.others-profile-modal-container-image-actions-container{grid-gap:1rem;border-radius:.4rem;display:grid;gap:1rem;place-items:center;width:100%}.others-names{text-align:center}.others-names>h2{font-size:1.6rem}.others-names>h2,.others-names>span{color:var(--logoTextColorPrimary);font-weight:500}.others-names>span{font-size:1.3rem}.others-profile-modal-container-image-actions-container>img{background-color:#000;border-radius:.4rem;height:15rem;object-fit:contain;width:100%}.others-profile-modal-container-image-actions-container>p{color:#f0f2f5;font-size:1.3rem;font-weight:500;text-align:center}.others-delete-update-actions{align-items:center;display:flex;justify-content:space-between}.others-location{align-items:center;display:flex;gap:.4rem;justify-content:center}.others-number-of-friends>span{color:var(--logoTextColorPrimary);font-size:1.5rem}.others-location>i{color:var(--logoTextColorPrimary);font-size:2rem}.others-location>span{color:var(--logoTextColorPrimary);font-size:1.5rem}.others-delete-update-actions>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:var(--black);cursor:pointer;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.8rem 1.3rem}.others-delete-update-actions>button:nth-child(2){background-color:#ff2400;color:#f0f2f5}@media screen and (max-width:1200px){.others-profile-modal{width:50vw}.others-profile-modal-container{padding:1rem}}@media screen and (max-width:1000px){.others-profile-modal{width:60vw}}@media screen and (max-width:850px){.others-profile-modal{width:70vw}}@media screen and (max-width:650px){.others-profile-modal{width:80vw}}@media screen and (max-width:500px){.others-profile-modal{width:90vw}}.profile-modal{background-color:var(--logoTextColorPrimary);box-shadow:2px 2px 5px #000;height:90vh;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:65vw;z-index:1004}.profile-modal,.profile-modal-container{border-radius:.4rem;display:grid;place-items:center}.profile-modal-container{grid-gap:2rem;background-color:#333;gap:2rem;grid-template-columns:1fr 1fr;height:95%;overflow-y:scroll;padding:.5rem;position:relative;width:96%}.profile-modal-container>i{color:#fff;cursor:pointer;-webkit-filter:drop-shadow(2px 2px 2px #000);filter:drop-shadow(2px 2px 2px rgb(0,0,0));font-size:2rem;position:absolute;right:.2%;top:.2%}.profile-modal-container-image-actions{background-color:#333;border:1px solid #f0f2f5;border-radius:.4rem;display:grid;height:90%;padding:.5rem;place-items:center;width:100%}.profile-modal-container-image-actions-container{grid-gap:1rem;border-radius:.4rem;display:grid;gap:1rem;grid-template-columns:1fr;height:90%;place-items:center;width:100%}.profile-modal-container-image-actions-container>h2{color:var(--logoTextColorPrimary);font-size:1.7rem;font-weight:500}.profile-modal-container-image-actions-container>img{background-color:#000;border-radius:.4rem;height:15rem;object-fit:contain;width:100%}.profile-modal-container-image-actions-container>p{color:#f0f2f5;font-size:1.3rem;font-weight:500;text-align:center}.delete-update-actions{align-items:center;display:flex;justify-content:space-between;width:100%}.delete-update-actions>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:var(--black);cursor:pointer;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.8rem 1.3rem}.delete-update-actions>button:nth-child(2){background-color:#ff2400;color:#f0f2f5}.profile-modal-container-info{align-items:center;border:1px solid #f0f2f5;border-radius:.4rem;display:grid;height:90%;justify-content:start;padding:1.2rem;width:100%}.profile-information{grid-gap:1rem;display:grid;gap:1rem}.profile-information>div{border:1px solid var(--logoTextColorPrimary);border-radius:.4rem;display:grid;grid-template-columns:1fr 1fr;padding:.6rem}.profile-information>div>h2{color:var(--logoTextColorPrimary);font-size:1.3rem;font-weight:500}.profile-info-friend-requests>h2:hover,.profile-info-friends>h2:hover{cursor:pointer;text-decoration:underline}.profile-information>div>p{color:#f0f2f5;font-size:1.2rem;word-break:break-all}.profile-modal-container-info>div>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:var(--black);cursor:pointer;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.8rem 1.3rem}.profile-modal-backdrop{-webkit-backdrop-filter:blur(10px) brightness(90%);backdrop-filter:blur(10px) brightness(90%);background-color:hsla(0,0%,100%,.5);height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1002!important}@media screen and (max-width:1200px){.profile-modal{height:97vh;width:55vw}.profile-modal-container{gap:.5rem;grid-template-columns:1fr;height:95%;width:95%}.profile-modal-container>i{right:3%;top:2%}.profile-modal-container-image-actions{height:100%}.profile-modal-container-image-actions-container{height:100%;width:100%}.profile-modal-container-info{grid-gap:1rem;align-items:center;display:grid;gap:1rem;height:100%;justify-content:center;width:100%}}@media screen and (max-width:900px){.profile-modal-container-image-actions-container>h2{font-size:1.4rem}.profile-modal-container-image-actions-container>p{font-size:1.1rem}.delete-update-actions>button{font-size:1.1rem;padding:.7rem 1.1rem}.profile-information>div>h2{font-size:1.2rem}.profile-information>div>p{font-size:1.1rem}.profile-modal-container-info>div>button{font-size:1.2rem;padding:.6rem 1.1rem}}@media screen and (max-width:800px){.profile-modal{height:90vh;width:75vw}}@media screen and (max-width:500px){.profile-modal{height:95vh;width:95vw}}@media screen and (max-width:440px){.profile-modal-container-info{padding:.5rem}.delete-update-actions>button{font-size:1.1rem;padding:.6rem .7rem}}.friend-requests-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:2px 2px 5px #000;display:grid;height:85vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:50vw;z-index:1003}.friend-requests-modal-container{align-items:center;background-color:#333;border-radius:.4rem;display:flex;flex-direction:column;gap:2rem;height:95%;justify-content:flex-start;overflow-y:scroll;padding:2rem;position:relative;width:95%}.friend-requests-modal-container>h2{color:#f0f2f5;font-size:2rem;font-weight:500}.friend-requests-modal-items{align-items:center;display:flex;flex-direction:column;gap:1rem;height:90%;justify-content:flex-start;overflow-y:scroll;width:90%}.friend-requests-modal-item{grid-gap:1rem;display:grid;gap:1rem;place-items:center}.friend-requests-modal-item>img{align-self:end;background-color:#000;border-radius:.2rem;height:14rem;object-fit:contain;width:90%}.friend-requests-modal-item-description{grid-gap:.7rem;display:grid;gap:.7rem;place-items:center;text-align:center;width:90%}.friend-requests-modal-item-names{grid-gap:.3rem;display:grid;gap:.3rem;place-items:center}.friend-requests-modal-item-names>p:first-child{color:var(--logoTextColorPrimary);font-size:1.4rem}.friend-requests-modal-item-names>p:first-child:hover{cursor:pointer;text-decoration:underline}.friend-requests-modal-item-names>p{color:var(--logoTextColorPrimary);font-size:1.2rem}.friend-requests-modal-item-description>span{color:#f0f2f5;font-size:1.2rem}.friend-requests-button{align-items:center;display:flex;gap:2rem;justify-content:center}.friend-requests-button>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:#333;cursor:pointer;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.8rem 1.3rem}.no-friend-requests-data{display:grid;left:50%;margin:auto;place-items:center;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.no-friend-requests-data>i{color:#f0f2f5;font-size:6rem}.no-friend-requests-data>span{color:#f0f2f5;font-size:1.7rem;text-align:center}@media screen and (max-width:1200px){.friend-requests-modal{width:55vw}.friend-requests-modal-container{overflow-y:scroll;padding:2rem .5rem}.friend-requests-modal-items{width:95%}}@media screen and (max-width:1000px){.friend-requests-modal{width:60vw}}@media screen and (max-width:850px){.friend-requests-modal{width:70vw}}@media screen and (max-width:650px){.friend-requests-modal{width:80vw}.friend-requests-modal-container>h2{font-size:1.8rem}}@media screen and (max-width:500px){.friend-requests-modal{width:85vw}.no-friend-requests-data>i{color:#f0f2f5;font-size:4.3rem}.no-friend-requests-data>span{color:#f0f2f5;font-size:1.4rem;text-align:center}}@media screen and (max-width:400px){.friend-requests-modal{width:92vw}}.edit-profile-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:2px 2px 5px #000;display:grid;height:95vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:50vw;z-index:1003}.edit-profile-modal-container{align-items:center;background-color:#333;border-radius:.4rem;display:flex;flex-direction:column;gap:2rem;height:95%;justify-content:flex-start;overflow-y:scroll;padding:2rem;position:relative;width:95%}.edit-profile-modal-container>h2{color:var(--logoTextColorPrimary);font-size:2rem;font-weight:500}.edit-profile-modal-items{align-items:center;display:flex;flex-direction:column;gap:1rem;height:90%;justify-content:flex-start;overflow-y:scroll;width:80%}.edit-profile-modal-image{display:grid;padding-right:.6rem;place-items:center;position:relative;width:100%}.edit-profile-modal-image>img{align-self:end;background-color:#000;border-radius:.2rem;height:14rem;object-fit:contain;width:100%}.edit-profile-modal-image>i{color:var(--logoTextColorPrimary);cursor:pointer;font-size:1.7rem;justify-self:end}.edit-profile-modal-form{grid-gap:1rem;align-items:center;display:grid;gap:1rem;justify-items:start;padding-right:.6rem;width:100%}.edit-user-name-input{position:relative}.edit-user-name-input>i{left:94%;position:absolute;top:63%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.edit-profile-modal-form>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:var(--black);cursor:pointer;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.8rem 1.3rem}.edit-profile-modal-form>span{color:var(--logoTextColorPrimary);font-size:1rem;justify-self:end}.update-button-edit-disabled{background-color:#787878!important}.profile-updated-span{color:#32cd32!important;font-size:1.4rem}@media screen and (max-width:1200px){.edit-profile-modal{height:95vh;width:60vw}.edit-profile-modal-container{padding:2rem .5rem}.edit-profile-modal-items{height:90%;width:90%}}@media screen and (max-width:1000px){.edit-profile-modal{height:95vh;width:70vw}}@media screen and (max-width:900px){.edit-profile-modal{height:95vh;width:80vw}.edit-profile-modal-items{height:90%;width:95%}.edit-profile-modal{height:95vh;width:90vw}.edit-profile-modal-container>h2{font-size:1.7rem}}@media screen and (max-width:450px){.edit-profile-modal{height:95vh;width:92vw}.edit-profile-modal-container>h2{font-size:1.7rem}.edit-profile-modal-container>i{font-size:2rem;right:1%;top:1%}}.create-password-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;display:grid;height:55vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40vw;z-index:1002}.create-password-modal-container{background-color:#333;border-radius:.4rem;display:grid;height:92%;place-items:center;position:relative;width:95%}.create-password-modal-container>i{color:#f0f2f5;font-size:1.6rem;position:absolute;right:2%;top:2%}.create-password-modal-body{grid-gap:2rem;display:grid;gap:2rem;place-items:center;width:50%}.create-password-modal-body>h2{color:#f0f2f5;font-size:1.8rem;font-weight:500!important}.create-password-modal-form{grid-gap:1rem;align-items:center;display:grid;gap:1rem;justify-items:start;width:100%}.create-password-modal-form>input{background-color:transparent;border:1px solid var(--logoTextColorPrimary);border-radius:.2rem;color:#fff!important;font-family:var(--font-family);font-size:1.2rem;font-weight:500!important;outline:none;padding:.7rem;width:100%}.create-password-modal-form>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:var(--black);cursor:pointer;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.8rem 1.3rem}.update-password-success{grid-gap:.5rem;display:grid;gap:.5rem;place-items:center;width:85%}.update-password-success>i{color:#32cd32;font-size:2rem}.update-password-success>p{color:#32cd32;font-size:1.4rem;text-align:center}.update-password-failed{grid-gap:.5rem;display:grid;gap:.5rem;place-items:center;width:85%}.update-password-failed>i{color:red;font-size:2rem}.update-password-failed>p{color:red;font-size:1.4rem;text-align:center}@media screen and (max-width:1200px){.create-password-modal{height:50vh;width:45vw}.create-password-modal-body>h2{font-size:1.7rem}}@media screen and (max-width:1000px){.create-password-modal{width:55vw}.create-password-modal-body>h2{font-size:1.6rem}}@media screen and (max-width:850px){.create-password-modal{width:63vw}.create-password-modal-body>h2{font-size:1.5rem}.create-password-modal-body{width:65%}}@media screen and (max-width:650px){.create-password-modal{width:70vw}.create-password-modal-body>h2{font-size:1.4rem}.create-password-modal-body{width:70%}}@media screen and (max-width:500px){.create-password-modal{width:75vw}.create-password-modal-body{width:80%}.create-password-modal-form>button{font-size:1.1rem;padding:.6rem 1.1rem}}@media screen and (max-width:400px){.create-password-modal{width:81vw}}.forgot-password-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;display:grid;height:60vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50vw;z-index:1003}.forgot-password-modal-container{grid-gap:1rem;background-color:#333;border-radius:.4rem;display:grid;gap:1rem;height:95%;place-items:center;position:relative;width:95%}.forgot-password-modal-container>i{color:#fff;font-size:1.6rem;position:absolute;right:2%;top:2%}.forgot-password-modal-container>h2{color:#f0f2f5;font-size:1.4rem;font-weight:500;line-height:1.6;text-align:center;width:70%}.ri-mail-line{color:var(--logoTextColorPrimary);font-size:4rem}.signup-auth-form{grid-gap:1rem!important;align-items:center;gap:1rem!important;justify-items:start!important}.signup-auth-form>input{font-weight:500!important}.disabled-verify{background-color:#484848!important;color:#333!important;opacity:.8}@media screen and (max-width:1000px){.forgot-password-modal{box-shadow:.4px .4px 2px #333;width:60vw}.ri-mail-line{font-size:3.5rem}}@media screen and (max-width:850px){.forgot-password-modal{width:65vw}.ri-mail-line{font-size:3.4rem!important}}@media screen and (max-width:650px){.forgot-password-modal{width:75vw}.ri-mail-line{font-size:3.2rem!important}.signup-auth-form>input{font-size:1.1rem!important}.signup-auth-form>button{padding:.6rem 1.1rem!important}}@media screen and (max-width:500px){.forgot-password-modal{width:80vw}}@media screen and (max-width:400px){.forgot-password-modal{width:85vw}}.friends-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:2px 2px 5px #000;display:grid;height:90vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:80vw;z-index:1003}.friends-modal-container{align-items:center;background-color:#333;border-radius:.4rem;display:flex;flex-direction:column;gap:2rem;height:92%;justify-content:flex-start;overflow-y:scroll;padding:2rem;position:relative;width:95%}.friends-modal-container>h2{color:#f0f2f5;font-size:2rem;font-weight:500}.friends-modal-items{align-items:center;display:flex;flex-direction:column;gap:2rem;height:90%;justify-content:flex-start;overflow-y:scroll;padding-right:.3rem;width:90%}.friends-modal-item{align-items:center;display:flex;gap:1rem;justify-content:center;width:98%}.friends-modal-item>img{align-self:end;background-color:#000;border-radius:.2rem;height:100%;object-fit:contain;width:9rem}.friends-modal-item-description{grid-gap:.7rem;display:grid;gap:.7rem;place-items:center;text-align:center;width:90%}.friends-modal-item-names{grid-gap:.3rem;display:grid;gap:.3rem;place-items:center}.friends-modal-item-names>p:first-child{color:var(--logoTextColorPrimary);font-size:1.5rem}.friends-modal-item-names>p:first-child:hover{cursor:pointer;text-decoration:underline}.friends-modal-item-names>p{color:var(--logoTextColorPrimary);font-size:1.3rem}.friends-modal-item-description>span{color:#f0f2f5;font-size:1.4rem}.friends-modal-item>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:#333;cursor:pointer;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.8rem 1.3rem}#friend-item-hr{border:1px solid #f0f2f5;width:100%}.no-friends-data{display:grid;margin:auto;place-items:center}.no-friends-data>i{color:#f0f2f5;font-size:6rem}.no-friends-data>span{color:#f0f2f5;font-size:1.7rem;text-align:center}@media screen and (max-width:1200px){.friends-modal{height:90vh;width:90vw}.friends-modal-container{padding:2rem .5rem}.friends-modal-container>h2{font-size:1.9rem}.friends-modal-items{height:90%;width:97%}}@media screen and (max-width:800px){.friends-modal{height:90vh;width:95vw}.friends-modal-item-names>p:first-child{font-size:1.3rem;text-align:center}.friends-modal-item-description>span,.friends-modal-item-names>p{font-size:1.1rem;text-align:center}.friends-modal-item>button{border-radius:.4rem;font-size:1.1rem;padding:.6rem .9rem}}@media screen and (max-width:555px){.friends-modal-item{flex-direction:column}.friends-modal-item>img{align-self:center;background-color:#000;border-radius:.2rem;height:100%;object-fit:contain;width:14rem}.no-friends-data>i{color:#f0f2f5;font-size:4.3rem}.no-friends-data>span{color:#f0f2f5;font-size:1.4rem;text-align:center}}.navbar{align-items:center;background-color:var(--logoTextColorPrimary);box-shadow:0 2px 7px rgba(0,0,0,.5);display:flex;height:4.5rem;justify-content:space-between;margin:auto;padding:0 1rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:1000}.navbar>img{cursor:pointer;-webkit-filter:brightness(0);filter:brightness(0);height:5rem;justify-self:flex-start;width:5rem;z-index:1005!important}.desktop-items{align-items:center;display:flex;gap:3rem;justify-content:center}.desktop-items>i,.ri-menu-line{color:#333;cursor:pointer;-webkit-filter:drop-shadow(.5px .5px 2px #888);filter:drop-shadow(.5px .5px 2px #888888);font-size:2.2rem}.ri-menu-line{display:none;z-index:1005!important}.edit-account-backdrop{z-index:1002!important}.edit-account-backdrop,.find-friends-backdrop,.friend-requests-backdrop,.friends-modal-backdrop,.my-posts-backdrop{-webkit-backdrop-filter:blur(10px) brightness(90%);backdrop-filter:blur(10px) brightness(90%);background-color:hsla(0,0%,100%,.5);height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.find-friends-backdrop,.friend-requests-backdrop,.friends-modal-backdrop,.my-posts-backdrop{bottom:0;z-index:1002}@media screen and (max-width:1000px){.ri-menu-line{display:inline}.desktop-items{align-items:center;display:none;gap:3rem;justify-content:center}}.slider-modal{background-color:var(--logoTextColorPrimary);display:grid;height:100vh;left:0;place-items:center;position:fixed;top:-150%;transition:.3s ease-in-out;width:100vw;z-index:1006!important}.slider-modal>i{color:#333;cursor:pointer;-webkit-filter:drop-shadow(.5px .5px 2px #888);filter:drop-shadow(.5px .5px 2px #888888);font-size:2.9rem;position:absolute;right:7%;top:10%}.items{display:grid;grid-template-columns:10rem 10rem;place-items:center}.item{align-items:start;display:grid;justify-items:center;margin-bottom:1.5rem;width:15rem}.item>i{cursor:pointer;font-size:2.5rem}.item>i,.item>p{color:#333;transition:.3s ease-in-out}.item>p{font-size:1.2rem}.item>i:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:450px){.slider-modal>i{right:3%;top:2%}.navbar{padding:0 .3rem}}.my-posts-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:2px 2px 5px #000;display:grid;height:95vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:55vw;z-index:1003}.my-posts-modal-container{align-items:center;background-color:#333;border-radius:.4rem;display:flex;flex-direction:column;gap:1.5rem;height:92%;justify-content:center;overflow-y:scroll;padding-bottom:1rem;padding-top:1rem;position:relative;width:95%}.my-posts-modal-container>h2{color:#f0f2f5;font-size:2.2rem;font-weight:500}.ri-close-large-line{right:5%;top:5%}.my-post-loader{margin:auto}.my-posts{grid-gap:1rem;gap:1rem;height:90%;overflow-y:scroll;width:90%}.my-posts,.no-user-posts{display:grid;place-items:center}.no-user-posts>i{color:#f0f2f5;font-size:6rem}.no-user-posts>span{color:#f0f2f5;font-size:1.7rem;text-align:center}@media screen and (max-width:1200px){.my-posts-modal{width:60vw}.my-posts-modal-container>h2{font-size:2rem}.my-posts{width:95%}}@media screen and (max-width:1000px){.my-posts-modal{width:65vw}.my-posts-modal-container>h2{font-size:1.9rem}}@media screen and (max-width:850px){.my-posts-modal{width:70vw}.my-posts{width:97%}}@media screen and (max-width:650px){.my-posts-modal{width:90vw}}@media screen and (max-width:500px){.my-posts-modal{width:94vw}.no-user-posts>i{color:#f0f2f5;font-size:4.3rem}.no-user-posts>span{font-size:1.4rem}}@media screen and (max-width:400px){.my-posts-modal{width:97vw}}.my-post{background-color:#f0f2f5;border-radius:.3rem;box-shadow:1px 1px 7px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem;width:95%}.my-post>img{background-color:#000;border-radius:.4rem;max-height:25rem;object-fit:contain;width:100%}.my-post-user-description{align-self:center;display:flex;flex-direction:column;justify-self:center;width:95%}.my-user-name-description{color:var(--logoTextColorPrimary);font-size:1.5rem;text-align:center;text-shadow:.5px .5px .5px #333}.my-user-name-description:hover{cursor:pointer;text-decoration:underline}.my-post-name-description{color:#333;font-size:1.2rem;text-align:center}.my-post-actions{align-items:center;display:flex;gap:2rem;justify-content:center}.my-post-comment-action,.my-post-like-action{align-items:center;display:flex;gap:.2rem;justify-content:center;width:4rem}.my-post-comment-action>i,.my-post-like-action>i{cursor:pointer;font-size:2rem}.my-post-comment-action>span,.my-post-like-action>span{color:var(--logoTextColorPrimary);font-size:1.2rem;font-weight:600}.my-post-delete-action>i{color:red;cursor:pointer;font-size:2rem}.mypost-user-description-name-image{align-items:center;display:flex;gap:.5rem;justify-content:center}.mypost-user-description-name-image>img{border-radius:50%;cursor:pointer;height:3rem;width:3rem}@media screen and (max-width:600px){.my-post>img{max-height:19rem}}@media screen and (max-width:400px){.my-post>img{max-height:17rem}}.all-members-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:2px 2px 5px #000;display:grid;height:95vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:50vw;z-index:1003}.all-members-modal-container{align-items:center;background-color:#333;border-radius:.4rem;display:flex;flex-direction:column;gap:2rem;height:95%;justify-content:flex-start;overflow-y:scroll;padding:2rem;position:relative;width:95%}.all-members-modal-container>h2{color:#f0f2f5;font-size:2rem;font-weight:500}.search-friends-form{align-items:center;display:flex;gap:1rem;justify-content:center;width:80%}.search-friends-form>input{border:none;border-radius:.2rem;color:#333;padding:.7rem;width:100%}.search-friends-form>button,.search-friends-form>input{background-color:var(--logoTextColorPrimary);font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none}.search-friends-form>button{border:none;border-radius:.4rem;color:var(--black);cursor:pointer;padding:.8rem 1.3rem}.all-members-modal-items{align-items:center;display:flex;flex-direction:column;gap:1rem;height:90%;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll;width:90%}.all-members-modal-item{grid-gap:1rem;display:grid;gap:1rem;place-items:center}.all-members-modal-item>img{align-self:end;background-color:#000;border-radius:.2rem;height:18rem;object-fit:contain;width:90%}.all-members-modal-item-description{grid-gap:.7rem;display:grid;gap:.7rem;place-items:center;text-align:center;width:90%}.all-members-modal-item-names{grid-gap:.3rem;display:grid;gap:.3rem;place-items:center}.all-members-modal-item-names>p:first-child{color:var(--logoTextColorPrimary);font-size:1.4rem}.all-members-modal-item-names>p:first-child:hover{cursor:pointer;text-decoration:underline}.all-members-modal-item-names>p{color:var(--logoTextColorPrimary);font-size:1.2rem}.all-members-modal-item-description>span{color:#f0f2f5;font-size:1.2rem}.all-members-modal-item>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:#333;cursor:pointer;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.8rem 1.3rem}.friend-request-sent{background-color:#787878!important}.friend-request-sent-p{color:var(--logoTextColorPrimary);font-size:1.2rem;text-align:center}.no-users-found-in-array{display:grid;margin:auto;place-items:center}.no-users-found-in-array>i{color:#f0f2f5;font-size:6rem}.no-users-found-in-array>span{color:#f0f2f5;font-size:1.7rem;text-align:center}@media screen and (max-width:1200px){.all-members-modal{width:55vw}.all-members-modal-container{padding:2rem .5rem}.all-members-modal-container>h2{font-size:1.8rem}.search-friends-form{width:90%}}@media screen and (max-width:1000px){.all-members-modal{width:60vw}}@media screen and (max-width:850px){.all-members-modal{width:70vw}}@media screen and (max-width:650px){.all-members-modal{width:80vw}}@media screen and (max-width:500px){.all-members-modal{width:85vw}.all-members-modal-item>img{height:14rem!important}.all-members-modal-items{width:95%}.search-friends-form>button{border-radius:.4rem;font-size:1.1rem;padding:.6rem 1.1rem}.no-users-found-in-array>i{color:#f0f2f5;font-size:4.3rem}.no-users-found-in-array>span{font-size:1.4rem}}@media screen and (max-width:400px){.all-members-modal{width:92vw}}.home-left{height:100%;width:100%}.home-left,.home-left-items{display:grid;place-items:center}.home-left-items{grid-gap:3rem;gap:3rem}.home-left-items>i{color:#333;cursor:pointer;font-size:3rem;text-shadow:1px 1px 3px #000}.home-right{height:100%;width:100%}.home-right,.home-right-items{display:grid;place-items:center}.home-right-items{grid-gap:4rem;gap:4rem}.home-right-items>i{color:#333;cursor:pointer;font-size:3rem;text-shadow:1px 1px 3px #000}.login{background-color:#fff;height:100vh;width:100vw}.login,.login-container{display:grid;place-items:center}.login-container{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr;height:100%;width:75vw}@media screen and (max-width:1200px){.login{background-color:var(--logoTextColorPrimary)}.login-container{gap:.5rem;grid-template-columns:1fr}.login-image-for-login{display:none}.mobile-login-image{display:grid}}@media screen and (max-width:500px){.login-container{width:85vw}.login{display:grid;height:42rem}}.login-component{grid-gap:.6rem;display:grid;gap:.6rem;place-items:center;width:70%}.login-component>img{display:none;-webkit-filter:brightness(.2);filter:brightness(.2);height:3rem;width:4em}.login-form{grid-gap:1.5rem;border:1px solid #333;display:grid;font-family:Josefin Sans,sans-serif;gap:1.5rem;padding:2rem 1rem;place-items:center;width:100%}.email-input-login,.password-input-login{width:100%}.email-input-login input,.password-input-login input{border:1px solid #333;color:#484848!important;font-family:Josefin Sans,sans-serif!important;font-size:1.25rem;font-weight:500!important;outline:none;padding-bottom:.8rem!important;padding-left:.5rem;padding-right:.5rem;padding-top:.8rem!important;width:100%!important}.password-input-login{position:relative}.password-input-login i{color:#333;cursor:pointer;font-size:1.4rem;left:92%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.login-button{align-items:center;display:flex;justify-content:flex-start;width:100%}.login-button button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:1.2rem;font-weight:600;outline:none;padding:.8rem 1.3rem;width:100%}.forgot-password span:hover{color:red}.auth-error{color:red;font-size:1.2rem;margin:.3rem}@media screen and (max-width:1200px){.login-form,.redirect-to-signup{background-color:#f0f2f5}.login-component{gap:1rem}.login-component>img{display:grid}}@media screen and (max-width:650px){.login-component{width:80%}}@media screen and (max-width:550px){.login-component{width:85%}}@media screen and (max-width:500px){.login-component{width:90%}.redirect-to-signup{flex-direction:column;gap:.4rem}}@media screen and (max-width:440px){.login-component{width:95%}}@media screen and (max-width:400px){.login-component{width:97%}}.login-image{align-items:center;display:flex;justify-content:center}.login-image img{height:100%;max-height:35rem;max-width:35rem;width:100%}@media screen and (max-width:880px){.login-image{display:none}}.signup-component{grid-gap:.6rem;display:grid;gap:.6rem;place-items:center;width:70%}.signup-component>img{display:none;-webkit-filter:brightness(.2);filter:brightness(.2);height:3rem;width:4em}.signup-form{grid-gap:1.5rem;border:1px solid #333;display:grid;font-family:Josefin Sans,sans-serif;gap:1.5rem;padding:2rem 1rem;place-items:center;width:100%}.logo{display:grid}.logo div{display:flex;justify-content:center}.logo-text{font-size:2.5rem}.logo span{color:#333;font-family:Handlee,cursive;font-size:1.4rem;text-align:center}.logo-text:first-of-type{color:var(--logoTextColorPrimary);font-family:Handlee,cursive}.logo-text:nth-of-type(2){color:#333;font-family:Handlee,cursive}.inputs{grid-gap:.5rem;align-items:center!important;display:grid;gap:.5rem;justify-items:start!important;width:100%!important}.email-input-signup,.name-input-signup,.password-input-signup,.user-name-input-signup{width:100%}.password-input-signup{grid-gap:.4rem;display:grid;gap:.4rem}.email-input-signup,.user-name-input-signup{position:relative}.email-input-signup input,.name-input-signup input,.password-input-signup input,.user-name-input-signup input{border:1px solid #333;font-family:Josefin Sans,sans-serif!important;font-size:1.25rem;font-weight:400;outline:none;padding-bottom:.8rem!important;padding-left:.5rem;padding-right:.5rem;padding-top:.8rem!important;width:100%!important}.disabled-signup-button{background-color:#888!important}.ri-thumb-up-fill{color:green}.ri-thumb-down-fill,.ri-thumb-up-fill{font-size:1.5rem;left:95%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ri-thumb-down-fill{color:red}.password-input-signup{position:relative}.password-input-signup i{color:#333;cursor:pointer;font-size:1.4rem;left:95%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.password-invalid{color:red;font-size:1.1rem;text-align:center}.signup-button{align-items:center;display:flex;justify-content:flex-start;width:100%}.signup-button button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:1.2rem;font-weight:600;outline:none;padding:.8rem 1.3rem;width:100%}.forgot-password span{color:#484848;cursor:pointer;font-size:1.2rem;font-weight:500}.redirect-to-signup{align-items:center;border:1px solid #484848;display:flex;font-family:Josefin Sans,sans-serif;gap:.2rem;height:5rem;justify-content:center;width:100%}.redirect-to-signup span{color:#484848;font-size:1.2rem;font-weight:500;text-align:center}.redirect-to-signup span:nth-of-type(2){color:var(--logoTextColorPrimary);cursor:pointer}.verify-signup-backdrop{-webkit-backdrop-filter:blur(10px) brightness(90%);backdrop-filter:blur(10px) brightness(90%);background-color:hsla(0,0%,100%,.5);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:1002!important}@media screen and (max-width:1200px){.redirect-to-signup,.signup-form{background-color:#f0f2f5}.signup-component{gap:1rem}.signup-component>img{display:grid}}@media screen and (max-width:650px){.signup-component{width:80%}}@media screen and (max-width:550px){.signup-component{width:85%}}@media screen and (max-width:500px){.signup-component{width:90%}.redirect-to-signup{flex-direction:column;gap:.4rem}}@media screen and (max-width:440px){.signup-component{width:95%}}@media screen and (max-width:400px){.signup-component{width:97%}}.verify-signup-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:.4px .6px 2px #333;display:grid;height:57vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50vw;z-index:1003}.verify-signup-modal-container{grid-gap:1rem;background-color:#333;border-radius:.4rem;display:grid;gap:1rem;height:95%;place-items:center;position:relative;width:95%}.verify-signup-modal-container>i{color:#fff;font-size:1.6rem;position:absolute;right:2%;top:2%}.verify-signup-modal-container>h2{color:#f0f2f5;font-size:1.4rem;font-weight:500;line-height:1.6;text-align:center;width:70%}.authentication-otp{grid-gap:.5rem;display:grid;gap:.5rem;place-items:center;width:50%}.authentication-otp>i{color:var(--logoTextColorPrimary);font-size:4rem}.signup-auth-form{grid-gap:.5rem;display:grid;gap:.5rem;place-items:center!important;width:100%}.signup-auth-form>input{background-color:transparent;border:1px solid var(--logoTextColorPrimary);border-radius:.2rem;color:#fff!important;font-size:1.2rem;padding:.7rem;width:100%}.signup-auth-form>button,.signup-auth-form>input{font-family:var(--font-family);font-weight:600;outline:none}.signup-auth-form>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:var(--black);cursor:pointer;font-size:1.1rem;padding:.8rem 1.3rem}.signup-auth-form>p{color:red;font-size:1.3rem}@media screen and (max-width:1200px){.verify-signup-modal{width:50vw}.verify-signup-modal-container>h2{font-size:1.3rem;width:75%}}@media screen and (max-width:1000px){.verify-signup-modal{width:60vw}.verify-signup-modal-container>h2{font-size:1.2rem;width:80%}}@media screen and (max-width:850px){.verify-signup-modal{width:70vw}}@media screen and (max-width:650px){.verify-signup-modal{width:80vw}}@media screen and (max-width:500px){.verify-signup-modal{width:85vw}}@media screen and (max-width:400px){.verify-signup-modal{width:92vw}}.after-signup-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:2px 2px 5px #000;display:grid;height:95vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-in-out;width:50vw;z-index:1004}.after-signup-modal-container{align-items:center;background-color:#333;border-radius:.4rem;display:flex;flex-direction:column;gap:2rem;height:95%;justify-content:flex-start;overflow-y:scroll;padding:2rem;position:relative;width:95%}.after-signup-modal-container>h2{color:var(--logoTextColorPrimary);font-size:2rem;font-weight:500;text-align:center}.after-signup-modal-items{align-items:center;display:flex;flex-direction:column;gap:1rem;height:90%;justify-content:flex-start;overflow-y:scroll;width:80%}.after-signup-modal-image{display:grid;padding-right:.6rem;place-items:center;position:relative;width:100%}.after-signup-modal-image>img{align-self:end;background-color:#000;border-radius:.2rem;height:14rem;object-fit:contain;width:100%}.after-signup-modal-image>i{color:var(--logoTextColorPrimary);cursor:pointer;font-size:1.7rem;justify-self:end}.after-signup-modal-form{grid-gap:1rem;align-items:center;display:grid;gap:1rem;justify-items:start;padding-right:.6rem;width:100%}.edit-about,.edit-lives-in,.edit-name-input,.edit-user-name-input{grid-gap:.3rem;align-items:center;display:grid;gap:.3rem;width:100%}.edit-about>label,.edit-lives-in>label,.edit-name-input>label,.edit-user-name-input>label{color:#f0f2f5;font-size:1.2rem;font-weight:600}.edit-about>textarea,.edit-lives-in>input,.edit-name-input>input,.edit-user-name-input>input{background-color:var(--logoTextColorPrimary);border:none;border-radius:.2rem;color:#333;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.7rem;width:100%}.edit-about>textarea{resize:none}.after-signup-modal-form>button{background-color:var(--logoTextColorPrimary);border:none;border-radius:.4rem;color:var(--black);cursor:pointer;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.8rem 1.3rem}.after-signup-modal-form>span{color:var(--logoTextColorPrimary);font-size:1rem;justify-self:end}.signin-button-disabled{background-color:#787878!important}@media screen and (max-width:1200px){.after-signup-modal{width:50vw}.after-signup-modal-items{width:85%}.after-signup-modal-container>h2{font-size:1.8rem}}@media screen and (max-width:1000px){.after-signup-modal{width:60vw}.after-signup-modal-items{width:90%}.after-signup-modal-container>h2{color:var(--logoTextColorPrimary);font-size:1.7rem;font-weight:500}}@media screen and (max-width:850px){.after-signup-modal{width:70vw}}@media screen and (max-width:650px){.after-signup-modal{width:80vw}}@media screen and (max-width:500px){.after-signup-modal{width:85vw}.after-signup-modal-items{width:98%}.after-signup-modal-container{padding:1rem}.after-signup-modal-container>h2{color:var(--logoTextColorPrimary);font-size:1.5rem;font-weight:500}}@media screen and (max-width:400px){.after-signup-modal{width:92vw}}.signup{background-color:#fff;height:100vh;width:100vw}.signup,.signup-container{display:grid;place-items:center}.signup-container{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr;height:100%;width:75vw}@media screen and (max-width:1200px){.signup{background-color:var(--logoTextColorPrimary)}.signup-container{gap:.5rem;grid-template-columns:1fr}.signup-image-for-signup{display:none}.mobile-signup-image{display:grid}}@media screen and (max-width:500px){.signup-container{width:85vw}.signup{height:49rem}}.chatpage{margin:auto}.chat-container,.chatpage{display:grid;height:calc(100vh - 4.5rem);place-items:center;width:100vw}.chat-container{grid-gap:.3rem;gap:.3rem;grid-template-columns:.35fr 1fr}.conversation-mobile-backdrop{-webkit-backdrop-filter:blur(10px) brightness(90%);backdrop-filter:blur(10px) brightness(90%);background-color:hsla(0,0%,100%,.5);height:100vh;position:absolute;right:0;top:0;width:100vw;z-index:1002}.conversation-container-mobile{align-items:center;background-color:#333;border-radius:.3rem;box-shadow:.5px .5px 6px #222;display:flex;flex-direction:column;height:80vh;justify-content:flex-start;overflow-y:scroll;padding:.3rem;position:fixed;right:3%;top:3%;width:50%;z-index:1003}.conversation-container-mobile>div{cursor:pointer;width:100%}.conversation-container{align-items:center;background-color:#333;box-shadow:0 2px 7px rgba(0,0,0,.5);display:flex;flex-direction:column;height:99%;justify-content:flex-start;overflow-y:scroll;padding:.3rem;width:100%}.conversation-container>div{cursor:pointer;width:100%}.chatting-image{height:60%;width:30%}.no-chat{background-color:var(--logoTextColorPrimary);box-shadow:.5px .5px 6px #888;height:99%;width:100%}.no-chat,.no-chat-icons{display:grid;place-items:center}.no-chat-icons{grid-gap:1rem;gap:1rem}.no-chat-icons>p{color:#333;font-size:1.7rem;text-align:center}.no-chat-icons>i{color:#333;font-size:4.5rem}.no-chat-show-chat{align-items:center;background-color:#333;border-radius:.4rem;cursor:pointer;display:none;gap:.1rem;justify-content:center;padding:.3rem .6rem}.no-chat-show-chat>i{color:var(--logoTextColorPrimary);font-size:1.8rem}.no-chat-show-chat>span{color:var(--logoTextColorPrimary);font-size:1.1rem;font-weight:600}@media screen and (max-width:500px){.no-chat-icons>p{font-size:1.4rem}.no-chat-icons>i{font-size:3.3rem}.conversation-container-mobile{width:70%}}@media screen and (max-width:800px){.chat-container{grid-template-columns:1fr}.conversation-container{display:none}.no-chat-show-chat{display:flex}}.conversation-top{background-color:#333;border-bottom:1px solid #888}.conversation-top:hover{background-color:#6a0dad}.conversation{border-radius:.3rem;display:grid;font-family:Josefin Sans,sans-serif;grid-template-columns:6rem auto;height:5rem;place-items:center;width:100%}.conversation>img{border-radius:50%;height:3.5rem;width:3.5rem}.conversation-information{align-items:center;display:grid;justify-items:start;width:100%}.conversation-information>p{color:#f0f2f5;font-size:1.15rem;margin:0;padding:0}.user-is-friend{color:var(--logoTextColorPrimary)}.user-is-friend,.user-is-stranger{font-size:1.05rem;margin:0;padding:0}.user-is-stranger{color:red}.chat-top{background-color:#333;box-shadow:0 2px 7px rgba(0,0,0,.5);flex-direction:column;font-family:Josefin Sans,sans-serif;height:99%;justify-content:flex-start;padding-left:3rem;padding-right:3rem;padding-top:.3rem;position:relative}.chat-top,.chat-top-upper{align-items:center;display:flex;width:100%}.chat-top-upper{border-bottom:1px solid #888;gap:1rem;height:5rem;justify-content:space-between;padding:1rem 1rem .3rem}.chat-top-upper-chats{align-items:center;background-color:#ffdf00;border-radius:.4rem;cursor:pointer;display:none;gap:.1rem;justify-content:center;padding:.2rem .5rem}.chat-top-upper-chats>i{color:#333;font-size:1.6rem}.chat-top-upper-chats>span{color:#333;font-size:1rem;font-weight:600}.chat-top-upper-user{align-items:center;display:flex;gap:.4rem;justify-content:center}.chat-top-hr{border:1px solid #888}.chat-top-upper-user>p{color:#f0f2f5;font-size:1.2rem}.chat-top-upper-user>p:hover{cursor:pointer;text-decoration:underline}.chat-top-upper-user>img{border-radius:50%;height:3.5rem;width:3.5rem}.chat-top-body{height:65vh;overflow-y:scroll}.chat-top-body,.message-scroller{align-items:center;align-self:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.message-scroller{padding:.5rem}.my-message{align-self:flex-end;background-color:#ffdf00;border-radius:.9rem .4rem .9rem .4rem;box-shadow:1px 1px 2px #333;color:#333;display:grid;font-size:1.3rem;height:auto;margin-bottom:.3rem;margin-right:.2rem;margin-top:.7rem;max-width:35%;padding:.5rem 1rem;place-items:center}.my-message>span,.others-message>span{font-size:.8rem}.others-message{align-self:flex-start;background-color:#6a0dad;border-radius:.9rem .4rem .9rem .4rem;box-shadow:1px 1px 2px #333;color:var(--cardColor);display:grid;font-size:1.3rem;height:auto;margin-top:.7rem;max-width:35%;padding:.5rem 1rem;place-items:center}.chat-top-bottom{bottom:2%;display:flex;gap:.5rem;height:4rem;margin:auto;padding:.5rem 0 0;place-items:center;position:absolute;width:92%;z-index:999}.chat-top-bottom>input{background-color:#fff;border:none;border-radius:.2rem;color:#333;font-family:var(--font-family);font-size:1.1rem;font-weight:600;outline:none;padding:.7rem;width:100%}.chat-top-bottom>i{color:#ffdf00;cursor:pointer;font-size:2rem}.chat-top-bottom>button{background-color:#ffdf00;border:none;border-radius:.3rem;color:#333;cursor:pointer;font-family:Josefin Sans,sans-serif;font-size:1.2rem;margin:0 .3rem;outline:none;padding:.6rem 1.1rem}.no-messages{display:grid;margin:auto;place-items:center}.no-messages>i{color:#f0f2f5;font-size:3rem}.no-messages>p{color:#f0f2f5;font-size:1.6rem}.others-profile-modal-backdrop{-webkit-backdrop-filter:blur(10px) brightness(90%);backdrop-filter:blur(10px) brightness(90%);background-color:hsla(0,0%,100%,.5);bottom:0;height:100vh;position:fixed;right:0;top:0;width:100vw;z-index:1002}.emoji-picker-container{bottom:10%;position:fixed;right:3%}@media screen and (max-width:800px){.chat-top{padding:0 1rem}.chat-top-upper-chats{display:flex}}@media screen and (max-width:750px){.my-message,.others-message{font-size:1.1rem;max-width:45%}.chat-top{padding:0 .5rem}.chat-top-bottom{padding:.5rem .5rem 0;width:97%}}.delete-account-modal{background-color:var(--logoTextColorPrimary);border-radius:.4rem;box-shadow:2px 2px 5px #000;display:none;height:68vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40vw;z-index:1003}.delete-account-box{background-color:#333;border-radius:.4rem;display:grid;height:92%;margin:auto;padding:2rem;place-items:center;position:relative;width:95%}.delete-account-container>hr{border:1px solid #f0f2f5;width:100%}.delete-account-container{grid-gap:2rem;display:grid;gap:2rem;place-items:center}.delete-account-container>h2{color:#f0f2f5;font-size:1.6rem;text-align:center}.delete-account-container>span{color:red;font-size:1.4rem;text-align:center}.delete-account-btn{align-items:center;display:flex;justify-content:space-between;width:100%}.delete-account-btn>button{align-items:center;border:none;border-radius:.4rem;box-shadow:1px 1px 1px #000;cursor:pointer;display:flex;font-family:var(--font-family);font-size:1.3rem;justify-content:center;outline:none;padding:.9rem 1.5rem}.delete-account-btn>button:first-child,.delete-account-btn>button:nth-child(2){background-color:var(--logoTextColorPrimary);color:#fff}@media screen and (max-width:1100px){.delete-account-modal{height:68vh;width:50vw}.delete-account-container>h2{font-size:1.4rem}.delete-account-container>span{font-size:1.2rem}.delete-account-btn>button{font-size:1.2rem;padding:.6rem 1.2rem}}@media screen and (max-width:700px){.delete-account-modal{height:68vh;width:60vw}.delete-account-container>h2{font-size:1.3rem}}@media screen and (max-width:500px){.delete-account-modal{height:72vh;width:80vw}}@media screen and (max-width:420px){.delete-account-modal{height:72vh;width:85vw}}.logout-modal{background-color:var(--logoTextColorPrimary);border-radius:1rem;box-shadow:2px 2px 5px #000;display:none;height:60vh;left:50%;place-items:center;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40vw;z-index:1003}.ri-close-large-line{color:#fff;cursor:pointer;-webkit-filter:drop-shadow(2px 2px 2px #000);filter:drop-shadow(2px 2px 2px rgb(0,0,0));font-size:2.3rem;position:absolute;right:2%;top:2%}.logout-box{background-color:#333;border-radius:.4rem;display:grid;height:92%;margin:auto;padding:2rem;place-items:center;position:relative;width:95%}.logout-container>hr{border:1px solid #f0f2f5;width:100%}.logout-container{grid-gap:2rem;display:grid;gap:2rem;place-items:center}.logout-container>h2{color:#f0f2f5;font-size:1.6rem;text-align:center}.logout-btn{justify-content:space-between;width:100%}.logout-btn,.logout-btn>button{align-items:center;display:flex}.logout-btn>button{border:none;border-radius:.4rem;box-shadow:1px 1px 1px #000;cursor:pointer;font-family:var(--font-family);font-size:1.3rem;justify-content:center;outline:none;padding:.9rem 1.5rem}.logout-btn>button:first-child,.logout-btn>button:nth-child(2){background-color:var(--logoTextColorPrimary);color:#fff}@media screen and (max-width:1100px){.logout-modal{height:68vh;width:50vw}.logout-container>h2{font-size:1.4rem}.logout-container>span{font-size:1.2rem}.logout-btn>button{font-size:1.2rem;padding:.6rem 1.2rem}}@media screen and (max-width:700px){.logout-modal{height:68vh;width:60vw}.logout-container>h2{font-size:1.3rem}}@media screen and (max-width:500px){.logout-modal{width:80vw}}@media screen and (max-width:420px){.logout-modal{width:85vw}}
/*# sourceMappingURL=main.020821dc.css.map*/