import { css } from "styled-components";
import styled from "styled-components";
import { classes, tokens } from "../Calendar.tokens";
export var StyledCalendar = css([
    "position:relative;user-select:none;z-index:1;width:var(",
    ");height:var(",
    ");border:var(",
    ") solid var(",
    ");box-sizing:border-box;display:flex;flex-direction:column;&.",
    "{width:100%;height:100%;}"
], tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarBorderWidth, tokens.calendarBorderColor, classes.stretched);
export var IsOutOfRange = styled.div.withConfig({
    displayName: "CalendarBase.styles__IsOutOfRange",
    componentId: "sc-cb28070-0"
})([
    "position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"
]);
