.mapd{--mapd-x:28px;--mapd-gap:28px;--mapd-accent:var(--uc-accent,#2ea84a);--mapd-line:#b9b9b9;background:#f3f3f3;border-radius:var(--uc-r,32px);overflow:hidden}.mapd__scroll{overflow-x:auto;padding:clamp(28px,4vw,56px);scrollbar-width:thin}.mapd__scroll:focus-visible{outline:3px solid var(--mapd-accent);outline-offset:-3px}.mapd [data-mapd-node]{display:inline-flex;flex-direction:column;gap:2px;border-radius:999px;line-height:1.25}.mapd small{font-size:12px;opacity:.75;font-weight:500}.mapd__root{position:relative;display:flex!important;width:-moz-max-content;width:max-content;margin:0 auto 28px;padding:16px 32px;background:#141414;color:#fff;font-size:20px;font-weight:700;align-items:center}.mapd__root:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:28px;background:var(--mapd-line)}.mapd__branches{position:relative;display:grid;grid-template-columns:repeat(var(--mapd-n),minmax(210px,1fr));gap:var(--mapd-gap);min-width:calc(var(--mapd-n) * 238px);list-style:none;margin:0;padding:28px 0 0}.mapd__branches:before{content:"";position:absolute;top:0;left:var(--mapd-x);right:calc((100% - (var(--mapd-n) - 1) * var(--mapd-gap)) / var(--mapd-n) - var(--mapd-x));height:2px;background:var(--mapd-line)}.mapd__branch{position:relative;display:flex;flex-direction:column;align-items:flex-start}.mapd__branch:before{content:"";position:absolute;top:-28px;left:calc(var(--mapd-x) - 1px);width:2px;height:28px;background:var(--mapd-line)}.mapd__head{position:relative;align-self:flex-start;padding:12px 22px;background:var(--uc-accent-ink,color-mix(in oklab,var(--mapd-accent) 70%,#000));color:#fff;font-size:17px;font-weight:700;text-align:center;align-items:center}.mapd__leaves{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;list-style:none;margin:20px 0 0;padding:0 0 0 calc(var(--mapd-x) + 16px)}.mapd__leaves:before{content:"";position:absolute;left:calc(var(--mapd-x) - 1px);top:-20px;bottom:20px;width:2px;background:var(--mapd-line)}.mapd__leaf{position:relative;padding:9px 16px;background:color-mix(in oklab,var(--mapd-accent) 14%,#fff);color:#141414;font-size:15px;font-weight:500;width:-moz-fit-content;width:fit-content;max-width:100%}.mapd__leaf:before{content:"";position:absolute;left:-16px;top:50%;width:16px;height:2px;background:var(--mapd-line)}.mapd__leaf--tpl{background:#fff;border:2px dashed color-mix(in oklab,var(--mapd-accent) 55%,#fff)}@media (max-width:640px){.mapd__root{font-size:17px;padding:12px 24px}.mapd__head{font-size:15px;padding:10px 18px}.mapd__leaf{font-size:14px}}