/**
 * @file
 * Breadcrumb styles.
 */

:where([data-theme="dgsom"]) {
  --svg-start: var(--size-1);
}

:where([data-theme="labs-dynamic"]) {
  --svg-start: var(--size-1);
}

.breadcrumb__list {
  align-items: center;
  color: var(--ucla-blue);
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-2);
}

.breadcrumb__item {
  color: var(--ucla-blue);
  align-items: center;
  display: inline-flex;
}

.breadcrumb__item svg {
  color: inherit;
  display: inline-block;
  height: 1em;
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-before: var(--svg-start, 0);
  margin-block-start: var(--svg-start, 0);
  -webkit-margin-start: var(--size-4);
  margin-inline-start: var(--size-4);
  width: 1em;
}

.breadcrumb__link {
  font-size: var(--font-size-1);
  font-weight: var(--font-weight-400);
}

.breadcrumb__link:hover {
  text-decoration: underline;
}

.breadcrumb__link svg {
  color: inherit;
  display: inline-block;
  height: 1em;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  vertical-align: -0.125em;
  width: 1em;
}