/* templates/blocks/dynamic-meta/style.css */
/* v1.1.0 */

.pf-dmeta {
  display: flex;
  justify-content: var(--pf-dmeta-align, flex-start);
  align-items: baseline;
  gap: var(--pf-dmeta-gap, 8px);
  box-sizing: border-box;
  color: var(--pf-dmeta-color, inherit);
  background: var(--pf-dmeta-bg, transparent);
  border: var(--pf-dmeta-bw, 0) var(--pf-dmeta-bs, solid) var(--pf-dmeta-bc, transparent);
  border-radius: var(--pf-dmeta-rad, 0);
  padding: var(--pf-dmeta-p, 0);
  margin: var(--pf-dmeta-m, 0);
  font-size: var(--pf-dmeta-fs, inherit);
  font-weight: var(--pf-dmeta-fw, 600);
  line-height: var(--pf-dmeta-lh, 1.4);
  letter-spacing: var(--pf-dmeta-ls, normal);
  text-transform: var(--pf-dmeta-tt, none);
  min-width: 0;
  width: auto;
}

.pf-dmeta.is-inline {
  flex-direction: row;
  flex-wrap: wrap;
}

.pf-dmeta.is-stack {
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--pf-dmeta-gap, 8px) * .5);
}

.pf-dmeta-label,
.pf-dmeta-value {
  min-width: 0;
  word-break: break-word;
}

.pf-dmeta-label {
  color: var(--pf-dmeta-label-color, currentColor);
  opacity: .92;
  flex: 0 0 auto;
}

.pf-dmeta-value {
  color: var(--pf-dmeta-value-color, currentColor);
  font-weight: var(--pf-dmeta-value-fw, 700);
  flex: 0 1 auto;
}

.pf-dmeta-label-italic .pf-dmeta-label {
  font-style: italic;
}

.pf-dmeta-value-italic .pf-dmeta-value {
  font-style: italic;
}

.pf-dmeta[data-dmeta-source="view_count"] .pf-dmeta-value,
.pf-dmeta[data-dmeta-source="download_count"] .pf-dmeta-value {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 640px) {
  .pf-dmeta.is-inline {
    gap: calc(var(--pf-dmeta-gap, 8px) * .75);
  }
}