/* The root class sits on the input wrapper (data-input-parent) inside
   InputWithOptions. Input is still Stylable, so its inner <input> has no
   semantic class to target — the element selector bridges into it. The
   :not() guards keep these selectors at least as specific as Input's own
   rules on the same element. */

.dropdown {
  & input {
    cursor: pointer;
  }

  &#{&}--no-border {
    border: none;
  }

  &:not(&--allow-text-selection) input {
    /* stylelint-disable-next-line plugin/use-baseline */
    user-select: none;
  }

  /* stylelint-disable-next-line plugin/use-baseline */
  &:not(&--allow-text-selection) input::selection {
    background-color: transparent;
  }
}