/* #region "../src/elements/breadcrumb/breadcrumb.scss" */
/*
- type: css
*/
.breadcrumb-container {
  margin-inline: calc(-1 * var(--content-margin));
  border-block: 1px solid var(--grey-200);
  padding-block: clamp(1rem, .830986rem + .751174vw, 1.5rem);
}

:where(section.main, .background-section) > .breadcrumb-container {
  margin-inline: 0;
}

.breadcrumb {
  font-size: .875rem;
}

.breadcrumb ol {
  flex-wrap: wrap;
  align-items: center;
  row-gap: .5rem;
  margin: 0;
  padding: 0;
  line-height: 1.7;
  list-style: none;
  display: flex;
}

.breadcrumb ol li {
  align-items: center;
  display: flex;
}

.breadcrumb ol li:not(:first-child):before {
  --icon-width: 6;
  --icon-height: 8;
  --icon-size: .5rem;
  --actual-icon-size: var(--icon-size, .625rem);
  content: "";
  color: var(--primary-darker-1);
  width: calc(var(--actual-icon-size) / var(--icon-height) * var(--icon-width));
  height: var(--actual-icon-size);
  background-color: var(--icon-color, currentColor);
  -webkit-mask-image: var(--icon-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNiA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00Ljg2IDMuNjkgMS4wOC4xM0EuNDguNDggMCAwIDAgLjc1IDBhLjQ4LjQ4IDAgMCAwLS4zMy4xM0wuMTQuMzlhLjQyLjQyIDAgMCAwIDAgLjYyTDMuMzIgNCAuMTQgN2EuNDIuNDIgMCAwIDAgMCAuNjFsLjI3LjI2Yy4xLjA4LjIuMTMuMzMuMTNzLjI1LS4wNS4zMy0uMTNsMy44LTMuNTZhLjQyLjQyIDAgMCAwIDAtLjYyWiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==));
  mask-image: var(--icon-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNiA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00Ljg2IDMuNjkgMS4wOC4xM0EuNDguNDggMCAwIDAgLjc1IDBhLjQ4LjQ4IDAgMCAwLS4zMy4xM0wuMTQuMzlhLjQyLjQyIDAgMCAwIDAgLjYyTDMuMzIgNCAuMTQgN2EuNDIuNDIgMCAwIDAgMCAuNjFsLjI3LjI2Yy4xLjA4LjIuMTMuMzMuMTNzLjI1LS4wNS4zMy0uMTNsMy44LTMuNTZhLjQyLjQyIDAgMCAwIDAtLjYyWiIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==));
  -webkit-mask-size: calc(var(--actual-icon-size) / var(--icon-height) * var(--icon-width)) var(--actual-icon-size);
  mask-size: calc(var(--actual-icon-size) / var(--icon-height) * var(--icon-width)) var(--actual-icon-size);
  margin: -.05rem clamp(.625rem, .413732rem + .938967vw, 1.25rem) 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.breadcrumb ol li a {
  color: inherit;
  pointer-events: all;
  margin: -4px -6px;
  padding: 0 6px;
  text-decoration: none;
  display: block;
}

.breadcrumb ol li a:hover {
  color: var(--primary);
}

.breadcrumb ol li a:active {
  color: var(--primary-darker-1);
}

:root.no-focus-visible .breadcrumb ol li a:focus {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.breadcrumb ol li a:focus:not(:focus-visible) {
  outline: none;
}

.breadcrumb ol li a:focus-visible {
  outline: var(--focus-width, 2px) var(--focus-style, solid) var(--focus-color, #2fa5ab);
  outline-offset: var(--focus-offset, 3px);
}

.breadcrumb:is(:is(section.main, .background) > *) {
  margin-top: var(--layout-gap);
  margin-inline: max(var(--content-margin), var(--container-padding));
}

.breadcrumb + :is(h1, h2, h3, h4, h5, h6), .breadcrumb + :is(.h1, .h2, .h3, .h4, .h5, .h6) {
  margin-top: clamp(.5rem, .161972rem + 1.50235vw, 1.5rem);
}

/* #endregion "../src/elements/breadcrumb/breadcrumb.scss" */


/*# sourceMappingURL=css-wpce--breadcrumb.css.map*/