import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { tokens } from "./Autocomplete.tokens";
export const base = /*#__PURE__*/ css("base");
export const ListWrapper = /*#__PURE__*/ styled("div", {
    target: "e1xiipw40",
    label: "ListWrapper"
})("padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", tokens.background, ");box-shadow:var(", tokens.boxShadow, "),inset 0 0 0 var(", tokens.dropdownBorderWidth, ",0rem) var(", tokens.dropdownBorderColor, ",transparent);");
export const Ul = /*#__PURE__*/ styled("ul", {
    target: "e1xiipw41",
    label: "Ul"
})("border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));height:auto;max-height:", ({ virtual, listMaxHeight })=>virtual ? 'auto' : listMaxHeight || 'auto', ";overflow:auto;margin:0;padding:0;");
export const InfiniteLoaderWrapper = /*#__PURE__*/ styled("li", {
    target: "e1xiipw42",
    label: "InfiniteLoaderWrapper"
})("display:flex;align-items:center;justify-content:center;box-sizing:content-box;min-height:var(", tokens.textFieldHeight, ");");
export const StyledLeftHelper = /*#__PURE__*/ styled("span", {
    target: "e1xiipw43",
    label: "StyledLeftHelper"
})("margin:0;padding:0;");
