/* Anchor annotations to the metadata text itself, never to the surrounding column. */
.vnext-meta-stack {
  position: relative;
  display: block;
  justify-self: end;
  width: max-content;
  max-width: 100%;
  min-width: 0;
  padding-block: 13px;
}
.vnext-meta-stack .vnext-main-meta,
.vnext-meta-stack .vnext-mobile-meta {
  display: block;
  width: auto;
  max-width: 100%;
  text-align: left;
}
.vnext-meta-flags,
.vnext-meta-hidden {
  position: absolute;
  left: 0;
  width: max-content;
  max-width: 132px;
  overflow: hidden;
  color: var(--accent);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vnext-meta-flags { top: 1px; }
.vnext-meta-hidden { bottom: 1px; font-weight: 500; }
.vnext-desktop-side > .vnext-meta-stack { grid-column: 1; }
.vnext-mobile-cell > .vnext-meta-stack { grid-column: 1; }
.vnext-desktop-side > .line-flags,
.vnext-desktop-side > .hidden-note,
.vnext-mobile-cell > .vnext-mobile-flags,
.vnext-mobile-cell > .vnext-mobile-hidden { display: none !important; }

@media (max-width: 700px) {
  .vnext-meta-stack { padding-block: 12px; }
  .vnext-meta-flags,.vnext-meta-hidden { max-width: 106px; font-size: 8px; }
}