/* 상단 이모티콘 바 */
.xe-comment-emoji-bar {
    margin-top: 6px;
    padding: 4px 8px;
    border-top: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.06);
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

/* 바 안의 공통 아이템 */
.xe-comment-emoji-item {
    display: inline-block;
    padding: 2px 4px;
    margin: 0 1px;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 4px;
}

/* 문자 이모지 크기 (바 안) */
.xe-emoji-char {
    font-size: 20px;
}

/* 바 안 이미지 아이콘 (프리뷰용) */
.xe-comment-emoji-icon {
    width: 26px;
    height: 26px;
    vertical-align: middle;
}

/* 에디터 안에 들어간 문자 이모지 크기 */
.xe-comment-emoji-content {
    font-size: 1.8em;
    line-height: 1;
}

/* 본문 쪽 크기/정렬은 JS에서 직접 스타일을 덮어써서 처리하므로,
   여기서는 별도 규칙을 두지 않는다. */