.tree-item{align-items:center;display:flex;height:2.5rem;justify-content:space-between;padding:0 .5rem}.tree-item__left-box{align-items:center;display:flex;width:100%}.tree-item__left-box__icon{height:1.25rem;margin-right:.5rem;width:1.25rem}.tree-item__left-box__icon--hide{visibility:hidden}.tree-item__left-box__traffic-cycle{align-items:center;display:flex;justify-content:left}.tree-item__left-box__traffic-cycle__color{border-radius:50%;flex-shrink:0;height:.875rem;margin-right:.25rem;width:.875rem}.tree-item__left-box__traffic-cycle__color--red{background-color:#dc3f13}.tree-item__left-box__traffic-cycle__color--yellow-green{background-color:#98df27}.tree-item__left-box__traffic-cycle__color--orange{background-color:#fd9a12}.tree-item__left-box__traffic-cycle__color--blue-gray{background-color:#b6b6c3}.tree-item__left-box__traffic-cycle__color--sky-blue{background-color:#c7dff4}.tree-item__left-box__traffic-cycle__color--lighten-green{background-color:#e9efc0}.tree-item__left-box__traffic-cycle__color--green{background-color:#3ba72d}.tree-item__left-box__traffic-cycle__color--peach{background-color:#fce6d6}.tree-item__left-box__traffic-cycle__color--yellow{background-color:#f7ea00}.tree-item__left-box__traffic-cycle__color--white{background-color:#fff;opacity:0}.tree-item__left-box__traffic-cycle__color--light-dark{background-color:#1010104d}.tree-item__left-box__traffic-cycle__color--black{background-color:#333336}.tree-item__left-box__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.tree-item__right-box__arrow{height:1rem;width:1rem}.tree-item__right-box__arrow--rotate-cw{animation:rotate-cw .3s ease-in-out forwards}@keyframes rotate-cw{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.tree-item__right-box__arrow--rotate-ccw{animation:rotate-ccw .3s ease-in-out forwards}@keyframes rotate-ccw{0%{transform:rotate(90deg)}to{transform:rotate(0)}}