/*
 * Scribbles emoji on the website. The theme's comment edit save strips the
 * img width/height/style attributes, so the size has to come from here.
 *
 * Sized in em so the emoji match the text around them (comments, profile
 * posts), with the 84x69 art's ratio. The drop puts the emoji's middle on the
 * middle of the letters instead of resting on the baseline.
 *
 * round() snaps the box to whole pixels: a fractional size makes Chrome
 * resample the art and it looks soft on 1x screens. The plain em lines are
 * the fallback for browsers without round().
 */
img.faEmoji {
    display: inline;
    width: 1.68em !important;
    width: round(1.68em, 1px) !important;
    height: 1.38em !important;
    height: round(1.38em, 1px) !important;
    max-width: none;
    margin: 0;
    vertical-align: -0.33em;
    vertical-align: round(-0.33em, 1px);
}

/*
 * Profile posts use smaller text (13.5px) than chapter comments (15px), so
 * the em size above came out at 23x19 there. Pin them to the comment size
 * (25x21), which is also the @1x art's size.
 */
.p_messages img.faEmoji {
    width: 25px !important;
    height: 21px !important;
    vertical-align: -5px;
}