.ids-navigation-local ::slotted(a) {
  display: block !important;
  position: relative;
  padding: 0.75rem;
  color: var(--IDS-NAVIGATION-LOCAL__LINK-COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE) !important;
  text-decoration: none;
}
.ids-navigation-local ::slotted(a):before {
  content: "";
  position: absolute;
  left: -0.5rem;
  top: -0.063rem;
  display: block;
  height: calc(100% + 0.063rem);
  width: 0.5rem;
}
.ids-navigation-local ::slotted(a):after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 0.063rem;
  background-color: var(--IDS-NAVIGATION-LOCAL__AFTER-COLOR);
}
.ids-navigation-local ::slotted(.ids-navigation-local-link--active):before {
  background-color: var(--IDS-NAVIGATION-LOCAL--ACTIVE-BEFORE-COLOR);
}
.ids-navigation-local ::slotted(a:hover):before,
.ids-navigation-local ::slotted(a:active:hover):before {
  background-color: var(--IDS-NAVIGATION-LOCAL--HOVER-BEFORE-COLOR) !important;
}
.ids-navigation-local ::slotted(a:focus-visible) {
  outline-offset: -0.25rem !important;
}