@import "../colors.css";

.dropdown {
  outline: none;
}

.values {
  padding: 0;
}

.values .selected {
  color: var(--color-primary);
}

.inputInputElement {
  color: var(--color-input-text-primary, var(--color-input-text));
}

.inputLabel, .inputIcon {
  color: var(--color-input-label-primary, var(--color-input-label));
}

.inputHint {
  color: var(--color-input-label-primary, var(--color-input-label));
}

.accent {
  .values .selected {
    color: var(--color-secondary);
  }

  .inputInputElement {
    color: var(--color-input-text-secondary, var(--color-input-text));
  }

  .inputLabel, .inputIcon {
    color: var(--color-input-label-secondary, var(--color-input-label));
  }
  
  .inputHint {
    color: var(--color-input-label-secondary, var(--color-input-label));
  }
}

.shrink .inputLabel {
  top: 0.6rem;
  font-size: 1.2rem;
}

.shrink .inputHint {
  display: block;
  opacity: 1;
}