.karmadio-recent-comments{direction:rtl;min-width:0;text-align:start;--krc-surface:var(--karmadio-surface,#fff);--krc-ink:var(--karmadio-heading,#152b32);--krc-muted:var(--karmadio-muted,#647477);--krc-line:var(--karmadio-border,#e1e8e3);--krc-accent:var(--karmadio-primary,#087f6d)}
.karmadio-recent-comments .krc-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.karmadio-recent-comments .krc-item{display:flex;align-items:flex-start;gap:11px;min-width:0;margin:0;padding:15px 0;border-bottom:1px solid var(--krc-line)}.karmadio-recent-comments .krc-item:first-child{padding-top:0}.karmadio-recent-comments .krc-item:last-child{padding-bottom:0;border-bottom:0}.krc-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--krc-accent) 11%,var(--krc-surface));color:var(--krc-accent);font-size:16px;font-weight:800;line-height:1}.karmadio-recent-comments .krc-avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.krc-body{flex:1;min-width:0}.krc-meta{display:flex;align-items:baseline;justify-content:space-between;gap:4px 10px;flex-wrap:wrap;margin-bottom:5px;line-height:1.8}.krc-author{font-size:12px;font-weight:750;color:var(--krc-ink);overflow-wrap:anywhere}.krc-meta time{font-size:10px;color:var(--krc-muted);white-space:nowrap}.karmadio-recent-comments .krc-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--krc-lines,3);overflow:hidden;color:var(--karmadio-text,#24343b);font-size:12px;line-height:2.05;text-decoration:none;overflow-wrap:anywhere}.karmadio-recent-comments .krc-text:hover,.karmadio-recent-comments .krc-post:hover,.karmadio-recent-comments .krc-more:hover{color:var(--karmadio-link-hover,#075c50)}.karmadio-recent-comments .krc-post{display:flex;align-items:flex-start;gap:6px;margin-top:8px;color:var(--krc-muted);font-size:10px;line-height:1.9;text-decoration:none}.krc-post>span:first-child{display:inline-flex;flex:none;margin-top:3px}.krc-post svg{width:13px;height:13px}.krc-post-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--krc-title-lines,2);overflow:hidden;min-width:0;overflow-wrap:anywhere}.karmadio-recent-comments .krc-category{display:inline-flex;margin-top:7px;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--krc-accent) 9%,var(--krc-surface));color:var(--krc-accent);font-size:10px;line-height:1.8;text-decoration:none}.karmadio-recent-comments .krc-more{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:var(--krc-accent);font-size:10px;font-weight:700;text-decoration:none}.krc-more svg{width:12px;height:12px}.karmadio-recent-comments a:focus-visible{outline:2px solid var(--krc-accent);outline-offset:3px;border-radius:3px}
.krc-cards .krc-list{gap:12px}.krc-cards .krc-item,.krc-cards .krc-item:first-child,.krc-cards .krc-item:last-child{padding:15px;border:1px solid var(--krc-line);border-radius:14px;background:color-mix(in srgb,var(--krc-accent) 3%,var(--krc-surface))}.krc-cards .krc-avatar{width:38px;height:38px;flex-basis:38px;border-radius:12px}.krc-cards .krc-text{position:relative;padding-inline-start:10px;border-inline-start:2px solid color-mix(in srgb,var(--krc-accent) 40%,transparent)}
.krc-timeline .krc-list{gap:0}.krc-timeline .krc-item,.krc-timeline .krc-item:first-child,.krc-timeline .krc-item:last-child{position:relative;border:0;padding:0 0 22px}.krc-timeline .krc-item:last-child{padding-bottom:0}.krc-timeline .krc-item:not(:last-child)::before{content:'';position:absolute;inset-inline-start:20px;top:42px;bottom:0;width:2px;background:color-mix(in srgb,var(--krc-accent) 24%,var(--krc-line))}.krc-timeline .krc-avatar{position:relative;z-index:1;border:2px solid var(--krc-surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--krc-accent) 25%,var(--krc-line))}.krc-timeline .krc-body{padding:2px 0 0}.krc-timeline.krc-no-avatar .krc-item::before{display:none}
@media(max-width:400px){.karmadio-recent-comments .krc-item{gap:9px}.krc-avatar{flex-basis:36px;width:36px;height:36px}.krc-timeline .krc-item:not(:last-child)::before{inset-inline-start:17px;top:36px}.krc-cards .krc-item,.krc-cards .krc-item:first-child,.krc-cards .krc-item:last-child{padding:12px}}