/* TOOLBAR ITSELF */

.toolbar {
  align-items: center;
  background-color: white;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding: 4px;
  justify-content: space-between;
  position: relative;
  margin-bottom: 8px;
}

.toolbarAbsolute {
  position: absolute;
}

.toolbarMenuWrapper {
  display: flex;
  flex-direction: column;
  padding: 8px;
  width: 100%;
}

.toolbarMenuItem {
  border-radius: 4px;
  color: black;
  cursor: default;
  font-size: 14px;
  letter-spacing: 0em;
  padding: 4px 8px;
  user-select: none;
}

.toolbarMenuItem:hover {
  background-color: #6ab7c6;
  color: white;
}

/* TOOLBAR DROPDOWN MENU AND BUTTONS */
.border {
  border: 1px solid;
}

.borderWhite {
  border-color: #ffffff;
}

.p4 {
  padding: 4px;
}

.rounded4 {
  border-radius: 4px;
}

.activeBorder {
  border: 1px solid;
}

.selectNone {
  user-select: none;
}

.bgActive {
  background-color: #6ab7c6;
}

.activeBg {
  background-color: #8fc9d4;
}

.bgSecondaryHover:hover {
  background-color: #fce9e9;
}

.bgDefaultHover:hover {
  background-color: #f3f3f3;
}