.oa-project-picker { position: relative; width: 100%; min-width: 0; }
.oa-project-picker > select { display: none !important; }
.oa-project-picker > input {
  box-sizing: border-box; width: 100%; min-width: 0; height: 36px; min-height: 36px;
  padding: 0 11px; border: 1px solid var(--ui-primary-line, #efd0d5); border-radius: 4px;
  background: #fff; color: var(--ui-ink, #343034); font: inherit; outline: none;
}
.oa-project-picker > input:focus { border-color: var(--ui-primary, #b8202b); box-shadow: 0 0 0 2px var(--ui-primary-pale, #fff7f8); }
.oa-project-picker > input:disabled { background: #f5f5f5; cursor: not-allowed; }
.invalid .oa-project-picker > input { border-color: #c63c49; }
.oa-project-picker-options {
  position: fixed; z-index: 2147483000; box-sizing: border-box; max-height: 202px;
  overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
  border: 1px solid var(--ui-primary-line, #efd0d5); border-radius: 4px;
  background: #fff; box-shadow: 0 6px 18px rgba(56, 36, 42, .12); color: var(--ui-ink, #343034);
}
.oa-project-picker-options > button, .oa-project-picker-message {
  display: block; box-sizing: border-box; width: 100%; height: 40px; min-height: 40px; padding: 0 12px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px;
  border: 0; background: #fff; color: inherit; text-align: left; font-size: 13px;
}
.oa-project-picker-options > button { cursor: pointer; }
.oa-project-picker-options > button:hover, .oa-project-picker-options > button.active,
.oa-project-picker-options > button[aria-selected="true"] { background: var(--ui-primary-pale, #fff7f8); color: var(--ui-primary, #b8202b); }
.oa-project-picker-message { color: var(--ui-muted, #716a70); }