/* PetXP navigation using the chain and settings supplied by Breadcrumbs. */
.px-breadcrumbs.px-bc{display:block;position:relative;overflow:visible;min-width:0;font:400 12px/1.5 var(--px-font);margin-bottom:20px}
.px-bc .px-bc__list{display:flex;flex-wrap:wrap;align-items:center;gap:4px 2px;list-style:none;margin:0;padding:0}
.px-bc .px-bc__item{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%}
.px-bc .px-bc__separator{flex:none;color:var(--px-muted);padding-inline:3px}
.px-bc .px-bc__label{display:block;min-width:0;max-width:min(40ch,calc(100vw - 64px));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.px-bc a.px-bc__label{color:var(--px-primary);text-decoration:none}
.px-bc a.px-bc__label:hover{text-decoration:underline;text-underline-offset:3px}
.px-bc .px-bc__current{color:var(--px-muted)}
.px-bc .px-bc__branch{position:relative;flex:none}
.px-bc .px-bc__branch>summary{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:7px;color:var(--px-primary);background:transparent;cursor:pointer;list-style:none}
.px-bc .px-bc__branch>summary::-webkit-details-marker{display:none}
.px-bc .px-bc__branch>summary::marker{content:""}
.px-bc .px-bc__branch>summary svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.px-bc .px-bc__branch[open]>summary,.px-bc .px-bc__branch>summary:hover{background:var(--px-soft)}
.px-bc .px-bc__branch[open]>summary svg{transform:rotate(180deg)}
.px-bc .px-bc__branch>summary:focus-visible,.px-bc .px-bc__menu a:focus-visible{outline:2px solid var(--px-primary);outline-offset:2px}
.px-bc .px-bc__menu{position:absolute;left:0;top:calc(100% + 4px);z-index:45;width:min(288px,calc(100vw - 32px));max-height:min(360px,55vh);overflow:auto;overscroll-behavior:contain;padding:6px;border:1px solid var(--px-line);border-radius:10px;background:var(--px-surface);box-shadow:0 12px 32px rgba(24,49,55,.13);font:400 14px/1.45 var(--px-font)}
.px-bc .px-bc__menu a{display:block;padding:9px 10px;border-radius:6px;color:var(--px-text);text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.px-bc .px-bc__menu a:hover,.px-bc .px-bc__menu a:focus-visible{background:var(--px-soft);color:var(--px-primary)}
@media(max-width:767px){.px-breadcrumbs.px-bc{margin-bottom:16px}.px-bc .px-bc__branch>summary{width:32px;height:32px}.px-bc .px-bc__list{gap:2px}.px-bc .px-bc__item{gap:3px}}