/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
.Breadcrumb {
  all: unset;
  /* Set color on root of component. It can be overridden after the @include */
  color: var(--colorsTextDefault, #141414);
  /* Make sure font-family goes across entire component */
  font-family: "Nunito Sans", sans-serif;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  margin-top: -8px;
}

.Breadcrumb-Link {
  align-items: center;
  color: var(--colorsTextSubdued, #606162);
  display: inline-flex;
  line-height: 1.5;
  margin-top: 8px;
}

.Breadcrumb-Link__label:focus {
  outline: none;
}
.Breadcrumb-Link__label--focus-visible:focus {
  position: relative;
  box-shadow: 0 0 0 3px var(--colorsFocusRingPrimary, #a9d1ff);
}

.Breadcrumb-Link__icon.a-Icon {
  color: var(--colorsTextDefault, #141414);
  padding-right: 16px;
  padding-left: 16px;
}

.Breadcrumb-Link--hover .Breadcrumb-Link__label {
  cursor: pointer;
  opacity: 0.8;
  transition: opacity cubic-bezier(0.4, 0, 0.2, 1) 200ms 0ms;
}
.Breadcrumb-Link--hover:hover .Breadcrumb-Link__label {
  opacity: 1;
}

.Breadcrumb-Link:last-child {
  color: var(--colorsTextDefault, #141414);
}
.Breadcrumb-Link:last-child .Breadcrumb-Link__icon {
  display: none;
}

/*# sourceMappingURL=index.css.map */