@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{max-height:30vh;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;object-fit:cover;overflow:hidden;width:120px}.userImg{height:auto;width:100%}.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%;width:100%}.fullImg{margin:auto;max-height:300px;object-fit:cover;overflow:hidden;width:220px}.containerCreatePost{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;gap:20px;justify-content:center;left:20%;position:absolute;top:30vh}.loading{-webkit-animation:spin 2s linear infinite;animation:spin .8s linear infinite;border-bottom:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #f3f3f3;border-color:blue #f3f3f3;border-style:solid;border-width:5px;height:30px;-webkit-transform:translate(-50%);transform:translate(-50%);width:30px}.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}.message-blue{background-color:#a8ddfd;border:1px solid #97c6e3;border-radius:10px;margin-left:20px}.message-blue,.message-orange{margin-bottom:10px;padding:10px;position:relative;text-align:left;width:80%}.message-orange{background-color:#f8e896;border:1px solid #dfd087;border-radius:10px;margin-left:10%}.message-content{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:16px;margin:0;padding:0}.message-timestamp-right{right:5px}.message-timestamp-left,.message-timestamp-right{bottom:5px;font-size:.85em;font-weight:300;position:absolute}.message-timestamp-left{left:5px}.message-blue:after{border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #a8ddfd;left:-15px;top:0}.message-blue:after,.message-blue:before{content:"";height:0;position:absolute;width:0}.message-blue:before{border-left:16px solid transparent;border-right:16px solid transparent;border-top:17px solid #97c6e3;left:-17px;top:-1px}.message-orange:after{border-bottom:15px solid #f8e896;border-left:15px solid transparent;border-right:15px solid transparent;bottom:0;right:-15px}.message-orange:after,.message-orange:before{content:"";height:0;position:absolute;width:0}.message-orange:before{border-bottom:17px solid #dfd087;border-left:16px solid transparent;border-right:16px solid transparent;bottom:-1px;right:-17px}.messageDate{color:#000;font-size:12px;text-align:start}.messageTime{color:#000;font-size:12px;text-align:end}.feed-container{background:#fff;margin:0 auto;max-width:600px;padding-top:20px}.user-img{border:2px solid #fff;height:40px;object-fit:cover;width:40px}.post-img-container{overflow:hidden;padding-top:100%;position:relative}.post-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-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{height:35px;width:35px}.comment-textarea{font-size:12px;height:35px}}@media (min-width:576px){.feed-container{max-width:100vw}}.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)}}
/*# sourceMappingURL=main.fb4fd427.css.map*/