.catalog-tree {
    width:100%;
    flex-shrink:0;
    border:1px solid var(--line);
    background:white;
}
.catalog-tree h2 {
    font-size:18px;
    font-weight:600;
    padding:19px 21px;
    background:var(--ink);
    color:white;
}
.catalog-tree #part-group-tree>p {
    padding:20px;
}
.tree-group>button {
    display:flex;
    gap:12px;
    align-items:center;
    text-align:left;
    width:100%;
    padding:17px 18px;
    font-size:13px;
    font-weight:500;
    border:0;
    border-bottom:1px solid var(--line);
    background:white;
    transition:background .2s,color .2s;
}
.tree-group>button:hover,.tree-group>button[aria-expanded=true] {
    background:#edf2eb;
    color:var(--teal);
}
.tree-indicator {
    position:relative;
    width:14px;
    height:14px;
    flex-shrink:0;
}
.tree-indicator::before,.tree-indicator::after {
    content:"";
    position:absolute;
    background:currentColor;
    top:6px;
    left:2px;
    width:10px;
    height:1px;
}
.tree-indicator::after {
    transform:rotate(90deg);
    transition:transform .2s;
}
.tree-group>button[aria-expanded=true] .tree-indicator::after {
    transform:rotate(0);
}
.tree-group>button.is-loading .tree-indicator {
    border:2px solid #d7dfd4;
    border-top-color:var(--gold);
    border-radius:50%;
    animation:spin .7s linear infinite;
}
.tree-group>button.is-loading .tree-indicator::before,.tree-group>button.is-loading .tree-indicator::after {
    display:none;
}
.tree-parts {
    padding:9px 10px 13px 28px;
    font-size:12px;
}
.tree-parts>a {
    display:block;
    padding:9px 10px;
    border-left:2px solid transparent;
    border-bottom:1px solid #dbe3d8;
    margin-bottom:4px;
    transition:background .2s,color .2s;
}
.tree-parts>a:hover,.tree-parts>a.is-active {
    background:#f4ecd6;
    color:var(--gold-dark);
    border-left-color:var(--gold);
}
.tree-parts>button,#part-group-tree>button {
    border:1px solid var(--line);
    padding:10px;
    background:#f3ead3;
    color:var(--ink);
}
.tree-parts>button:hover,#part-group-tree>button:hover {
    background:#e9dab0;
}
@media(max-width:1100px) {
.catalog-tree {
        width:100%;
    
}
}
@media(max-width:900px) {
.catalog-tree {
        width:100%;
    
}
}