.dt-breadcrumb.dt-breadcrumb {
  align-items: center;
  color: var(--dt-color-text-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--dt-text-md);
  gap: .25rem;
  min-height: 2.75rem;
  overflow: visible;
  padding: .25rem 0;
  white-space: normal;
}
.dt-breadcrumb .dt-breadcrumb__back {
  background: transparent;
  border: 0;
  border-radius: var(--dt-radius-sm);
  color: var(--dt-color-text-muted);
  font-family: var(--dt-font-interface);
  font-size: var(--dt-text-md);
  font-weight: var(--dt-weight-medium);
  gap: .25rem;
  min-height: 2.75rem;
  padding: 0 .45rem 0 0;
}
.dt-breadcrumb .dt-breadcrumb__back svg { height: 1rem; width: 1rem; }
.dt-breadcrumb .dt-breadcrumb__back:hover { background: transparent; color: var(--dt-color-brand); }
.dt-breadcrumb .dt-breadcrumb__back:focus-visible,
.dt-breadcrumb .dt-breadcrumb__path a:focus-visible { border-radius: var(--dt-radius-xs); outline: 2px solid var(--dt-color-focus); outline-offset: 3px; }
.dt-breadcrumb .dt-breadcrumb__divider { background: var(--dt-color-border); height: 1rem; margin: 0 .8rem 0 .35rem; }
.dt-breadcrumb .dt-breadcrumb__path {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .25rem 0;
  list-style: none;
  margin: 0;
  min-width: 0;
  padding: 0;
}
.dt-breadcrumb .dt-breadcrumb__item { align-items: center; display: inline-flex; max-width: 100%; min-width: 0; }
.dt-breadcrumb .dt-breadcrumb__separator { color: var(--dt-color-border-strong); flex: 0 0 auto; height: .875rem; margin: 0 .55rem; width: .875rem; }
.dt-breadcrumb .dt-breadcrumb__path a { color: var(--dt-color-text-muted); overflow-wrap: anywhere; text-decoration: none; }
.dt-breadcrumb .dt-breadcrumb__path a:hover { color: var(--dt-color-brand); text-decoration: underline; text-underline-offset: .2em; }
.dt-breadcrumb .dt-breadcrumb__path [aria-current='page'] { color: var(--dt-color-text); font-weight: var(--dt-weight-medium); overflow-wrap: anywhere; }
@media (max-width: 40rem) {
  .dt-breadcrumb.dt-breadcrumb { align-items: start; display: grid; gap: .25rem; }
  .dt-breadcrumb .dt-breadcrumb__back { justify-self: start; }
  .dt-breadcrumb .dt-breadcrumb__divider { display: none; }
  .dt-breadcrumb .dt-breadcrumb__path { row-gap: .4rem; }
}