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;display:flex;flex-direction:column;width:var(", tokens.calendarContainerWidth, ");height:var(", tokens.calendarContainerHeight, ");&.", classes.stretched, "{width:100%;height:100%;}", "StyledCalendar");
export const StyledSeparator = /*#__PURE__*/ styled("div", {
    target: "e1e0zvub0",
    label: "StyledSeparator"
})("background-color:var(", tokens.calendarSeparatorBackground, ");min-width:0.063rem;margin:0.5rem 1rem 0 1rem;");
export const StyledWrapper = /*#__PURE__*/ styled("div", {
    target: "e1e0zvub1",
    label: "StyledWrapper"
})("display:flex;height:100%;");
