.input-with-options {
  display: block;

  &__native-select-wrapper {
    position: relative;
  }

  &__native-select {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    appearance: none;
    background: transparent;
    color: transparent;

    &:not(:focus) {
      border: transparent;
    }

    &:focus {
      /* stylelint-disable-next-line plugin/use-baseline */
      outline: none;
      border-color: var(--wds-color-border-standard-secondary-active, var(--wsr-color-B10, #116DFF));
      box-shadow: var(--wds-shadow-focus-standard, 0 0 0 3px var(--wsr-color-F00, #A6D0FF));
    }
  }

  &__dropdown-layout {
    border-radius: var(--wds-border-radius-surface-overlay, 8px);
    padding: var(--wds-dropdown-list-paddings, var(--wds-space-0, 0));
    background-color: var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, white));
  }

  &__drawer-content {
    padding-bottom: var(--wds-popover-menu-paddings-vertical, var(--wds-space-200, 10px));
  }

  &__menu-container--empty {
    border: none;
  }
}