/**
 * @file
 * Optional page icons and their independent color settings.
 */

.page-icon {
  display: inline-block;
  width: 1.125em;
  height: 1em;
  margin-inline-end: 0.35rem;
  text-align: center;
  vertical-align: -0.125em;
  pointer-events: none;
  color: var(--page-icon-color, inherit);
  font-size: 1em;
  line-height: 1;
  fill: currentColor;
}

a:hover > .page-icon,
a:focus-visible > .page-icon,
.file:hover > .page-icon,
.file:focus-within > .page-icon {
  color: var(--page-icon-hover, inherit);
}

.page-icon--after {
  margin-inline-start: 0.35rem;
  margin-inline-end: 0;
}

[dir="rtl"] .page-icon--directional {
  transform: scaleX(-1);
}

.pi .more-link a {
  font-size: 0.8em;
}

.pi .menu--account li {
  padding: 0;
  list-style: none;
  border: none;
}

.pi .menu--account li a {
  margin: 0 0.3125rem;
}