import styled from "@emotion/styled";
import { constants, tokens, classes } from "../../Select.tokens";
export const ListWrapper = /*#__PURE__*/ styled("div", {
    target: "e9ex8ea0",
    label: "ListWrapper"
})("width:100%;padding:calc(var(", tokens.padding, ") + var(", tokens.dropdownBorderWidth, ",0rem));border-radius:var(", tokens.borderRadius, ");box-sizing:border-box;background:var(", constants.background, ");box-shadow:", constants.boxShadow, ",inset 0 0 0 var(", tokens.dropdownBorderWidth, ",0rem) var(", tokens.dropdownBorderColor, ",transparent);.", classes.emptyStateWrapper, "{box-shadow:none;}");
export const ScrollContainer = /*#__PURE__*/ styled("div", {
    target: "e9ex8ea1",
    label: "ScrollContainer"
})("max-height:", ({ listMaxHeight })=>listMaxHeight || 'auto', ";overflow-x:hidden;overflow-y:auto;border-radius:calc(var(", tokens.borderRadius, ") - 0.125rem - var(", tokens.dropdownBorderWidth, ",0rem));");
