import styled from "styled-components";
import { css } from "styled-components";
import { tokens } from "./Autocomplete.tokens";
export var base = css([
    ""
]);
export var ListWrapper = styled.div.withConfig({
    displayName: "Autocomplete.styles__ListWrapper",
    componentId: "sc-9df667d5-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 var Ul = styled.ul.withConfig({
    displayName: "Autocomplete.styles__Ul",
    componentId: "sc-9df667d5-1"
})([
    "border-radius:calc(var(",
    ") - 0.125rem - var(",
    ",0rem));height:auto;max-height:",
    ";overflow:auto;margin:0;padding:0;"
], tokens.borderRadius, tokens.dropdownBorderWidth, function(param) {
    var virtual = param.virtual, listMaxHeight = param.listMaxHeight;
    return virtual ? 'auto' : listMaxHeight || 'auto';
});
export var InfiniteLoaderWrapper = styled.li.withConfig({
    displayName: "Autocomplete.styles__InfiniteLoaderWrapper",
    componentId: "sc-9df667d5-2"
})([
    "display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(",
    ");"
], tokens.textFieldHeight);
export var StyledLeftHelper = styled.span.withConfig({
    displayName: "Autocomplete.styles__StyledLeftHelper",
    componentId: "sc-9df667d5-3"
})([
    "margin:0;padding:0;"
]);
