.cmntCon{max-width:1170px;padding:40px 0 0;margin:0 auto}.cmntCon .form{box-shadow:2px 2px 5px rgba(0,0,0,.3);border-radius:10px;margin:0 60px}.cmntCon .form .head{display:flex;align-items:center;height:75px;width:calc(100% - 25px);border-radius:10px 10px 0 0;background-image:linear-gradient(#3c3c3b,#1d1d1b);gap:12px;position:relative;z-index:1;padding-left:25px}.cmntCon .form .head .icon{position:relative}.cmntCon .form .head .h3{font-size:20px;font-weight:600;color:#fff}.cmntCon .form .head .tL{width:calc(100% - 20px);top:0;left:10px}.cmntCon .form .content{display:flex;flex-direction:column;padding:18px 30px 30px;position:relative;gap:18px;border:1px solid #e2e2e2;border-top:none;background:#f1f1f1;border-radius:0 0 10px 10px}.cmntCon .form .content .bLine{position:absolute;top:0;left:0;width:100%;height:6px;background:rgba(37,37,36,.3)}.cmntCon .form .content .styleBLCon{display:flex;align-items:center;justify-content:space-between}.cmntCon .form .content .styleBLCon .btnsCon{display:flex;gap:6px;position:relative;z-index:1}.cmntCon .form .content .styleBLCon .btnsCon .btns{display:flex;padding:5px 3px;background-image:linear-gradient(#44eaff,#23a6ff);gap:5px;position:relative}.cmntCon .form .content .styleBLCon .btnsCon .btns .tL{height:2px;width:calc(100% - 10px);left:5px;top:0;border-radius:75%}.cmntCon .form .content .styleBLCon .btnsCon .btns .btn{display:flex;align-items:center;justify-content:center;height:18px;width:26px;border-left:1px solid #fff!important;border:none;background:0 0;padding:0 2px;cursor:pointer}.cmntCon .form .content .styleBLCon .btnsCon .btns .btn:hover{box-shadow:0 0 5px #fff;transition:.3s}.cmntCon .form .content .styleBLCon .btnsCon .btns .btn:first-child{border:none!important}.cmntCon .form .content .styleBLCon .btnsCon .btns .btn .icon{position:relative}.cmntCon .form .content .styleBLCon .linksCon{display:flex;align-items:center;gap:10px}.cmntCon .form .content .styleBLCon .linksCon .link{display:flex}.cmntCon .form .content .styleBLCon .linksCon .link .icon{position:relative}.cmntCon .form .content .cmntTxt{max-width:calc(100% - 14px);height:300px;border-radius:14px;border:1px solid #e2e2e2;position:relative;padding:12px 0 0 12px;font-size:18px;font-weight:400;color:#000;background:#fff;z-index:10;outline:0;box-shadow:0 0 3px rgba(0,0,0,.16)}.cmntCon .form .content .cmntTxt::-moz-placeholder{font-size:18px;color:rgba(191,184,184,.5)}.cmntCon .form .content .cmntTxt::placeholder{font-size:18px;color:rgba(191,184,184,.5)}.cmntCon .form .content .inputCheckCon{display:flex;flex-direction:column;gap:35px;padding-top:7px;position:relative}.cmntCon .form .content .inputCheckCon .inputCon{display:flex;align-items:end;justify-content:space-between;gap:10px;position:relative;z-index:10}.cmntCon .form .content .inputCheckCon .inputCon .inputs{display:flex;align-items:center;gap:12px;width:70%}.cmntCon .form .content .inputCheckCon .inputCon .inputs .label{font-size:15px;font-weight:600;color:#1d1d1b;display:flex;flex-direction:column;gap:8px;width:31%;cursor:pointer}.cmntCon .form .content .inputCheckCon .inputCon .inputs .label .input{height:38px;width:calc(100% - 10px);border:2px solid #e2e2e2;border-radius:5px;background:#fff;outline:0;font-size:16px;padding:0 4px 0 6px}.cmntCon .form .content .inputCheckCon .inputCon .postBtn{height:42px;width:144px;background-image:linear-gradient(#44eaff,#23a6ff);border-radius:5px;font-size:14px;font-weight:600;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16);border:none;cursor:pointer;position:relative}.cmntCon .form .content .inputCheckCon .inputCon .postBtn:active{font-size:15px;box-shadow:0 3px 6px rgba(0,0,0,.16);transition:.3s}.cmntCon .form .content .inputCheckCon .inputCon .postBtn:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);transition:.3s}.cmntCon .form .content .inputCheckCon .checksCon{display:flex;flex-direction:column;gap:12px;position:relative;z-index:10}.cmntCon .form .content .inputCheckCon .checksCon .label{font-size:14px;color:#1d1d1b;display:flex;align-items:center;gap:12px;cursor:pointer}.cmntCon .form .content .inputCheckCon .checksCon .label .input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:16px;width:15px;border-radius:3px;border:1px solid #009fe3;background-image:linear-gradient(#44eaff,#23a6ff);position:relative}.cmntCon .form .content .inputCheckCon .checksCon .label .input::after{content:"";background-image:url(https://images.theengineeringprojects.com/image/theme/main/2025/06/cmnt-check-tick.svg);background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:3px;left:1px;height:8px;width:11px;display:none}.cmntCon .form .content .inputCheckCon .checksCon .label .input:checked::after{display:block}.cmntCon .form .content .inputCheckCon .checksCon .label1{font-weight:600;color:#0eb7ff}.cmntCon .form .content .inputCheckCon .checksCon .checks2{display:flex;align-items:center;gap:16px}.cmntCon .form .content .inputCheckCon .rbt{position:absolute;right:150px;bottom:-24px;z-index:0}.cmntCon .cmntsCon{display:flex;flex-direction:column;padding-top:40px;gap:40px;position:relative}.cmntCon .cmntsCon .head1{display:flex;align-items:center;height:90px;width:calc(100% - 82px);padding-left:82px;border-radius:13px 13px 0 0;position:relative;background-image:linear-gradient(#3c3c3b,#1d1d1b);gap:20px}.cmntCon .cmntsCon .head1 .tL{height:5px;width:calc(100% - 50px);left:25px;top:0}.cmntCon .cmntsCon .head1 .icon{position:relative}.cmntCon .cmntsCon .head1 .heading{font-size:20px;font-weight:600;color:#fff}.cmntCon .cmntsCon .allCmnts{display:flex;flex-direction:column;align-items:end;gap:37px;margin:0 60px}.cmntCon .cmntsCon .allCmnts .sideL{position:absolute;height:calc(100% - 210px - 210px);top:212px;left:52px;border-left:2px dashed #fb8f05}.cmntCon .cmntsCon .allCmnts .cmnt{position:relative;border-radius:10px;css-counter:comments-counter;counter-increment:comments-counter;box-shadow:0 0 6px 3px rgba(0,0,0,.3)}.cmntCon .cmntsCon .allCmnts .cmnt::before{content:counter(comments-counter);position:absolute;top:-19px;right:24px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;width:38px;height:38px;border-radius:100%;background-image:linear-gradient(#3c3c3b,#1e1e1c);z-index:10}.cmntCon .cmntsCon .allCmnts .cmnt .head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:85px;border-radius:10px 10px 0 0;background-image:linear-gradient(#44eaff,#23a6ff);position:relative;z-index:1;overflow:visible}.cmntCon .cmntsCon .allCmnts .cmnt .head .lIcon{position:absolute;left:-23px}.cmntCon .cmntsCon .allCmnts .cmnt .head .bLine{position:absolute;left:-3.3%;width:.8%;border-bottom:2px dashed #fb8f05}.cmntCon .cmntsCon .allCmnts .cmnt .head .a{display:flex;align-items:center;padding-left:20px;gap:15px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .user{border-radius:100%;border:3px solid rgba(255,255,255,.7)}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b{display:flex;flex-direction:column;gap:5px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon{display:flex;align-items:center;gap:6px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .name{font-size:20px;font-weight:600;color:#fff;text-decoration:none}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .name:hover{text-decoration:underline}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .badge{position:relative}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .sName{font-size:15px;font-weight:600;color:#c8e1ff;text-decoration:none}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .sName:hover{text-decoration:underline}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .sName2{color:#86ff5e}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .sName3{color:#ffba27}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon{display:flex;align-items:center;gap:10px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta{display:flex;align-items:center;gap:7px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta .icon{position:relative}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta .link{font-size:12px;font-weight:600;color:#fff;text-decoration:none}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta .link:hover{text-decoration:underline}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta .span{font-size:12px;font-weight:600;color:#fff}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn{display:flex;padding-right:35px;gap:20px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn{display:flex;align-items:center;gap:5px;padding:4px;cursor:pointer}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn:hover{box-shadow:0 0 5px 1px rgba(0,0,0,.3);border-radius:5px;transition:.3s}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn .icon{position:relative}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn .num{font-size:16px;font-weight:600;color:#fff}.cmntCon .cmntsCon .allCmnts .cmnt .content{display:flex;align-items:center;border-radius:0 0 10px 10px;padding:32px 15px 40px 95px;background:#fff;position:relative;overflow:hidden}.cmntCon .cmntsCon .allCmnts .cmnt .content::before{content:"";position:absolute;top:-15px;left:35px;width:30px;height:30px;background-color:#23a6ff;rotate:45deg;z-index:2}.cmntCon .cmntsCon .allCmnts .cmnt .content .span{font-size:15px;color:#1a1a1a;line-height:32px}.cmntCon .cmntsCon .allCmnts .cmntA{width:97%}.cmntCon .cmntsCon .allCmnts .cmntB{width:89%}.cmntCon .cmntsCon .allCmnts .cmntB .head .bLine2{left:-12.7%;width:10%}.cmntCon .cmntsCon .allCmnts .cmntC{width:78%}.cmntCon .cmntsCon .allCmnts .cmntC .head .bLine3{left:-28.6%;width:25.5%}.cmntCon .cmntsCon .allCmnts .cmntD{width:69%}.cmntCon .cmntsCon .allCmnts .cmntD .head .bLine4{left:-45.5%;width:41.8%}@media (max-width:1750px){.cmntCon{padding:30px 0 8px}.cmntCon .form{margin:0 40px}.cmntCon .form .head{height:66px;width:calc(100% - 20px);gap:10px;padding-left:20px}.cmntCon .form .head .icon{width:46px}.cmntCon .form .head .h3{font-size:19px}.cmntCon .form .content{padding:22px 20px;gap:16px}.cmntCon .form .content .styleBLCon{flex-wrap:wrap;row-gap:4px;-moz-column-gap:10px;column-gap:10px}.cmntCon .form .content .styleBLCon .btnsCon{gap:5px}.cmntCon .form .content .styleBLCon .btnsCon .btns{padding:4px 2px;gap:4px}.cmntCon .form .content .styleBLCon .btnsCon .btns .btn{height:17px;width:25px}.cmntCon .form .content .styleBLCon .btnsCon .btns .btn .icon{height:12px}.cmntCon .form .content .styleBLCon .linksCon{gap:5px}.cmntCon .form .content .styleBLCon .linksCon .link .icon{width:22px}.cmntCon .form .content .cmntTxt{font-size:16px}.cmntCon .form .content .cmntTxt::-moz-placeholder{font-size:16px}.cmntCon .form .content .cmntTxt::placeholder{font-size:16px}.cmntCon .form .content .inputCheckCon{gap:28px}.cmntCon .form .content .inputCheckCon .inputCon{gap:10px;width:100%}.cmntCon .form .content .inputCheckCon .inputCon .inputs{gap:10px;width:75%}.cmntCon .form .content .inputCheckCon .inputCon .inputs .label{font-size:14px;gap:6px;width:32%}.cmntCon .form .content .inputCheckCon .inputCon .inputs .label .input{height:35px;font-size:15px}.cmntCon .form .content .inputCheckCon .inputCon .postBtn{height:40px;width:126px;font-size:13px}.cmntCon .form .content .inputCheckCon .checksCon{gap:10px}.cmntCon .form .content .inputCheckCon .checksCon .checks2 .label{font-size:13px;gap:10px}.cmntCon .form .content .inputCheckCon .checksCon .checks2 .label .input{height:14px;width:14px}.cmntCon .form .content .inputCheckCon .checksCon .checks2 .label .input::after{height:8px;width:10px}.cmntCon .form .content .inputCheckCon .rbt{right:92px;bottom:0;width:120px}.cmntCon .cmntsCon{padding-top:30px;gap:35px}.cmntCon .cmntsCon .head1{height:72px;width:calc(100% - 25px);padding-left:25px;gap:16px}.cmntCon .cmntsCon .allCmnts{gap:34px;margin:0 25px}.cmntCon .cmntsCon .allCmnts .cmnt::before{top:-18px;right:25px;font-size:15px;width:35px;height:35px;z-index:10}.cmntCon .cmntsCon .allCmnts .cmnt .head{height:-moz-fit-content;height:fit-content;padding:8px 0;flex-wrap:wrap;row-gap:5px;-moz-column-gap:0;column-gap:0}.cmntCon .cmntsCon .allCmnts .cmnt .head .lIcon{left:-24px;width:17px}.cmntCon .cmntsCon .allCmnts .cmnt .head .bLine{left:-4.2%;width:.9%}.cmntCon .cmntsCon .allCmnts .cmnt .head .a{padding-left:16px;gap:12px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .user{width:46px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b{gap:3px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon{gap:4px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .name{font-size:19px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .badge{width:16px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .sName{font-size:14px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon{gap:8px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta{gap:4px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta .icon{height:11px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta .span{font-size:11px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn{padding-right:30px;gap:16px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn{gap:4px;padding:3px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn .icon{width:20px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn .num{font-size:15px}.cmntCon .cmntsCon .allCmnts .cmnt .content{padding:22px 12px 28px 62px}.cmntCon .cmntsCon .allCmnts .cmnt .content::before{top:-13px;width:25px;height:25px}.cmntCon .cmntsCon .allCmnts .cmnt .content .span br{display:none}.cmntCon .cmntsCon .allCmnts .sideL{height:calc(100% - 211px - 174px);top:172px;left:4px}.cmntCon .cmntsCon .allCmnts .cmntA{width:98%}.cmntCon .cmntsCon .allCmnts .cmntB{width:93%}.cmntCon .cmntsCon .allCmnts .cmntB .head .bLine2{left:-9.7%;width:6%}.cmntCon .cmntsCon .allCmnts .cmntC{width:86%}.cmntCon .cmntsCon .allCmnts .cmntC .head .bLine3{left:-18.6%;width:14.8%}.cmntCon .cmntsCon .allCmnts .cmntD{width:78%}.cmntCon .cmntsCon .allCmnts .cmntD .head .bLine4{left:-30.7%;width:26.5%}.dlCon{max-width:78.2%}}@media (max-width:1200px){.cmntCon{padding:20px 0 8px}.cmntCon .form{margin:0 20px}.cmntCon .form .head{height:58px;width:calc(100% - 16px);gap:8px;padding-left:16px}.cmntCon .form .head .icon{width:42px}.cmntCon .form .head .h3{font-size:18px}.cmntCon .form .content{padding:18px 16px;gap:12px}.cmntCon .form .content .bLine{height:4px}.cmntCon .form .content .styleBLCon{flex-wrap:wrap;row-gap:4px;-moz-column-gap:10px;column-gap:10px}.cmntCon .form .content .styleBLCon .btnsCon{gap:4px}.cmntCon .form .content .inputCheckCon{gap:20px}.cmntCon .form .content .inputCheckCon .inputCon{flex-wrap:wrap;row-gap:6px}.cmntCon .form .content .inputCheckCon .rbt{display:none}.cmntCon .cmntsCon{padding-top:25px;gap:30px}.cmntCon .cmntsCon .head1{height:-moz-fit-content;height:fit-content;padding:12px 0;width:calc(100% - 20px);padding-left:20px;gap:12px}.cmntCon .cmntsCon .head1 .icon{width:38px}.cmntCon .cmntsCon .head1 .heading{font-size:19px}.cmntCon .cmntsCon .allCmnts{gap:30px;margin:0 20px}.cmntCon .cmntsCon .allCmnts .sideL{height:calc(100% - 148px - 209px);top:148px;left:-5px}.cmntCon .cmntsCon .allCmnts .cmnt::before{top:-14px;font-size:14px;width:30px;height:30px;z-index:10}.cmntCon .cmntsCon .allCmnts .cmnt .head{height:-moz-fit-content;height:fit-content;padding:8px 0;flex-wrap:wrap;row-gap:5px;-moz-column-gap:10px;column-gap:10px}.cmntCon .cmntsCon .allCmnts .cmnt .head .bLine{left:-4%;width:.9%}.cmntCon .cmntsCon .allCmnts .cmnt .head .lIcon{left:-20px;width:15px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a{padding-left:12px;gap:10px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .user{width:42px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b{gap:2px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon{gap:3px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .name{font-size:18px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .badge{width:14px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .sName{font-size:13px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon{gap:5px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta{gap:3px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta .icon{height:10px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn{padding-right:25px;gap:12px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn{gap:3px;padding:2px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn .icon{width:18px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn .num{font-size:14px}.cmntCon .cmntsCon .allCmnts .cmntA{width:99%}.cmntCon .cmntsCon .allCmnts .cmntB{width:96%}.cmntCon .cmntsCon .allCmnts .cmntB .head .bLine2{left:-7.4%;width:3.5%}.cmntCon .cmntsCon .allCmnts .cmntC{width:92%}.cmntCon .cmntsCon .allCmnts .cmntC .head .bLine3{left:-11.9%;width:8%}.cmntCon .cmntsCon .allCmnts .cmntD{width:85%}.cmntCon .cmntsCon .allCmnts .cmntD .head .bLine4{left:-21.2%;width:16.8%}.dlCon{max-width:77.1%}}@media (max-width:768px){.cmntCon{max-width:100%}}@media (max-width:600px){.cmntCon{padding:14px 0 6px}.cmntCon .form{margin:0 6px}.cmntCon .form .head{height:54px;width:calc(100% - 12px);gap:6px;padding-left:12px}.cmntCon .form .head .icon{width:36px}.cmntCon .form .head .h3{font-size:17px}.cmntCon .form .content{padding:12px 10px;gap:10px;border:1px solid #009fe3}.cmntCon .form .content .styleBLCon{flex-direction:column}.cmntCon .form .content .styleBLCon .btnsCon{gap:3px;flex-wrap:wrap}.cmntCon .form .content .styleBLCon .btnsCon .btns{padding:3px 1px;gap:3px}.cmntCon .form .content .styleBLCon .btnsCon .btns .btn{height:16px;width:22px}.cmntCon .form .content .styleBLCon .btnsCon .btns .btn .icon{height:10px}.cmntCon .form .content .styleBLCon .linksCon{width:100%;justify-content:end;gap:3px}.cmntCon .form .content .styleBLCon .linksCon .link .icon{width:20px}.cmntCon .form .content .cmntTxt{border-radius:10px;border:1px solid #009fe3;padding:10px 0 0 10px;font-size:14px}.cmntCon .form .content .cmntTxt::-moz-placeholder{font-size:14px}.cmntCon .form .content .cmntTxt::placeholder{font-size:14px}.cmntCon .form .content .inputCheckCon{gap:14px}.cmntCon .form .content .inputCheckCon .inputCon{flex-direction:column;gap:10px}.cmntCon .form .content .inputCheckCon .inputCon .inputs{gap:8px;width:100%}.cmntCon .form .content .inputCheckCon .inputCon .inputs .label{font-size:13px;gap:4px}.cmntCon .form .content .inputCheckCon .inputCon .inputs .label .input{height:30px;font-size:14px;border:1px solid #009fe3}.cmntCon .form .content .inputCheckCon .inputCon .postBtn{height:36px;width:110px;font-size:12px}.cmntCon .form .content .inputCheckCon .checksCon{gap:12px}.cmntCon .form .content .inputCheckCon .checksCon .label{gap:3px;line-height:16px;flex-direction:column;align-items:baseline}.cmntCon .form .content .inputCheckCon .checksCon .checks2 .label{gap:3px;line-height:16px;flex-direction:column;align-items:baseline}.cmntCon .cmntsCon{padding-top:20px;gap:25px}.cmntCon .cmntsCon .head1{padding:8px;width:calc(100% - 16px);gap:10px}.cmntCon .cmntsCon .head1 .icon{width:36px}.cmntCon .cmntsCon .head1 .heading{font-size:17px}.cmntCon .cmntsCon .allCmnts{gap:20px;margin:0 8px}.cmntCon .cmntsCon .allCmnts .cmnt::before{top:-12px;right:18px;font-size:13px;width:25px;height:25px}.cmntCon .cmntsCon .allCmnts .cmnt .head{padding:7px 0;row-gap:8px}.cmntCon .cmntsCon .allCmnts .cmnt .head .lIcon{display:none}.cmntCon .cmntsCon .allCmnts .cmnt .head .bLine{display:none}.cmntCon .cmntsCon .allCmnts .cmnt .head .a{gap:8px;width:calc(100% - 12px)}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .user{width:38px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon{gap:2px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .name{font-size:17px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .badge{width:13px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .nameCon .sName{font-size:12px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon{gap:4px}.cmntCon .cmntsCon .allCmnts .cmnt .head .a .b .metaCon .meta .span{font-size:10px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn{padding-right:0;gap:10px;width:100%;justify-content:space-around}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn{gap:2px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn .icon{width:17px}.cmntCon .cmntsCon .allCmnts .cmnt .head .allRxn .rxn .num{font-size:13px}.cmntCon .cmntsCon .allCmnts .cmnt .content{padding:20px 10px}.cmntCon .cmntsCon .allCmnts .cmnt .content::before{top:-10px;width:20px;height:20px;left:24px}.cmntCon .cmntsCon .allCmnts .cmnt .content .span{font-size:14px;line-height:24px}.cmntCon .cmntsCon .allCmnts .sideL{display:none}.cmntCon .cmntsCon .allCmnts .cmntA{width:100%}.cmntCon .cmntsCon .allCmnts .cmntB{width:100%}.cmntCon .cmntsCon .allCmnts .cmntC{width:100%}.cmntCon .cmntsCon .allCmnts .cmntD{width:100%}}