body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#theme{display:none}#theme:checked~.App{-webkit-filter:invert(1);filter:invert(1)}.App{background-color:#f0f2f5;min-height:100vh;width:100%}.main{margin:45px auto auto;max-width:1200px;padding:15px 0;width:100%}ul{list-style:none}a{text-decoration:none}p{margin-bottom:0}.ml-1{margin-left:5px}.ml-2{margin-left:10px}.ml-3{margin-left:15px}.mr-2{margin-right:10px}.mr-3{margin-right:15px}.pl-4{padding-left:20px}.avatar{border:1px solid #ccc;border-radius:50%;cursor:pointer;z-index:10}.avatar.small{height:20px;width:20px}.avatar.small-28{height:28px;width:28px}.avatar.small-32{height:32px;width:32px}.avatar.small-40{height:40px;width:40px}.avatar.small-56{height:56px;width:56px}.avatar.medium{height:40px;width:40px}.avatar.big{height:100px;width:100px}.avatar.very-big{height:150px;width:150px}.createPost-box{align-items:center;background:rgba(0,0,0,.533);display:flex;height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:200}.createPost-box .btn_close{background-color:#ccc;padding:0;position:absolute;right:1rem;top:1rem}.createPost-box form{background-color:#fff;border-radius:5px;margin:auto;max-width:450px;padding:20px;position:relative;width:100%}.createPost-box form .btn-emoji{cursor:pointer;z-index:200}.createPost-box form .form-group .user-info .user{margin-left:15px}.createPost-box form .form-group .user-info .user a{color:#000;text-decoration:none}.createPost-box form .form-group .user-info .user p{font-weight:600}.createPost-box form .form-group .user-info .user .btn-setting{background:#ccc;font-weight:600}.createPost-box form .form-group textarea{border:none;font-size:20px;min-height:40px;outline:none;overflow-y:none;resize:none}.createPost-box form .form-group .title{align-items:center;display:flex;flex-direction:column;justify-content:center}.createPost-box form .form-group input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.createPost-box form .add-image_container{border:1px solid #ccc;position:relative}.createPost-box form .add-image_container .selected-image{width:calc(100% - 1rem)}.createPost-box form .add-image_container .btn-close_image{right:1rem;top:1rem}.createPost-box form .add-container{border:1px solid #ccc}.createPost-box form .add-container a{color:#000;cursor:pointer;font-weight:600}.createPost-box form .add-container .btn-add_menu{margin-bottom:0}.createPost-box form .add-container .btn-add_menu .btn-add_item{align-items:center;border-radius:50%;cursor:pointer;display:flex;padding:7px}.createPost-box form .add-container .btn-add_menu .btn-add_item:hover{background:#ececec}.createPost-box form .add-container .btn-add_menu .btn-add_item .btn-add_item+.btn-add_item{margin-left:5px}.createPost-box .emoji-container{position:fixed;right:25%;top:3%}.create-post{background-color:#fff;margin:20px auto;width:68%}.create-post__top{padding:0 4px}.create-post__top input{margin-left:10px;outline:none;text-align:left}.create-post .line{background-color:#ccc;height:1px}.create-post__bottom button>span{margin-right:10px}@media screen and (max-width:640px){.create-post{margin:5px auto;width:100%}}@media screen and (max-width:1200px){.create-post{margin:5px auto;width:90%}}.userCard{z-index:30}.search_form,.userCard:hover{background-color:#fff}.search_form{align-items:center;border-radius:50px;display:flex;justify-content:space-between;padding:4px 15px;position:relative;width:20%}.search_form input{background-color:#fff;border:none;width:100%}.search_form input:focus{background-color:#fff!important;border:none;outline:none}.search_form .icon{align-items:center;cursor:pointer;display:flex}.search_form .users{background:#fafafa;left:0;max-height:calc(100vh - 150px);min-width:250px;overflow:auto;position:absolute;top:30px;width:100%;z-index:20}.navbar{background-color:#f0f2f5;border-bottom:1px solid #ccc;left:0;padding:0 7rem;position:fixed;right:0;top:0;z-index:50}.navbar .search_form{width:30%}.navbar .menu{background-color:#f0f2f5}@media screen and (max-width:1000px){.navbar{padding:5px 75px}.navbar .search_form{width:300px}.menu{align-items:center;border-top:1px solid #ccc;bottom:0;display:flex;justify-content:space-between;left:0;position:fixed}.menu,.menu .navbar-nav{width:100%}.menu .navbar-nav li{justify-content:center;width:100%}.menu .navbar-nav li,.menu .navbar-nav li a{align-items:center;display:flex}.menu .dropdown-menu{position:absolute;right:0;top:0;-webkit-transform:translate(-30px,-105%);transform:translate(-30px,-105%)}}@media screen and (max-width:640px){.navbar{border:none;padding:0!important}.navbar .navbar-brand{display:none;height:0}.navbar .search_form{display:none;width:80%}.navbar .dropdown-menu{left:0;position:absolute;right:0;top:0;-webkit-transform:translate(-54%,-105%);transform:translate(-54%,-105%)}}.postcards{background:#fff;width:68%}.postcards .card__header{position:relative}.postcards .card__header--left .card__name{margin-left:10px}.postcards .card__header--right span{cursor:pointer}.postcards .card__header--right span:hover{-webkit-filter:blur(.8px);filter:blur(.8px)}.postcards .card__header .dropdown-menu .dropdown-item{align-items:center;cursor:pointer;display:flex}.postcards .card__header .dropdown-menu .dropdown-item span{margin-right:1rem}.postcards .card__body{margin-bottom:0}.postcards .card__body .card__content p{margin-bottom:10px;padding:0 .25rem}.postcards .card__body .card__image{cursor:pointer;height:100%;width:100%}.postcards .card__footer--action ul{margin-bottom:0;margin-left:-2px}.postcards .card__footer--action .action--item{color:#000;cursor:pointer;margin:0}.postcards .card__footer--action .action--item:hover{-webkit-filter:blur(.8px);filter:blur(.8px)}.postcards .card__footer--action .action--item+.action--item{margin-left:15px}.postcards .card__footer--action .action--right{margin-right:-5px}.postcards .card__footer--comment{margin-top:15px}.postcards .card__footer--info .card__comments,.postcards .card__footer--info .card__likes{cursor:pointer}@media screen and (max-width:640px){.postcards{margin:10px 0!important;width:100%}}@media screen and (max-width:1200px){.postcards{margin:10px 0!important;width:90%}}.user_component{align-items:center;display:flex;justify-content:space-between;margin:4px 0;padding:0 10px;width:100%}.user_component-content{align-items:center;display:flex;text-decoration:none}.user_component-content .user_component-info{margin-left:10px}.user_component-content .user_component-info p{color:#000;font-size:18px;font-weight:500;margin:0}.user_component-content .user_component-info span{color:#807f7f}.follows{align-items:center;background:rgba(0,0,0,.533);display:flex;height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:200}.follows .btn_close{background-color:#ccc;padding:0;position:absolute;right:1rem;top:1rem}.follows form{max-width:450px;padding:20px;position:relative}.follows form,.follows_content{background-color:#fff;border-radius:5px;margin:auto;width:100%}.follows_content h3{border-bottom:1px solid #ccc;font-size:20px;padding:5px;text-align:center}.commentBox__container .action__item{cursor:pointer;font-size:20px}.commentBox__container input{border:none;margin:0 10px;outline:none}.commentBox__container input:focus{border:none}.commentBox__container button{border:none;outline:none;padding:0}.comment__card--container{width:100%}.comment__card--container .commentBox{border:1px solid #ccc;border-radius:10px;margin-left:5px;padding:0 10px;width:100%}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{align-items:center;background-color:hsla(0,0%,90%,.5);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.suggestionUser{display:none;padding-top:15px}.suggestionUser--container{margin:20px 0;padding:0 10px}.suggestionUser--container__content .user--item:hover{background-color:#fff;cursor:pointer}.suggestionUser--container__content .user--item .userCard div{padding:0 20px!important}@media screen and (min-width:1201px){.suggestionUser{display:flex}}.home{display:flex}.home .main{width:80%}.home .suggestion{margin-top:45px}@media screen and (max-width:640px){.main{padding:10px 0;width:100%!important}.home .navbar{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:center;padding:5px 0!important}.home .navbar .navbar-brand{display:none}.home .navbar .search_form{display:flex;margin:auto}}@media screen and (max-width:1200px){.main{width:100%!important}.home .posts{margin-bottom:40px}}.auth_page{align-items:center;display:flex;height:100vh;justify-content:center;margin:auto;width:100%}.auth_page form{border:1px solid #ccc;border-radius:1rem;margin:auto;padding:4rem 2rem;width:40%}.auth_page .pass_input{display:flex;flex-direction:column;position:relative}.auth_page .pass_input small{cursor:pointer;position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:800px){.auth_page form{width:70%}}@media screen and (max-width:640px){.auth_page form{width:80%}}@media screen and (max-width:480px){.auth_page form{padding:1rem;width:90%}}.register_page form{padding:1rem 2rem}.discover{width:100%}.discover--container{gap:4px;margin-top:45px;width:100%}.discover--container .discover--item{aspect-ratio:1/1;object-fit:cover;width:32.3%}.discover--container .discover--item img{height:100%;width:100%}.discover--container .discover--item:hover{-webkit-filter:blur(.8px);filter:blur(.8px)}.discover--container .discover--item:hover .item__info{align-items:center;display:flex;justify-content:center;margin:0 auto}.discover--container .discover--item .item__info{display:none;height:100%;left:0;position:absolute;top:0;width:100%}.discover--container .discover--item .item__info div{align-items:center;color:#fff;display:flex;font-weight:700}.discover--container .discover--item .item__info div p{font-size:20px;margin-left:5px}.discover--container .discover--item .item__info div+div{margin-left:20px}@media screen and (max-width:640px){.discover .navbar{border-bottom:1px solid #ccc;padding:10px 0}.discover .navbar .search_form{display:flex;margin:5px auto;width:80%}}.message--container__left{border-right:1px solid #ccc;height:100%;width:20%}.message--container__left .listChat--head{padding:10px 0}.message--container__left .listChat--head__action .action--item{background-color:#ccc;padding:7px}.message--container__left .listChat--head__action .action--item:hover{background-color:#d3d3d3}.message--container__left .listChat--head__action .action--item+.action--item{margin-left:10px}.message--container__left .search--container{background-color:#ccc;margin-bottom:10px}.message--container__left .search--container input{border:none;outline:none}.message--container__left .search--container div{cursor:pointer}.message--container__left .listChat--content{border-top:1px solid #ccc;height:100%;overflow-y:scroll;padding:5px 0}.message--container__left .listChat--content .listChat--item{cursor:pointer}.message--container__left .listChat--content .listChat--item:hover{background-color:#ccc}.message--container__left .listChat--content .listChat--item__info{margin-left:10px;width:100%}.message--container__left .listChat--content .message__user{border-radius:10px;cursor:pointer;display:flex}.message--container__left .listChat--content .message__user.active{background-color:#cfcfcf}.message--container__left .listChat--content .message__user .userCard{align-items:center;border-radius:10px;display:flex;width:100%}.message--container__left .listChat--content .message__user .userCard div{width:100%}.message--container__left .listChat--content .message__user .userCard:hover{background-color:#cfcfcf}.message--container__left .listChat--content .message__user .userCard .userActive{font-size:10px;padding-right:10px}.message{height:100vh}.message--container{display:flex;flex-direction:row;padding-top:45px}@media screen and (max-width:640px){.message .message--container{padding-top:0}.message .message--container .message--container__left{border:none;width:100%}.message .message--container .right__mess{display:none}}.edit-profile{align-items:center;background:rgba(0,0,0,.533);display:flex;height:100vh;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:200}.edit-profile .btn_close{background-color:#ccc;position:absolute;right:1rem;top:1rem}.edit-profile form{background-color:#fff;border-radius:5px;margin:auto;max-width:450px;padding:20px;position:relative;width:100%}.edit-profile form .info_avatar{border:1px solid #ddd;border-radius:50%;height:150px;margin:auto;overflow:hidden;position:relative;width:150px}.edit-profile form .info_avatar img{display:block;height:100%;object-fit:contain;width:100%}.edit-profile form .info_avatar span{background:hsla(0,0%,100%,.333);bottom:-100%;color:red;height:50%;left:0;position:absolute;text-align:center;transition:.3s ease-in-out;width:100%}.edit-profile form .info_avatar input{cursor:pointer}.edit-profile form .info_avatar #file_up{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.edit-profile form .info_avatar:hover span{bottom:-15%}.info{z-index:10}.info__avatar{border:1px solid #ccc;margin:auto}.info__content{margin-left:100px}.info__content--title .editBtn{margin-left:40px}.info__content--sub .item{color:#000;cursor:pointer;font-size:16px;text-decoration:none}.info__content--sub .item+.item{margin-left:80px}.info__content--detail{margin-top:1rem}.info__content--detail h6{margin:0}.info__content--detail a{text-decoration:none}.info__content--detail a:hover{text-decoration:underline}.info__details{width:100%}.info__details--menu{border-top:1px solid #ccc;margin-top:60px;width:100%}.info__details--menu li{align-items:center;cursor:pointer;display:flex;font-size:18px;padding:10px 20px}.info__details--menu li span{margin-right:10px}.info__details--item.selected{border-top:1px solid #000}.userPost{height:100%}.userPost--container{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start}.userPost--container__info{aspect-ratio:1/1;background-color:#000;cursor:pointer;position:relative;width:32.3%}.userPost--container__info .userPost__img{height:100%;object-fit:cover;width:100%}.userPost--container__info .userPost__info{display:none;height:100%;left:0;position:absolute;top:0;width:100%}.userPost--container__info .userPost__info div{align-items:center;color:#fff;display:flex;font-weight:700}.userPost--container__info .userPost__info div p{font-size:20px;margin-left:5px}.userPost--container__info .userPost__info div+div{margin-left:20px}.userPost--container__info:hover .userPost__img{-webkit-filter:blur(.8px);filter:blur(.8px)}.userPost--container__info:hover .userPost__info{align-items:center;display:flex;justify-content:center;margin:0 auto}.profile--container{display:flex;flex-direction:column;height:100%;width:80%}.profile--container .profile--tab{border-top:1px solid #ccc}.profile--container .profile--tab button{background:transparent;border:none;padding:5px 40px}.profile--container .profile--tab button.active{border-bottom:1px solid #000;font-weight:500}@media screen and (max-width:640px){.profile--container{margin-top:0;padding-top:0;width:100%}.profile--container .info{margin:3rem 0}.profile--container .info__container .info__content{margin-left:10px}.profile--container .info__container .info__content--title{flex-direction:column}.profile--container .info__container .info__content--title .editBtn{margin-left:0}.profile--container .info .info__content--sub{flex-direction:column}.profile--container .info .info__content--sub .item{margin-left:0;padding:5px 0}}@media screen and (max-width:1200px){.profile--container{margin-bottom:40px;width:90%}}.notify--container{margin-top:45px;width:60%}.notify--container .notify--item{width:100%}.notify--container .notify--item__content h6{margin:0 5px}.notify--container .notify--item:hover{background-color:#ccc}@media screen and (max-width:640px){.notify .main{width:100%}.notify .navbar{border-bottom:1px solid #ccc;padding:10px 0}.notify .navbar .search_form{display:flex;margin:5px auto;width:80%}}.posts{display:flex;height:100%}.posts--container{height:100%;margin-top:40px;width:100%}.posts--container .posts--header{background-color:#fff;border-bottom:1px solid #ccc;margin-top:8px;position:relative}.posts--container .posts--header .back--btn{display:none;left:10px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.posts--container .posts--header .back--btn span{font-size:30px;margin-bottom:0}.posts--container .posts--header h5{margin-bottom:0}@media screen and (max-width:640px){.posts{margin-bottom:50px}.posts--container{margin-top:0}.posts--container .posts--header{margin-top:0;position:fixed}.posts--container .posts--header .back--btn{display:flex}.posts--container .postcards{margin-top:50px!important}.posts--container .alert{margin-top:50px}.posts--container .alert p{cursor:pointer;text-decoration:underline}}@media screen and (max-width:1000px){.posts--container .posts--header{position:fixed}.posts--container .posts--header .back--btn{display:flex}.posts--container .postcards{margin-top:60px!important}.posts--container .alert{margin-top:50px}.posts--container .alert p{cursor:pointer;text-decoration:underline}}.chat__title{margin-bottom:3px}.you__content{position:relative}.you__content span{cursor:pointer;font-size:30px;left:-30px;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.you__content:hover span{opacity:1}.chat__text{margin-bottom:5px;padding:9px 14px}.chat__time{color:#777;font-size:13px}.message__header{align-items:center;background:#f8f8f8;border-bottom:1px solid #ddd;display:flex;height:60px;justify-content:space-between;width:100%}.message__header input{background:#f8f8f8;border:none;flex:1 1;height:100%;outline:none;padding:0 5px}.message__header .userCard:hover{background:transparent}.message__header .user--info .btn--back{display:none!important;padding:5px}.message__header .action--menu .action--item{border-radius:50%;padding:5px}.message__header .action--menu .action--item:hover{background-color:#ccc}.message__header .action--menu .action--item+.action--item{margin-left:10px}.chat__container{height:100%;overflow-y:auto;padding:0 10px;width:100%}.chat__container .chat__display{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;width:100%}.chat__container .chat__row{display:grid;grid-template-columns:70%;margin-bottom:10px}.chat__container .you__message{justify-content:end;justify-items:end}.chat__container .other__message{justify-content:start;justify-items:start}.chat__container .you__message .chat__text{background:#0048aa;border:1px solid #0048aa;border-radius:14px 14px 0 14px;color:#fff}.chat__container .other__message .chat__text{background:#fff;border:1px solid #ddd;border-radius:14px 14px 14px 0;color:#111}.chat__input .dropdown-menu{-webkit-transform:translate3d(-110px,-200px,0)!important;transform:translate3d(-110px,-200px,0)!important}.show__media{grid-gap:10px;background:#f3f3f3;border-radius:5px;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));height:70px;overflow:hidden;padding:0 5px;place-items:center;width:100%}.show__media #file__media{height:100%;max-height:70px;max-width:70px;position:relative;width:100%}.show__media #file__media img,.show__media #file__media video{display:block;height:100%;object-fit:contain;width:100%}.show__media #file__media span{background:#fff;border:1px solid crimson;border-radius:50%;color:crimson;cursor:pointer;font-size:10px;font-weight:700;padding:3px 7px;position:absolute;right:0;top:0;z-index:4}.chat__input{border-top:1px solid #ddd;padding:10px}.chat__input .input__container{background-color:#fff;border-radius:50px;padding:10px}.chat__input .input__container input{border:none;outline:none;width:100%}.chat__input .input__container button{background:transparent;border:none;outline:none}.chat__input .input__container .file__upload{cursor:pointer;margin:0 10px;overflow:hidden;position:relative}.chat__input .input__container .file__upload span{cursor:pointer}.chat__input .input__container .file__upload #file{left:0;opacity:0;position:absolute;top:0}.chat__input .input__container .item{cursor:pointer}@media screen and (max-width:640px){.message__header .user--info .btn--back{display:flex!important}}.conversation{height:100vh}.conversation--container{padding-top:45px}.right__mess{width:80%}@media screen and (max-width:640px){.conversation .navbar{display:none}.conversation--container{padding-top:0}.conversation--container .message--container__left{display:none!important}.conversation--container .right__mess{border:none;width:100%}}
/*# sourceMappingURL=main.cc99df4e.css.map*/