/* Цвета, шрифт, кегль и разделители берутся из действующей темы. */
.tm-uk-breadcrumb.pdbc { position: relative; max-width: 100%; }
.tm-uk-breadcrumb.pdbc .uk-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: 0; padding: 0; }
.tm-uk-breadcrumb.pdbc .uk-breadcrumb > li { display: flex; align-items: center; max-width: 100%; min-width: 0; line-height: 19.5px; }
.tm-uk-breadcrumb.pdbc .uk-breadcrumb > li > a, .tm-uk-breadcrumb.pdbc .uk-breadcrumb > li > span { line-height: 19.5px; overflow-wrap: anywhere; }
.tm-uk-breadcrumb.pdbc .uk-breadcrumb > li::before { flex-shrink: 0; }
.tm-uk-breadcrumb.pdbc .uk-breadcrumb > .breadcrumb-separator { flex-shrink: 0; }
.tm-uk-breadcrumb.pdbc .pdbc-toggle { font: inherit; color: #818181; background: transparent; border: 0; border-radius: 2px; padding: 0; margin: 0 0 0 2px; width: 24px; height: 28px; min-height: 0; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; cursor: pointer; }
.pdbc-toggle svg { width: 12px; height: 12px; transition: transform .12s; }
.pdbc-toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.pdbc-toggle:focus-visible, .pdbc-menu a:focus-visible { outline: 2px solid #818181; outline-offset: 1px; }
.pdbc-menu { position: fixed; box-sizing: border-box; z-index: 1050; width: 320px; max-width: calc(100vw - 24px); max-height: 420px; overflow: auto; overscroll-behavior: contain; background: #fff; color: #282f35; border: 1px solid #dadcde; border-radius: 5px; box-shadow: 0 8px 22px #282f351a; padding: 6px; font-family: Roboto,Arial,sans-serif; }
.pdbc-menu[hidden] { display: none !important; }
.pdbc-menu a { display: block; color: #818181; text-decoration: none; padding: 10px 12px; font-size: 14px; line-height: 1.45; min-height: 40px; box-sizing: border-box; overflow-wrap: anywhere; border-radius: 3px; }
.pdbc-menu a:hover, .pdbc-menu a[aria-current] { color: #282f35; text-decoration: none; background: #f5f7fa; }
@media(max-width:700px) {
  .tm-uk-breadcrumb.pdbc { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }
  .tm-uk-breadcrumb.pdbc::-webkit-scrollbar { display: none; }
  .tm-uk-breadcrumb.pdbc .uk-breadcrumb { flex-wrap: nowrap; width: max-content; max-width: none; padding-right: 18px; }
  .tm-uk-breadcrumb.pdbc .uk-breadcrumb > li { flex: 0 0 auto; max-width: none; white-space: nowrap; }
  .tm-uk-breadcrumb.pdbc[data-scroll-end="false"] { mask-image: linear-gradient(to right,#000 0,#000 calc(100% - 24px),transparent 100%); }
  .tm-uk-breadcrumb.pdbc[data-scroll-start="false"][data-scroll-end="false"] { mask-image: linear-gradient(to right,transparent 0,#000 20px,#000 calc(100% - 24px),transparent 100%); }
  .tm-uk-breadcrumb.pdbc[data-scroll-start="false"][data-scroll-end="true"] { mask-image: linear-gradient(to right,transparent 0,#000 20px,#000 100%); }
  .tm-uk-breadcrumb.pdbc .pdbc-toggle { width: 32px; height: 36px; }
}
@media(prefers-reduced-motion:reduce) { .tm-uk-breadcrumb.pdbc { scroll-behavior: auto; } .pdbc-toggle svg { transition: none; } }