/* TMIarticles CSP — replace static inline style="" (style-src-attr: none) */

.tmi-u-grid-span-all { grid-column: 1 / -1; }
.tmi-u-mt-075 { margin-top: 0.75rem; }
.tmi-u-mt-1 { margin-top: 1rem; }
.tmi-u-m-0 { margin: 0; }
.tmi-u-mb-05 { margin-bottom: 0.5rem; }
.tmi-u-list-plain { list-style: none; padding: 0; margin: 0; }
.tmi-u-accent { color: var(--tmi-accent); margin-right: 0.35rem; }
.tmi-u-badge-inline {
  position: static;
  display: inline-block;
  margin: 1rem 0 0 1rem;
}
.tmi-u-thumb-sm {
  max-height: 40px;
  max-width: 80px;
  object-fit: cover;
  border-radius: 4px;
  margin-right: 8px;
  vertical-align: middle;
}
.tmi-u-thumb-md {
  max-width: 240px;
  height: auto;
  border-radius: 8px;
}
.tmi-u-progress-h { height: 1.25rem; }
.tmi-u-th-check { width: 2rem; }
.tmi-u-muted-sm {
  margin: 0;
  font-size: 0.875rem;
}
.tmi-u-muted-sm-gap {
  margin: 0 0 0.5rem;
  font-size: 0.875rem;
}

.tmi-poll__bar span[data-poll-pct] {
  width: calc(attr(data-poll-pct type(<number>), 0) * 1%);
}

.cover img,
img.cover,
.cover.tmi-cover-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}