.component.tree ul{list-style-type:none;margin:0;padding:0}.component.tree .treeItem{align-items:center;display:flex;flex-wrap:wrap;margin:5px 0 5px 1em;position:relative}.component.tree .treeItem[aria-expanded=true]{margin-bottom:0}.component.tree .treeItem[aria-expanded=true]+.treeItem{margin-top:0}.component.tree .treeItem>ul[role=group]{width:100%}.component.tree .treeItem[aria-expanded=false]>[role=group]{display:none}.component.tree .treeItem .content{align-items:center;cursor:pointer;display:flex;flex-wrap:wrap}.component.tree .treeItem .content .icon{margin:0 5px 0 0}.component.tree .treeItem>.content .icon:before{content:"\f016"}.component.tree .treeItem[aria-expanded]>.content .icon:before{content:"\f114"}.component.tree .treeItem>button{background-color:transparent;margin:0 5px;padding:0}.component.tree .treeItem>button:before{font-family:FontAwesome,sans-serif;min-width:1em}.component.tree .treeItem[aria-expanded=false]>button.expand:before{content:"\f105"}.component.tree .treeItem[aria-expanded=true]>button.expand:before{content:"\f107"}.component.tree .treeItem[aria-selected=false]>button.select:before{content:"\f096"!important}.component.tree .treeItem[aria-selected=true]>button.select:before{content:"\f14a"!important}.component.tree .treeItem>button.expand{left:-1em;position:absolute;top:0}