.ht-sources {
  margin-top:12px;
  padding:16px 18px;
  border-radius:var(--radius);
  background:#ffffff;
  border:1px solid var(--border);
  text-align:right;
}

.ht-single__main .ht-sources {
  margin-top:12px;
}

.ht-sources__head {
  margin:0 0 14px;
  font-size:var(--h3);
  font-weight:600;
  color:var(--fg);
}

.ht-single__main .ht-sources__head {
  margin:12px 0 14px;
}

:root[data-theme="dark"] .ht-sources {
  background:transparent;
}

@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) .ht-sources {
    background:transparent;
  }
}

.ht-single__main .ht-sources__list,
.ht-sources__list {
  margin:0;
  padding:0;
  padding-inline-start:0;
  padding-right:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  direction:rtl;
}

.ht-sources__item {
  margin:0;
  padding:0;
}

.ht-source-link {
  direction:ltr;
  display:inline-flex;
  flex-direction:row-reverse;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:var(--surface);
  border:1px solid var(--border);
  font-size:14px;
  color:var(--fg);
  text-decoration:none;
  transition:background .16s ease,
             border-color .16s ease,
             transform .16s ease;
}

.ht-source-link:hover {
  background:color-mix(in oklab,var(--surface),var(--brand-100) 30%);
  border-color:var(--brand-400);
  transform:translateY(-1px);
  text-decoration:none;
}

.ht-source-link__icon {
  flex:0 0 auto;
  inline-size:22px;
  block-size:22px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid color-mix(in oklab,var(--brand-400),transparent 25%);
  background:transparent;
  color:var(--brand-500);
}

.ht-source-link__icon svg {
  inline-size:14px;
  block-size:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ht-source-link__label {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}

.ht-source-link--text {
  display:inline-flex;
  align-items:center;
  padding:4px 0;
  font-size:14px;
  color:var(--fg);
}