@layer base {
  .selectTrigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 2.5rem;
    padding: var(--spacing-2) var(--spacing-3);
    cursor: pointer;
    overflow: hidden;
  }

  .selectTrigger > *:not(svg) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .selectTrigger[data-placeholder] {
    color: var(--muted-foreground);
  }

  .selectIcon {
    width: .9rem;
    height: .9rem;
    margin-left: var(--spacing-2);
    color: var(--muted-foreground);
  }

  .selectContent {
    z-index: var(--z-overlay);
    min-width: 12rem;
    max-width: 26rem;
    max-height: var(--radix-select-content-available-height);
    overflow: hidden;
    color: var(--popup-foreground);
    background: #181b22;
    border: 1px solid #333943;
    border-radius: 3px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .28);
  }

  .selectViewport {
    padding: 3px;
  }

  .scrollButton {
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7b8692;
    background: #181b22;
    border: 0;
    cursor: pointer;
  }

  .scrollIcon {
    width: .9rem;
    height: .9rem;
  }

  .selectLabel {
    padding: 7px 9px;
    color: #707b87;
    font-size: .7rem;
    font-weight: 600;
  }

  .selectItem {
    position: relative;
    min-height: 32px;
    display: flex;
    align-items: center;
    padding: 6px 30px 6px 9px;
    color: #d3d9df;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    user-select: none;
    font-size: .74rem;
  }

  .selectItem:hover,
  .selectItem:focus-visible {
    color: #fff;
    background: #252a33;
  }

  .selectItem[data-disabled] {
    color: #66717d;
    opacity: .55;
    pointer-events: none;
  }

  .selectItemIndicator {
    position: absolute;
    right: 8px;
    display: inline-flex;
    align-items: center;
  }

  .checkIcon {
    width: .85rem;
    height: .85rem;
    color: var(--primary);
  }

  .selectSeparator {
    height: 1px;
    margin: 3px;
    background: #2a2f39;
  }
}