import styled, { css } from "styled-components";
import { popoverClasses } from "../Popover";
import { classes, tokens } from "./DateTimePicker.tokens";
export const base = css([
    `display:inline-block;.`,
    `,.`,
    `{width:inherit;}&.`,
    `{width:100%;.`,
    `{width:100%;}}`
], popoverClasses.wrapper, popoverClasses.target, classes.stretched, popoverClasses.root);
export const CalendarContainerOverlay = styled.div.withConfig({
    displayName: "DateTimePicker.styles__CalendarContainerOverlay",
    componentId: "sc-ffef6bfc-0"
})([
    `position:absolute;inset:0;z-index:-1;`
]);
export const LeftHelper = styled.div.withConfig({
    displayName: "DateTimePicker.styles__LeftHelper",
    componentId: "sc-ffef6bfc-1"
})([
    `color:var(`,
    `);&.`,
    `{color:var(`,
    `);}&.`,
    `{color:var(`,
    `);}&.`,
    `{color:var(`,
    `);}`
], tokens.leftHelperColor, classes.error, tokens.leftHelperColorError, classes.success, tokens.leftHelperColorSuccess, classes.edited, tokens.leftHelperColorEdited);
