/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/media-query-plugin/src/loader.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./assets/scss/blocks/breadcrumbs.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.breadcrumb li {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  flex: 0 0 auto;
  max-width: 100%;
}
.breadcrumb li:not(:last-child)::after {
  content: "";
  width: 6px;
  height: 2px;
  background-color: var(--igs-color-3);
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb .current-item {
  flex: 1;
  overflow: hidden;
}
.breadcrumb .current-item span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--igs-color-1);
}