.lio-search-bar {
  inline-size: min(394px, 100%);
  min-inline-size: var(--space-zero);
}

.lio-search-bar .lio-input-shell {
  block-size: var(--control-h-sm);
  min-block-size: var(--control-h-sm);
  padding: var(--space-xs2) var(--space-xs);
  background: var(--bg);
  border-color: var(--border);
  border-radius: var(--radius-lg);
  box-shadow: none;
}

.lio-search-bar .lio-input-shell:hover {
  border-color: var(--border-secondary);
}

.lio-search-bar .lio-input-shell:focus-within {
  border-color: var(--border-brand);
  box-shadow: var(--ring-brand);
}

.lio-search-bar .lio-input-shell__icon,
.lio-search-bar .lio-input-shell__icon > svg,
.lio-search-bar .lio-input-shell__icon > img {
  inline-size: var(--size-lg);
  block-size: var(--size-lg);
}

.lio-search-bar .lio-input {
  color: var(--text);
  font: var(--body-m);
}

.lio-search-bar .lio-input::placeholder {
  color: var(--text-tertiary);
}