import styled, { css } from "styled-components";
import { classes, tokens } from "../Calendar.tokens";
export const 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 const IsOutOfRange = styled.div.withConfig({
    displayName: "CalendarBase.styles__IsOutOfRange",
    componentId: "sc-5d1ae396-0"
})([
    `position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);`
]);
