nv-breadcrumb {
  display: flex;
  align-items: center;
  color: var(--components-breadcrumb-text);
  font-size: var(--font-size-sm);
  font-style: normal;
  font-weight: var(--font-weight-medium-emphasis);
  line-height: var(--line-height-sm);
}
nv-breadcrumb.visually-hidden {
  position: absolute;
  padding: 0;
  border: 0;
  overflow: hidden;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
nv-breadcrumb ul {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1-5);
  padding: var(--spacing-1);
}
nv-breadcrumb ul a,
nv-breadcrumb ul button {
  display: inline-flex;
  align-self: center;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
nv-breadcrumb ul a:focus, nv-breadcrumb ul a:focus-within,
nv-breadcrumb ul button:focus,
nv-breadcrumb ul button:focus-within {
  outline: none;
}
nv-breadcrumb ul a:focus-visible, nv-breadcrumb ul a:has(:focus-visible),
nv-breadcrumb ul button:focus-visible,
nv-breadcrumb ul button:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);
  outline-offset: calc(var(--focus-outline-offset) * 0.3);
}
nv-breadcrumb ul a:hover,
nv-breadcrumb ul button:hover {
  text-decoration: underline;
  color: var(--components-breadcrumb-text-hover);
}
nv-breadcrumb > a, nv-breadcrumb > button {
  display: inline-flex;
  align-self: center;
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
nv-breadcrumb > a:focus, nv-breadcrumb > a:focus-within, nv-breadcrumb > button:focus, nv-breadcrumb > button:focus-within {
  outline: none;
}
nv-breadcrumb > a:focus-visible, nv-breadcrumb > a:has(:focus-visible), nv-breadcrumb > button:focus-visible, nv-breadcrumb > button:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 0.5) solid var(--components-breadcrumb-text-hover);
  outline-offset: calc(var(--focus-outline-offset) * 0.3);
}
nv-breadcrumb > a:hover, nv-breadcrumb > button:hover {
  text-decoration: underline;
  color: var(--components-breadcrumb-text-hover);
}
nv-breadcrumb span[data-scope=separator] {
  display: inline-flex;
  padding-left: var(--breadcrumb-padding-y);
}