.part-tree  {
    margin-top:28px;
    padding:24px;
    border:1px solid var(--line);
}
.tree-toggle  {
    display:flex;
    align-items:center;
    gap:10px;
    text-align:left;
    width:100%;
    padding:13px 0;
    background:transparent;
    font-weight:600;
    font-size:14px;
    min-height:46px;
    transition:color .2s,background-color .2s;
    border-bottom:1px solid var(--line);
}
.tree-icon  {
    display:flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    flex-shrink:0;
}
.tree-icon svg  {
    width:16px;
    height:16px;
    transition:transform .2s;
}
.tree-toggle[aria-expanded="false"] .tree-icon svg  {
    transform:rotate(-90deg);
}
.tree-group ul  {
    padding:10px 0 10px 28px;
    margin:0;
    list-style:none;
    font-size:14px;
}
.tree-group li  {
    padding:5px 0;
    border-bottom:1px solid var(--line);
}
.tree-group [aria-current="page"]  {
    color:var(--red);
    font-weight:600;
}
.tree-group .error  {
    font-size:14px;
    margin:10px 0;
}
.tree-toggle:hover,.tree-toggle:focus-visible  {
    background:var(--surface);
    color:var(--red);
}
.tree-toggle:active  {
    background:#e1ebf1;
}
.tree-toggle:disabled  {
    opacity:.6;
    cursor:default;
}
.tree-toggle > span:last-child  {
    min-width:0;
    overflow-wrap:anywhere;
}
.tree-group li a  {
    display:block;
    padding:9px 6px;
    min-height:42px;
    overflow-wrap:anywhere;
}
.tree-group li a:hover,.tree-group li a:focus-visible  {
    color:var(--red);
    background:var(--surface);
}