@use '../../scss/base/variables' as var;

.rangeMainContainer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  // The design needs to have the max width of PopOver be 224px
  max-width: 224px;
}

.valueContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.error {
  color: var(--red);
  font-size: var(--font-size-12);
}

// To have the dash in between the two inputs, not in between the inputs + the label
.separator {
  margin-top: 16px;
}