/* Independent classes prevent old comment bubble/float rules leaking into this widget. */
.ff-recent-comments .ff-recent-heading{position:static;display:block;margin:0 0 8px;padding:0 0 14px;border-bottom:1px solid var(--theme-border-color,#e2e8f0)}
.ff-recent-comments .ff-recent-title{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;line-height:1.5;color:var(--theme-heading-color,var(--theme-text-color))}
.ff-recent-comments .ff-recent-title:before{content:"";display:block;position:static;flex:0 0 3px;width:3px;height:18px;border:0;border-radius:3px;background:var(--theme-palette-color-1,#2872fa)}
.ff-recent-comments .ff-recent-list{display:block;list-style:none;margin:0;padding:0}
.ff-recent-comments .ff-recent-list>.ff-recent-item{display:block;position:static;float:none;width:auto;margin:0;padding:18px 0;border-bottom:1px solid var(--theme-border-color,#e2e8f0);overflow-wrap:anywhere}
.ff-recent-comments .ff-recent-item:last-child{border-bottom:0;padding-bottom:0}
.ff-recent-comments .ff-recent-item:before,.ff-recent-comments .ff-recent-item:after{display:none}
.ff-recent-comments .ff-recent-author{display:flex;position:static;float:none;align-items:center;gap:10px;min-width:0;margin:0 0 12px}
.ff-recent-comments .ff-recent-author img{display:block;position:static;float:none;flex:0 0 36px;width:36px;height:36px;max-width:36px;max-height:36px;margin:0;border:0;border-radius:50%;object-fit:cover}
.ff-recent-comments .ff-recent-identity{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.5}
.ff-recent-comments .ff-recent-name{position:static;font-size:14px;font-weight:600;color:var(--theme-text-color);overflow-wrap:anywhere}
.ff-recent-comments .ff-recent-identity time{position:static;font-size:12px;opacity:.6}
.ff-recent-comments .ff-recent-excerpt{display:block;position:static;float:none;width:auto;margin:0 0 10px;padding:12px 14px;background:var(--theme-palette-color-6,#f4f6f8);border:0;border-radius:8px;font-size:14px;line-height:1.75;color:var(--theme-text-color);overflow-wrap:anywhere}
.ff-recent-comments .ff-recent-excerpt:before,.ff-recent-comments .ff-recent-excerpt:after{display:none}
.ff-recent-comments .ff-recent-source{display:block;position:static;float:none;margin:0;padding:0;font-size:12px;line-height:1.7;color:var(--theme-text-color);overflow-wrap:anywhere}
.ff-recent-comments .ff-recent-source a{font-size:inherit;line-height:inherit;color:var(--theme-link-initial-color,var(--theme-palette-color-1,#2872fa));text-decoration:none}
.ff-recent-comments .ff-recent-source a:hover{text-decoration:underline}
.ff-recent-comments .ff-recent-empty{margin:0;padding:20px 0;font-size:14px;opacity:.7}

/* Compatibility with cached pre-2.1.47.8 widget HTML and old Customizer CSS. */
[id^="wpcom-comments-"] .comment-info{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;height:auto;overflow:visible;margin-bottom:12px}
[id^="wpcom-comments-"] .comment-info span{float:none!important;position:static;line-height:1.5}
[id^="wpcom-comments-"] .comment-info .ff-comment-author-identity{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
[id^="wpcom-comments-"] .comment-info img{position:static;float:none;display:block;flex:0 0 32px;width:32px;height:32px;margin:0;object-fit:cover}
[id^="wpcom-comments-"] .comment-info .comment-author{display:block;max-width:none;min-width:0;white-space:normal;overflow-wrap:anywhere;color:var(--theme-text-color)}
[id^="wpcom-comments-"] .comment-info>span:last-child:not(.ff-comment-author-identity){flex-shrink:0;font-size:11px;line-height:1.5;color:var(--theme-text-color);opacity:.6}
[id^="wpcom-comments-"] .comment-excerpt{clear:both;float:none;position:relative;width:auto;margin:0 0 10px}
[id^="wpcom-comments-"] .comment-post{clear:both;white-space:normal;line-height:1.7;overflow-wrap:anywhere}
@media(max-width:400px){[id^="wpcom-comments-"] .comment-info{flex-wrap:wrap}}