@font-face {
  font-family: Manrope;
  src: url('../fonts/manrope-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
}
.selena-breadcrumbs {
  position: relative;
  min-width: 0;
  margin: 0 0 24px;
  color: var(--selena-accent, #111b29);
  background: var(--selena-paper, #fff);
  font: 400 12px/1.6 Manrope, sans-serif;
  overflow-wrap: anywhere;
}
.selena-breadcrumbs :is(ol, p) { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 0; padding: 0; list-style: none; }
.selena-breadcrumbs li { display: flex; align-items: baseline; gap: 12px; min-width: 0; max-width: 100%; }
.selena-breadcrumbs [aria-current="page"] { min-width: 0; color: #586476; overflow-wrap: anywhere; }
.selena-breadcrumbs [aria-hidden="true"] { flex: none; color: #98a2b3; }
body .selena-breadcrumbs a,
.selena-properties-page .sc-properties .selena-breadcrumbs a {
  display: inline;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 1px;
}
.selena-breadcrumbs a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; background-size: 100% 1px; }
@media (hover: hover) { body .selena-breadcrumbs a:hover { color: inherit; text-decoration: none; background-size: 100% 1px; } }
@media (prefers-reduced-motion: no-preference) { body .selena-breadcrumbs a { transition: background-size var(--selena-hover-duration, 600ms) ease; } }
@media (prefers-reduced-motion: reduce) { body .selena-breadcrumbs a { transition: none; } }
.selena-property-single__breadcrumbs.selena-breadcrumbs { margin: 0; }
.selena-main > .selena-breadcrumbs + :is(.selena-agency-hero, .selena-area-hero, .selena-seller-hero),
:is(.selena-agency-hero, .selena-area-hero):has(> div > .selena-breadcrumbs) { padding-top: 0; min-height: 0; }
:is(.selena-agency-main, .selena-area-main, .selena-seller-main):has(> .selena-breadcrumbs, > section > div > .selena-breadcrumbs) { padding-top: 24px; }
.selena-article-navigation .selena-breadcrumbs { margin: 0; }
.selena-blog-page .selena-article-navigation { margin-bottom: 24px; }
