hunk.code_window: export const StyledJumpTo = styled('div')(({ theme }) => {
     return {
       ...displayFlex('center', 'start'),
       flexDirection: 'column',
       padding: '10px 10px 10px 0',
       fontSize: theme.font.sm,
       strong: {
         fontWeight: '500',
         marginBottom: '10px',
       },
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep
hunk.after_edit:     fontSize: theme.font.base,
  
hunk.file_path: packages/app/src/components/quick-search/style.ts
hunk.type: replace
file: import { styled } from '../../styles';
  
  export const StyledInput = styled('input')<{
    disabled?: boolean;
    value?: string;
    width: number;
    height?: number;
  }>(({ theme, width, disabled, height }) => {
    const fontWeight = 400;
    const fontSize = '16px';
    return {
      width: `${width}px`,
      lineHeight: '22px',
      padding: '8px 12px',
      fontWeight,
      fontSize,
      height: height ? `${height}px` : 'auto',
      color: disabled ? theme.colors.disableColor : theme.colors.inputColor,
      border: `1px solid`,
      borderColor: theme.colors.borderColor, // TODO: check out disableColor,
      backgroundColor: theme.colors.popoverBackground,
      borderRadius: '10px',
      '&::placeholder': {
        fontWeight,
        fontSize,
        color: theme.colors.placeHolderColor,
      },
      '&:focus': {
        borderColor: theme.colors.primaryColor,
      },
    };
  });
  