@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);:root{--header-height:3rem;--hue-color:250;--first-color:hsl(var(--hue-color),69%,61%);--first-color-second:hsl(var(--hue-color),69%,61%);--first-color-alt:hsl(var(--hue-color),67%,53%);--first-color-lighter:hsl(var(--hue-color),92%,85%);--title-color:hsl(var(--hue-color),8%,15%);--text--color:hsl(var(--hue-color),8%,45%);--text-color-light:hsl(var(--hue-color),8%,65%);--input-color:hsl(var(--hue-color),70%,96%);--body-color:hsl(var(--hue-color),60%,99%);--container-color:#fff;--body-font:"Poppins",sans-serif;--big-font-size:2rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1.125rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem;--font-medium:500;--font-semi-bold:600;--mb-0-25:0.25rem;--mb-0-5:0.5rem;--mb-0-75:0.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (min-width:968px){:root{--big-font-size:3rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem}}body{background-color:#fbfbfe;background-color:var(--body-color);color:#6d6a7c;color:var(--text--color);font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);margin:0 0 3rem;margin:0 0 var(--header-height) 0}body.chat-page{margin:0!important;overflow:hidden}h1,h2,h3,h4,pre{color:#242329;color:var(--title-color);font-weight:600;font-weight:var(--font-semi-bold)}ul{list-style:none}a{color:#6e57e0;color:var(--first-color)}img{height:auto;max-width:100%}.section{padding:2rem 0 4rem}.section__title{font-size:1.5rem;font-size:var(--h1-font-size)}.section__subtitle{display:block;font-size:.813rem;font-size:var(--small-font-size);margin-bottom:3rem;margin-bottom:var(--mb-3)}.section__subtitle,.section__title{text-align:center}.button{background-color:#6e57e0;background-color:var(--first-color);border-radius:.5rem;color:#fff;display:inline-block;font-weight:500;font-weight:var(--font-medium);padding:1rem}.button:hover{background-color:#5237d7;background-color:var(--first-color-alt);color:#fff}.button__icon{font-size:1.25rem;margin-left:.5rem;margin-left:var(--mb-0-5);transition:.3s}.button--white{color:#6e57e0;color:var(--first-color)}.button--white,.button--white:hover{background-color:#fff}.button-flex{align-items:center;display:inline-flex}.button--small{padding:.75rem 1rem}.button--link{background-color:initial;color:#6e57e0;color:var(--first-color);padding:0}.button--link:hover{background-color:initial;color:#5237d7;color:var(--first-color-alt)}.homeProduct{background-color:#6e57e0;background-color:var(--first-color-second);color:#c1b6fc;color:var(--first-color-lighter);font-size:1.125rem;font-size:var(--h3-font-size);font-weight:500;font-weight:var(--font-medium);line-height:#242329;line-height:var(--title-color)}.form-error{color:red;font-size:.75rem;font-size:var(--smaller-font-size)}.textPrimary{color:#6e57e0;color:var(--first-color)}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}a,li{list-style:none}.logoImgTop{height:auto;width:300px}.pagenotfoundImgTop{max-width:500px}.heaerNav{align-items:center;justify-content:space-between;margin:0;padding:0}.heaerNav,.navListLarg{display:flex}.navItem{padding:10px}.headerNavPhone{display:none}.logo{padding:10px}.logo,.navList{background-color:#fff}.navList{align-items:center;bottom:0;display:flex;justify-content:space-around;margin:0;padding:20px;position:fixed;width:100%;z-index:101}.contenerAllPost{margin:auto}.contenerAllPost,.contenerUser{max-width:500px;position:relative}.contenerUser{margin:20px auto auto}.welcome{height:100vh;text-align:center;width:100vw}.form,.welcome{justify-content:center}.cardUserInfo,.form,.welcome{align-items:center;display:flex}.cardUserInfo{border-radius:5px;color:#fff;gap:16px;justify-content:start;margin:10px;padding:5px 10px;position:absolute}.cardBody{padding:10px 10px 20px}.cardUserName{color:#fff;font-size:16px}.cardTitle{font-size:16px;margin:0}.cardHeader{margin:auto;object-fit:fill}.cardHeader,.homeCard{max-height:60vh;overflow:hidden}.homeCard{display:block;margin:0;object-fit:cover;object-position:center;width:100%}.commentUserName{font-size:16px;font-weight:600;margin-bottom:0}.commentDis{font-size:12px}.commentCardBody{max-height:80vh;padding:10px;position:relative}.commentBody{overflow-y:scroll;padding-left:20px}.commentImgTop{max-height:300px;width:220px}.commentImgTop,.fullImgTop{margin:auto;object-fit:cover;overflow:hidden}.fullImgTop{max-height:90vh;width:90%}.userInfo{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px;text-align:center}.userImgTop{border-radius:50%;height:120px;overflow:hidden;width:120px}.userImg{height:auto}.userPost{height:200px;object-fit:fill;object-position:50%,50%;overflow:hidden;width:30%}.createPostUser{border-radius:50%;height:40px;object-fit:cover;overflow:hidden;width:40px}textarea{border:none;outline:none;width:90%}.postCard{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.postImgTop{border-radius:50%;height:40px;overflow:hidden;width:40px}.rowCard{display:grid;grid-template-columns:auto auto auto;justify-content:center}.column{max-height:240px;max-width:180px;object-fit:cover;overflow:hidden;padding:4px}.innerImg{height:100%;object-fit:cover;width:100%}.fullImg{margin:auto;max-height:300px;object-fit:cover;overflow:hidden;width:220px}.containerCreatePost{background-color:hsla(0,0%,100%,.85);margin:auto auto 20%;max-width:500px;position:relative}.createImgTop{margin:auto;max-height:60vh;overflow:hidden;width:80%}.loadingTop{align-items:center;display:flex;flex-direction:column;gap:15px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading{-webkit-animation:rotation 1s linear infinite;animation:rotation 1s linear infinite;border:5px solid rgba(0,0,0,.1);border-bottom-color:#007bff;box-sizing:border-box;display:inline-block;height:48px;width:48px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loadingTop p{color:#555;font-weight:500;letter-spacing:.5px;margin:0}.card{border:1px solid #efefef;overflow:hidden}textarea:focus{outline:none!important}.mini-spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;width:18px}.loading{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:50px;width:50px}.searchResult{max-height:50vh;overflow-y:scroll}.story{display:flex;height:80px;overflow:hidden;width:60px}.allStoryFollowing{display:flex;overflow-x:scroll}.storyFollowing{display:flex;height:auto;overflow:hidden;width:100%}.story:hover{height:auto;overflow-x:scroll;width:100%}.allStoryFollowing:hover{flex-direction:column;overflow-y:scroll}.storyFollowing:hover{height:100%;overflow-x:scroll;width:100%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media screen and (min-width:800px){.contenerAllPost{width:440px}.cardHeader{max-height:80vh;overflow:hidden}}@media screen and (max-width:800px){.logoImgTop{padding-left:10px;width:260px}.headerNavLarge{display:none}.headerNavPhone{display:block;margin-left:-4px}.contenerAllPost{margin-bottom:15%}.rowCard{margin-bottom:20%}}@media screen and (max-width:539px){.userImgTop{height:100px;width:100px}.fullImg{height:100vh;width:100vw}}.navList .nav-link,.navListLarg .nav-link{color:#555;transition:all .2s ease}.navList .nav-link.active,.navListLarg .nav-link.active{color:#872de7!important;font-weight:600;position:relative}.navList .nav-link.active:after,.navListLarg .nav-link.active:after{background-color:#872de7;border-radius:3px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:50%}.navList .nav-link:hover,.navListLarg .nav-link:hover{color:#872de7}.commentCardBody{background:#f8f9fb;border-radius:16px;display:flex;flex-direction:column;height:100vh;justify-content:space-between}.commentBody{flex:1 1;overflow-y:auto;padding:15px}.message-blue,.message-orange{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out;border-radius:18px;box-shadow:0 2px 10px rgba(0,0,0,.06);margin-bottom:14px;max-width:75%;padding:12px 14px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-blue{background:#fff;border:1px solid #ececec;border-bottom-left-radius:6px;margin-right:auto}.message-orange{background:linear-gradient(135deg,#ff7b54,#ff5e78);border-bottom-right-radius:6px;color:#fff;margin-left:auto}.message-content{background:transparent;border:none;color:inherit;font-family:Segoe UI,sans-serif;font-size:15px;margin:0;padding:0;white-space:pre-wrap;word-break:break-word}.commentHeader{align-items:center;display:flex;gap:10px;margin-bottom:8px}.commentHeader p{margin:0}.messageDate{color:#6c757d;font-size:11px}.message-orange .messageDate{color:hsla(0,0%,100%,.8)}.postImgTop{flex-shrink:0;height:32px;width:32px}.userImg{border-radius:50%;height:100%;object-fit:cover;width:100%}.commentInputBox{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #eee;padding:12px}.commentInputBox textarea{border-radius:20px;font-size:14px;padding:10px 14px;resize:none}.commentInputBox button{border-radius:50px;font-weight:600;padding:10px 18px}.viewCommentBtn{background:#f5f5f5;border:none;border-radius:12px;font-weight:600;padding:12px;transition:.3s}.viewCommentBtn:hover{background:#ececec}.commentBody::-webkit-scrollbar{width:6px}.commentBody::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.feed-container{background:#fff;margin:0 auto;max-width:600px;padding-top:20px}.user-img{border:2px solid #fff;border-radius:50%;display:inline-block;height:40px;object-fit:cover;object-position:center;width:40px}.post-img-container{padding-top:100%;position:relative}.post-img{height:100%;left:0;position:absolute;top:0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.post-img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.post-profel-img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.post-profel-img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.post-home-img{height:100%;left:0;object-fit:contain;position:absolute;top:0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.post-home-img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.feed-post{border-bottom:1px solid #e6e6e6;margin-bottom:20px;padding-bottom:10px}.feed-header{background:#fff}.feed-body,.feed-header{padding:10px 15px}.comment-textarea{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;height:40px;padding:8px 15px;resize:none}.comment-textarea:focus{border-color:#3897f0;box-shadow:0 0 5px rgba(56,151,240,.3);outline:none}.cursor-pointer{cursor:pointer}.btn-primary{background-color:#3897f0;border-color:#3897f0;border-radius:20px;font-size:14px;padding:5px 15px}.btn-primary:hover{background-color:#2a7bc2;border-color:#2a7bc2}.share-input{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;padding:10px 15px}.share-input:focus{border-color:#3897f0;box-shadow:0 0 5px rgba(56,151,240,.3);outline:none}.modal-content{border-radius:15px}.modal-body{max-height:400px;overflow-y:auto}.modal-footer .btn-primary,.modal-footer .btn-secondary{border-radius:20px;padding:5px 15px}.spinner-border{height:2rem;width:2rem}html{scroll-behavior:smooth}@media (max-width:576px){.feed-container{padding:10px}.user-img{border:2px solid #fff;border-radius:50%;display:inline-block;height:35px;object-fit:cover;object-position:center;width:35px}.comment-textarea{font-size:12px;height:35px}}@media (min-width:576px){.feed-container{max-width:100vw}}.fullscreen-mode{align-items:center;background:#000;display:flex;inset:0;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed!important;z-index:9999}.fullscreen-mode img,.fullscreen-mode video{max-height:100vh;object-fit:contain!important;width:100%}.close-fullscreen{background:rgba(0,0,0,.7);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;height:45px;position:fixed;right:15px;top:15px;width:45px;z-index:10000}.carouselContainer{box-sizing:border-box;display:flex;height:50vh;width:100%}.carouselImgBox{box-shadow:0 20px 30px rgba(0,0,0,.1);flex:1 1;line-height:0;margin:0 .5%;overflow:hidden;position:relative;transition:.5s}.boxInnerImg{height:calc(100% - 10vh);object-fit:cover;object-position:center center;transition:.5s;width:200%}.carouselImgBox:hover{flex:1 1 80%}.boxTitle{bottom:10px;font-size:3.8vh;left:10px;line-height:2.6;position:absolute}.carouselImgBox:hover .boxInnerImg{height:auto;width:100%}.slide-in-bck-center{-webkit-animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-bck-center{0%{opacity:0;-webkit-transform:translateZ(600px);transform:translateZ(600px)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slide-in-bck-center{0%{opacity:0;-webkit-transform:translateZ(600px);transform:translateZ(600px)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.stories-container{display:flex;gap:15px;overflow-x:auto;padding:10px;scrollbar-width:none}.stories-container::-webkit-scrollbar{display:none}.story-user{cursor:pointer;min-width:80px;text-align:center}.story-avatar{background:#fff;border-radius:50%;height:65px;object-fit:cover;width:65px}
/*# sourceMappingURL=main.1b50bb85.css.map*/