/* Draft symbol / liability type combobox (friends dogfood #6) */
    .ds-combobox {
      position: relative;
      display: block;
      width: 100%;
      min-width: 0;
    }
    .ds-combobox-input {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
    .ds-combobox-list {
      position: absolute;
      z-index: 40;
      left: 0;
      right: 0;
      top: calc(100% + 2px);
      max-height: 12rem;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      margin: 0;
      padding: var(--ds-space-1) 0;
      list-style: none;
      background: var(--ds-surface);
      border: 1px solid var(--ds-border);
      border-radius: var(--ds-radius-sm);
      box-shadow: 0 8px 24px rgb(15 23 42 / 0.12);
    }
    /* Portaled to document.body (fixed) so modal/section overflow cannot clip options */
    .ds-combobox-list.ds-combobox-list--portal {
      position: fixed;
      right: auto;
      margin: 0;
      z-index: 300;
    }
    .ds-combobox-list.hidden,
    .ds-combobox-list[hidden] {
      display: none !important;
    }
    .ds-combobox-option {
      padding: 0.4rem 0.65rem;
      font-size: var(--ds-text-caption);
      color: var(--ds-text);
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .ds-combobox-option:hover,
    .ds-combobox-option--active {
      background: var(--ds-surface-inset);
    }
    .ds-combobox-option--add {
      color: var(--ds-accent);
      font-weight: 500;
      border-top: 1px solid var(--ds-border-subtle);
      margin-top: 2px;
      padding-top: 0.45rem;
    }
    .ds-combobox-option--empty {
      color: var(--ds-text-muted);
      cursor: default;
    }