import styled from "@emotion/styled";
import { css } from "@emotion/react";
import { classes, tokens } from "../Calendar.tokens";
export const StyledCalendar = /*#__PURE__*/ css("position:relative;user-select:none;z-index:1;width:var(", tokens.calendarContainerWidth, ");height:var(", tokens.calendarContainerHeight, ");border:var(", tokens.calendarBorderWidth, ") solid var(", tokens.calendarBorderColor, ");box-sizing:border-box;display:flex;flex-direction:column;&.", classes.stretched, "{width:100%;height:100%;}", "StyledCalendar");
export const IsOutOfRange = /*#__PURE__*/ styled("div", {
    target: "e1p29khj0",
    label: "IsOutOfRange"
})("position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);");
