.input_select {
  width: max-content;
  min-width: var(--dt-input-max_width-default);
  padding: var(--dt-input_select-padding);
  cursor: pointer;
  align-items: center;

  overflow: hidden;
  position: relative;

  select {
    // A reset of styles, including removing the default dropdown arrow
    appearance: none;
    // Additional resets for further consistency
    background-color: transparent;
    border: none;
    padding: var(--dt-input-padding);
    margin: 0;
    width: 110%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &:focus-within {
    @include make-input-border-focus();
  }
}