.post-detail .ml-n-14{margin-left:-14px}.post-detail .mr-15{margin-right:15px}.post-detail .post-category{padding:5px 15px;background:#222;color:#fff;margin-right:5px;border-radius:6px;display:inline-block;margin-bottom:5px}.post-detail .post-category:hover{color:#bd1c2c}.post-detail .writer-info img.size-54{width:54px;height:54px;margin-right:8px;border-radius:50%;cursor:pointer;-o-object-fit:cover;object-fit:cover}.post-detail .writer-info .follow{color:#bd1d2c;background-color:#fff;border:1px solid #bd1d2c;border-radius:2.3px}.post-detail .writer-info .follow,.post-detail .writer-info .followed{font-family:Poppins-Medium;font-size:6.9px;letter-spacing:.05px;display:inline-block;padding:2px 17px;margin-left:8px}.post-detail .writer-info .followed{border:none;border-radius:2.3px}.post-detail .writer-info .follow.active,.post-detail .writer-info .followed{color:#fff!important;background-color:#bd1d2c}.post-detail .writer-info h1{font-family:SourceSerifPro-SemiBold;font-size:30px;color:#1a0000}.post-detail .writer-info h4{font-family:Poppins-SemiBold;font-size:12px;color:#bd1d2c;letter-spacing:.08px}.post-detail .writer-info h3{font-family:Poppins-Medium;font-size:14px;color:#1a0000;letter-spacing:.09px;cursor:pointer}.post-detail .writer-info p{font-family:Poppins-Regular;font-size:10px;letter-spacing:.06px;line-height:unset}.post-detail .writer-info .date{color:#969696}.post-detail .writer-info .interactive img{width:unset;height:unset;border-radius:unset;margin-left:16px}.post-detail .writer-info .interactive .btn-report{position:relative}.post-detail .writer-info .interactive .btn-report .tooltip{background-color:#fff;position:absolute;right:0;opacity:0;padding:10px 12px 10px 0;pointer-events:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:8px;border-top-right-radius:0;transform:translateY(10px);transition:all .25s ease-out;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}.post-detail .writer-info .interactive .btn-report .tooltip p{font-family:Poppins-Regular;font-size:14px;color:#1a0000;letter-spacing:.15px;white-space:nowrap;margin-left:8px}.post-detail .writer-info .interactive .btn-report .tooltip:before{top:-20px;content:" ";display:block;height:20px;left:0;position:absolute;width:100%}.post-detail .writer-info .interactive .btn-report .tooltip:after{border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff;top:-10px;content:" ";height:0;right:0;margin-left:-13px;position:absolute;width:0}.post-detail .writer-info .interactive .toggle-tooltip{opacity:1!important;pointer-events:auto!important}.post-detail .writer-info .border-top{border-top:.5px solid #969696;padding-top:18px;margin-top:23px;padding-left:44px}.post-detail .writer-info .border-top .img-eye{width:21px}.post-detail .writer-info .border-top div{margin-bottom:16px}.post-detail .writer-info .border-top div img{margin-right:12px}.post-detail .position-for-composer{position:relative}.post-detail .writer-info-column-left{width:20.7%;position:sticky;z-index:100;top:113.09px}.post-detail .writer-info-column-left .writer-data-info{width:150px}.post-detail .writer-info-column-left img{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.post-detail .writer-info-column-right{width:29%;position:sticky;z-index:100;top:113.09px;padding-left:30px}.post-detail .post-info{border-top:.5px solid #969696;padding-top:16px;margin-top:16px}.post-detail .post-info .tag-post{margin-bottom:15px}.post-detail .post-info .tag-post span{display:inline-block;font-family:Poppins-Regular;font-size:12px;color:#575757;letter-spacing:.08px;background-color:#ececec;border-radius:4px;margin-left:8px;padding:3px 16px;margin-bottom:5px}.post-detail .post-info .react-post>span{margin-right:32px;cursor:pointer}.post-detail .post-info .react-post>span,.post-detail .post-info .react-post>span a{display:inline-block;font-family:Poppins-Regular;font-size:15px;color:#1a0000;letter-spacing:.09px}.post-detail .post-info .react-post img{margin-right:12px}.post-detail .pos-relative{padding-bottom:110px;margin-top:35px}.post-detail .pos-relative .title-section{width:100%;margin:0 15px;border-bottom:1px solid #969696}.post-detail .pos-relative .title-section h2{font-family:Poppins-SemiBold;font-size:20px;color:#1a0000;letter-spacing:.13px;position:relative;margin-right:32px}.post-detail .popular-content h4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-detail .bottom-0{bottom:0!important;transition:.5s}.post-detail .info-user-popup,.post-detail .info-user-popup-hide{width:320px;position:absolute;z-index:1;right:0;bottom:-200%;transition:.5s;background:url(bg.c096f9c152b539217d08.png) no-repeat top;background-size:cover;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);padding:65px 16px 20px}.post-detail .info-user-popup-hide .writer-avt,.post-detail .info-user-popup .writer-avt{width:96px;height:96px;border-radius:50%;cursor:pointer;-o-object-fit:cover;object-fit:cover}.post-detail .info-user-popup-hide .path,.post-detail .info-user-popup .path{position:absolute;z-index:100;top:10px;right:20px;cursor:pointer}.post-detail .info-user-popup-hide .all-info,.post-detail .info-user-popup .all-info{padding-bottom:32px;min-height:32px;border-bottom:.5px solid #969696}.post-detail .info-user-popup-hide .all-info h3,.post-detail .info-user-popup .all-info h3{font-family:Poppins-Medium;font-size:14px;color:#1a0000;letter-spacing:.1px;margin-right:8.5px;cursor:pointer}.post-detail .info-user-popup-hide .all-info h4,.post-detail .info-user-popup .all-info h4{font-family:Poppins-Regular;font-size:12px;color:#1a0000;letter-spacing:.08px}.post-detail .info-user-popup-hide .all-info p,.post-detail .info-user-popup .all-info p{font-family:Poppins-Regular;font-size:9px;color:#a0a0a0;letter-spacing:.08px;margin-bottom:0}.post-detail .info-user-popup-hide .all-info .follow,.post-detail .info-user-popup .all-info .follow{font-family:Poppins-Medium;font-size:13.7px;color:#bd1d2c;letter-spacing:.1px;border:1px solid #bd1d2c;border-radius:8px;background-color:#fff;padding:5px 18px;margin-top:16px}.post-detail .info-user-popup-hide .other-post p,.post-detail .info-user-popup .other-post p{font-family:Poppins-Regular;font-size:10px;color:#969696;margin-top:16px;margin-bottom:0}.post-detail .info-user-popup-hide .other-post .other-post-item,.post-detail .info-user-popup .other-post .other-post-item{margin-top:16px}.post-detail .info-user-popup-hide .other-post .other-post-item h5,.post-detail .info-user-popup .other-post .other-post-item h5{font-family:Poppins-Medium;font-size:12px;color:#1a0000}.post-detail .info-user-popup-hide .other-post .other-post-item .interactive img,.post-detail .info-user-popup .other-post .other-post-item .interactive img{margin-left:14px;margin-right:4px}.post-detail .info-user-popup{display:none}.post-detail .info-user-popup-hide{display:flex;align-items:center;justify-content:space-between;bottom:0;z-index:10;padding:5px 20px!important;background:#fff!important}.post-detail .info-user-popup-hide .writer-avt{width:24px;height:24px;-o-object-fit:cover;object-fit:cover}.post-detail .info-user-popup-hide .all-info h3{text-overflow:ellipsis;white-space:nowrap;max-width:107px;overflow:hidden}#ModalComment{animation:slideInRight .5s}#ModalComment .modal-dialog{max-width:420px;height:100vh;float:right}#ModalComment .modal-dialog .writer-avt{width:24px;height:24px;border-radius:50%!important;-o-object-fit:cover;object-fit:cover}#ModalComment .modal-dialog .modal-content{border-radius:12px;height:100vh}#ModalComment .modal-dialog .modal-content .modal-header{padding:24px 24px 0;position:relative}#ModalComment .modal-dialog .modal-content .modal-header h2{font-family:Poppins-SemiBold;font-size:18px;color:#1a0000;margin-bottom:24px}#ModalComment .modal-dialog .modal-content .modal-header input{border:.5px solid #969696;border-radius:6px;padding:9.5px 16px;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}#ModalComment .modal-dialog .modal-content .modal-header .upload{font-family:Poppins-Medium;font-size:12px;color:#fff;letter-spacing:.08px;background-color:#1a0000;padding:9px 32px;border-radius:8px;margin-top:16px}#ModalComment .modal-dialog .modal-content .modal-header .close{position:absolute;z-index:100;top:24px;right:24px;font-size:28px;line-height:16px}#ModalComment .modal-dialog .modal-content .modal-header .tag-name{font-family:Poppins-SemiBold;color:#1a0000}#ModalComment .modal-dialog .modal-content .modal-body{border-bottom:.5px solid #969696;padding:24px;height:calc(100vh - 109px);overflow-y:scroll}#ModalComment .modal-dialog .modal-content .modal-body input{border:.5px solid #969696;border-radius:6px;padding:9.5px 16px;box-shadow:0 4px 12px 0 rgba(0,0,0,.1)}#ModalComment .modal-dialog .modal-content .modal-body .upload{font-family:Poppins-Medium;font-size:12px;color:#fff;letter-spacing:.08px;background-color:#1a0000;padding:9px 32px;border-radius:8px;margin-top:16px}#ModalComment .modal-dialog .modal-content .modal-body .comment-item{margin-top:35px;margin-bottom:24px}#ModalComment .modal-dialog .modal-content .modal-body .comment-item h5{font-family:Poppins-Medium;font-size:12px;color:#1a0000;letter-spacing:.08px;cursor:pointer}#ModalComment .modal-dialog .modal-content .modal-body .comment-item p{font-family:Poppins-Regular;font-size:9px;color:#969696;letter-spacing:.06px}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .writer-avt{width:40px;height:40px;cursor:pointer;-o-object-fit:cover;object-fit:cover}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .comment{font-family:Poppins-Light;font-size:12px;color:#969696;letter-spacing:.08px;margin-bottom:0;word-break:break-word}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .tag-name{font-family:Poppins-SemiBold;color:#1a0000}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .interactive img{margin-left:14px;margin-right:6px}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .interactive span{font-family:Poppins-Regular;font-size:10px;color:#1a0000;letter-spacing:.06px}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .reply{padding-left:40px;margin-top:20px}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .dropdown button{background-color:#fff;border-radius:unset;border:unset}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .dropdown span{margin-left:12px;font-family:Poppins-Medium;font-size:12px}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .dropdown .dropdown-item:active,#ModalComment .modal-dialog .modal-content .modal-body .comment-item .dropdown .dropdown-item:hover{color:#bd1d2c;background-color:#fff}#ModalComment .modal-dialog .modal-content .modal-body .comment-item .dropdown .dropdown-item:hover img{filter:invert(17%) sepia(54%) saturate(5344%) hue-rotate(344deg) brightness(80%) contrast(92%)}#ModalComment .modal-dialog .modal-content .modal-body button{font-family:Poppins-Medium;font-size:12px;color:#fff;letter-spacing:.08px;background-color:#1a0000;padding:11px 0;border-radius:8px;margin-top:8px;margin-bottom:12px}#ModalComment .modal-dialog .modal-content .modal-body::-webkit-scrollbar{width:5px}#ModalComment .modal-dialog .modal-content .modal-body::-webkit-scrollbar-track{background-color:#fff}#ModalComment .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb{background-color:#d5d5dc}#ModalComment .modal-dialog .modal-content .modal-body::-webkit-scrollbar-thumb:hover{background-color:#000}#ModalComment .input-comment{border:.5px solid #969696;border-radius:6px;padding:9.5px 16px;box-shadow:0 4px 12px 0 rgba(0,0,0,.1);height:100px}#ModalComment .input-comment p{font-family:Poppins-Light!important;font-size:12px!important;color:#969696!important;letter-spacing:.08px!important;display:inline-block;max-width:100%}#ModalComment .input-comment[placeholder]:empty:before{content:attr(placeholder);color:#555}#ModalComment .input-comment[placeholder]:empty:focus:before{content:""}#ModalReport .modal-dialog{max-width:600px;height:100vh;margin:auto}#ModalReport .modal-dialog .modal-content{position:absolute;z-index:100;top:50%;transform:translateY(-50%);border-radius:12px}#ModalReport .modal-dialog .modal-content .modal-header{border-bottom:.5px solid #969696}#ModalReport .modal-dialog .modal-content .modal-header h2{font-family:Poppins-SemiBold;font-size:24px;color:#1a0000}#ModalReport .modal-dialog .modal-content .modal-header .close{position:absolute;z-index:100;top:24px;right:24px;font-size:28px;line-height:16px}#ModalReport .modal-dialog .modal-content .modal-body{padding:24px 32px;border-bottom:.5px solid #969696}#ModalReport .modal-dialog .modal-content .modal-body h5{font-family:Poppins-Regular;font-size:16px;color:#969696}#ModalReport .modal-dialog .modal-content .modal-body p{font-family:Poppins-Light;font-size:14px;color:#1a0000;line-height:20px;margin-top:36px}#ModalReport .modal-dialog .modal-content .modal-body a{font-family:Poppins-Medium;font-size:14px;color:#bd1d2c;line-height:20px;text-decoration:underline}#ModalReport .modal-dialog .modal-content .modal-body span{font-family:Poppins-Medium;font-size:14px;color:#1a0000;line-height:20px}#ModalReport .modal-dialog .modal-content .modal-body em{font-family:Poppins-Italic;font-size:14px;color:#1a0000;line-height:20px}#ModalReport .modal-dialog .modal-content .modal-body .check-report{font-family:Poppins-Regular;font-size:16px;color:#1a0000;line-height:16px;margin-bottom:16px;padding-left:64px;display:block;position:relative;cursor:pointer}#ModalReport .modal-dialog .modal-content .modal-body .check-report input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}#ModalReport .modal-dialog .modal-content .modal-body .check-report .checkmark{position:absolute;top:0;left:32px;height:16px;width:16px;border:1px solid #1a0000;border-radius:3px;background-color:#fff}#ModalReport .modal-dialog .modal-content .modal-body .checkmark:after{content:"";position:absolute;display:none}#ModalReport .modal-dialog .modal-content .modal-body .check-report input:checked~.checkmark:after{display:block}#ModalReport .modal-dialog .modal-content .modal-body .check-report .checkmark:after{content:"";background:url(check.a540c019c0460aa54dcf.svg) no-repeat;background-size:100% 100%;width:16px;height:16px;position:absolute;z-index:1000;top:-1px;left:-1px}#ModalReport .modal-dialog .modal-content .modal-footer{padding:24px}#ModalReport .modal-dialog .modal-content .modal-footer .cancel{font-family:Poppins-Medium;font-size:12px;color:#1a0000;background-color:#fff;border-radius:8px;border:1px solid #1a0000;padding:8px 30px;margin-right:16px}#ModalReport .modal-dialog .modal-content .modal-footer .send-report,#ModalReport .modal-dialog .modal-content .modal-footer btn-confirm{font-family:Poppins-Medium;font-size:12px;color:#fff;background-color:#1a0000;border-radius:8px;border:1px solid #1a0000;padding:8px 30px;margin-right:16px}#ModalConfirm .modal-dialog .modal-content .modal-header h5{font-family:Poppins-SemiBold;font-size:18px;color:#1a0000}#ModalConfirm .modal-dialog .modal-content .modal-body h5{font-family:Poppins-Regular;font-size:16px;color:#969696}#ModalConfirm .modal-dialog .modal-content .modal-footer .cancel{font-family:Poppins-Medium;font-size:12px;color:#1a0000;background-color:#fff;border-radius:8px;border:1px solid #1a0000;padding:8px 30px;margin-right:16px}#ModalConfirm .modal-dialog .modal-content .modal-footer .btn-confirm{font-family:Poppins-Medium;font-size:12px;color:#fff;background-color:#1a0000;border-radius:8px;border:1px solid #1a0000;padding:8px 30px;margin-right:16px}@media screen and (min-width:240px){.post-detail .post-info .react-post span{width:40%;margin-right:0}.post-detail .post-info .react-post img{margin-left:0!important;margin-right:12px!important}}@media screen and (min-width:320px){.col-6,.col-12{padding:0 8px}.post-detail #ModalComment .modal-dialog{width:100%}}@media screen and (min-width:480px){#ModalComment .modal-dialog{width:425px}}@media screen and (min-width:768px){.post-detail .col-6,.post-detail .col-12{padding:0 15px}.post-detail .info-user-popup-hide .all-info .follow,.post-detail .info-user-popup .all-info .follow{padding:4px 10px}.post-detail .writer-info h1{font-size:40px}.post-detail .popular-content img{cursor:pointer}.post-detail .post-info .react-post span{width:auto;margin-right:0}.post-detail .post-info .react-post img{margin-left:0!important;margin-right:12px!important}}