@charset "UTF-8";
:host([role=listitem]) div ::slotted(*) {
  color: var(--tds-breadcrumb-color);
  text-decoration: none;
}
:host([role=listitem]) div:hover ::slotted(*) {
  color: var(--tds-breadcrumb-color-hover);
  text-decoration: underline;
}
:host([role=listitem]) div ::slotted(*:focus-visible) {
  outline: 2px solid var(--tds-focus-outline-color);
  box-shadow: 0 0 0 1px var(--tds-white);
  outline-offset: 1px;
  z-index: 1;
}
:host([role=listitem]) div.current ::slotted(*),
:host([role=listitem]) div [aria-current=page] ::slotted(*) {
  pointer-events: none;
  cursor: default;
  color: var(--tds-breadcrumb-color-current);
}
:host([role=listitem]) div.current:hover ::slotted(*),
:host([role=listitem]) div [aria-current=page]:hover ::slotted(*) {
  text-decoration: none;
  cursor: not-allowed;
}
:host([role=listitem]) div::after {
  content: "›";
  color: var(--tds-breadcrumb-separator-color);
  margin-right: 4px;
  margin-left: 4px;
  display: inline-block;
  width: 4px;
  height: 8px;
}
:host([role=listitem]) .current::after {
  display: none;
}