.comment-container{box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.comment-original-title{justify-content:space-between;align-items:center;width:100%;display:flex}.comment-original{box-sizing:border-box;background-color:#fafafa;border-radius:16px;flex-direction:column;align-items:flex-start;gap:18px;width:100%;padding:24px 32px;display:flex}.comment-response{box-sizing:border-box;background-color:#eee;border-radius:16px;flex-direction:column;align-items:flex-start;gap:18px;width:calc(100% - 127px);margin-top:10px;margin-bottom:10px;margin-right:127px;padding:24px 32px;display:flex}@media screen and (max-width:767px){.comment-response{width:calc(100% - 24px);margin-right:24px}}.comment-original-info{flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;display:flex}.comment-original-info-name{letter-spacing:0;color:#212121;font-size:18px;font-weight:400}.comment-original-info-date{letter-spacing:0;color:#616161;font-size:12px;font-weight:400}.comment-original-user-action{cursor:pointer;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media screen and (max-width:767px){.comment-original-user-action{width:100%}}.comment-original-user-action-text{letter-spacing:0;color:#424242;font-size:14px;font-weight:400}
.blog-comments-container{flex-direction:column;justify-content:flex-start;margin:42px 0 64px;padding:0 1rem;display:flex}.blog-comments-top-content{justify-content:space-between;align-items:center;width:100%;margin-bottom:42px;display:flex}@media screen and (max-width:767px){.blog-comments-top-content{flex-direction:column;align-items:flex-start}}.blog-comments-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.blog-comments-content-title{letter-spacing:0;color:#000;font-size:18px;font-weight:700;line-height:28.8px}.blog-comments-content-description{letter-spacing:0;color:#424242;font-size:16px;font-weight:400;line-height:25.6px}.blog-comments-add-button{color:#fe5900;background-color:#fff;border:1px solid #fe5900;border-radius:8px;min-width:200px;padding:12px}.blog-comments-add-button:hover{color:#fff;background-color:#fe5900;border:1px solid #fff}@media screen and (max-width:767px){.blog-comments-add-button{width:100%;margin:28px 0}}.add-comment-container{flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.add-comment-title{letter-spacing:0;text-align:right;color:#616161;font-size:14px;font-weight:400;line-height:22px}.add-comment-divider{background:#eee;width:100%;height:1px;margin:20px auto}.form-container-row{justify-content:flex-start;align-items:flex-start;gap:22px;width:100%;display:flex}@media screen and (max-width:479px){.form-container-row{flex-direction:column}}.form-label{text-align:right;text-underline-position:from-font;text-decoration-skip-ink:none;margin-bottom:10px;margin-right:4px;font-size:16px;font-weight:500;line-height:25px}.form-row{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;display:flex}.textarea-input{resize:none;box-sizing:border-box;background-color:#eee;border:1px solid #f5f5f5;border-radius:1rem;width:100%;height:121px;padding:1rem}.add-comment-button{color:#fff;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;background-color:#fe5900;border-radius:1rem;width:158px;padding:14px 0;font-size:16px;font-weight:500;line-height:25.6px}.add-comment-button-wrapper{justify-content:flex-end;width:100%;margin:20px 0 10px;display:flex}