.datePicker {
  /* Контейнер элемента */
  --datePickerWidth: 100%;
  --datePickerMinHeight: var(--inputHeight, 6rem);
  --datePickerUserSelect: none;

  /* Поле ввода календаря */
  --datePickerInputPaddingRight: 5.5rem;
  --datePickerInputIconSize: 3rem;
  --datePickerInputIconBg: transparent;
  --datePickerInputIconRightOffset: 2rem;
  --datePickerInputInvalidBorder: 1px solid var(--deUIColorRedRibbon);

  /* Шрифт внутри окна календаря */
  --datePickerFontFamily: inherit;
  --datePickerFontSize: 2rem;
  --datePickerColor: var(--deUIColorShark);

  /* Внешний вид окна календаря */
  --datePickerBorderRadius: 2rem;
  --datePickerBg: var(--deUIColorWhite);
  --datePickerBorder: 1px solid var(--deUIColorBlueHaze);
  --datePickerBoxShadow: none;
  --datePickerZetIndex: 6;
  --datePickerTopOffset: 1rem;
  --datePickerLeftOffset: 0;

  /* Компоненты внутри календаря: шапка */
  --datePickerHeaderBg: var(--datePickerBg);
  --datePickerHeaderBorderBottom: 0;
  --datePickerHeaderPadding: 0 0 .5rem 0;

  /* Компоненты внутри календаря: общий контейнер месяцев */
  --datePickerMonthContainerPadding: 2rem 3rem;

  /* Компоненты внутри календаря: контейнер выбора времени */
  --datePickerTimeContainerPadding: 0;
  --datePickerTimeContainerWidth: 12rem;

  /* Компоненты внутри календаря: месяцы */
  --datePickerMonthMargin: 0;
  --datePickerMonthPadding: 1rem 0;
  --datePickerMonthFontWeight: bold;
  --datePickerMonthLineHeight: 1.5;
  --datePickerMonthColor: var(--deUIColorShark);
  --datePickerMonthTextTransform: capitalize;

  /* Компоненты внутри календаря: названия дней */
  --datePickerDayNamesMarginTop: 1rem;
  --datePickerDayNameHeight: 5rem;
  --datePickerDayNameColor: var(--deUIColorShark);
  --datePickerDayNameFontSize: 2rem;
  --datePickerDayNameLineHeight: 1.5;

  /* Компоненты внутри календаря: дни */
  --datePickerDaySize: 4.5rem;
  --datePickerDayBorderRadius: 50%;
  --datePickerDayMargin: 0;
  --datePickerDayFontSize: 1.75rem;
  --datePickerDayColor: var(--deUIColorShark);
  --datePickerDayTransition: color .2s, background .2s, border-color .2s;

  /* Компоненты внутри календаря: выключенные дни */
  --datePickerDayDisabledColor: var(--deUIColorNepal);

  /* Компоненты внутри календаря: дни вне текущего месяца */
  --datePickerDayOutsideColor: var(--deUIColorNepal);

  /* Компоненты внутри календаря: сегодняшний день */
  --datePickerDayTodayColor: var(--deUIColorVeniceBlue);
  --datePickerDayTodayFontWeight: normal;
  --datePickerDayTodayBorder: 1px solid var(--deUIColorVeniceBlue);

  /* Компоненты внутри календаря: выходные дни */
  --datePickerDayWeekendColor: var(--deUIColorRedRibbon);
  --datePickerDayWeekendFontWeight: normal;

  /* Компоненты внутри календаря: сфокусированный с клавиатуры день */
  --datePickerDayFocusColor: var(--deUIColorNepal);
  --datePickerDayFocusBg: var(--deUIColorBlueHaze);

  /* Компоненты внутри календаря: день внутри выбранного промежутка */
  --datePickerDayRangeBg: var(--deUIColorRoyalBlue);
  --datePickerDayRangeColor: var(--deUIColorWhite);
  --datePickerDayRangeRibbonBg: var(--datePickerDayRangeBg);
  --datePickerDayRangeBorderRadius: 0;
  --datePickerDayRangeBorder: 0;

  /* Компоненты внутри календаря: выбранный день */
  --datePickerDaySelectedBg: var(--deUIColorRoyalBlue);
  --datePickerDaySelectedColor: var(--deUIColorWhite);
  --datePickerDaySelectedHoverBg: var(--datePickerDaySelectedBg);
  --datePickerDaySelectedHoverColor: var(--datePickerDaySelectedColor);

  /* Компоненты внутри календаря: время */
  --datePickerTimePadding: 0;
  --datePickerTimeHeight: 4rem;
  --datePickerTimeColor: var(--datePickerColor);
  --datePickerTimeBg: var(--datePickerBg);
  --datePickerTimeFontWeight: normal;

  /* Компоненты внутри календаря: время, состояние :hover */
  --datePickerTimeHoverBg: var(--deUIColorBlueHaze);
  --datePickerTimeHoverColor: var(--deUIColorRoyalBlue);

  /* Компоненты внутри календаря: выбранное время */
  --datePickerTimeSelectedBg: var(--deUIColorRoyalBlue);
  --datePickerTimeSelectedColor: var(--deUIColorWhite);
  --datePickerTimeSelectedFontWeight: normal;

  /* Компоненты внутри календаря: шапка выбора времени */
  --datePickerTimeHeaderFontSize: 1.75rem;
  --datePickerTimeHeaderFontWeight: bold;
  --datePickerTimeHeaderPadding: 0;

  /* Компоненты внутри календаря: быстрая навигация */
  --datePickerFastNavFontSize: 1.75rem;
  --datePickerFastNavPadding: 1rem 0;

  /* Компоненты внутри календаря: навигация по месяцам */
  --datePickerNavMb: 1rem;
  --datePickerNavCurrentFontWeight: bold;

  /* Компоненты внутри календаря: селекторы быстрой навигации */
  --datePickerNavFormSelectHeight: 4rem;
  --datePickerNavFormSelectPadding: 0 1rem;
  --datePickerNavFormSelectMenuMaxHeight: 16rem;

  /* Компоненты внутри календаря: кнопка навигации по месяцам */
  --datePickerNavItemBtnSize: 3rem;
  --datePickerNavItemBtnColor: var(--deUIColorRoyalBlue);
  --datePickerNavItemBtnDisabledColor: var(--deUIColorBlueHaze);
  --datePickerNavItemBtnHoverColor: var(--deUIColorVeniceBlue);
  --datePickerNavItemBtnBg: transparent;
  --datePickerNavItemBtnHoverBg: var(--deUIColorLinkWater);
}