import styled, { css } from "styled-components";
import { tokens } from "./Autocomplete.tokens";
export const base = css([
    ``
]);
export const ListWrapper = styled.div.withConfig({
    displayName: "Autocomplete.styles__ListWrapper",
    componentId: "sc-1d1ee611-0"
})([
    `padding:calc(var(`,
    `) + var(`,
    `,0rem));border-radius:var(`,
    `);box-sizing:border-box;background:var(`,
    `);box-shadow:var(`,
    `),inset 0 0 0 var(`,
    `,0rem) var(`,
    `,transparent);`
], tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, tokens.background, tokens.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
export const Ul = styled.ul.withConfig({
    displayName: "Autocomplete.styles__Ul",
    componentId: "sc-1d1ee611-1"
})([
    `border-radius:calc(var(`,
    `) - 0.125rem - var(`,
    `,0rem));height:auto;max-height:`,
    `;overflow:auto;margin:0;padding:0;`
], tokens.borderRadius, tokens.dropdownBorderWidth, ({ virtual, listMaxHeight })=>virtual ? 'auto' : listMaxHeight || 'auto');
export const InfiniteLoaderWrapper = styled.li.withConfig({
    displayName: "Autocomplete.styles__InfiniteLoaderWrapper",
    componentId: "sc-1d1ee611-2"
})([
    `display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(`,
    `);`
], tokens.textFieldHeight);
export const StyledLeftHelper = styled.span.withConfig({
    displayName: "Autocomplete.styles__StyledLeftHelper",
    componentId: "sc-1d1ee611-3"
})([
    `margin:0;padding:0;`
]);
