@st-namespace 'DatePickerInput-visual-st-css';
:import {
  -st-from: "./DatePickerInput.deprecated.st.css";
  -st-named: overrideStyleParams as DatePickerInputOverrideStyles;
}

.elementBelow {
  border: 1px dashed #000000;
}

.root {
  -st-mixin: DatePickerInputOverrideStyles(
    ErrorMessageMinHeight 40,
    ErrorColor blue
  );
}

.rootWithCustomBorder {
  -st-mixin: DatePickerInputOverrideStyles(
    BorderColor #ff0000,
    BorderWidth 10
  );
}

.rootWithDesignOverrides {
  -st-mixin: DatePickerInputOverrideStyles(
    BackgroundColor rgb(182, 88, 88),
    NavigationArrowsColor #ff0000,
    MonthAndYearCaptionFont "{theme: 'Body-M', size: '28px', 'line-height': '1.5em' }",
    MonthAndYearCaptionColor darkblue,
    WeekdayTextColor #0b2156,
    DayFont "{theme: 'Heading-M', size: '14px', 'line-height': '1.5em' }",
    DayColor #00ff11,
    SelectedDayColor #ff0048,
    SelectedDayBGColor #230303,
    DisabledDayColor #f5a9a9,
    DateInputBGColor #073815,
    DateInputTextColor #143b43,
    DateInputBorderColor #c40b27,
    DateInputFont "{theme: 'Body-M', size: '28px', 'line-height': '1.5em' }",
    ErrorColor #ff0000,
    ErrorMessageMinHeight '50',
    LabelFont "{theme: 'Body-M', size: '24px', 'line-height': '1.5em' }",
    LabelColor #061e28,
    BorderColor #34197d,
    BorderWidth '4',
  );
}

/* st-namespace-reference="../../../../src/components/DatePickerInput/DatePickerInput.visual-deprecated.st.css" */