.quick-select[data-v-11bc5597] {
  position: relative;
  border-radius: 8px;
}
.quick-select[data-v-11bc5597]::after {
  position: absolute;
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
  content: "\f0d7";
  opacity: 0.5;
  right: 18px;
  top: 25%;
  width: 0;
  height: 0;
}
.select[data-v-11bc5597] {
  position: relative;
  appearance: none;
  border: 1px solid var(--border-color);
  border-radius: 8px;
  cursor: pointer;
  min-width: 128px;
  padding: 4px 8px;
  background-color: transparent;
}
.select.isOpen[data-v-11bc5597] {
  outline: 2px solid black;
}
.select[data-v-11bc5597] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.option[data-v-11bc5597] {
  padding: 8px;
  font-size: 14px;
  cursor: pointer;
}
.option[data-v-11bc5597]:hover {
  background-color: rgba(var(--ion-text-color-rgb), 0.04);
}
.option.highlight[data-v-11bc5597] {
  background-color: rgba(var(--ion-text-color-rgb), 0.04);
}
.option.selected[data-v-11bc5597] {
  background-color: rgba(var(--ion-text-color-rgb), 0.08);
}
.placeholder[data-v-11bc5597] {
  white-space: nowrap;
  position: absolute;
  padding: 4px 8px;
  background-color: transparent;
  opacity: 0.5;
}
.spin-icon[data-v-11bc5597] {
  width: 24px;
  opacity: 0.55;
  font-size: 11.5px;
  transition: transform 0.15s ease;
}