@import "@tandem/editor/browser/scss/variables";

.tree {

  user-select: none;

  & .node .label {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: default;
    & > * {
      display: inline-block;
    }

    &.hovering {
      box-shadow: inset 0 0 0px 2px $color-sky-blue-4;
    }
  }


  & i {
    margin-right: 4px;
    cursor: pointer;
    position: relative;
    &.expanded {
      transform: rotate(-45deg);
    }
  }

}