@import url(App/config.css);

.ad-SidebarPath {
  flex-shrink: 0;
  user-select: none;
}
  .ad-SidebarPath-divider {
    position: relative;
    width: 100%;
    height: 2px;
    transition: height .2s;
    background: var(--ad-Color-prim);
  }
  .ad-SidebarPath-divider.is-hovered {
    height: 6px;
    background: var(--ad-Color-sec);
  }
    .ad-SidebarPath-divider::after {
      content: "";
      position: absolute;
      top: -10px;
      bottom: -10px;
      left: 0;
      right: 0;
    }

.ad-SidebarPathExpand {
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  background: color(var(--ad-Color-prim) l(+4%));
}
.ad-SidebarPath.is-active .ad-SidebarPathExpand {
  background: color(var(--ad-Color-prim) l(+10%));
}
  .ad-SidebarPathExpand-caption {
    flex: 1;
    display: flex;
    align-items: center;
  }
    .ad-SidebarPath-name {
      flex: 1;
      padding: 0 .5rem;
      font-weight: 300;
      font-family: "Fira Sans", sans-serif;
      font-size: .7rem;
      color: #fff;
    }
      .ad-SidebarPath-input {
        outline: 0;
        width: 100%;
        border: none;
        background: none;
        transition: color .2s;
        font: inherit;
        color: currentColor;
      }

  .ad-SidebarPathExpand-panel {
    padding: .5rem 0;
  }
