nav:not(body > nav),
nav[data-breadcrumb] {
  --breadcrumb-padding-inline: unset;
  --breadcrumb-display: flex;
  --breadcrumb-gap: 0.5rem;
  --breadcrumb-color: currentColor;
  --breadcrumb-current-color: var(--color-text);
  --breadcrumb-fs: var(--fs-3);
  margin-inline: unset;
  padding-inline: unset;
  ol {
    padding-inline: var(--breadcrumb-padding-inline);
    display: var(--breadcrumb-display);
    gap: var(--breadcrumb-gap);
    li {
      padding-inline: unset;
      width: var(--breadcrumb-width, fit-content);
      text-transform: capitalize;
      display: flex;
      color: var(--breadcrumb-color);
      gap: 0.5rem;
      font-size: var(--breadcrumb-fs);
      span[aria-hidden="true"] {
        opacity: 0.6;
      }
      a[href] {
        font-size: var(--breadcrumb-fs);
        &[aria-current] {
          color: var(--breadcrumb-current-color);
          text-decoration: none;
        }
      }
    }
  }
}