.searchContainer, .cancelContainer {
  svg {
    stroke: var(--bg-default);
    transition: 0.3s;
    cursor: pointer;

    &:hover {
      stroke: var(--text-primary);
    }
  }
}

.cancelContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}

.searchIcon {
  stroke: var(--text-secondary);
}

.cancelIcon {
  stroke: var(--text-secondary);
  cursor: pointer;
}

.confirmationClear {
  flex-shrink: 0;
  display: flex;
  column-gap: 8px;
  align-items: center;
  padding: 10px 0;

  svg {
    stroke: var(--bg-default);
  }
}

.newFolder {
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  cursor: pointer;
  padding: 10px 0;
  transition: 0.3s;
  font-weight: 700;
  font-family: var(--font-family-bold);

  button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--bg-primary);
    transition: 0.3s;

    svg {
      transition: 0.3s;
      stroke: var(--text-primary);
    }
  }
}

.confirmationClear svg:hover {
  stroke: var(--text-primary);
}

.newFolder:hover {
  button {
    background-color: var(--primary-hover);

    svg {
      stroke: #ffffff;
    }
  }
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 3px;
  border-bottom: 1px solid var(--border-primary);
}

.treeContainer {
  height: 70vh;
  row-gap: '0px';
  overflow-y: auto;
  padding-right: 15px;
  scrollbar-width: thin;
}

.newFolderDisabled {
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
  cursor: pointer;
  padding: 10px 0;
  transition: 0.3s;
  font-weight: 700;
  font-family: var(--font-family-bold);
  pointer-events: none;
  color: var(--bg-btn-disabled);

  button {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--bg-btn-disabled);
    border-color: var(--btn-disabled-border);
    transition: 0.3s;
    
    svg {
      stroke: var(--btn-disabled-stroke);
    }
  }

}