.LabelWrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2px;
  max-height: 16px; /* space needed for filters (should be 17 for font-size 13)*/
  min-height: 16px;
}

.Label {
  position: relative;
  display: flex;
  align-items: flex-end;
  max-width: 100%;
  margin-left: 2px;
  font-size: var(--label-font-size);
  font-weight: var(--label-font-weight);
  color: var(--label-color);
  transition: 0.2s ease all;
}
.Label.Disabled,
.Label.AsPlaceholder.Disabled {
  color: var(--label-color-disabled);
}
.Label.Focused {
  color: var(--input-focus-border-color);
}
.Label.Error {
  color: var(--input-error-border-color);
}
.Label.AsPlaceholder {
  font-size: var(--input-font-size);
  font-weight: normal;
  color: var(--input-placeholder-color);
  transform: translate(0, 25px);
  pointer-events: none;
}

.FiltersWrapper {
  display: flex;
  cursor: pointer;
  position: relative;
  top: 2px;
}

.FiltersWrapper.Disabled {
  cursor: auto;
}

.Filter {
  margin-left: 5px;
  font-size: 12px;
  padding: 1px 4px 1px 4px;
  background-color: transparent;
  border-radius: 3px;
  border: 1px solid var(--input-disabled-color);
  color: var(--input-disabled-color);
}

.SelectedFilter {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.FiltersWrapper {
  cursor: pointer;
}

.FilterDisabled {
  color: var(--input-disabled-color);
  background-color: var(--input-disabled-background);
}
