.mat-tree{
  .mat-tree-node{
    height: 30px;
    padding: 0 8px;
    cursor: pointer;
    transition: background-color 100ms ease-in-out;
    margin-bottom: 4px;
    gap: 8px;
    .material-symbols-rounded{
      font-size: var(--font-size-l);
    }
    &:last-of-type{
      margin-bottom: 0;
    }
    &.has-child{
      &[aria-level="2"]{
        padding-left: 24px;
      }
      &[aria-level="3"]{
        padding-left: 40px;
      }
      &[aria-level="4"]{
        padding-left: 56px;
      }
      &[aria-level="5"]{
        padding-left: 72px;
      }
    }
    &:hover{
      background-color: var(--color-surface-neutral-hover);
    }
    &:active{
      background-color: var(--color-surface-neutral-press);
    }
    &.selected{
      color: var(--color-on-surface-brand-primary);
    }
    &[aria-level="2"]{
      padding-left: 48px;
    }
    &[aria-level="3"]{
      padding-left: 64px;
    }
    &[aria-level="4"]{
      padding-left: 80px;
    }
    &[aria-level="5"]{
      padding-left: 96px;
    }
    &.disabled{
      pointer-events: none !important;
      background-color: transparent;
      color: var(--color-on-surface-neutral-disabled);
      &.selected{
        color: var(--color-on-surface-brand-disabled);
      }
    }
  }
}