.heightMark[data-astro-cid-delrof5j] {
  width: 100%;
  position: relative;
  color: var(--layoutLines-color-100);
  ---heightMark-symbol-size: var(--heightMark-symbol-size, 1rem);
  ---heightMark-symbol-offset: var(--heightMark-symbol-size, var(--layout-space-200));
  ---heightMark-label-fontSize: var(--heightMark-label-fontSize, var(--font-size-100));

  & svg {
    width: var(---heightMark-symbol-size);
    height: var(---heightMark-symbol-size);
  }
}

.heightMark[data-astro-cid-delrof5j]:has(.heightMark-label) {
  ---heightMark-symbol-offset: calc(4 * var(---heightMark-label-fontSize));

  & svg .heightMark-dummyLabel {
    display: none;
  }
}

.heightMark-inner[data-astro-cid-delrof5j] {
  position: absolute;
  width: calc(100% + var(---heightMark-symbol-offset));
  border-bottom: var(--layoutLines-width-100) solid currentColor;
  display: flex;
  bottom: 0;
}

.heightMark-label[data-astro-cid-delrof5j] {
  position: absolute;
  font-size: var(---heightMark-label-fontSize);
  top: calc(.3 * var(---heightMark-symbol-size));
  left: calc(.6 * var(---heightMark-symbol-size));
}

.heightMark-label-inner[data-astro-cid-delrof5j] {
  position: absolute;
  line-height: 1;
  margin-inline: auto;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  color: #000;
}

[data-astro-cid-delrof5j][data-mark-position="right"] .heightMark-inner[data-astro-cid-delrof5j] {
  left: 0;
  justify-content: flex-end;
}

[data-astro-cid-delrof5j][data-mark-position="left"] .heightMark-inner[data-astro-cid-delrof5j] {
  right: 0;
  justify-content: flex-start;
}