.ic-page-tree {
  display: flex;
  align-items: center;
  align-self: flex-start;
  margin-block-end: var(--gblRowGapSmall);
}

.ic-page-tree__list {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gblSpaceUnit);
  padding: var(--gblPaddingBadge);
  margin: 0;
  list-style: none;
  background-color: var(--gblTextBoxBackground);
  border: var(--gblBorderThin) solid var(--gblGlassBorder);
  border-radius: var(--gblBorderRadiusSmall);
  backdrop-filter: var(--gblBackdropBlur);
}

.ic-page-tree__item {
  display: inline-flex;
  align-items: center;
  gap: var(--gblSpaceUnit);
  font-family: var(--gblFontFamilyAgdasima);
  font-size: var(--gblFontSizeSmall);
  line-height: var(--gblLineHeightTight);
}

.ic-page-tree__link {
  color: var(--gblPink);
  text-decoration: none;
  font-weight: var(--gblFontWeightMedium);
  transition: var(--gblTransitionStandard);
}

.ic-page-tree__link:hover {
  color: var(--gblBlue);
  text-decoration: underline;
}

.ic-page-tree__separator {
  color: var(--gblGrey);
  font-family: var(--gblFontFamilyAgdasima);
  font-size: var(--gblFontSizeTiny);
  user-select: none;
}

.ic-page-tree__current {
  color: var(--gblTextWhite);
  font-weight: var(--gblFontWeightRegular);
}