@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap);.streams{height:100vh;margin:auto;max-width:1152px}.streams-content{grid-column-gap:20px;column-gap:20px;display:grid;grid-template-areas:"post suggestions";grid-template-columns:1fr 330px;grid-template-rows:1fr;margin-top:20px;overflow-x:hidden;overflow-y:auto}.streams-content .streams-post{grid-area:post;height:100vh;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.streams-content .streams-suggestions{background-color:var(--white-1);border-radius:16px;grid-area:suggestions;max-height:600px}@media screen and (max-width:1024px){.streams{padding:0 15px}.streams-content{column-gap:15px;grid-template-columns:2fr 1fr}}@media screen and (max-width:768px){.streams{padding:0 10px}.streams-content{grid-template-areas:"post";grid-template-columns:1fr}.streams-content .streams-suggestions{display:none}.streams-content .streams-post{width:100%}}.avatar-content{max-width:100%;object-fit:cover;overflow:hidden}.suggestions-list-container{display:grid;grid:"suggestions-header" "hr" "suggestions-list"}.suggestions-list-container .suggestions-header{color:var(--black-3);display:grid;font-size:16.8px;grid-area:suggestions-header;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;height:50px;padding:0}.suggestions-list-container .suggestions-header .title-text{align-self:center;font-size:18px;font-weight:600;overflow-x:hidden;padding-left:20px;text-overflow:ellipsis;white-space:nowrap}.suggestions-list-container hr{border:0;border-top:1px solid var(--white-4);grid-area:hr;margin:0}.suggestions-list-container .suggestions-container{grid:"suggestions" "view-more";grid-area:suggestions-list;padding:0 20px}.suggestions-list-container .suggestions-container .suggestions{color:var(--white);cursor:pointer;display:grid;grid-area:suggestions;margin-top:20px;max-height:480px;overflow-y:auto;padding:0}.suggestions-list-container .suggestions-container .suggestions .suggestions-item{display:grid;grid-template-columns:40px 1fr -webkit-max-content;grid-template-columns:40px 1fr max-content;margin-bottom:30px;width:100%}.suggestions-list-container .suggestions-container .suggestions .suggestions-item .title-text{align-self:center;color:var(--black-3);font-size:14px;font-weight:600;margin-left:10px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestions-list-container .suggestions-container .suggestions .suggestions-item .add-icon{color:var(--white-15);font-size:24px}.suggestions-list-container .suggestions-container .suggestions .suggestions-item .add-icon .follow{background-color:var(--primary-1);color:var(--white-1);cursor:pointer;font-size:14px;font-weight:700;padding:2px 6px}.suggestions-list-container .suggestions-container .suggestions .suggestions-item .add-icon .follow:hover{opacity:.8}.suggestions-list-container .suggestions-container .view-more{align-items:center;color:var(--primary-1);cursor:pointer;display:flex;grid-area:view-more;height:50px;justify-content:center;padding-bottom:10px}.suggestions-list-container .suggestions-container .view-more:hover{opacity:.8}.form-row{margin-bottom:1rem}.form-row .form-label{display:block;font-size:var(--small-tex);letter-spacing:var(--letter-spacing);margin-bottom:.5rem;text-transform:capitalize}.form-row .form-input{background-clip:padding-box;background-color:var(--white-1);border:1px solid var(--white-17);border-radius:.25rem;color:var(--gray-11);display:block;font-size:1rem;line-height:1.5;outline:0;padding:.375rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.post-form{background:var(--white-1);border-radius:16px;height:240px;padding:0 8px}.post-form-header{border-bottom:1px solid var(--white-4);height:60px}.post-form-header .post-form-title{color:var(--gray-11);font-size:19.6px;font-weight:400;height:60px;line-height:60px;padding-left:10px}.post-form-body{height:164px;padding:15px 0}.post-form-body hr{border:0;border-top:1px solid var(--white-4);margin-bottom:20px;margin-top:10px}.post-form-body .post-form-input-body{align-items:center;cursor:pointer;display:flex;height:65px;line-height:25px;padding:0 15px}.post-form-body .post-form-input-body .post-form-input{background:#0000;border:none;color:var(--gray-8);cursor:pointer;font-size:18px;outline:none;padding:.375rem .75rem}.post-form-body .post-form-input-body .post-form-input:empty:before{color:var(--gray-1);content:attr(data-placeholder)}.post-form-body .post-form-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.post-form-body .post-form-list-item{background:var(--white-7);border-radius:5px;color:var(--primary-1);cursor:pointer;display:flex;margin-right:1rem;padding:.5rem}.post-form-body .post-form-list-item img{padding-right:5px}.post-form-body .post-form-list .image-select .file-input{display:none}.modal-bg{background:var(--white-11);height:100vh;opacity:.6;width:100vw;z-index:0}.menu-container{align-items:center;justify-content:center;position:relative;z-index:999999}.menu-container .menu{background:var(--white-1);border-radius:8px;box-shadow:0 1px 8px var(--white-16);opacity:0;position:absolute;top:40px;transform:translateY(-20px);transition:opacity .4s ease,transform .4s ease,visibility .4s;visibility:hidden;width:300px}.menu-container .menu.active{opacity:1;visibility:visible}.menu-container .menu ul{list-style:none;margin:0;padding:0}.menu-container .menu li{border-bottom:1px solid var(--white-16);cursor:pointer;display:grid;grid-template-areas:"icon text";grid-template-columns:30px 1fr;grid-template-rows:1fr}.menu-container .menu li:hover{background-color:var(--bluish-white-1)}.menu-container .menu li .menu-icon{display:flex;grid-area:icon;width:-webkit-fit-content;width:fit-content}.menu-container .menu li .menu-icon .globe-icon{color:var(--primary-1);display:flex;font-size:20px;height:25px;margin:auto;width:25px}.menu-container .menu li .menu-text{grid-area:text}.menu-container .menu li .menu-text-header{color:var(--black-2);font-weight:700;height:21px;line-height:21px;margin-bottom:2px}.menu-container .menu li div{color:var(--gray-9);display:block;padding:8px 20px;text-decoration:none}.feelings-container{background-color:var(--white-1);border-radius:6px;bottom:150px;box-shadow:0 1px 15px 1px #00000014;position:absolute;right:calc(50% - 240px);transform-origin:initial;transform-style:flat;transition-delay:0ms;transition-duration:.2s;transition:all .2s linear}.feelings-container-picker{height:200px;width:300px}.feelings-container-picker p{color:var(--black-5);font-size:1rem;font-weight:700;margin:0;padding:10px 15px}.feelings-container-picker hr{margin:0;padding:0}.feelings-container-picker-list{cursor:pointer;height:calc(100% - 44px);list-style:none;overflow-y:scroll;padding:10px 15px}.feelings-container-picker-list-item{display:flex;font-size:.8rem;padding:8px 0}.feelings-container-picker-list-item:hover{background-color:var(--white-14)}.feelings-container-picker-list-item img{height:20px;margin-right:10px;object-fit:cover;width:20px}.giphy-container{background-color:#0000;border-radius:6px}.giphy-container-picker{display:grid;grid-template-areas:"form" "list";margin-top:5px}.giphy-container-picker-form{display:grid;grid-area:form;margin:0 10px;position:relative}.giphy-container-picker-form .form-row .form-input{line-height:0;padding:2px 40px 0}.giphy-container-picker-form-input{background:#0000;border:1px solid var(--white-4);border-radius:10px;color:var(--gray-8);font-size:14px;height:45px;outline:medium none;overflow:visible;padding-left:40px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.giphy-container-picker-form-input::placeholder{color:var(--gray-8);font-weight:700}.giphy-container-picker-form .search{color:var(--primary-1);font-size:16px;left:15px;position:absolute;top:15px}.giphy-container-picker-list{grid-area:list;height:100vh;list-style:none;overflow:scroll}.giphy-container-picker-list-item{font-size:.8rem;padding-bottom:15px;padding-left:10px;padding-right:10px}.giphy-container-picker-list-no-item{color:var(--primary-1)}.giphy-container-picker-list-no-item,.spinner{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.spinner{margin:auto 0;width:100px;z-index:999999}.spinner>div{animation:bounce 1.4s ease-in-out infinite both;border-radius:100%;display:inline-block;height:18px;width:18px}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.modal-box{z-index:1}.modal-box,.modal-box-loading{align-self:center;background-color:var(--white-1);border-radius:8px;box-sizing:border-box;flex-direction:column;justify-self:center;min-height:620px;overflow:hidden;position:absolute;width:500px}.modal-box-loading{cursor:pointer;grid-area:modal;opacity:.9;pointer-events:none;z-index:10}.modal-box-loading span{color:var(--gray-2);font-size:20px;font-weight:700;left:50%;margin:auto 0;position:absolute;text-align:center;top:45%;transform:translate(-50%,-50%);width:100px}.modal-box-header{display:grid;grid-template-areas:". h2 button";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;height:40px;padding:16px;text-align:center}.modal-box-header h2{color:var(--gray-11);font-size:1.25rem;font-weight:700;grid-area:h2}.modal-box-header-cancel{background:0 0;border:0;color:var(--gray-11);cursor:pointer;font-size:1.5rem;font-weight:400;grid-area:button;height:40px;margin-top:-5px;outline:none;text-align:right}.modal-box-button{padding:0 15px}.modal-box-button .post-button{background-color:var(--primary-1);border:none;border-radius:6px;color:var(--white-1);cursor:pointer;font-weight:700;height:35px;opacity:1;outline:none;width:100%}.modal-box-button .post-button:hover{background-color:var(--primary-1);opacity:.8}.modal-box-button .post-button:disabled{background-color:var(--primary-1);border-color:var(--primary-1);cursor:not-allowed;opacity:.5;pointer-events:none}.modal-box-form .editable{border:none;font-size:24px;height:300px;max-height:400px;outline:none;overflow-x:hidden;overflow-y:scroll;padding:0 20px;width:100%;word-break:break-all}.modal-box-form .editable:empty:before{color:var(--gray-1);content:attr(data-placeholder)}.modal-box-form .flex-row{align-items:center;display:flex;justify-content:center}.modal-box-form .flex-column{display:flex;flex-direction:column}.modal-box-form .textInputColor{align-items:center;color:var(--white-1);display:grid;font-size:35px;font-weight:900;justify-content:center;overflow-y:scroll;padding:0 20px;text-align:center}.modal-box-form .textInputColor:empty:before{color:var(--white-1);content:attr(data-placeholder)}.modal-box-form .textInputColor::placeholder{color:var(--white-1)}.modal-box-form .defaultInputTextColor{padding-bottom:120px;padding-top:120px}hr{border:0;border-top:1px solid var(--white-4);margin-top:15px}.modal-box-content{display:flex;margin:.5rem 0;padding:0 16px}.modal-box-content .user-post-image .post-rounded-circle{border-radius:50%;height:40px;width:40px}.modal-box-content .modal-box-info{color:var(--gray-3);height:45px;margin-left:15px}.modal-box-content .modal-box-info .inline-title-display{color:var(--gray-7);display:inline-block;font-size:16px;font-weight:400;line-height:1.5;margin-bottom:0;margin-right:5px;text-transform:capitalize}.modal-box-content .modal-box-info .inline-display{display:inline-block;height:18px;margin-bottom:0}.modal-box-content .modal-box-info .inline-display .feeling-icon{height:20px;object-fit:cover;vertical-align:bottom;width:20px}.modal-box-content .modal-box-info .inline-display span{color:var(--gray-3);display:contents;font-weight:bolder}.modal-box-content .modal-box-info .time-text-display{color:var(--primary-1);cursor:pointer;font-size:15px;text-transform:capitalize}.modal-box-content .modal-box-info .time-text-display .selected-item-text{display:inline-grid;font-weight:500;padding-top:2px;vertical-align:middle}.modal-box-content .modal-box-info .time-text-display .globe{margin-right:3px;vertical-align:middle}.modal-box-image-form{display:grid;grid-template-areas:"input" "image";height:400px;overflow-y:scroll}.modal-box-image-form .post-input{border:none;font-size:18px;grid-area:input;outline:none;padding:5px 15px 0;width:100%}.modal-box-image-form .image-display{grid-area:image;position:relative}.modal-box-image-form .image-display .post-image{height:auto;margin-bottom:20px;margin-top:10px;max-width:100%;padding:0 15px;width:100%}.modal-box-image-form .image-display .image-delete-btn{background:var(--white-9);border-radius:5px;color:var(--black-2);cursor:pointer;height:25px;left:auto;line-height:30px;margin-right:5px;position:absolute;right:15px;text-align:center;top:15px;width:25px;z-index:10}.modal-box-image-form .post-input:empty:before{color:var(--gray-1);content:attr(data-placeholder)}.modal-box-bg-colors{height:45px;padding:5px 15px}.modal-box-bg-colors ul{list-style:none}.modal-box-bg-colors ul li{border-radius:8px;display:inline-block;height:32px;margin-right:4px;width:32px}.modal-box-bg-colors ul .whiteColorBorder{border:1px solid var(--white-8)}.char_count{float:right;font-size:14px;margin-right:16px}.modal-box-selection{padding:10px 15px}.modal-box-selection .post-form-list{align-items:center;display:flex;list-style:none;margin:0;padding:0}.modal-box-selection .post-form-list .post-form-list-item{background:var(--white-7);border-radius:5px;color:var(--primary-1);cursor:pointer;display:flex;margin-right:1rem;padding:.5rem}.modal-box-selection .post-form-list .post-form-list-item img{padding-right:5px}.modal-box-selection .post-form-list .image-select .file-input{display:none}.modal-giphy{align-self:center;background-color:var(--white-1);border-radius:8px;box-sizing:border-box;flex-direction:column;justify-self:center;min-height:600px;overflow:hidden;pointer-events:all;position:absolute;width:500px;z-index:1}.modal-giphy-header{display:grid;grid-template-areas:"button h2 .";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;height:40px;padding:16px}.modal-giphy-header h2{color:var(--black-5);font-size:1.25rem;font-weight:700;grid-area:h2;max-width:100%;text-overflow:ellipsis}.modal-giphy-header .back-button{background:0 0;border:0;color:var(--black-1);cursor:pointer;font-size:1.5rem;font-weight:700;grid-area:button;height:40px;margin-top:-5px;outline:none;text-align:left}::-webkit-scrollbar{background:#0000;width:0}.posts-container{overflow:hidden}.post-body{background-color:var(--white-1);border-radius:16px;box-shadow:0 0 2px 0 #919eab33,0 12px 24px -4px #919eab1f;height:auto;margin-bottom:25px;margin-top:15px;padding:15px}.post-body .user-post-data-wrap{background-color:var(--white-1);display:flex;flex-wrap:wrap;width:100%}.post-body .user-post-data-wrap .view-comments{color:var(--primary-1);cursor:pointer;margin-bottom:-25px;text-align:right;width:100%}.post-body .user-post-data-wrap .user-post-image .post-rounded-circle{border-radius:50%;height:40px;width:40px}.post-body .user-post-data-wrap .user-post-info{color:var(--gray-3);flex:1 1;height:45px;margin:auto auto auto 10px}.post-body .user-post-data-wrap .user-post-info .inline-title-display{display:grid;grid-template-areas:"name . . icons";grid-template-columns:auto 1fr 1fr 100px;grid-template-rows:1fr}.post-body .user-post-data-wrap .user-post-info .inline-title-display h5{color:var(--gray-7);display:inline-block;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;grid-area:name;line-height:1.5;margin-bottom:0;margin-right:5px;width:100%}.post-body .user-post-data-wrap .user-post-info .inline-title-display .post-icons{cursor:pointer;grid-area:icons;text-align:right}.post-body .user-post-data-wrap .user-post-info .inline-title-display .post-icons .trash{color:var(--red-1)}.post-body .user-post-data-wrap .user-post-info .inline-title-display .post-icons .pencil{color:var(--primary-1);margin-right:15px}.post-body .user-post-data-wrap .user-post-info .inline-display{display:inline-block;font-weight:400;height:18px;margin-bottom:0;margin-left:4px}.post-body .user-post-data-wrap .user-post-info .inline-display .feeling-icon{height:18px;object-fit:cover;vertical-align:middle}.post-body .user-post-data-wrap .user-post-info .inline-display div{display:contents;font-weight:bolder}.post-body .user-post-data-wrap .user-post-info .time-text-display{display:flex;font-size:14px}.post-body .user-post-data-wrap .user-post-info .time-text-display .globe{margin-left:4px;margin-top:2px}.post-body .user-post-data-wrap .user-post{border-bottom:1px solid var(--white-4);margin-top:1rem;width:100%}.post-body .user-post-data-wrap .user-post .post{color:var(--black-5);font-size:18px;line-height:25px;margin-bottom:16px;margin-top:0;text-align:left}.post-body .user-post-data-wrap .user-post .post a{color:var(--primary-1);text-decoration:none}.post-body .user-post-data-wrap .user-post .post a:hover{text-decoration:underline}.post-body .user-post-data-wrap .user-post .user-post-with-bg{align-items:center;color:var(--white-1);display:flex;font-size:45px;font-weight:bolder;height:400px;justify-content:center;max-height:400px;overflow-x:hidden;overflow-y:scroll;padding:25px;text-align:center;width:100%;word-break:break-all}.post-body .user-post-data-wrap .user-post .user-post-with-bg a{color:var(--white-1);text-decoration:none}.post-body .user-post-data-wrap .user-post .user-post-with-bg a:hover{text-decoration:underline}.post-body .user-post-data-wrap .user-post .image-display-flex{display:flex;height:400px}.post-body .user-post-data-wrap .user-post .image-display-flex .post-image{border-radius:5px;object-fit:cover;width:100%}.comment-area{display:grid;font-size:14px;grid-template-areas:"like-icon comment-icon";grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:1fr;padding:10px 0}.comment-area .app-reactions{display:none}.comment-area .reactions{cursor:pointer;display:block;position:relative}.comment-area .reactions .reactions-container{bottom:100%;margin-left:-10px;padding-bottom:15px;position:absolute}.comment-area .reactions:hover .app-reactions{animation:drop .5s ease;display:block}.comment-area .comment-block{cursor:pointer;grid-area:comment-icon;margin-left:auto;padding-top:2px}.comment-area .comment-block .comments-text{align-items:center;display:flex}.comment-area .comment-block .comments-text .comment-alt{margin-right:5px}.comment-area .comment-block .comments-text span{font-size:15px;font-weight:400}.comment-area .like-icon{cursor:pointer;display:block;grid-area:like-icon;margin-top:2px}.comment-area .like-icon .likes-block{cursor:pointer;display:grid;grid-template-areas:"reactions-icon-display reactions-count";grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:1fr}.comment-area .like-icon .likes-block .reactions-icon-display{grid-area:reactions-icon-display}.comment-area .like-icon .likes-block .reactions-count{grid-area:reactions-count}.comment-area .like-icon .likes-block .likes-block-icons .reaction-display{align-items:center;display:flex}.comment-area .like-icon .likes-block .likes-block-icons .reaction-display .reaction-img{height:18px;margin-right:5px;margin-top:2px;object-fit:cover;width:18px}.comment-area .like-icon .likes-block .likes-block-icons .reaction-display span{font-size:15px;font-weight:400}.comment-area .like-icon .likes-block .likes-block-icons .love{color:var(--red-1)}.comment-area .like-icon .likes-block .likes-block-icons .like{color:var(--primary-1)}.comment-area .like-icon .likes-block .likes-block-icons .happy,.comment-area .like-icon .likes-block .likes-block-icons .sad,.comment-area .like-icon .likes-block .likes-block-icons .wow{color:var(--yellow-1)}.comment-area .like-icon .likes-block .likes-block-icons .angry{color:var(--orange-1)}.comment-area .like-icon .likes-block .likes-block-icons .thumbs-up{margin-right:5px}.comment-area .like-icon .likes-block .reaction-icon img{margin-bottom:4px}.comment-area .like-icon .likes-block .love{color:var(--red-1)}.comment-area .like-icon .likes-block .like{color:var(--primary-1)}.comment-area .like-icon .likes-block .happy,.comment-area .like-icon .likes-block .sad,.comment-area .like-icon .likes-block .wow{color:var(--yellow-1)}.comment-area .like-icon .likes-block .angry{color:var(--orange-1)}@media screen and (max-width:576px){.react-box{transform:scale(.7)}}.reactions{background:var(--white-1);border-radius:150px;box-shadow:0 0 60px #0003;list-style-type:none;margin:0}.reactions ul{display:flex;height:50px;margin:0;padding:0 5px}.reactions li{display:inline-block;padding:4px;position:relative;text-align:center;transform:scale(1) translateY(0);transition:transform .2s ease}.reactions li img{height:40px;width:40px}.reactions li label{background:var(--black-3);border-radius:10px;font-size:11px;margin-left:-5px;margin-top:-32px;padding:5px;text-align:center;visibility:hidden;width:50px}.reactions li label,.reactions li:before{color:var(--white-1);line-height:20px;position:absolute}.reactions li:before{background:#000000c2;border-radius:20px;bottom:120%;content:attr(data-hover);display:none;font-size:12px;font-weight:700;left:50%;padding:0 8px;transform:translateX(-50%)}.reactions li:hover{transform:scale(1) translateY(-5px);transition:transform .2s ease}.reactions li:hover label{visibility:visible}.reactions li:hover:before{display:inline-block}.reactions-display{border-bottom:1px solid var(--white-4);display:grid;grid-template-areas:"reaction comment";grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:1fr;padding:10px 0}.reactions-display span{padding-left:8px;padding-top:2px}.reactions-display .tooltip-container{cursor:pointer;display:inline-block;font-size:15px;position:relative}.reactions-display .tooltip-container .tooltip-container-likes-bottom{left:50%;margin-left:-30px;top:135%}.reactions-display .tooltip-container .tooltip-container-comments-bottom{left:-100%;top:135%}.reactions-display .tooltip-container-text{background-color:var(--gray-15);border-radius:6px;opacity:0;padding:5px 8px;position:absolute;transition:opacity .6s;visibility:hidden;width:200px;z-index:1}.reactions-display .tooltip-container-text .title{color:var(--white-7);display:flex;font-size:.7rem;font-weight:700;margin-bottom:0;padding-bottom:10px;padding-left:8px}.reactions-display .tooltip-container-text .title .title-img{height:15px;margin-right:5px;width:15px}.reactions-display .tooltip-container-text .likes-block-icons-list{float:left;height:auto;margin-bottom:0;max-height:500px;width:auto}.reactions-display .tooltip-container-text .likes-block-icons-list .circle-notch{color:var(--white-1);margin-left:85px}.reactions-display .tooltip-container-text .likes-block-icons-list span{color:var(--white-1);display:block;font-size:.75rem;font-weight:400}.reactions-display .reaction{cursor:pointer;display:block;grid-area:reaction}.reactions-display .reaction .likes-block{cursor:pointer;display:grid;grid-template-areas:"reactions-icon-display reactions-count";grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:1fr}.reactions-display .reaction .likes-block .reactions-icon-display{grid-area:reactions-icon-display}.reactions-display .reaction .likes-block .reactions-count{font-size:15px;grid-area:reactions-count}.reactions-display .reaction .likes-block .likes-block-icons .reaction-img{height:18px;margin-top:2px;width:18px}.reactions-display .reaction .likes-block .love{color:var(--red-1)}.reactions-display .reaction .likes-block .like{color:var(--primary-1)}.reactions-display .reaction .likes-block .happy,.reactions-display .reaction .likes-block .sad,.reactions-display .reaction .likes-block .wow{color:var(--yellow-1)}.reactions-display .reaction .likes-block .angry{color:var(--orange-1)}.reactions-display .comment{cursor:pointer;grid-area:comment;margin-left:auto;padding-top:2px}.reactions-display .tooltip-container:hover .tooltip-container-text{opacity:1;visibility:visible}@keyframes drop{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.modal-wrapper{bottom:0;display:grid;grid-auto-rows:1fr;grid-template-areas:"modal";grid-template-columns:1;left:0;position:fixed;top:0;z-index:1050}.modal-wrapper .modal-bg{background:var(--white-11);height:100vh;opacity:.6;width:100vw;z-index:0}.modal-wrapper-container{align-self:center;background-color:var(--white-1);border-radius:8px;box-sizing:border-box;flex-direction:column;grid-area:modal;justify-self:center;max-width:500px;min-height:500px;overflow:hidden;padding:1rem;pointer-events:all;position:absolute;width:100%;z-index:1}.modal-wrapper-container-body{border:1px solid #0000;height:600px;overflow:auto}.modal-wrapper-container-header{display:grid;grid-template-areas:". button";grid-template-columns:1fr 36px;grid-template-rows:1fr;height:40px;padding:16px}.modal-wrapper-container-header button{background:#0000;border:0;color:var(--black-1);cursor:pointer;font-size:1.5rem;font-weight:700;grid-area:button;height:40px;margin-top:-5px;outline:none;text-align:right}@media(max-width:768px){.modal-wrapper-container{margin:100px;min-height:500px;width:95%}}@media(max-width:480px){.modal-wrapper-container{margin:100px;min-height:450px;width:90%}}.modal-reactions-header-tabs{color:#050505;font-size:1.25rem;font-weight:700;height:40px;max-width:100%;text-overflow:ellipsis;width:100%}.modal-reactions-header-tabs-list{display:flex;list-style:none;margin:auto;width:100%}.modal-reactions-header-tabs-list .title{font-size:15px;text-align:center;width:100%}.modal-reactions-header-tabs-list .activeViewAllTab{border-bottom:2px solid var(--primary-1);color:var(--primary-1);font-weight:bolder;padding-bottom:16px}.modal-reactions-header-tabs-list .all{padding-top:4px}.modal-reactions-header-tabs-list .activeTab{border-bottom:2px solid;display:flex;font-weight:700;padding-bottom:16px}.modal-reactions-header-tabs-list li{border-bottom:1px solid #0000;display:flex;font-size:14px;font-weight:700;padding:4px 10px 16px}.modal-reactions-header-tabs-list li span{margin:auto auto auto 4px}.modal-reactions-header-tabs-list li img{height:18px;margin:auto;object-fit:cover;width:18px}.modal-reactions-container{height:600px;padding:10px}.modal-reactions-container-list{display:grid;grid-template-areas:"img name . follow";grid-template-columns:50px auto 1fr 100px;grid-template-rows:1fr;margin-bottom:20px}.modal-reactions-container-list .img{grid-area:img;position:relative}.modal-reactions-container-list .img .reaction-icon{bottom:2px;height:17px;object-fit:cover;position:absolute;right:1px;width:17px}.modal-reactions-container-list span{font-weight:bolder;grid-area:name;margin:auto;padding-left:16px}.comment-container{display:flex;width:100%}.comment-container .comment-form{background:var(--white-1);bottom:0;display:flex;left:0;padding:10px 0;right:0;width:100%}.comment-container .comment-form .form-row{display:contents;margin-bottom:0}.comment-container .comment-form .form-row .comment-input{background:var(--white-10);cursor:pointer;flex:1 1}.comment-container .comment-form .form-row .comment-input:focus::placeholder{color:var(--gray-10)}.comment-container .comment-form *{border:none;border-radius:20px;color:var(--black-3);font-size:15px;height:36px;padding:0 15px}.modal-comments{align-self:center;background-color:var(--gray-16);border-radius:8px;display:grid;flex-direction:column;justify-self:center;max-width:500px;min-height:400px;overflow:hidden;padding:1rem;position:relative;width:90%;z-index:1}.modal-comments-section{display:flex}.modal-comments-header h2{color:var(--black-5);font-size:1.25rem;font-weight:700;height:100px;margin-bottom:1rem;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.modal-comments-container{margin:0 5px;max-height:100%;min-height:500px;overflow-y:auto;padding-right:5px}.modal-comments-container-list{list-style:none;margin:0;padding:0}.modal-comments-container-list-item{margin-bottom:1rem;padding:5px 10px}.modal-comments-container-list-item-display{grid-gap:10px;display:grid;grid-template-columns:50px 1fr}.modal-comments-container-list-item-display-block .comment-data{word-wrap:break-word;background:var(--white-10);border-radius:20px;overflow-wrap:break-word;padding:10px 15px}.modal-comments-container-list-item-display-block .comment-data .read-more-btn{color:var(--black-5);cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin-top:5px;padding:0}.modal-comments-container-list-item-display-block .comment-data .read-more-btn:hover{color:var(--black-1)}.modal-comments-container-list-item-display-block .comment-data h1{color:var(--black-5);font-size:16px;font-weight:700;margin-bottom:5px;word-break:break-word}.modal-comments-container-list-item-display-block .comment-data p{font-size:15px;line-height:1.4;white-space:pre-wrap;word-break:break-word}@media(max-width:480px){.modal-comments{padding:.75rem;width:90%}.modal-comments-container{max-height:350px}}.image-modal-container{align-items:center;background:var(--black-1);bottom:0;display:flex;height:calc(100% - 75px);justify-content:center;left:0;position:fixed;width:100%;z-index:10}.image-modal-container .image-modal-icon{color:var(--white-1);cursor:pointer;font-size:30px;position:fixed;right:15px;top:90px;z-index:1000}.image-modal-container .image-modal-text{color:var(--white-1);cursor:pointer;font-size:20px;font-weight:800;left:15px;position:absolute;top:90px}.image-modal-container .image-modal-icon-left{color:var(--white-1);cursor:pointer;font-size:30px;left:15px;position:absolute}.image-modal-container .image-modal-icon-right{color:var(--white-1);cursor:pointer;font-size:30px;position:absolute;right:15px}.image-modal-container .image-modal-overlay{margin:auto;position:fixed;z-index:1000}.image-modal-container .image-modal-overlay,.image-modal-container .image-modal-overlay .image-modal-box{align-items:center;display:flex;justify-content:center}.image-modal-container .image-modal-overlay .image-modal-box .modal-image{height:100%;max-height:90vh;object-fit:contain;padding:20px;width:100%}.dialog-container{align-items:center;background:#0000001a;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.dialog-container .dialog{background:var(--white-1);border-radius:.25rem;max-width:400px;padding:2rem 1rem;text-align:center;width:80vw}.dialog-container .dialog h4{line-height:1.5;margin-bottom:0}.dialog-container .dialog .btn-container{display:flex;justify-content:space-around}.dialog-container .dialog .btn-container .btn{background:#0000;border-radius:.25rem;cursor:pointer;margin-top:2.25rem;padding:.5rem 1rem}.dialog-container .dialog .btn-container .cancel-btn{border-color:var(--primary-1);color:var(--primary-1);font-weight:700}.dialog-container .dialog .btn-container .confirm-btn{background-color:var(--red-1);border:1px solid var(--red-1);color:var(--white-1);font-weight:700}.container-wrapper{align-content:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;justify-content:center;min-height:100vh;padding:15px;position:relative;width:100vw;z-index:1}.container-wrapper .environment{color:var(--white-1);font-weight:900;padding:10px;position:absolute}.container-wrapper:before{background:linear-gradient(to bottom,var(--primary-1),var(--primary-2));content:"";display:block;height:100%;left:0;opacity:.9;position:absolute;top:0;width:100%;z-index:-1}.container-wrapper-auth{display:flex;flex-direction:column;justify-content:center;text-align:left}.container-wrapper-auth .tabs{border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top-left-radius:15px;border-top-right-radius:15px;margin:30px auto;max-width:500px;overflow:hidden;padding:0;position:relative}.container-wrapper-auth .tabs .tab-group{list-style:none;margin:0;padding:0}.container-wrapper-auth .tabs .tab-group .active button{background:var(--white-3);color:var(--gray-2)}.container-wrapper-auth .tabs .tab-group .forgot-password,.container-wrapper-auth .tabs .tab-group .reset-password,.container-wrapper-auth .tabs .tab-group li button{background:var(--white-1);border:none;border-top:3px solid #0000;color:var(--gray-1);display:block;float:left;font-size:20px;padding:15px;text-align:center;text-decoration:none;transition:all .4s ease-in-out;width:50%}.container-wrapper-auth .tabs .tab-item{padding:30px 0 0}.container-wrapper-auth .tabs .tabs-forgot-password{border-bottom-left-radius:15px;border-bottom-right-radius:15px;height:240px}.page-loader{background-color:var(--white-19);height:100vh;width:100vw}.forgot-password-tabs{height:240px}.forgot-password-tabs .tabs-auth .tab-group .tab .forgot-password{width:100%}.forgot-password-form .form-input-container{margin-bottom:20px}.forgot-password-form .auth-button{background-color:var(--primary-1);border-color:var(--primary-1);color:var(--white-1);cursor:pointer;display:block;font-weight:700;width:100%}.forgot-password-form .auth-button:disabled{background-color:var(--primary-1);border-color:var(--primary-1);cursor:not-allowed;opacity:.5;pointer-events:none}.forgot-password-form a{color:inherit;text-decoration:none}.forgot-password-form .login{cursor:pointer;display:flex;justify-content:flex-end;padding-top:10px}.forgot-password-form .login .arrow-left{margin-right:2px;margin-top:2px}.forgot-password-form .login:hover{color:var(--primary-1)}.auth-form .form-input-container{margin-bottom:20px}.auth-form .form-input-container .checkmark-container{align-items:baseline;cursor:pointer;display:flex;font-size:14px;-webkit-user-select:none;user-select:none}.auth-form .form-input-container .checkmark-container input{cursor:pointer;margin-right:10px}.auth-form .form-input-container .error{border:1px solid var(--error)}.auth-form .auth-button{color:var(--white-1);cursor:pointer;display:block;font-weight:700;width:100%}.auth-form .auth-button,.auth-form .auth-button:disabled{background-color:var(--primary-1);border-color:var(--primary-1)}.auth-form .auth-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.auth-form a{color:inherit;text-decoration:none}.auth-form .forgot-password{cursor:pointer;display:flex;justify-content:flex-end;padding-top:10px}.auth-form .forgot-password .arrow-right{margin-left:2px;margin-top:2px}.auth-form .forgot-password:hover{color:var(--primary-1)}.reset-password-tabs{height:340px}.reset-password-tabs .tabs-auth .tab-group .tab .reset-password{width:100%}.reset-password-form .form-input-container{margin-bottom:20px}.reset-password-form .auth-button{background-color:var(--primary-1);border-color:var(--primary-1);color:var(--white-1);cursor:pointer;display:block;font-weight:700;width:100%}.reset-password-form .auth-button:disabled{background-color:var(--primary-1);border-color:var(--primary-1);cursor:not-allowed;opacity:.5;pointer-events:none}.reset-password-form a{color:inherit;text-decoration:none}.reset-password-form .login{cursor:pointer;display:flex;justify-content:flex-end;padding-top:10px}.reset-password-form .login .arrow-left{margin-right:2px;margin-top:2px}.reset-password-form .login:hover{color:var(--primary-1)}.error-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.error-container .oops{color:var(--primary-1);font-size:10rem;font-weight:700;text-transform:uppercase}.error-container .not-found{color:var(--primary-1);font-size:2rem;font-weight:700}.error-container .back-button{background-color:var(--primary-1);border-color:var(--primary-1);color:var(--white-1);cursor:pointer;display:block;font-weight:700;margin-top:40px}.notifications-container{height:100vh;margin:auto;max-width:1152px;overflow-y:auto}.notifications-container .notifications-box{background-color:var(--white-1);border-radius:16px;justify-items:center;margin-bottom:100px;margin-top:30px;padding:15px 24px 24px}.notifications-container .notifications-box .notification-box{background:var(--white-1);border-radius:5px;box-shadow:0 0 2px 0 #919eab33,0 12px 24px -4px #919eab1f;cursor:pointer;height:70px;margin:20px auto auto;max-width:1152px;position:relative;transition:all .3s;z-index:2}.notifications-container .notifications-box .notification-box-sub-card{border-bottom:1px solid var(--white-7);color:inherit;display:inline-block;font-size:inherit;height:70px;width:100%}.notifications-container .notifications-box .notification-box-sub-card-media{align-items:center;display:grid;grid-template-areas:"image content";grid-template-columns:-webkit-max-content 1fr;grid-template-columns:max-content 1fr;grid-template-rows:1fr;height:inherit;padding:5px 15px}.notifications-container .notifications-box .notification-box-sub-card-media-image-icon{grid-area:image;margin:auto}.notifications-container .notifications-box .notification-box-sub-card-media-body{grid-area:content;margin-left:1rem;padding-top:5px}.notifications-container .notifications-box .notification-box-sub-card-media-body .title{color:var(--black-4);font-size:14px;height:21px;line-height:21px;margin-bottom:2px}.notifications-container .notifications-box .notification-box-sub-card-media-body .subtitle{color:var(--gray-9);cursor:pointer;float:right;font-size:12px}.notifications-container .notifications-box .notification-box-sub-card-media-body .subtitle .icon{color:var(--primary-1)}.notifications-container .notifications-box .notification-box-sub-card-media-body .subtitle .trash{color:var(--red-1);font-size:12px}.notifications-container .notifications-box .notification-box-sub-card-media-body .subtext{color:var(--gray-9);font-size:14px}.notifications-container .no-notification{align-items:center;color:var(--gray-9);display:flex;height:100%;justify-content:center;width:100%}.auth-inner{background:var(--white-1);border-bottom-left-radius:15px;border-bottom-right-radius:15px;margin:auto;min-height:380px;padding:40px 55px 45px;transition:all .3s;width:450px}.toast-notification-container{box-sizing:border-box;font-size:14px;position:fixed;z-index:999999}.toast-notification-container .toast-notification{grid-column-gap:10px;background:var(--white-1);background-position:15px;background-repeat:no-repeat;border-radius:5px;box-shadow:0 0 10px var(--gray-2);color:var(--white-1);column-gap:10px;display:grid;grid-template-areas:"image message cancelBtn";grid-template-columns:30px 1fr 10px;margin:0 0 15px;opacity:.9;overflow:hidden;pointer-events:auto;position:relative;transition:.3s ease;width:365px}.toast-notification-container .toast-notification .cancel-button{background:0 0;border:0;color:var(--white-1);cursor:pointer;display:flex;font-size:16px;font-weight:700;grid-area:cancelBtn;justify-content:flex-end;opacity:.8;outline:none;padding:0;text-shadow:0 1px 0 var(--white-1)}.toast-notification-container .toast-notification-content{grid-column-gap:10px;column-gap:10px;display:grid;grid-area:content;grid-template-areas:"image message";grid-template-columns:30px 1fr}.toast-notification-container .toast-notification .toast-notification-image{grid-area:image}.toast-notification-container .toast-notification .toast-notification-image img{height:30px;width:30px}.toast-notification-container .toast-notification .toast-notification-message{word-wrap:break-word;grid-area:message;margin:0 0 0 -1px;max-height:70px;overflow-y:auto;text-align:left}.toast-notification-container .toast-notification .toast-icon,.toast-notification-container .toast-notification .toast-message{align-self:center}.toast-notification-container .toast-notification:hover{box-shadow:0 0 10px var(--gray-4);cursor:pointer}.toast-notification-container .toast{color:var(--white-1);font-weight:700;padding:20px 15px;width:365px}.top-right{top:12px}.bottom-right,.top-right{animation:toast-in-right .7s;right:12px;transition:transform .6s ease-in-out}.bottom-right{bottom:12px}.top-left{top:12px}.bottom-left,.top-left{animation:toast-in-left .7s;left:12px;transition:transform .6s ease-in}.bottom-left{bottom:12px}@keyframes toast-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes toast-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes react-loading-skeleton{to{transform:translateX(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);border-radius:.25rem;display:inline-flex;line-height:1;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-iteration-count:infinite;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;background-image:linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%);background-image:var(--custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%));background-repeat:no-repeat;content:" ";display:var(--pseudo-element-display);height:100%;left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}:root{--white-1:#fff;--white-2:#eee;--white-3:#e5e6e7;--white-4:#f1f1f1;--white-5:#f1f0f0;--white-6:#fafafb;--white-7:#f5fbff;--white-8:#dee1e7;--white-9:#e4e6eb;--white-10:#f0f2f5;--white-11:#f3f4f5;--white-12:#ddd;--white-13:#ced0d4;--white-14:#f5fbff;--white-15:#bdbdbd;--white-16:#e8e9ef;--white-17:#ced4da;--white-18:#ccc;--white-19:#eff1f6;--black-1:#000;--black-2:#1c1e21;--black-3:#3f414d;--black-4:#060606;--black-5:#050505;--black-6:#565656;--black-7:#3f3f3f;--primary-1:#50b5ff;--primary-2:#00c6fb;--primary-3:#1876f2;--success:#5cb85c;--error:#fa9b8a;--dark-blue-1:#22233a;--dark-blue-2:#131e40;--gray-1:#888;--gray-2:#444;--gray-3:#777d74;--gray-4:#565656;--gray-5:#999;--gray-6:#989da8;--gray-7:#3f414d;--gray-8:#a09e9e;--gray-9:#65676b;--gray-10:#bec3c9;--gray-11:#495057;--gray-12:#9aa9bb;--gray-13:#969eb3;--gray-14:#f5f6fa;--gray-15:#40414d;--gray-16:#969eb33b;--gray-17:#637381;--gray-18:#212b36;--red-1:#f33e58;--red-2:#d3394c;--red-3:#ef9a9a;--red-4:red;--red-5:#fb3958;--red-6:#721c24;--red-7:#f8d7da;--red-8:#f5c6cb;--yellow-1:#f7b124;--orange-1:#e9710f;--bluish-white:#e7f3ff;--bluish-white-1:#eaf3ff;--green-1:#155724;--green-2:#d4edda;--green-3:#c3e6cb;--small-text:0.875rem;--extra-small-text:0.7em;--letter-spacing:1px}*{margin:0;outline:none;padding:0}*,:after,:before{box-sizing:border-box}*,:after,:before{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background-color:#f0f2f5;background-color:var(--white-10);font-family:DM Sans,sans-serif;height:100vh;overflow:hidden;position:fixed;width:100%}body,h1,h2,h3,h4,h5,h6,p{margin:0}.button{border:1px solid #0000;border-radius:.25rem;font-size:1rem;font-weight:400;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.followers,.following,.notifications,.people,.photos,.videos{align-items:center;border-radius:5px;display:flex;font-size:20px;height:40px;margin:20px auto;padding-left:10px}.empty-page,.followers,.following,.notifications,.people,.photos,.videos{background-color:#fff;background-color:var(--white-1);font-weight:700;max-width:1152px}.empty-page{border-radius:16px;font-size:18px;margin:auto;padding:24px;text-align:center}.avatar-skeleton{height:50px;line-height:1;width:50px}.alerts{border-radius:.25rem;margin-bottom:1rem;padding:.5rem 1.25rem}.alert-error{background-color:#f8d7da;background-color:var(--red-7);border-color:#f5c6cb;border-color:var(--red-8);color:#721c24;color:var(--red-6)}.alert-success{background-color:#d4edda;background-color:var(--green-2);border-color:#c3e6cb;border-color:var(--green-3);color:#155724;color:var(--green-1)}.message-loading{background-color:#eff1f6;background-color:var(--white-19);border:1px solid #fff;border:1px solid var(--white-1);height:90vh}.message-loading .spinner{transform:none;width:30%}
/*# sourceMappingURL=main.57e544d0.css.map*/