.product-tree-detail{flex-direction:column;gap:14px;display:flex}.product-tree-group{background:#fff;border:1px solid #e5eaf2;border-radius:14px;overflow:hidden}.product-tree-group>header{background:#f7f9fc;border-bottom:1px solid #e8edf4;grid-template-columns:minmax(220px,1fr) 220px auto;align-items:center;gap:18px;padding:14px 18px;display:grid}.product-tree-group>header>div:first-child{flex-direction:column;gap:4px;display:flex}.product-tree-group>header small{color:#7a8494}.product-tree-group .part-tree-node{border:0;border-bottom:1px solid #eef1f5;border-radius:0;margin:0}.product-tree-group .part-tree-node:last-child{border-bottom:0}.product-tree-group .tree-empty{margin:0;padding:24px}.product-tree-group .part-branch{grid-template-columns:24px minmax(220px,1fr) minmax(150px,210px) minmax(150px,220px);align-items:center;column-gap:18px;display:grid}.product-tree-group .part-title{z-index:2;min-width:0;position:relative}.product-tree-group .part-current{white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;min-width:0;margin:0;padding:4px 0;display:flex;position:static}.product-tree-group .part-current span{color:#7b8796;flex:none;font-size:9px}.product-tree-group .part-current b{text-overflow:ellipsis;color:#55718f;font-size:11px;font-weight:600;overflow:hidden}.product-tree-group .part-progress{justify-self:stretch;min-width:0}@media (max-width:900px){.product-tree-group>header{grid-template-columns:1fr}.product-tree-group>header .part-progress{max-width:260px}.product-tree-group .part-branch{grid-template-columns:24px 1fr}.product-tree-group .part-current,.product-tree-group .part-progress{grid-column:2;justify-self:stretch;margin-top:8px}}