[data-block-header] {
  --block-title-height-color: var(--gray);
  --block-title-height-line-height: var(--line-height-lg);
  --block-title-height-size: var(--font-size-lg);
  --block-title-label-size: 2.5rem;

  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.15rem 1rem;
  align-items: baseline;
  padding-bottom: 1.25rem;

  [data-dim] {
    opacity: 0.5;
  }

  > h1 {
    min-width: 0;
  }

  > output {
    justify-self: end;
    white-space: nowrap;
  }

  > p,
  > time {
    color: var(--gray);
  }

  > p {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  > time {
    white-space: nowrap;
  }

  > div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;

    button {
      padding: 0.375rem 0.5rem;
      font-size: var(--font-size-xs);
      line-height: 1;
    }

    [data-receipt-button] {
      padding: 0.25rem 0.375rem;
    }
  }
}