@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap);.topbar{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#16202b;left:0;padding:8px 16px;position:fixed;top:0;width:100%;z-index:9000}.topbar .container{display:flex;justify-content:space-between}.topbar__logo{display:inline-block;height:40px}.topbar__logo h1{display:none}.topbar__logo svg{height:100%}.topbar__group{display:flex;justify-content:flex-end}.topbar__icon{align-items:center;color:#858d93;display:flex;flex-direction:column;font-size:1.6rem;font-weight:400;justify-content:center;margin:auto .5rem;transition:all .2s ease-in-out}.topbar__icon span{display:none}.topbar__icon:hover{color:#fff}.topbar__icon:first-child{margin-right:15px}@media screen and (min-width:728px){.topbar__icon{margin:auto .5rem}.topbar__icon span{display:inline-block;font-size:1.1rem}}.story{background-color:#08111e;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:9999}.story__header{overflow:hidden;padding:16px;align-items:center;display:flex;justify-content:space-between}.story__progress{background-color:hsla(0,0%,100%,.05);border-radius:4px;height:4px;overflow:hidden;width:100%;padding:1px}.story__progress__elapsed{transition:width .05s ease-in-out;width:0;height:1px;background:linear-gradient(90deg,#ff991c 0,#d51589)}.story__close{font-size:1.6rem;color:#858d93}.story__header .user{display:flex;align-items:center}.story__header .user__thumb{height:40px;margin-right:8px;border:1px solid #ff991c;width:40px}.story__header .user__name{font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none}.story__video__wrapper{background-color:#000;height:calc(100vh - 104px);overflow:hidden;border:5px solid #16202b;padding:0;border-radius:30px;position:relative;width:100%;margin:16px 0}.video-player{position:absolute;width:100%;max-width:100%;height:100%}.stories{background-color:#16202b;overflow-x:hidden;overflow-y:auto;padding:16px;width:100%}.stories .container{align-items:center;display:flex;justify-content:flex-start;margin:0 auto}.stories .user__thumb{align-items:center;display:flex;flex-direction:column;border:none;height:72px;justify-content:center;margin:0 5px;padding:0;width:72px}.stories .user__thumb__wrapper{height:65px;width:65px}.loading{align-items:center;color:#16202b;display:flex;flex-direction:column;height:100px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%);width:100px;font-weight:700;font-size:1.3rem}.preloader{position:relative;width:65px;margin-bottom:20px}.preloader span{position:absolute;display:block;bottom:0;width:9px;height:5px;border-radius:5px;background:#16202b;-webkit-animation:preloader 2s ease-in-out infinite;animation:preloader 2s ease-in-out infinite}.preloader span:nth-child(2){left:11px;-webkit-animation-delay:.2s;animation-delay:.2s}.preloader span:nth-child(3){left:22px;-webkit-animation-delay:.4s;animation-delay:.4s}.preloader span:nth-child(4){left:33px;-webkit-animation-delay:.6s;animation-delay:.6s}.preloader span:nth-child(5){left:44px;-webkit-animation-delay:.8s;animation-delay:.8s}.preloader span:nth-child(6){left:55px;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes preloader{0%{height:5px;transform:translateY(0);background:#f88738}25%{height:30px;transform:translateY(15px);background:#dc327b}50%,to{height:5px;transform:translateY(0);background:#16202b}}@keyframes preloader{0%{height:5px;transform:translateY(0);background:#f88738}25%{height:30px;transform:translateY(15px);background:#dc327b}50%,to{height:5px;transform:translateY(0);background:#16202b}}.post{background-color:#08111e;display:flex;flex-direction:column;margin-bottom:30px;overflow:hidden}.post__header{justify-content:space-between;padding:8px}.post__header,.post__header .user{align-items:center;display:flex}.post__header .user__thumb{height:40px;margin-right:8px;border:1px solid #ff991c;width:40px}.follow-btn{color:#858d93;font-weight:600;font-size:1.2rem}.follow-btn.is-following{color:#ed2168}.post__header .user__name{font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none}.post__context{font-size:1.4rem}.post__figure{border-radius:30px;height:auto;margin:0;overflow:hidden;width:100%}.post__figure img{width:100%}.post__controls{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:4px 0}.post__control{color:#858d93;font-size:2.4rem;margin-right:5px;position:relative}.fas.fa-heart{color:#ed2168}.post__status{display:flex;padding:0;line-height:1.4em}.post__status span{color:#858d93}.post__status .user{display:flex;justify-content:flex-start;align-items:center}.post__status .user span{font-size:1.2rem}.post__status .user__thumb{height:30px;width:30px;margin-right:8px}.feed{display:flex;flex-direction:column;padding:16px;position:relative;width:100%}@media screen and (min-width:728px){.feed{padding:16px 0}}.users-list{flex-direction:row;flex-wrap:wrap;padding:8px;position:relative;width:100%}.users-list,.users-list .post{display:flex;justify-content:center;align-items:center}.users-list .post{background-color:#16202b;border-radius:6px;flex-direction:column;margin:6px auto;overflow:hidden;padding:0;transition:all .2s ease-in-out;width:calc(50% - 12px)}.users-list .post:hover{background-color:rgba(22,32,43,.6)}.users-list .post:hover .post__header .user__name{color:#fff}.users-list .post:hover .user__thumb{background:linear-gradient(45deg,#d51589,#ff991c)}@media screen and (min-width:728px){.users-list .users-list{padding:40px 16px}.users-list .post{width:calc(33.33333% - 12px)}}.users-list .post__header,.users-list .post__header .user{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0;width:100%}.users-list .post__header .user{padding:15px}.users-list .post__header .user__name{padding:15px 0;font-size:1.4rem;color:#858d93;transition:all .2s ease-in-out}.users-list .user__thumb{background:linear-gradient(45deg,#08111e,#08111e);border:2px solid transparent;height:100px;margin:0;transition:all .2s ease-in-out;width:100px}@media screen and (min-width:728px){.users-list{padding:16px 0}}.profile{background-color:#16202b;display:flex;flex-direction:column;position:relative}.profile-data{padding:20px}.profile-data,.profile-data .user{display:flex;flex-direction:column;justify-content:center;align-items:center}.profile-data .user__thumb{background:linear-gradient(45deg,#d51589,#ff991c);border:2px solid transparent;height:150px;width:150px;margin:0}.profile-data .user__name{display:flex;align-items:center;padding:0;font-size:2rem;line-height:1;margin-bottom:0;font-weight:700;transition:all .2s ease-in-out;color:#fff}.profile-data .user__name span{color:#858d93;font-weight:400;font-size:1.4rem}.profile-data .user__name span:before{content:"-";margin:0 10px}@media screen and (min-width:728px){.profile-data{padding:40px 16px 20px}.profile-data .user__thumb{height:200px;width:200px}}.user-posts{display:flex;flex-direction:row;flex-wrap:wrap;padding:16px;position:relative;justify-content:space-between}.user-posts .post{margin:6px;width:calc(50% - 12px);height:calc(50vw - 12px)}.user-posts .post .post__figure{border-radius:10px}.no-posts{align-items:center;display:flex;flex-direction:column;font-size:1.4rem;justify-content:center;width:100%;padding:40px}.no-posts__content{color:#858d93}.no-posts__emoji{font-size:5rem}@media screen and (min-width:728px){.user-posts{padding:20px 16px 40px;justify-content:flex-start}.user-posts .post{width:calc(33.33333% - 12px);height:180px}}.post__form{display:flex;flex-direction:column;justify-content:center;padding:16px}@media screen and (min-width:728px){.post__form{padding:40px}}.post__form .post__form__wrapper{width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width:728px){.post__form .post__form__wrapper{width:80%}}.post__form .post__form__wrapper button{background:linear-gradient(45deg,#d51589,#ff991c);color:#fff;font-size:2rem;font-weight:700;margin:0 auto;padding:10px 20px;border-radius:5px}.post__form label{display:block;color:#858d93;font-size:1.2rem;font-weight:400;margin-bottom:5px}.post__form input{background-color:hsla(0,0%,100%,.02);border-radius:5px;border:1px solid #858d93;color:#fff;display:block;font-size:16px;font-weight:700;margin-bottom:20px;outline:none;padding:8px;width:100%;transition:all .2s ease-in-out}.post__form input::-webkit-input-placeholder{font-weight:400}.post__form input:-ms-input-placeholder{font-weight:400}.post__form input::-ms-input-placeholder{font-weight:400}.post__form input::placeholder{font-weight:400}.post__form input:focus{background-color:hsla(0,0%,100%,.1);border:1px solid #f06b41}*,:after,:before{box-sizing:border-box}html{font-size:10px}body{padding-top:56px;font-family:"Open Sans",sans-serif;background-color:#08111e}a,body{color:#fff}a{text-decoration:none;font-weight:700}button{background-color:transparent;border:none;box-shadow:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.container{margin:0 auto;position:relative;width:100%}@media screen and (min-width:728px){.container{width:600px}}.user__thumb{display:flex;border-radius:100%;overflow:hidden}.user__thumb__wrapper{border-radius:100%;border:2px solid #16202b;display:inline-block;overflow:hidden}.user__thumb img{height:100%;width:100%}.user__thumb--hasNew{background:linear-gradient(45deg,#d51589,#ff991c)}
/*# sourceMappingURL=main.b667bb89.chunk.css.map */