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