@media (max-width: 1023px) {
  .ids-desktop,
  .ids-desktop-only {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .ids-mobile,
  .ids-mobile-only {
    display: none !important;
  }
}

@media (max-width: 639px), (min-width: 1024px) {
  .ids-tablet-only {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 1023px) {
  .ids-tablet-hide {
    display: none !important;
  }
}

@media (max-width: 1023px), (min-width: 1280px) {
  .ids-desktop-small-only {
    display: none !important;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .ids-desktop-small-hide {
    display: none !important;
  }
}

@media (max-width: 1279px), (min-width: 1440px) {
  .ids-desktop-medium-only {
    display: none !important;
  }
}

@media (min-width: 1280px) and (max-width: 1439px) {
  .ids-desktop-medium-hide {
    display: none !important;
  }
}

@media (max-width: 1279px) {
  .ids-desktop-medium-up {
    display: none !important;
  }
}

@media (max-width: 1439px) {
  .ids-desktop-large-up {
    display: none !important;
  }
}

@media (max-width: 1919px) {
  .ids-desktop-extra-large-up {
    display: none !important;
  }
}

.ids-breadcrumbs {
  color: var(--IDS-BREADCRUMBS__COLOR);
  line-height: 1.625rem;
}
.ids-breadcrumbs ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ids-breadcrumbs ol li {
  display: flex;
}
.ids-breadcrumbs .ids-breadcrumbs__lead {
  margin-right: 0.5rem;
  font-family: var(--IDS-FONT-FAMILY-BASE);
}
.ids-breadcrumbs .ids-breadcrumbs__desktop {
  display: none;
  flex-wrap: wrap;
}
.ids-breadcrumbs .ids-breadcrumbs__mobile {
  display: flex;
  align-items: center;
}
.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-breadcrumbs__mobile-links {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-breadcrumbs__icon {
  position: relative;
  width: 1rem;
  text-decoration: none;
}
.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-breadcrumbs__icon::before {
  font: icon;
  font-family: "Inera-Design-Icons" !important;
  display: block;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  flex-shrink: 0;
  content: "\e93c";
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  color: var(--IDS-ICON--ACTIVE__COLOR);
}
.ids-breadcrumbs .ids-breadcrumbs__mobile .ids-breadcrumbs__mobile-link {
  color: var(--IDS-BREADCRUMBS-LINK__COLOR);
  text-decoration: none;
  font-family: var(--IDS-FONT-FAMILY-BASE);
}
.ids-breadcrumbs .ids-breadcrumbs__mobile:hover .ids-breadcrumbs__icon::before {
  color: var(--IDS-ICON--ACTIVE__COLOR);
}
.ids-breadcrumbs .ids-breadcrumbs__mobile:hover a.ids-breadcrumbs__mobile-link {
  color: var(--IDS-BREADCRUMBS-LINK__HOVER-COLOR);
  text-decoration: underline;
}
@media (min-width: 1024px) {
  .ids-breadcrumbs .ids-breadcrumbs__mobile {
    display: none;
  }
  .ids-breadcrumbs .ids-breadcrumbs__desktop {
    display: flex;
  }
}

.ids-breadcrumbs__crumb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ids-breadcrumbs__crumb a {
  color: var(--IDS-BREADCRUMBS-LINK__COLOR);
  font-family: var(--IDS-FONT-FAMILY-BASE);
  line-height: 1.625rem;
  display: inline-block;
  cursor: pointer;
  border-radius: var(--IDS-FOCUS__BORDER-RADIUS);
  text-decoration: underline !important;
  text-underline-offset: 0.125rem !important;
  text-decoration-thickness: 0.0938rem !important;
}
.ids-breadcrumbs__crumb a:hover {
  color: var(--IDS-BREADCRUMBS-LINK__HOVER-COLOR);
  text-decoration: underline !important;
  text-underline-offset: 0.125rem !important;
  text-decoration-thickness: 0.0938rem !important;
}
.ids-breadcrumbs__crumb .ids-breadcrumbs__crumb__separator {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.ids-breadcrumbs__crumb.ids-breadcrumbs__crumb--mobile a {
  text-decoration: none !important;
}
.ids-breadcrumbs__crumb.ids-breadcrumbs__crumb--mobile a:hover {
  color: var(--IDS-BREADCRUMBS-LINK__HOVER-COLOR);
  text-decoration: underline !important;
  text-underline-offset: 0.125rem !important;
  text-decoration-thickness: 0.0938rem !important;
}
.ids-breadcrumbs__crumb.ids-breadcrumbs__crumb--current a {
  text-decoration: none;
  color: var(--IDS-BREADCRUMBS__COLOR);
  text-decoration: none !important;
}
.ids-breadcrumbs__crumb.ids-breadcrumbs__crumb--current a:hover {
  text-decoration: underline !important;
}