@use "../../styles/typography" as type;

.root {
  display: grid;
  gap: 6px;
  color: var(--vscode-descriptionForeground);
  font-size: type.$font-size-xs;

  input {
    width: 100%;
    height: 32px;
    padding: 0 9px;
    color: var(--vscode-input-foreground);
    background: var(--vscode-input-background);
    border: 1px solid var(--vscode-input-border);
    border-radius: 5px;
    outline: 0;

    &:focus {
      border-color: var(--vscode-focusBorder);
    }
  }
}