ticker-input {
  display: block;
  min-width: 0;
  position: relative;
  width: 100%;
}

[data-portfolio-ticker-results] {
  left: 0;
  position: absolute;
  right: 0;
  top: calc(100% + 0.4rem);
  z-index: 50;
}

[data-portfolio-ticker-option][aria-selected="true"] {
  background-color: var(--primary);
  color: var(--primary-foreground);
}

[data-portfolio-custom-ticker-option][aria-selected="true"] {
  background-color: var(--primary);
  color: var(--primary-foreground);
}

[data-portfolio-custom-ticker-option][aria-selected="true"] span {
  color: inherit;
}

[data-portfolio-custom-ticker-option][aria-selected="true"] span[aria-hidden="true"] {
  background-color: var(--primary-foreground);
  color: var(--primary);
}

[data-portfolio-ticker-option]:hover,
[data-portfolio-ticker-option]:focus,
[data-portfolio-custom-ticker-option]:hover,
[data-portfolio-custom-ticker-option]:focus {
  background-color: var(--color-surface-green-lighter);
  color: var(--color-text-primary);
}

[data-portfolio-ticker-option][aria-selected="true"]:hover,
[data-portfolio-ticker-option][aria-selected="true"]:focus,
[data-portfolio-custom-ticker-option][aria-selected="true"]:hover,
[data-portfolio-custom-ticker-option][aria-selected="true"]:focus {
  background-color: var(--primary);
  color: var(--primary-foreground);
}

[data-portfolio-holding-row] > [data-slot="table-cell"] {
  vertical-align: top;
}

zi-select {
  display: inline-block;
  max-width: 100%;
  position: relative;
}

[data-zi-select-listbox] {
  left: 0;
  position: absolute;
  right: 0;
  top: calc(100% + 0.4rem);
  z-index: 50;
}

[data-zi-select-chevron] {
  transform: rotate(0deg);
  transition: transform 150ms ease;
}

[data-zi-select-trigger][aria-expanded="true"] [data-zi-select-chevron] {
  transform: rotate(180deg);
}

[data-zi-select-option][aria-selected="true"] {
  background-color: var(--color-surface-green-lighter);
  color: var(--color-text-primary);
  font-weight: 600;
}

[data-zi-select-option]:hover,
[data-zi-select-option]:focus,
[data-zi-select-option][data-active="true"] {
  background-color: var(--color-surface-green-lighter);
  color: var(--color-text-primary);
  outline: none;
}