@arco-design/web-react/lib/Tree/style/index.css

Arco Design React UI Library.

.arco-icon-hover.arco-tree-node-icon-hover::before{width:16px;height:16px}.arco-tree-node-switcher{font-size:12px;color:var(--color-text-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;position:relative;margin-right:10px;height:32px;width:12px;flex-shrink:0}.arco-tree-node-switcher-icon{position:relative;margin:0 auto}.arco-tree-node-switcher-icon svg{transform:rotate(-90deg);position:relative;transition:transform .2s cubic-bezier(.34,.69,.1,1)}.arco-tree-node-expanded .arco-tree-node-switcher-icon svg,.arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg{transform:rotate(0)}.arco-tree-node-drag-icon{color:rgb(var(--primary-6));opacity:0;margin-left:120px}.arco-tree-node-custom-icon{font-size:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-right:10px}.arco-tree-node .arco-icon-loading{color:rgb(var(--primary-6))}.arco-tree-node-minus-icon,.arco-tree-node-plus-icon{cursor:pointer;background:var(--color-fill-2);border-radius:var(--border-radius-small);position:relative;display:block;width:14px;height:14px;box-sizing:border-box;border:1px solid transparent}.arco-tree-node-minus-icon::after,.arco-tree-node-plus-icon::after{content:'';position:absolute;display:block;color:var(--color-text-2);width:6px;height:2px;background-color:var(--color-text-2);border-radius:.5px;top:50%;left:50%;margin-top:-1px;margin-left:-3px}.arco-tree-node-plus-icon::before{content:'';border-radius:.5px;position:absolute;display:block;color:var(--color-text-2);height:6px;width:2px;background-color:var(--color-text-2);left:50%;margin-left:-1px;top:50%;margin-top:-3px}.arco-tree{color:var(--color-text-1)}.arco-tree .arco-checkbox{margin-right:10px;padding-left:0;line-height:32px}.arco-tree-node{padding-left:2px;color:var(--color-text-1);position:relative;cursor:pointer;display:flex;align-items:flex-start;flex-wrap:nowrap;line-height:1.5715}.arco-tree-node-selected .arco-tree-node-title,.arco-tree-node-selected .arco-tree-node-title:hover{color:rgb(var(--primary-6));transition:color .2s cubic-bezier(0,0,1,1)}.arco-tree-node-disabled .arco-tree-node-title,.arco-tree-node-disabled .arco-tree-node-title:hover,.arco-tree-node-disabled-selectable .arco-tree-node-title,.arco-tree-node-disabled-selectable .arco-tree-node-title:hover{background:0 0;color:var(--color-text-4);cursor:not-allowed}.arco-tree-node-disabled.arco-tree-node-selected .arco-tree-node-title{color:var(--color-primary-light-3)}.arco-tree-node-title-block{flex:1;box-sizing:content-box}.arco-tree-node-title-block .arco-tree-node-drag-icon{position:absolute;right:12px;margin-left:unset}.arco-tree-node-indent{align-self:stretch;flex-shrink:0;position:relative}.arco-tree-node-indent-block{display:inline-block;width:12px;margin-right:10px;height:100%;position:relative;vertical-align:top}.arco-tree-node-title{font-size:14px;padding:5px 0;padding-left:4px;padding-right:4px;margin-left:-4px;border-radius:var(--border-radius-small);position:relative}.arco-tree-node-title:hover{background-color:var(--color-fill-2);color:var(--color-text-1)}.arco-tree-node-title:hover .arco-tree-node-drag-icon{opacity:1}.arco-tree-node-title-draggable::before{content:'';display:block;height:2px;border-radius:1px;left:0;right:0;position:absolute;top:0}.arco-tree-node-title-gap-bottom::before{top:unset;bottom:0;background-color:rgb(var(--primary-6))}.arco-tree-node-title-gap-top::before{background-color:rgb(var(--primary-6))}.arco-tree-node-title-highlight{background-color:var(--color-primary-light-1);color:var(--color-text-1)}.arco-tree-node-title-dragging,.arco-tree-node-title-dragging:hover{background-color:var(--color-fill-1);color:var(--color-text-4)}.arco-tree-show-line{padding-left:1px}.arco-tree-show-line .arco-tree-node-switcher{width:14px;text-align:center}.arco-tree-show-line .arco-tree-node-switcher .arco-tree-node-icon-hover{width:100%}.arco-tree-show-line .arco-tree-node-indent-block{width:14px}.arco-tree-show-line .arco-tree-node-indent-block::before{position:absolute;left:50%;transform:translateX(-50%);width:1px;border-left:1px solid var(--color-neutral-3);content:'';box-sizing:border-box;top:-5px;bottom:-5px}.arco-tree-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after{content:'';position:absolute;box-sizing:border-box;border-left:1px solid var(--color-neutral-3);width:1px;right:-7px;transform:translateX(50%);top:27px;bottom:-5px}.arco-tree-show-line .arco-tree-node-indent-block-lineless::before{display:none}.arco-tree-size-mini .arco-tree-node-switcher{height:24px}.arco-tree-size-mini .arco-checkbox{line-height:24px}.arco-tree-size-mini .arco-tree-node-title{font-size:12px;line-height:1.667;padding-top:2px;padding-bottom:2px}.arco-tree-size-mini .arco-tree-node-indent-block::before{top:-1px;bottom:-1px}.arco-tree-size-mini .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after{top:23px;bottom:-1px}.arco-tree-size-small .arco-tree-node-switcher{height:28px}.arco-tree-size-small .arco-checkbox{line-height:28px}.arco-tree-size-small .arco-tree-node-title{font-size:14px;padding-top:3px;padding-bottom:3px}.arco-tree-size-small .arco-tree-node-indent-block::before{top:-3px;bottom:-3px}.arco-tree-size-small .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after{top:25px;bottom:-3px}.arco-tree-size-large .arco-tree-node-switcher{height:36px}.arco-tree-size-large .arco-checkbox{line-height:36px}.arco-tree-size-large .arco-tree-node-title{font-size:14px;padding-top:7px;padding-bottom:7px}.arco-tree-size-large .arco-tree-node-indent-block::before{top:-7px;bottom:-7px}.arco-tree-size-large .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after{top:29px;bottom:-7px}.arco-tree-node-list{overflow:hidden;transition:height .2s cubic-bezier(.34,.69,.1,1)}.arco-tree-rtl{direction:rtl}.arco-tree-rtl .arco-tree-node-switcher{margin-left:10px;margin-right:0}.arco-tree-rtl .arco-tree-node-switcher-icon svg{transform:rotate(90deg)}.arco-tree-rtl .arco-tree-node-expanded .arco-tree-node-switcher-icon svg,.arco-tree-rtl .arco-tree-node-is-leaf .arco-tree-node-switcher-icon svg{transform:rotate(0)}.arco-tree-rtl .arco-tree-node-custom-icon{margin-right:0;margin-left:10px}.arco-tree-rtl .arco-tree-node-minus-icon::after,.arco-tree-rtl .arco-tree-node-plus-icon::after{margin-left:0;margin-right:-3px}.arco-tree-rtl .arco-tree-node-plus-icon::before{margin-left:0;margin-right:-1px}.arco-tree-rtl .arco-checkbox{padding-right:0;margin-right:0;margin-left:10px}.arco-tree-rtl .arco-tree-node{padding-left:0;padding-right:2px;align-items:flex-end}.arco-tree-rtl .arco-tree-node-title-block .arco-tree-node-drag-icon{left:12px;right:initial;margin-right:unset}.arco-tree-rtl-node-indent-block{margin-right:0;margin-left:10px}.arco-tree-rtl-node-title{padding-right:4px;padding-left:4px;margin-left:unset;margin-right:-4px}.arco-tree-rtl-show-line{padding-left:0;padding-right:1px}.arco-tree-rtl-show-line .arco-tree-node-indent-block::before{border-left:none;border-right:1px solid var(--color-neutral-3)}.arco-tree-rtl-show-line .arco-tree-node-is-leaf:not(.arco-tree-node-is-tail) .arco-tree-node-indent::after{left:-7px}