vuestic-ui/dist/esm-node/VaSelect.css

Vue 3 UI Framework

:root,
:host {
  --va-select-cursor: pointer;
  --va-select-dropdown-background: var(--va-background-secondary);
  --va-select-state-icon-margin-left: 0.25rem;
}
.va-select .va-input-wrapper__text {
  line-height: normal;
  flex-wrap: wrap;
}
.va-select-anchor__input {
  cursor: var(--va-select-cursor);
  height: -moz-min-content;
  height: min-content;
}
.va-select-anchor--nowrap .va-input-wrapper__text {
  flex-wrap: nowrap;
}
.va-select-dropdown__content {
  overflow: hidden;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 0;
}
.va-select-dropdown__content-search-input {
  min-width: auto;
  width: 100%;
}
.va-select-dropdown__options-wrapper {
  background: var(--va-select-dropdown-background);
  overflow-y: auto;
  scrollbar-color: var(--va-background-element) transparent;
  scrollbar-width: thin;
  transition: scrollbar-color 0.3s ease-in-out;
}
.va-select-dropdown__options-wrapper::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.va-select-dropdown__options-wrapper::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
}
.va-select-dropdown__options-wrapper::-webkit-scrollbar-thumb {
  background: var(--va-background-element);
  opacity: 0.3;
  border-radius: 2px;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}