.topic-companions {
  background: #fff;
  border: 1px solid #dfe3e7;
  border-top: 3px solid #cd192d;
  border-radius: 9px;
  box-shadow: 0 8px 22px rgba(16, 24, 32, .07);
  margin: 1rem 0 1.25rem;
  overflow: hidden;
}
.topic-companions[hidden],
.topic-companions [hidden],
.post [hidden],
.rider-card [hidden] { display: none !important; }
.topic-companions__presence {
  align-items: center;
  display: flex;
  gap: .7rem;
  padding: .82rem 1rem;
}
.topic-companions__icon {
  align-items: center;
  background: #f9e9ec;
  border-radius: 50%;
  color: #b3182a;
  display: inline-flex;
  flex: 0 0 34px;
  height: 34px;
  justify-content: center;
}
.topic-companions__presence strong { color: #303840; display: block; font-size: .82rem; }
.topic-companions__presence > div > span { color: #737d87; display: block; font-size: .7rem; margin-top: .06rem; }
.topic-companions__avatars { display: flex; margin-left: auto; padding-left: .5rem; }
.topic-companions__avatars a,
.topic-companions__avatars > span {
  align-items: center;
  background: #343b43;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff !important;
  display: inline-flex;
  font-size: .65rem;
  font-weight: 800;
  height: 30px;
  justify-content: center;
  margin-left: -7px;
  overflow: hidden;
  text-decoration: none !important;
  width: 30px;
}
.topic-companions__avatars img { height: 100%; object-fit: cover; width: 100%; }

html[data-theme="dark"] #main_container .topic-companions {
  background: rgba(24, 26, 28, .98);
  border-color: var(--ft-dark-border);
  border-top-color: #cd192d;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .34);
}
html[data-theme="dark"] #main_container .topic-companions__icon {
  background: rgba(205, 25, 45, .18);
  color: #ff7184;
}
html[data-theme="dark"] #main_container .topic-companions__presence strong {
  color: var(--ft-dark-text);
}
html[data-theme="dark"] #main_container .topic-companions__presence > div > span {
  color: var(--ft-dark-muted);
}
html[data-theme="dark"] #main_container .topic-companions__avatars a,
html[data-theme="dark"] #main_container .topic-companions__avatars > span {
  background: #39414a;
  border-color: #181a1c;
  color: #fff !important;
}
.post.is-accepted-answer { border-color: #72b687; box-shadow: 0 0 0 2px rgba(69, 153, 94, .12); }
.technical-solution-badge {
  background: #e4f4e9;
  border-radius: 999px;
  color: #277b42;
  display: inline-flex;
  font-size: .62rem;
  font-weight: 800;
  gap: .25rem;
  padding: .25rem .45rem;
  vertical-align: middle;
}
.technical-solution-toggle {
  background: transparent;
  border: 0;
  color: #347a49;
  cursor: pointer;
  font-size: .7rem;
  font-weight: 700;
  margin-top: .55rem;
  padding: .25rem 0;
}
.technical-solution-toggle.is-selected { color: #78818a; }
.technical-solution-toggle:disabled { cursor: wait; opacity: .55; }
.rider-card__technical-solutions {
  align-items: center;
  background: #edf7f0;
  border: 1px solid #c7e2cf;
  border-radius: 7px;
  color: #287742;
  display: flex;
  font-size: .68rem;
  gap: .4rem;
  margin-bottom: .65rem;
  padding: .45rem .55rem;
}
@media (max-width: 575.98px) {
  .topic-companions__presence { align-items: flex-start; }
  .topic-companions__avatars { padding-top: .15rem; }
}