.orgchart{overflow-x:auto;padding-block:8px 24px;padding-inline:8px;border:1px solid var(--orgchart-border);border-radius:8px;background:var(--orgchart-bg)}.orgchart ul{display:flex;justify-content:center;align-items:flex-start;margin:0;padding:0;padding-block-start:20px;list-style:none;position:relative}.orgchart>ul{inline-size:max-content;min-inline-size:100%;padding-block-start:0}.orgchart li{display:flex;flex-direction:column;align-items:center;position:relative;padding-block-start:20px;padding-inline:6px;outline-offset:-2px}.orgchart>ul>li{padding-block-start:0}.orgchart ul ul:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:50%;block-size:20px;border-inline-start:1px solid var(--orgchart-line)}.orgchart li:before,.orgchart li:after{content:"";position:absolute;inset-block-start:0;inset-inline-end:50%;inline-size:50%;block-size:20px;border-block-start:1px solid var(--orgchart-line)}.orgchart li:after{inset-inline-end:auto;inset-inline-start:50%;border-inline-start:1px solid var(--orgchart-line)}.orgchart>ul>li:before,.orgchart>ul>li:after,.orgchart li:only-child:before,.orgchart li:only-child:after{display:none}.orgchart li:first-child:before,.orgchart li:last-child:after{border:0 none}.orgchart li:last-child:before{border-inline-end:1px solid var(--orgchart-line);border-start-end-radius:6px}.orgchart li:first-child:after{border-start-start-radius:6px}.orgchart>ul>li:not(:only-child){margin-inline:12px}.orgchart__card{inline-size:224px;box-sizing:border-box;padding:8px 10px;border:1px solid var(--orgchart-border);border-radius:8px;background:var(--orgchart-card);text-align:start}.orgchart__card--vacant{border-color:var(--orgchart-vacant);box-shadow:0 0 0 1px var(--orgchart-vacant)}.orgchart__card--muted{opacity:.6}.orgchart__card--stub{border-style:dashed;background:var(--orgchart-stub-bg);color:var(--orgchart-stub-text);opacity:.75}.orgchart__head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.orgchart__title{font-weight:600;overflow-wrap:anywhere}.orgchart__holder{display:flex;align-items:center;gap:6px;margin-block-start:6px}.orgchart__holder-text{display:flex;flex-direction:column;min-inline-size:0}.orgchart__vacant{display:inline-block;margin-block-start:6px;margin-inline-end:4px;padding-inline:6px;border:1px dashed var(--orgchart-vacant);border-radius:4px;font-size:12px;color:var(--orgchart-vacant)}.orgchart__toggle{display:flex;justify-content:center;margin-block-start:6px}
