span.vp-icon {
  --vp-current-icon-size: var(--vp-icon-size, var(--icon-size, var(--vp-icon-size-lg)));
  box-sizing: border-box;
  font-size: var(--vp-current-icon-size);
  width: var(--vp-current-icon-size);
  min-width: var(--vp-current-icon-size);
  height: var(--vp-current-icon-size);
  aspect-ratio: 1;
  vertical-align: middle;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
  overflow: visible;
}

span.vp-icon--clickable {
  cursor: pointer;
}

span.vp-icon--disabled {
  opacity: .5;
}

span.vp-icon svg {
  fill: currentColor;
  flex: none;
  min-width: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
}