.select-inline {
  max-inline-size: 100%;
}

.select-inline .select__trigger {
  inline-size: auto;
  max-inline-size: 100%;
  min-block-size: var(--control-h-sm);
  padding: var(--space-1) var(--space-2);
  border-color: transparent;
  background-color: transparent;
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}

.select-inline.select--open .select__trigger {
  background-color: var(--color-surface-sunken);
  color: var(--color-text);
}

.select-inline .select__list {
  min-inline-size: 18rem;
}

@media (hover: hover) {
  .select-inline .select__trigger:hover {
    border-color: transparent;
    background-color: var(--color-surface-sunken);
    color: var(--color-text);
  }
}

@media (max-width: 768px) {
  .select-inline .select__trigger {
    min-block-size: var(--control-h-touch-sm);
  }
}