.ux_blogpanel_post .comment {
   padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
}
.ux_blogpanel_post .comment:not(:last-child) {
    border-bottom: 1px solid #e2e2e2;
}
.ux_blogpanel_post .comment:last-child {
    padding-top: 0px;
}
@font-face {
    font-family: "EmojiFont";
    src: local("Segoe UI Emoji"), local("Apple Color Emoji"), local("Noto Color Emoji");
    unicode-range: U+1F600-1F64F; 
}
.ux_blogpanel_post .text p{font-family:  sans-serif, "EmojiFont"}
.ux_blogpanel_post .author{font-weight: bold;}
.ux_blogpanel_post .date{padding-bottom: 10px;font-size: 1.4rem;color: #343434;opacity: 0.9;}
.ux_blogpanel_post .spaced-row {margin-bottom: 20px;}
.ux_blogpanel_post .form-column-1 {padding: 0px;}
.ux_blogpanel_post .comment_data{padding-bottom: 60px;}
.ux_blogpanel_post .action_r_blog{font-size: 1.5rem;padding-bottom: 5px;}
.ux_blogpanel_post .comment_input{padding-bottom: 60px;display: inline-block;width: 100%;}
.ux_blogpanel_post .comment_input form{display: flex;flex-direction: column;gap: 10px;}
.ux_blogpanel_post .comment_login_u{padding: 10px;
    min-height: 260px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fffbfe;
       margin-bottom: 20px;
    border: 4px dashed #e29393;}
.ux_blogpanel_post .baction{
    display: flex;
    justify-content: flex-start;
    padding-top: 10px;
    align-items: center;}
.ux_blogpanel_post .baction ._mof_icons{height: 26px;width: 26px;}
.ux_blogpanel_post .baction .bactionico{cursor: pointer;}
.ux_blogpanel_post .baction .bactionnu{padding-left: 3px;}
.ux_blogpanel_post .comment_link_a{padding: 0px 5px;
    color: #c8041f !important;}
.ux_blogpanel_post .comment_link_a:hover{text-decoration-line: underline;}
.lq a.blog_social_link{color: #c8041f;}
.lq a.blog_social_link:hover{text-decoration: underline;}
.lq ._blog_author{padding:15px 0px;}
.lq ._blog_author .authorimg{width: 200px; border-radius: 50%; margin-bottom: 10px;}
.lq .action_blog{display: flex;gap: 15px;font-size: 1.5rem;align-items: center;}
.lq .action_r_blog .comment_input{width: 100%;}
.lq .action_la_blog{padding-left: 40px;border-left: 2px solid #e2e2e2;}
#UXform_cm{display: none;}
.emoji-bar {
  display: none;
  padding: 0px 8px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.emoji-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.emoji {
  cursor: pointer;
  font-size: 20px;
  transition: transform 0.2s;
}
.emoji:hover {transform: scale(1.2);}
.i-emojis-text:focus ~ .emoji-bar {display: block;}