.r9-multi {
  --r9c-color-breadcrumb-text-global: #5a6872;
}

.r9-multi--colors-base,
.r9-multi--colors-alternative,
.r9-multi--colors-highlight-base {
  --r9c-color-breadcrumb-text: #5a6872;
}

.r9-multi--colors-highlight-inverted {
  --r9c-color-breadcrumb-text: #b4c1cb;
}

.r9-multi--colors-accent-base {
  --r9c-color-breadcrumb-text: #5a6872;
}

.r9-multi--colors-accent-inverted {
  --r9c-color-breadcrumb-text: #ffffff;
}

.r9-multi--colors-highlight-inverted-alt {
  --r9c-color-breadcrumb-text: #b4c1cb;
}

:root {
  --default-font-fallbacks: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
}

html {
  --outline-color-default-global: #007799;
  --outline-color-default: #007799;
  --outline-color-error: #d32933;
}

*:focus-visible {
  outline-color: var(--outline-color-default, var(--outline-color-default-global));
  outline-width: 2px;
  outline-offset: 2px;
}

*:focus[data-no-focus-outline] {
  outline: none !important;
}

.breadcrumbs a {
  display: inline;
}
.breadcrumbs a svg {
  vertical-align: middle;
  fill: currentColor;
}

.r9-multi.breadcrumbs {
  --underline-action: none !important;
  --underline-action-hover: underline;
  --underline-action-active: underline;
}

.breadcrumbs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  color: var(--r9c-color-breadcrumb-text, var(--r9c-color-breadcrumb-text-global)) !important;
}
.breadcrumbs a {
  color: var(--r9c-color-breadcrumb-text, var(--r9c-color-breadcrumb-text-global)) !important;
}
.breadcrumbs-separator {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 8px;
  -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik03NSAzMi41bDU3Ljk1IDU4LjA5YzUuMTkgNS4yIDUuMTkgMTMuNjIgMCAxOC44Mkw3NSAxNjcuNWwtMTEuODMtMTEuODNMMTE4Ljg0IDEwMEw2My4xNyA0NC4zM0w3NSAzMi41eiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-color: var(--r9c-color-breadcrumb-text, var(--r9c-color-breadcrumb-text-global));
}
.breadcrumbs .current-item {
  font-weight: 600;
  color: var(--r9c-color-breadcrumb-text, var(--r9c-color-breadcrumb-text-global));
}