*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;font-style:normal;font-size:.875rem;font-weight:400;color:#292929}a,h1,h2,h3,h4,h5,h6,p{word-wrap:break-word;word-break:break-word}a:first-letter,h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter,h6:first-letter,p:first-letter{text-transform:uppercase}a{text-decoration:none;color:#292929}li,ul{list-style:none}img{width:100%}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.justify-content-end{justify-content:flex-end}.align-items-between{align-items:space-between}.align-items-center{align-items:center}.col-1{width:8.3333333333%}.col-1,.col-2{padding:0 1.5rem}.col-2{width:16.6666666667%}.col-3{width:25%}.col-3,.col-4{padding:0 1.5rem}.col-4{width:33.3333333333%}.col-5{width:41.6666666667%}.col-5,.col-6{padding:0 1.5rem}.col-6{width:50%}.col-7{width:58.3333333333%}.col-7,.col-8{padding:0 1.5rem}.col-8{width:66.6666666667%}.col-9{width:75%}.col-10,.col-9{padding:0 1.5rem}.col-10{width:83.3333333333%}.col-11{width:91.6666666667%}.col-11,.col-12{padding:0 1.5rem}.col-12{width:100%}.offset-0{margin-left:0;padding:0 1.5rem}.offset-1{margin-left:8.3333333333%;padding:0 1.5rem}.offset-2{margin-left:16.6666666667%;padding:0 1.5rem}.offset-3{margin-left:25%;padding:0 1.5rem}.offset-4{margin-left:33.3333333333%;padding:0 1.5rem}.offset-5{margin-left:41.6666666667%;padding:0 1.5rem}.offset-6{margin-left:50%;padding:0 1.5rem}.offset-7{margin-left:58.3333333333%;padding:0 1.5rem}.offset-8{margin-left:66.6666666667%;padding:0 1.5rem}.offset-9{margin-left:75%;padding:0 1.5rem}.offset-10{margin-left:83.3333333333%;padding:0 1.5rem}.offset-11{margin-left:91.6666666667%;padding:0 1.5rem}.offset-12{margin-left:100%;padding:0 1.5rem}.row{display:flex;align-items:center;flex:1;flex-wrap:wrap;margin:0 -1.5rem}.container{max-width:1320px;margin:0 auto;padding:0 12px}header{background:#fff;border-bottom:1px solid #f8f9fa;box-shadow:0 3px 8px rgba(0,0,0,.24);width:100%;position:sticky;top:0;z-index:100}header .page-header{display:flex;align-items:center;justify-content:space-between;height:4.75rem;font-weight:700}header .page-header .logo-letter{font-size:150%}header .page-header .header-action,header .page-header .menu-item,header .page-header .menu-list{display:flex;align-items:center;justify-content:space-between}header .page-header .menu-mobile-list{flex-direction:column;justify-content:flex-start;text-align:right;position:absolute;top:0;right:0;visibility:hidden;opacity:0;transition:.5s;background-color:#fff;z-index:100;width:50vw;height:100vh}header .page-header .menu-mobile-list.active{visibility:visible;opacity:1;transition:.5s}header .page-header .menu-mobile-list .menu-mobile-item{width:100%;height:3rem;padding:0 1rem;border-bottom:1px solid #eee}header .page-header .menu-mobile-list .menu-mobile-item .menu-mobile-link{display:flex;align-items:center;justify-content:end;width:100%;height:100%;margin:0;transition:.3s}header .page-header .menu-mobile-list .menu-mobile-item .menu-mobile-link:hover{color:#f79918;transition:.3s}header .page-header .menu-mobile-list .hide-menu{display:flex;align-items:center}header .page-header .menu-mobile-list .hide-menu .hide-menu-btn{cursor:pointer;font-size:1.5rem;background-color:transparent;border:none;outline:none}header .page-header .menu-item.menu-mobile{display:block}header .page-header .menu-item .menu-link{cursor:pointer;color:#292929;font-weight:500;margin-left:1rem;font-size:1rem;white-space:nowrap;transition:.3s}header .page-header .menu-item .menu-link.menu-bar{font-size:1.5rem}header .page-header .menu-item .menu-link:hover{color:#f79918;transition:.3s}header .page-header .user-avatar{position:relative;width:2.5rem;height:2.5rem;border-radius:50%;border:none;outline:none;cursor:pointer;margin-left:1rem}header .page-header .user-avatar img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:50%}header .page-header .user-avatar .user-action{position:absolute;top:147%;right:0;min-width:12rem;background:#fff;box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}header .page-header .user-avatar .user-action .action-list{display:flex;flex-direction:column}header .page-header .user-avatar .user-action .action-list .action-item{display:flex;justify-content:flex-end}header .page-header .user-avatar .user-action .action-list .action-item .action-link{width:100%;height:100%;padding:.6rem 1.2rem;font-size:1rem;font-weight:400}header .page-header .user-avatar .user-action .action-list .action-item .action-link:hover{background:#eee;transition:.3s;color:#f79918}.section-footer{margin-top:3rem}.section-footer,.section-footer .list-media{display:flex;align-items:center;justify-content:center}.section-footer .list-media{margin-bottom:2rem}.section-footer .list-media .media-item{width:2.5rem;height:2.5rem;margin:0 5px;border-radius:40%;background:#ccc;cursor:pointer}.section-footer .list-media .media-item .media-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#292929}.section-footer .list-media .media-item:hover{background:#f79918;transition:.3s}.section-footer .list-media .media-item:hover .media-link{color:#fff;transition:.3s}.section-footer .footer-copy-right{color:#888;font-size:1rem;text-align:center;margin-bottom:1rem}.btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;white-space:nowrap;outline:none;cursor:pointer;border-radius:99rem}.btn.btn-primary{color:#fff;background:#f79918;border:1px solid #f79918}.btn.btn-primary:hover{color:#f79918;background:#fff;transition:.3s}.btn.btn-outline{background:#fff;border:1px solid #f79918;color:#f79918}.btn.btn-outline:hover{background:#f79918;color:#fff;transition:.3s}.card{border:1px solid #e5e5e5;margin:1.5rem auto;border-radius:10px;display:block;overflow:hidden}.card-img{width:100%;aspect-ratio:16/9;overflow:hidden}.card-img img{height:100%;-o-object-fit:cover;object-fit:cover}.card-body{padding:1rem}.card-body .card-title{margin-bottom:.5rem;color:#292929}.card-body .card-tags{display:flex;overflow:hidden;margin-bottom:1rem;min-height:25px}.card-body .card-tags .tag-item{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.2rem;padding:.2rem .5rem;min-width:2.5rem;max-width:8rem;text-align:center;color:#292929;background:#eee;border-radius:3rem}.card-body .card-tags .tag-item+li{margin-left:.5rem}.card-title{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;font-size:130%;font-weight:700;line-height:150%;margin:.5rem auto;color:#292929}.card-content{font-weight:400;line-height:150%}.card-footer{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1rem;border-top:1px solid #eee}.modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:hsla(0,0%,100%,.95);overflow:hidden}.modal .authentication-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:95vh;background:#fff;box-shadow:0 8px 24px hsla(210,8%,62%,.2);padding:2rem;animation:zoom .5s ease-in-out}.modal .authentication-modal .close-modal{position:absolute;top:1rem;right:1rem;border:none;outline:none;background:transparent;font-size:1.375rem;cursor:pointer}.modal .authentication-modal .sign-in-modal{display:flex;flex-direction:column;align-items:center;margin-top:3rem}.modal .authentication-modal .sign-in-modal .sign-in-title{font-size:1.5rem;font-weight:500;margin-top:5rem;margin-bottom:3rem}.modal .authentication-modal .sign-in-modal .sign-in-title .blog-name{color:#f79918}.modal .authentication-modal .sign-in-modal .list-action{display:flex;align-items:center;justify-content:center;flex-direction:column}.modal .authentication-modal .sign-in-modal .list-action .action-item{margin-bottom:1rem}.modal .authentication-modal .sign-in-modal .list-action .action-item p{-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal .authentication-modal .sign-in-modal .list-action .action-item .action-link{border:1px solid #e5e5e5;border-radius:3rem;padding:.6rem 1.2rem;display:flex;align-items:center;color:#292929;background:transparent;cursor:pointer}.modal .authentication-modal .sign-in-modal .list-action .action-item .action-link:hover{border:1px solid #333;transition:.2s}.modal .authentication-modal .sign-in-modal .list-action .action-item .action-link i{margin-right:1rem}.modal .authentication-modal .sign-in-modal .sign-up-action{font-size:1rem;margin-top:2rem}.modal .authentication-modal .sign-in-modal .sign-up-action .create-account{color:#f79918;font-weight:600}.modal .authentication-modal .sign-in-modal .sign-in-info{text-align:center;font-size:1rem;color:#888;margin-top:2rem}.modal .authentication-modal .sign-in-email{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-top:5rem}.modal .authentication-modal .sign-in-email .sign-in-email-title{font-size:1.5rem;font-weight:500}.modal .authentication-modal .sign-in-email .sign-in-email-title .blog-name{color:#f79918}.modal .authentication-modal .sign-in-email .modal-form{display:flex;align-items:center;justify-content:center;flex-direction:column;width:50%}.modal .authentication-modal .sign-in-email .modal-form .input-description{font-size:.875rem;color:#888;text-align:center;margin-top:1.5rem}.modal .authentication-modal .sign-in-email .modal-form .form-input{width:100%;outline:none;border:none;border-bottom:1px solid #333;padding:.6rem 1rem;font-size:1rem;text-align:center}.modal .authentication-modal .sign-in-email .modal-form .form-input:focus{border-bottom:1px solid #f79918;transition:.3s}.modal .authentication-modal .sign-in-email .modal-form .btn{width:200px;height:45px;margin-top:1.5rem}.modal .authentication-modal .sign-in-email .back-all-action{color:#f79918;margin-top:2rem}.modal .authentication-modal .sign-in-email .back-all-action i{margin-right:.5rem}.modal .authentication-modal .sign-in-email .sign-in-info{text-align:center;font-size:1rem;color:#888;margin-top:2rem}.modal .authentication-modal .sign-up-email{margin-top:3rem}.modal .authentication-modal .sign-up-email .sign-up-email-title{font-size:1.375rem;font-weight:600;text-align:center;margin-bottom:1.5rem}.modal .authentication-modal .sign-up-email .sign-up-email-title .blog-name{color:#f79918}.modal .authentication-modal .sign-up-email .modal-form{display:flex;align-items:center;justify-content:center;align-items:flex-start;flex-direction:column;width:80%;margin:0 auto}.modal .authentication-modal .sign-up-email .modal-form input{padding:.6rem 1rem;margin-bottom:.5rem;border:none;border-bottom:1px solid #e5e5e5;outline:none;font-size:1rem;width:100%}.modal .authentication-modal .sign-up-email .modal-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal .authentication-modal .sign-up-email .modal-form input:focus{border-bottom:1px solid #f79918;transition:.3s}.modal .authentication-modal .sign-up-email .modal-form button{margin-top:1rem}.modal .authentication-modal .sign-up-email .modal-form .select-gender{display:flex;align-items:center;justify-content:center;margin:.5rem 0 .5rem 1rem}.modal .authentication-modal .sign-up-email .modal-form .select-gender label{display:flex;align-items:center;justify-content:center;font-size:1rem;margin:0}.modal .authentication-modal .sign-up-email .modal-form .error{display:flex;align-items:flex-start;color:red;font-size:.875rem;margin-top:-.5rem;margin-left:1rem}.modal .authentication-modal .sign-up-email button{margin:0 auto}.modal .authentication-modal .sign-up-email .back-all-action{display:flex;align-items:center;justify-content:center;color:#f79918;margin-top:1rem}.modal .authentication-modal .sign-up-email .back-all-action i{margin-right:.5rem}@keyframes zoom{0%{margin-left:1200px}to{margin-left:0}}.container-radio{display:block;position:relative;padding:0 2rem;margin-bottom:12px;cursor:pointer;font-size:1.375rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container-radio input{position:absolute;opacity:0;cursor:pointer}.container-radio input:checked~.checkmark{background-color:#f79918}.container-radio input:checked~.checkmark:after{display:block}.container-radio .checkmark{position:absolute;top:0;left:0;height:1.2rem;width:1.2rem;background-color:#eee;border-radius:50%}.container-radio .checkmark:after{content:"";position:absolute;display:none;top:50%;left:50%;transform:translate(-50%,-50%);width:.4rem;height:.4rem;border-radius:50%;background:#fff}.notification-wrapper{position:fixed;top:10px;right:10px;width:300px;z-index:10000}.notification-wrapper .notification-item{box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:10px;overflow:hidden;margin-bottom:20px;animation:SlideLeft 3s;animation-fill-mode:forwards;width:300px}.notification-wrapper .notification-item.success{background-color:#65d266;color:#fff}.notification-wrapper .notification-item.error{background-color:red;color:#fff}.notification-wrapper p{margin:0;padding:15px 20px}@keyframes SlideLeft{0%{margin-left:120%}20%{margin-left:0}90%{margin-left:0}to{margin-left:120%}}.load-wrapp{position:fixed;height:2em;width:2em;overflow:show;margin:auto;top:0;left:0;bottom:0;right:0;z-index:1000}.load-wrapp:after{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.5}.load-wrapp .loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;opacity:1;display:flex}.load-wrapp .loading .line{display:inline-block;width:15px;height:15px;margin:0 .5rem;border-radius:15px;background-color:#f79918;opacity:1}.load-wrapp .loading .line:last-child{animation:loadingC .6s linear .1s infinite}.load-wrapp .loading .line:nth-last-child(2){animation:loadingC .6s linear .2s infinite}.load-wrapp .loading .line:nth-last-child(3){animation:loadingC .6s linear .3s infinite}.load-more-wrap{width:200px;height:30px;margin:0 auto;text-align:center}.load-more-wrap .line{display:inline-block;width:15px;height:15px;border-radius:15px;margin:0 .5rem;background-color:#f79918}.load-more-wrap .load-more .line:last-child{animation:loadingC .6s linear .1s infinite}.load-more-wrap .load-more .line:nth-last-child(2){animation:loadingC .6s linear .2s infinite}.load-more-wrap .load-more .line:nth-last-child(3){animation:loadingC .6s linear .3s infinite}@keyframes loadingC{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translate(0)}}.skeleton{background-color:#ddd;border-radius:.25rem;overflow:hidden;position:relative}.skeleton.text-long{width:100%;margin-bottom:.625rem;height:.813rem}.skeleton.text-medium{width:75%;margin-bottom:.625rem;height:.813rem}.skeleton.text-short{width:50%;margin-bottom:.625rem;height:.813rem}.skeleton.text-extra-short{width:25%;margin-bottom:.625rem;height:.813rem}.skeleton.title{width:50%;margin-bottom:.625rem;height:1.5rem}.skeleton.title-long{width:100%;margin-bottom:.625rem;height:1.5rem}.skeleton.sub-title{width:50%;margin-bottom:.625rem;height:.875rem}.skeleton.sub-title-short{width:25%;margin-bottom:.625rem;height:.875rem}.skeleton.avatar{width:2rem;height:2rem;margin-right:1rem;border-radius:50%}.skeleton.avatar-lg{width:3rem;height:3rem;border-radius:50%}.skeleton.image{width:100%;margin-bottom:.625rem;padding-bottom:56.25%}.skeleton:before{position:absolute;content:"";height:100%;width:100%;background-image:linear-gradient(90deg,#d9d9d9 0,rgba(0,0,0,.05) 20%,#d9d9d9 40%,#d9d9d9);background-repeat:no-repeat;background-size:450px 400px;animation:shimmer 1s linear infinite}@keyframes shimmer{0%{background-position:-450px 0}to{background-position:450px 0}}.medium-editor-element{min-height:330px!important;border-top:1px solid #e5e5e5;padding:1rem;outline:none}.medium-editor-toolbar li .medium-editor-button-active{background:#f79918!important;color:#292929!important}.medium-editor-placeholder-relative:after,.medium-editor-placeholder:after{color:#888;font-style:normal!important}::-moz-selection{background:#f79918;color:#fff}::selection{background:#f79918;color:#fff}.editable{width:100%;margin-bottom:1.5rem}.editable a,.editable b,.editable blockquote,.editable h2,.editable h3,.editable h4,.editable h5,.editable h6,.editable i,.editable p,.editable span,.editable strong,.editable u{line-height:1.5}.editable p{font-size:16px}.list-user-comment{margin:1rem auto;padding:1rem}.list-user-comment .user-comment-item{margin-bottom:1rem;width:100%;display:flex}.list-user-comment .user-comment-item .user-picture{width:3rem;height:3rem;border-radius:50%;overflow:hidden;margin-right:.5rem}.list-user-comment .user-comment-item .user-picture img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.list-user-comment .user-comment-item .comment-detail{display:flex;flex-direction:column;flex:1;border-radius:1rem;padding:1rem;background-color:#f8f9fa}.list-user-comment .user-comment-item .comment-detail .comment-header{display:flex;align-items:center;justify-content:space-between;font-weight:700}.list-user-comment .user-comment-item .comment-detail .comment-header .comment-moment{font-size:.875rem;font-weight:500;color:#888}.list-user-comment .user-comment-item .comment-detail .user-content{background-color:transparent;margin-top:.5rem;resize:none;border:none;word-wrap:break-word;word-break:break-word}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.text-primary{color:#f79918!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.h-100{height:100%}.section-slide .slide-title{font-weight:700;font-size:3.5rem;text-align:center;margin:3rem 0;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.section-slide .slide-content{overflow:hidden}.section-slide .slide-content .list-post{display:flex;width:calc(300% + 4px);margin:0 -1px}.section-slide .slide-content .list-post .post-item{display:flex;align-items:center;justify-content:center;flex:1;transition:1s ease;padding:0 1px}.section-slide .slide-content .list-post .post-item .post-image{max-width:600px;max-height:600px}.section-slide .slide-content .list-post .post-item .post-image img{width:100%;height:100%;aspect-ratio:8/5;border-radius:1rem;-o-object-fit:cover;object-fit:cover}.section-slide .slide-content .list-post .post-item .post-content .post-topic{color:#292929;font-size:1.375rem;font-weight:700;margin-bottom:3rem}.section-slide .slide-content .list-post .post-item .post-content .post-topic .post-create-at{color:#757575;font-weight:400}.section-slide .slide-content .list-post .post-item .post-content .post-title{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;font-size:2.5rem;color:#292929;font-weight:700;margin-bottom:.5rem}.section-slide .slide-content .list-post .post-item .post-content .post-text-content{color:#757575;font-weight:400;font-size:1.375rem;line-height:150%;margin-bottom:1rem;display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.section-slide .slide-content .list-post .post-item .post-content .post-author{display:flex}.section-slide .slide-content .list-post .post-item .post-content .post-author .author-avatar{width:2.813rem;height:2.813rem;border-radius:50%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.section-slide .slide-content .list-post .post-item .post-content .post-author .author-content{display:flex;align-items:center;justify-content:center;margin-left:1rem}.section-slide .slide-content .list-post .post-item .post-content .post-author .author-content .author-name{cursor:pointer;font-size:1.375rem;color:#292929;font-weight:700}.section-slide .slide-content .list-post .post-item .post-content .post-author .author-content .author-role{color:#757575;font-weight:400;font-size:.875rem}.section-slide .slide-content .slide-dots{display:flex;justify-content:center;margin:2rem}.section-slide .slide-content .slide-dots .dot-item{height:.5rem;width:.5rem;border-radius:50%;background:#888;margin:0 .2rem;cursor:pointer}.section-slide .slide-content .slide-dots .dot-item.active{background:#f79918}.section-new-post{margin-top:5rem;width:100%;overflow:hidden}.section-new-post .post-creator-info{display:flex;align-items:center;flex:1;overflow:hidden}.section-new-post .post-creator-info .author-avatar{height:2rem;width:2rem;border-radius:50%;margin-right:1rem;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.section-new-post .post-creator-info .author-info{display:flex;flex-direction:column;flex:1;padding-right:.5rem;overflow:hidden}.section-new-post .post-creator-info .author-info .author-name{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;cursor:pointer;font-size:1rem;font-weight:700}.section-new-post .post-content{height:12rem}.section-new-post .post-content .post-description{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.5rem}.section-new-post .post-status-info{display:flex;justify-content:flex-end}.section-new-post .post-status-info .post-interact{display:flex;align-items:center;justify-content:flex-end}.section-new-post .post-status-info .post-interact p{margin-left:.5rem}.section-new-post .post-sub-info{font-size:.875rem;color:#888}.section-new-post .load-more-wrap{width:200px;height:30px;margin:2rem auto;text-align:center}.section-new-post .load-more-wrap .line{display:inline-block;width:15px;height:15px;border-radius:15px;margin:0 .5rem;background-color:#f79918}.section-new-post .load-more-wrap .load-more .line:last-child{animation:loadingC .6s linear .1s infinite}.section-new-post .load-more-wrap .load-more .line:nth-last-child(2){animation:loadingC .6s linear .2s infinite}.section-new-post .load-more-wrap .load-more .line:nth-last-child(3){animation:loadingC .6s linear .3s infinite}.section-update-info{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 auto}.section-update-info .update-info-title{font-size:1.5rem;font-weight:600;text-align:center;margin-top:2rem;margin-bottom:1.5rem}.section-update-info .update-form{display:flex;flex-direction:column;width:600px}.section-update-info .update-form input{padding:.8rem 1.5rem;margin-bottom:1rem;border:1px solid #e5e5e5;border-radius:3rem;outline:none;font-size:1rem;width:100%}.section-update-info .update-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.section-update-info .update-form input:focus{border:1px solid #f79918;transition:.3s}.section-update-info .update-form .form-btn{display:flex;justify-content:center}.section-update-info .update-form .form-btn button{margin-top:1rem;width:300px}.section-update-info .update-form .error{color:red;font-size:.875rem;margin-top:-.8rem;margin-left:1.5rem;margin-bottom:.3rem}.section-update-info .update-form .error.error-avatar{display:flex;justify-content:center;margin-top:-2rem;margin-bottom:1.5rem}.section-update-info .update-form .select-gender{display:flex;padding-left:1.5rem}.section-update-info .update-form .select-gender label{font-size:1rem}.section-update-info .update-form .avatar{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;margin:0 auto 2rem}.section-update-info .update-form .avatar .avatar-image{width:5rem;height:5rem;position:relative;overflow:hidden}.section-update-info .update-form .avatar .avatar-image img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:50%}.section-update-info .update-form .avatar .avatar-image .input-image{display:none}.section-update-info .update-form .avatar .avatar-image .select-image{display:flex;align-items:center;justify-content:center;position:absolute;width:20px;height:20px;border-radius:50%;right:0;bottom:0;background:#fff;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);cursor:pointer}.section-change-pass .change-pass-title{font-size:1.5rem;font-weight:600;text-align:center;margin:3rem 0}.section-change-pass .change-pass-form{display:flex;align-items:center;flex-direction:column;width:600px;margin:0 auto}.section-change-pass .change-pass-form input{padding:.8rem 1.5rem;margin-bottom:1rem;border:1px solid #e5e5e5;border-radius:3rem;outline:none;font-size:1rem;width:100%}.section-change-pass .change-pass-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.section-change-pass .change-pass-form input:focus{border:1px solid #f79918;transition:.3s}.section-change-pass .change-pass-form .error{color:red;font-size:.875rem;margin-top:-.8rem;margin-left:1.5rem;margin-bottom:.3rem}.section-change-pass .change-pass-form .form-btn{display:flex;justify-content:center}.section-change-pass .change-pass-form .form-btn button{margin-top:1rem;width:300px}.row,.row .author-interact{align-items:flex-start}.row .author-interact{padding:1.5rem;margin:7rem 0 0 6rem;position:fixed;top:0;display:flex;flex-direction:column}.row .author-interact .author-name{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;cursor:pointer;margin:.5rem 0}.row .author-interact .interact-action-list{width:100%}.row .author-interact .interact-action-list .interact-action-item{display:flex;align-items:center;cursor:pointer;margin:.5rem auto}.row .author-interact .interact-action-list .interact-action-item .item-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #f79918;background-color:#fff;color:#f79918;border-radius:50%;transition:.3s}.row .author-interact .interact-action-list .interact-action-item .item-icon.active{color:#fff;background-color:#f79918}.row .author-interact .interact-action-list .interact-action-item p{display:block;margin:0;padding:0;font-weight:700;transition-duration:.3s}.row .author-interact .interact-action-list .interact-action-item:hover>.item-icon{font-size:120%;background-color:#f79918;color:#fff;transition:.3s}.row .post-detail{margin:3rem auto}.row .post-detail .post-header{margin-bottom:1rem}.row .post-detail .post-header .post-title{font-size:2.5rem;text-align:center}.row .post-detail .author-detail,.row .post-detail .author-detail .interact-detail-list{display:flex;align-items:center;justify-content:space-between}.row .post-detail .author-detail .interact-detail-list{height:3rem;min-width:5rem;display:none}.row .post-detail .author-detail .interact-detail-list .interact-detail-item{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #f79918;color:#f79918;font-size:1rem;width:2.5rem;height:2.5rem;border-radius:50%;margin-left:.5rem;transition:.3s}.row .post-detail .author-detail .interact-detail-list .interact-detail-item:hover{background-color:#f79918;color:#fff;font-size:120%;transition:.3s}.row .post-detail .post-image{margin-bottom:1rem}.row .post-detail .author-info-list{display:flex;align-items:center;height:3rem;overflow:hidden;margin:1rem 0}.row .post-detail .author-info-list .author-info-item{display:flex;align-items:center;cursor:pointer;margin-right:1rem}.row .post-detail .author-info-list .author-info-item .author-avatar{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;overflow:hidden;margin-right:.5rem}.row .post-detail .author-info-list .author-info-item .author-avatar img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.row .post-detail .author-info-list .author-info-item .author-name{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;cursor:pointer;max-width:15rem}.row .post-detail .post-content{font-size:1.5rem;line-height:2rem}.row .post-detail .post-footer{border-top:1px solid #eee}.row .post-detail .post-footer .interact-detail-list{display:flex;align-items:center;justify-content:flex-end;height:3rem}.row .post-detail .post-footer .interact-detail-list .interact-detail-item{cursor:pointer;margin-right:1rem}.row .post-detail .post-footer .interact-detail-list .interact-detail-item .fa-heart{color:#e92146}.row .post-detail .interact-title{cursor:pointer}.row .post-detail .form-comment{display:flex;align-items:center;margin-top:1rem}.row .post-detail .form-comment .comment-input{border:1px solid #e5e5e5;width:100%;padding:.6rem 1rem;outline:none;border-radius:2rem;font-size:1rem;margin-right:1rem}.row .post-detail .form-comment button{width:150px;height:40px}.row .post-detail .error{color:red;font-size:.875rem;margin-top:-1rem;margin-bottom:.5rem;margin-left:0}.row .post-detail h1,.row .post-detail h2,.row .post-detail h3,.row .post-detail h4,.row .post-detail h5,.row .post-detail h6,.row .post-detail p{margin-bottom:.5rem}.row .post-detail h1:first-letter,.row .post-detail h2:first-letter,.row .post-detail h3:first-letter,.row .post-detail h4:first-letter,.row .post-detail h5:first-letter,.row .post-detail h6:first-letter,.row .post-detail p:first-letter{text-transform:uppercase}.row .post-detail img{width:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:16/9}.row .post-detail p{display:inline-block;font-size:1rem;line-height:1.5rem}.row .post-detail p img{margin:1rem 0}.row .post-detail figcaption{text-align:center;font-size:.75rem;font-style:italic}.wall{margin:3rem auto}.wall .author-public-info .author-info-content{display:flex;align-items:flex-start}.wall .author-public-info .author-info-content .author-avatar{width:8rem;height:8rem;border-radius:50%;overflow:hidden;margin-right:1rem}.wall .author-public-info .author-info-content .author-avatar .avatar-image{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.wall .author-public-info .author-info-content .public-info-detail .author-name{cursor:pointer;color:#f79918}.wall .author-public-info .author-info-content .public-info-detail .activity-info-list{display:flex;margin:1rem 0}.wall .author-public-info .author-info-content .public-info-detail .activity-info-list .activity-info-item{margin-right:1rem}.wall .author-public-info .author-info-content .public-info-detail .activity-info-list .activity-info-item.follow{cursor:pointer}.wall .author-public-info .author-info-content .public-info-detail .user-action{cursor:pointer;display:flex}.wall .author-public-info .author-info-content .public-info-detail .user-action .item-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:1px solid #f79918;background-color:#fff;color:#f79918;border-radius:50%;transition:.3s}.wall .author-public-info .author-info-content .public-info-detail .user-action .item-icon.active{background-color:#f79918;color:#fff}.wall .author-public-info .author-info-content .public-info-detail .user-action .item-icon:hover{font-size:120%;background-color:#f79918;color:#fff;transition:.3s}.wall .author-public-info .author-info-content .public-info-detail .user-action .view-mode-item{color:#f79918;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:1rem;padding:.5rem 2rem;border-radius:1rem;border:1px solid #f79918}.wall .author-public-info .author-info-content .public-info-detail .user-action .view-mode-item.active{background:#f79918;color:#fff}.wall .wall-list .post-item{display:flex;align-items:center;justify-content:space-between;height:10rem;margin:2.5rem auto;align-items:flex-end}.wall .wall-list .post-item .item-img{width:15rem;height:100%;margin-right:1.5rem;overflow:hidden}.wall .wall-list .post-item .item-img .item-image{height:100%;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover}.wall .wall-list .post-item .item-detail{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:100%;flex:1;word-wrap:break-word;word-break:break-word}.wall .wall-list .post-item .item-detail .item-title{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;font-size:.875rem}.wall .wall-list .post-item .item-detail .item-description{overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;line-height:1.5rem;margin-top:.5rem}.wall .wall-list .post-item .item-detail .sub-info-list{display:flex;align-items:center}.wall .wall-list .post-item .item-detail .sub-info-list .sub-info-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;max-width:8rem;min-width:3rem;margin-left:.5rem;border-radius:99rem;outline:none;padding:.1rem .5rem;color:#f79918;font-size:.875rem;background-color:#fff;border:1px solid #f79918;transition:.3s}.wall .wall-list .post-item .item-detail .time-status-info{display:flex;align-items:center;justify-content:space-between;width:100%}.wall .wall-list .post-item .item-detail .time-status-info .time-info{font-size:1rem;color:#888}.wall .wall-list .post-item .sign-optional{display:flex;align-items:center;justify-content:center;position:relative;padding:0 1rem;cursor:pointer}.wall .wall-list .post-item .sign-optional:hover>.list-option{visibility:visible;opacity:1;transition:.3s}.wall .wall-list .post-item .sign-optional .dot{font-size:1.25rem;color:#757575}.wall .wall-list .post-item .sign-optional .list-option{box-shadow:0 3px 8px rgba(0,0,0,.24);position:absolute;top:150%;right:35%;background-color:#fff;visibility:hidden;opacity:0}.wall .wall-list .post-item .sign-optional .list-option .option-item{cursor:pointer;padding:1rem 1rem 1rem .5rem;display:flex;align-items:center;border-bottom:1px dashed #e5e5e5;white-space:nowrap;transition:.3s}.wall .wall-list .post-item .sign-optional .list-option .option-item-icon{text-align:center;width:2rem}.wall .wall-list .post-item .sign-optional .list-option .option-item:hover{background-color:#e5e5e5;color:#f79918;transition:.3s}.wall .wall-list .empty-post{font-size:1.375rem;color:#292929;text-align:center;margin:2rem 0}.wall .popup-follow{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);z-index:101;overflow:hidden}.wall .popup-follow .popup-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:25rem;height:28rem;background:#fff}.wall .popup-follow .popup-content .popup-follow-title{text-align:center;padding:.8rem;border-bottom:1px solid #e5e5e5;position:sticky;top:0;height:3.125rem;background:#fff}.wall .popup-follow .popup-content .list-follow{display:flex;flex-direction:column;padding:1rem 1.5rem 0;max-height:24.875rem;overflow-y:scroll}.wall .popup-follow .popup-content .list-follow::-webkit-scrollbar{width:.5rem}.wall .popup-follow .popup-content .list-follow::-webkit-scrollbar-track{background:#edeff1}.wall .popup-follow .popup-content .list-follow::-webkit-scrollbar-thumb{background:#ddd;border-radius:.6rem}.wall .popup-follow .popup-content .list-follow ::-webkit-scrollbar-thumb:hover{background:#555}.wall .popup-follow .popup-content .list-follow .follow-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.wall .popup-follow .popup-content .list-follow .follow-item .follow-item-content{display:flex;align-items:center;justify-content:center}.wall .popup-follow .popup-content .list-follow .follow-item .follow-item-content .user-avatar{width:3rem;height:3rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.wall .popup-follow .popup-content .list-follow .follow-item .follow-item-content .user-name{font-weight:500;padding:0 1rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;transition:.3s}.wall .popup-follow .popup-content .list-follow .follow-item .follow-item-content .user-name:hover{color:#f79918;transition:.3s}.wall .popup-follow .popup-content .list-follow .follow-item .btn{height:2.2rem;max-width:5rem}.wall .popup-follow .popup-content .list-follow .follow-item .btn.btn-primary{color:#fff}.wall .popup-follow .popup-content .list-follow .follow-item .btn.btn-primary:hover{background:#fff;border:1px solid #f79918;color:#f79918}.wall .popup-follow .popup-content .list-follow .empty-list-mess{text-align:center;color:#888;font-size:1.375rem}.wall .popup-follow .popup-content .close-popup{position:absolute;right:1rem;top:1rem;cursor:pointer;background:none;outline:none;border:none;font-size:1.375rem}.section-editor .editor-action{position:fixed;top:35%;left:15%;display:flex;flex-direction:column;align-items:flex-start;z-index:99}.section-editor .editor-action .select-image-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.375rem;border:1px solid #f79918;background-color:#fff;color:#f79918;border-radius:50%;cursor:pointer}.section-editor .editor-action .select-image-btn:hover{transition:.3s;background-color:#f79918;color:#fff}.section-editor .editor-action .input-select-image{display:none}.section-editor .editor-title{font-size:40px;text-align:center;margin:2rem 0;color:#292929}.section-editor .form-handle-post{display:flex;flex-direction:column}.section-editor .form-handle-post .donut{width:2rem;height:2rem;margin:2rem;border-radius:50%;border:.3rem solid hsla(0,0%,46%,.3);border-top-color:#b4b1b1;animation:spin 1.5s linear infinite}.section-editor .form-handle-post input{width:100%;border:none;outline:none;padding:0 1rem;margin-bottom:1rem;font-family:Roboto,sans-serif}.section-editor .form-handle-post input::-moz-placeholder{color:#888}.section-editor .form-handle-post input::placeholder{color:#888}.section-editor .form-handle-post .input-post-title{font-size:3.5rem;font-weight:300}.section-editor .form-handle-post .input-cover,.section-editor .form-handle-post .input-post-description,.section-editor .form-handle-post .input-tag{font-size:1.375rem}.section-editor .form-handle-post button{width:200px;margin:0 auto}.section-editor .form-handle-post .error{color:red;font-size:.875rem;margin-top:-1rem;margin-bottom:.5rem;margin-left:1rem}.section-editor .publish-post{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;z-index:100}.section-editor .publish-post .close-publish{position:absolute;top:1rem;right:1rem;border:none;outline:none;background:transparent;font-size:1.5rem;cursor:pointer;z-index:1000000}.section-editor .publish-post .publish-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:60%;display:flex;justify-content:center}.section-editor .publish-post .publish-content .input-image{display:none}.section-editor .publish-post .publish-content .cover-image-title,.section-editor .publish-post .publish-content .publish-description{color:#292929;font-weight:500;margin-bottom:1rem}.section-editor .publish-post .publish-content .previewImage img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.section-editor .publish-post .publish-content .select-image{cursor:pointer;height:280px;border:1px solid #ddd;width:100%;display:flex;justify-content:center;align-items:center}.section-editor .publish-post .publish-content .select-image i{font-size:3.5rem;color:#888}.section-editor .publish-post .publish-content .select-tags-description{font-size:1rem;color:#292929;margin-bottom:.5rem;margin-top:2rem}.section-editor .publish-post .publish-content .error{color:red;font-size:.875rem;padding:.3rem 0}.section-editor .publish-post .publish-content button{width:150px;height:40px;margin-top:2rem}@keyframes spin{to{transform:rotate(1turn)}}.section-notfound .notfound-image{background-image:url(https://cdn.dribbble.com/users/285475/screenshots/2083086/dribbble_1.gif);height:80vh;width:100%;background-position:50%}.section-notfound .notfound-image .notfound-title{font-size:500%;color:#f79918;text-align:center;margin-top:3rem}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ec159349637c90ad-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/513657b02c5c193f-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/fd4db3eb5472fc27-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/51ed15f9841b9f9d-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/05a31a2ca4975f99-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d6b16ce4a6175f26-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_aaf875;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c9a5bc6a7c948fb0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_aaf875;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_aaf875{font-family:__Inter_aaf875,__Inter_Fallback_aaf875;font-style:normal}