@import url(https://fonts.googleapis.com/css?family=Nunito|Roboto|Sora);body{font-family:Roboto!important}.login__page{height:100vh;width:100%;background:#fff;overflow-y:scroll}.login__title{color:#555;text-align:center;font-size:12px;font-family:Roboto;margin-top:30px;width:60%}.login__google_btn,.login__twitter_btn{margin-bottom:10px;font-family:Roboto;width:60%}.login__logo{margin:0 auto}.login__logo svg{stroke:#fff}.login__divider{width:60%}.divider__text{color:#555}.login__form{width:60%}.login__submit{width:100%;margin-top:10px}.app__preview{height:100%;width:auto;position:relative}.app__preview .ios__screen{position:absolute;width:350px;height:90%;top:0;left:15%}.app__preview .android_screen{position:absolute;width:682px;height:100%;top:13%;left:16%;z-index:100}.login__box{width:100%;margin:0 auto}.login__box,.login__links{display:flex;flex-flow:column;align-items:center}.dont__have__account{text-align:center;font-size:20px}.header__menu{position:-webkit-sticky;position:sticky;bottom:0;left:0;padding:15px 20px;box-shadow:0 0 2px rgba(0,0,0,.16);display:grid;grid-template-columns:auto auto auto auto auto;width:100%;border-bottom:1px solid rgba(138,150,163,.25)}.header__menu div{display:flex;justify-content:center}.header__menu a{padding:0}.header__menu span.anticon.anticon-bell,.header__menu span.anticon.anticon-comment,.header__menu span.anticon.anticon-home,.header__menu span.anticon.anticon-plus-square,.header__menu span.anticon.anticon-user{font-size:25px!important;color:#555}.site-drawer-render-in-current-wrapper{position:relative;height:calc(100vh - 60px)!important;overflow:hidden;text-align:center;border:1px solid #ebedf0;border-radius:2px}.post__create__box{padding:10px 100px!important;display:flex;flex-flow:column}.post__textarea textarea{overflow:hidden auto;overflow-wrap:break-word;border:none;outline:none;width:100%;min-height:68px;max-height:215px;padding:10px;font-size:16px;font-family:Roboto;color:#000;resize:none}.post__upload{display:flex;flex-flow:row}.ant-page-header{padding:7px 1px!important}.content__body,.notification__page__box{padding:10px 50px!important}.stories__wrapper{margin-top:10px;margin-bottom:30px;width:100%}.stories__wrapper .stories{overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;flex-direction:row;width:100%;height:155px}.stories__wrapper .stories::-webkit-scrollbar{width:5px;height:4px}.stories__wrapper .stories::-webkit-scrollbar-track{background:#eee;border-radius:10px}.stories__wrapper .stories::-webkit-scrollbar-thumb{background:#8c8c8c;border-radius:10px;width:5px}.stories__wrapper .stories::-webkit-scrollbar-thumb:hover{background:#555}.stories__wrapper .stories .story{margin:10px;border-radius:4px}.stories__wrapper .stories .story::-moz-selection{background:none!important}.stories__wrapper .stories .story::selection{background:none!important}.stories__wrapper .stories .story .story__item{-webkit-box-flex:0;width:150px;height:100%;position:relative}.stories__wrapper .stories .story .story__item::-moz-selection{background:none!important}.stories__wrapper .stories .story .story__item::selection{background:none!important}.stories__wrapper .stories .story .story__item .story__thumb{position:absolute;width:100%;height:100%;border-radius:5px;-o-object-fit:cover;object-fit:cover}.stories__wrapper .stories .story .story__item .story__profile{width:36px;height:36px!important;position:absolute;top:65%;left:5%;border:2px solid #fff;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.story__view{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.fan__followers{display:grid;grid-template-columns:auto auto;font-size:14px;margin-top:20px;font-family:Roboto}.header__top{display:grid;grid-template-columns:auto 2fr;padding:5px}.header__top .search__following{display:flex;justify-content:center}.app__logo img{width:120px}.search__bar{width:100%;display:flex;flex-direction:row}.search__bar__input{display:flex;flex-flow:row;justify-content:center;flex-grow:4}.search__bar__input__box{width:60%;display:flex;flex-flow:row}.search__bar__profile{flex-grow:1;margin-right:10px}.drawer__menu_list ul{list-style-type:none}.drawer__menu_list ul li{display:flex;flex-flow:row}.drawer__menu_list ul li .drawer__menu_list__icon{font-size:17px!important}.drawer__menu_list ul li span{margin-right:3px;font-size:17px;font-weight:700}.file__uploader{width:100%;display:flex;flex-wrap:wrap;padding:10px}.file__uploader__list{width:200px;height:200px;margin:3px}.file__uploader__list .file__list{position:relative;width:200px;height:200px}.file__uploader__list .file__list img,.file__uploader__list .file__list video{width:100%;height:100%;border-radius:5px;-o-object-fit:cover;object-fit:cover}.file__uploader__list .file__list .center__content{position:absolute;top:45%;left:45%;color:#fff}.file__uploader__list .file__list .close__button{position:absolute;border:none;outline:none;z-index:100;right:5px;top:5px;background:#0283d4;border-radius:50%;height:20px;width:20px;padding-top:2px;text-align:center;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 2px rgba(0,0,0,.25);color:#fff;font-weight:700}.poll{background:#f1f2f4;width:30%;padding:10px;border-radius:5px;margin:10px}.poll__header{display:grid;grid-template-columns:auto auto}.poll__header__text{display:flex;flex-flow:row;color:#0283d4}.poll__header span .duration{float:right;margin-right:3px}.poll__header span .close__button{float:right;background:#0283d4;border-radius:50%}.poll .add__another__option{color:#0283d4;font-weight:700;font-size:12px;margin:10px 0}.post__box{width:100%}.post__box .post__header__avater{display:flex;flex-flow:row}.post__box .post__header__avater .post___username{margin-left:5px;display:flex;flex-flow:column}.post__box .post__header .post__header__menu{float:right}.time__text{color:#8a96a3;font-weight:700;margin-right:10px;margin-top:5px;font-size:12px}.home__page__container{padding:10px 100px!important}.post-slick .post__gallery{position:relative}.post-slick .post__gallery img,.post-slick .post__gallery video{width:100%!important;border-radius:1em!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);outline:none!important;z-index:99999!important;-o-object-fit:cover;object-fit:cover;height:calc(100vh - 100px)!important}.post-slick .post__gallery .post__action__next{position:absolute;top:45%;right:5%;color:#fff;z-index:1001}.post-slick .post__gallery .post__action__next button{background:rgba(0,0,0,.25);border-radius:50%;height:30px;border:2px solid rgba(0,0,0,.25);outline:none}.post-slick .post__gallery .post__action__next button:hover{background:#000}.post-slick .post__gallery .post__action__prev{position:absolute;top:45%;left:5%;color:#fff;z-index:1001}.post-slick .post__gallery .post__action__prev button{background:rgba(0,0,0,.25);border-radius:50%;height:30px;border:2px solid rgba(0,0,0,.25);outline:none}.post-slick .post__gallery .post__action__prev button:hover{background:#000}.post-slick .post__gallery img:hover .post__action__next{display:block}.ant-carousel .slick-slide h3{color:#fff}.post__icon{display:flex;padding:12px 0}.view__comments{color:#40a9ff}.post__description{color:#000}.drawer__action{display:flex!important;flex-flow:row;background:none!important}.drawer__action .username__text{font-size:18px;font-family:Nunito!important;margin:5px;color:#000;font-weight:700}.drawer__action__close{border:none;outline:none;background:#0283d4;border-radius:50%;height:20px;width:20px;padding-top:2px;text-align:center;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 2px rgba(0,0,0,.25);color:#fff;font-weight:700}.image__view{width:50%!important;top:10px!important}.image__view .ant-modal-content{background:transparent!important}.image__view .ant-modal-content .ant-modal-body{padding:0!important;height:100vh!important}.image__view .ant-modal-content .ant-modal-body img{-o-object-fit:cover;object-fit:cover;height:100vh!important;border-radius:1em;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)!important}.image__view .ant-modal-close-x{border:none;outline:none;background:#0283d4;border-radius:50%;height:20px!important;width:20px!important;padding-top:2px;text-align:center;display:flex!important;justify-content:center!important;align-items:center!important;box-shadow:0 2px 2px rgba(0,0,0,.25);color:#fff;font-weight:700;z-index:10000;margin-top:-5px;margin-right:-5px}.contents{padding:0 100px!important}.content-default{padding:10px 100px!important}.user{display:flex;flex-flow:column}.user .user__cover{position:relative;height:250px;background:#eee;background:linear-gradient(114deg,#555,#eee 40%);border-radius:0 0 1em 1em}.user .user__cover .menu__bar{position:absolute;width:100%;top:0;left:0;background:transparent;z-index:999}.user .user__cover .menu__bar .site-page-header{width:100%}.user .user__cover .menu__bar .site-page-header .ant-page-header-back-button{color:#fff!important;font-weight:700!important}.user .user__cover .menu__bar .site-page-header .ant-page-header-heading-left .ant-page-header-heading-title{color:#fff!important}.user .user__cover .cover__image{position:absolute;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:inherit;object-position:inherit;border-radius:0 0 1em 1em;outline:none!important;border:none!important}.user .user__cover .cover_action{position:absolute;bottom:10%;right:10%}.user .user__cover .user__profile{position:absolute;bottom:-10%;left:3%;background:linear-gradient(114deg,#555,#eee 40%);border-radius:0 0 1em 1em;border-radius:50%}.user .user__cover .user__profile img{width:90px;height:90px;border-radius:50%;border:2px solid #fff;cursor:pointer;-o-object-fit:cover;object-fit:cover}.user .user__cover .user__profile .camera__icon{position:absolute;top:8px;right:-4px;color:#fff;font-size:26px;background:#40a9ff;padding:5px;border-radius:50%}.user{margin-bottom:30px}.user__information{margin-top:50px}.user__subscription__plans{display:flex;flex-flow:column}.user__subscription__plans .subscription__plan{width:100%;border:1px solid #eee!important;border-radius:4px;padding:10px;box-shadow:0 2px 2px 0 rgba(0,0,0,.1),0 2px 6px 0 rgba(0,0,0,.04);margin:5px 0}.user__subscription__plans .subscription__plan .subscription__title{font-size:15px;font-weight:700;font-family:Nunito!important}.user__subscription__plans .subscription__plan .subscription__button{text-transform:uppercase!important;font-size:15px!important}.bookmark__item{display:flex;flex-flow:row}.bookmark__item__title{margin-left:10px!important;font-size:18px;font-weight:700}img{pointer-events:none!important}.tab__container{height:calc(100vh - 100px)!important;width:calc(100vh + 4%)!important;overflow-y:auto;overflow-x:hidden}.tab__container::-webkit-scrollbar{width:0;height:4px}.tab__container::-webkit-scrollbar-track{background:#eee;border-radius:0}.tab__container::-webkit-scrollbar-thumb{background:#8c8c8c;border-radius:10px;width:0}.tab__container::-webkit-scrollbar-thumb:hover{background:#555}.comments .comments__userlist{display:flex;flex-flow:column}.comments .comments__userlist .user__comment{display:flex;flex-direction:row;margin:5px 0}.comments .comments__userlist .user__comment .user__avater{flex-grow:1}.comments .comments__userlist .user__comment .user__comments{display:flex;flex-flow:column;flex-grow:16}.comments .comments__userlist .user__comment .user__comments .user__name{margin:0!important}.comments .comments__userlist .user__comment .user__comments .user__name__flex{display:flex;flex-flow:row;justify-content:flex-start}.comments .comments__userlist .user__comment .user__comments .user__name__flex .comment__text{margin-left:5px}.comments .comments__userlist .user__comment .user__comments__status{display:flex;flex-flow:row}.comments .comments__userlist .user__comment .user__comments__status p{margin:0 5px}.comments .comments__userlist .user__comment__action{flex-grow:1}.comments .comment__input{background:#f6f7f8;padding:10px;display:flex;flex-direction:row;border-radius:5px;border-top:2px solid #eee;height:100%}.comments .comment__input .profile_image{flex-grow:1;margin-right:5px}.comments .comment__input .profile_image img{background:#c1c1c1;width:30px;height:30px;border-radius:50%}.comments .comment__input .text__area{flex-grow:10;width:100%;margin-right:5px}.comments .comment__input .text__area textarea{width:100%!important;border:none;outline:none;background:transparent!important;resize:none!important}.comments .comment__input button{flex-grow:1}.post__icon{padding:0!important}.suggestions{padding:10px}.suggestions__header{display:grid;grid-template-columns:auto auto}.suggestions__header .text{font-size:16px;font-weight:700}.suggestions__header .navigation__actions .action{float:right;display:grid;grid-template-columns:auto auto auto auto;grid-gap:5px}.suggestions__slider{margin:0 auto;padding:10px;width:100%;height:300px;border-radius:1em}.suggestions__slider__flex{display:flex;flex-flow:column}.suggestion__fans{position:relative;height:200px;margin:5px 3px;background:#eee;border-radius:1em}.suggestion__fans .fans__cover{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:1em}.suggestion__fans .fans__profile{position:absolute;width:100px;height:100px;top:10%;left:10px;border-radius:50%;border:2px solid #fff}.suggestion__fans .fans__label{position:absolute;width:50px;height:auto;top:1%;right:1%;border-radius:1em;border:1px solid #ffa000;text-align:center;font-weight:700;font-size:13px;color:#fff;background:#fb3}.suggestion__fans .fans__info{position:absolute;bottom:0;width:100%;height:80%;background:rgba(0,0,0,.45);border-radius:0 0 1em 1em;-webkit-clip-path:polygon(100% 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 100%,100% 100%)}.suggestion__fans .fans__info .username{position:absolute;right:10%;bottom:10%;font-family:Sora!important;color:#3fa8ff;font-size:14px;font-weight:700}.suggestion__fans .fans__info .name{position:absolute;right:10%;bottom:10%;color:#fff;font-size:18px}.grey-text{color:#555!important;font-weight:700}.cover{position:relative;width:100%;height:200px;margin-top:10px}.cover .cover__img{width:100%;height:200px;border:2px solid #fff;border-radius:8px;outline:none}.cover .cover__img,.cover .cover__profile{position:absolute;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#eee!important;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.cover .cover__profile{height:50px;width:50px;bottom:-20px!important;left:50px;border-radius:50%!important;border:2px solid #40a9ff;border-radius:8px}.cover .cover__upload{position:absolute;right:10px;bottom:10px}.notification__label{font-size:16px;color:#727272}@media only screen and (max-width:600px){.app__preview{display:none}.login__form,.login__google_btn,.login__twitter_btn{width:80%}.poll{width:60%!important}.post__create__box{padding:10px!important}.content-default,.contents{padding:0 10px!important}}@media only screen and (min-width:600px){.app__preview{display:none}.login__form,.login__google_btn,.login__twitter_btn{width:80%}.post__create__box{padding:10px!important}.poll{width:60%!important}.content-default,.contents{padding:0 10px!important}}@media only screen and (min-width:768px){.app__preview{display:flex;align-items:center}.post__create__box{padding:10px!important}.poll{width:40%!important}.content-default,.contents{padding:0 50px!important}}@media only screen and (min-width:992px){.app__preview{display:flex;align-items:center}.login__form,.login__google_btn,.login__twitter_btn{width:60%}.poll{width:35%!important}.post__create__box{padding:10px 50px!important}.content-default,.contents{padding:0 50px!important}}@media only screen and (min-width:1200px){.app__preview{display:flex;align-items:center}.login__form,.login__google_btn,.login__twitter_btn{width:60%}.poll{width:30%!important}.post__create__box{padding:10px 50px!important}.content-default,.contents{padding:0 100px!important}}