.anvil2{@layer starter, reset, base, state, application;._breadcrumbs_1dm38_1 {
  all: unset;
  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
  font-size: 100%;
  color: inherit;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  border-color: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--a2-size-1, 0.25rem);
}._breadcrumbs-link_1dm38_18 {
  /*
   * Need !important and redeclaring the property here to override !important
   * that is in the Link.module.scss file... so we can set the text-decoration to none.
  */
  --a2-mod-link-foreground-color: currentColor;
  --a2-mod-link-foreground-color-hover: var(--a2-breadcrumb-link-foreground-color-hover, var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff))));
  all: unset;
  font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
  font-size: 100%;
  color: inherit;
  margin: 0;
  padding: 0;
  border-style: none;
  border-width: 0;
  border-color: transparent;
  box-sizing: border-box;
  display: inline;
}._breadcrumbs-link_1dm38_18:not(:hover):not([data-interactive=hover]) {
  --a2-mod-link-text-decoration: none !important;
}._breadcrumbs-link_1dm38_18[data-interactive=hover], ._breadcrumbs-link_1dm38_18:hover {
  --a2-mod-link-text-decoration: underline solid currentColor;
}
}