.d-flex{display:flex!important}
.flex-column{flex-direction:column!important}
.flex-grow-1{flex-grow:1!important}
.flex-shrink-0{flex-shrink:0!important}
.align-items-center{align-items:center!important}
.justify-content-between{justify-content:space-between!important}
.overflow-hidden{overflow:hidden!important}
.w-100{width:100%!important}
.text-black{color:#1d232e!important}
.text-muted{color:var(--color-text-secondary)!important}
.font-semibold{font-weight:var(--font-weight-semibold)!important}
.font-weight-normal{font-weight:400!important}
.text-sm{font-size:var(--font-size-sm)!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:4px!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-5{padding-top:20px!important;padding-bottom:20px!important}
.p-2{padding:8px!important}
.p-3{padding:12px!important}
.pl-4{padding-left:16px!important}
.g-1{gap:4px!important}
.g-3{gap:12px!important}
.g-5{gap:20px!important}
.gap-3{gap:12px!important}
.items-center{align-items:center!important}
.border{border:1px solid var(--color-border)!important}

.user-created{display:flex;gap:var(--padding-sm);align-items:center}
.user-created-empty{color:var(--color-text-secondary)}
.user-created-avatar{width:var(--avatar-size);height:var(--avatar-size);margin-top:2px;margin-bottom:2px;flex-shrink:0}
.user-created-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.user-created-body{line-height:1.2;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(var(--avatar-size) + 4px);min-width:0;gap:4px}
.user-created-name{font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-created-time{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:4px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-created-time>i{font-size:1.1em;line-height:1}

.users-chain{display:inline-flex;align-items:center;flex-shrink:0}
.users-chain.user-one,.users-chain:has(.users-chain-more){margin-right:0}
.users-chain.user-one img{margin-right:0!important}
.users-chain img:not(.img-more),.users-chain-more{
  width:var(--avatar-size,32px);
  height:var(--avatar-size,32px);
  border-radius:50%;
  overflow:hidden;
  margin:0 var(--avatar-chain-margin,0) 0 0;
  flex-shrink:0;
  object-fit:cover;
  aspect-ratio:1;
}