@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap);.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}.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%}.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)}.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)}.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}.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:scroll}.streams-content .streams-post{grid-area:post;height:100vh;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}.streams-content .streams-suggestions{background-color:var(--white-1);border-radius:16px;grid-area:suggestions;max-height:600px}.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:scroll;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}.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}.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%}.notifications-container{height:100vh;margin:auto;max-width:1152px;overflow-y:scroll}.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%}.spinner{left:50%;margin:auto 0;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);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)}}.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:scroll;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),var(--highlight-color),var(--base-color));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.cbb1ed51.css.map*/