:root {
  --air-datepicker-host-display: block;
  --air-datepicker-display: block;
  --air-datepicker-width: var(--air-form-element-width);
  --air-datepicker-box-sizing: var(--air-box-sizing);
  --air-datepicker-input-width: var(--air-datepicker-width);
  --air-datepicker-input-margin-bottom: 0;
  --air-datepicker-picker-width: 338px;
  --air-datepicker-picker-height: auto;
  --air-datepicker-picker-border: 1px solid var(--air-color-bright-gray);
  --air-datepicker-picker-border-radius: var(--air-border-radius);
  --air-datepicker-picker-padding: var(--air-spacing-03);
  --air-datepicker-picker-background-color: var(--air-color-white);
  --air-datepicker-picker-header-margin-bottom: var(--air-spacing-04);
  --air-datepicker-picker-controls-button-color: var(--air-body-color);
  --air-datepicker-picker-controls-button-font-family: var(--air-body-bold-font-family);
  --air-datepicker-picker-controls-button-font-size: var(--air-body-bold-font-size);
  --air-datepicker-picker-controls-button-font-weight: var(--air-body-bold-font-weight);
  --air-datepicker-picker-controls-button-line-height: var(--air-body-bold-line-height);
  --air-datepicker-picker-controls-button-next-prev-padding: var(--air-spacing-02);
  --air-datepicker-picker-controls-button-next-prev-border-radius: 50%;
  --air-datepicker-picker-controls-button-view-switch-border-radius: var(--air-border-radius);
  --air-datepicker-picker-controls-button-view-switch-padding: var(--air-spacing-02)
    var(--air-spacing-03);
  --air-datepicker-picker-controls-button-hover-background-color: rgba(58, 58, 58, 0.05);
  --air-datepicker-picker-controls-button-focus-outline-width: var(--air-focus-outline-width);
  --air-datepicker-picker-controls-button-focus-outline-color: var(--air-focus-outline-color);
  --air-datepicker-picker-days-of-week-color: var(--air-color-bright-gray);
  --air-datepicker-picker-days-of-week-font-family: var(--air-body-font-family);
  --air-datepicker-picker-days-of-week-font-size: var(--air-body-font-size);
  --air-datepicker-picker-days-of-week-font-weight: var(--air-body-font-weight);
  --air-datepicker-picker-days-of-week-line-height: var(--air-body-line-height);
  --air-datepicker-picker-days-of-week-width: var(--air-spacing-04);
  --air-datepicker-picker-days-of-week-gap: var(--air-spacing-01);
  --air-datepicker-picker-days-of-week-margin-bottom: var(--air-spacing-04);
  --air-datepicker-picker-grid-gap: var(--air-spacing-01);
  --air-datepicker-picker-grid-period-gap: var(--air-spacing-02);
  --air-datepicker-picker-cell-width: 100%;
  --air-datepicker-picker-cell-height: 40px;
  --air-datepicker-picker-cell-color: var(--air-color-bright-gray);
  --air-datepicker-picker-cell-font-family: var(--air-body-bold-font-family);
  --air-datepicker-picker-cell-font-size: var(--air-body-bold-font-size);
  --air-datepicker-picker-cell-font-weight: var(--air-body-bold-font-weight);
  --air-datepicker-picker-cell-line-height: var(--air-body-bold-line-height);
  --air-datepicker-picker-cell-border-radius: var(--air-border-radius);
  --air-datepicker-picker-cell-selected-color: var(--air-color-accent);
  --air-datepicker-picker-cell-selected-border: 2px solid var(--air-color-accent);
  --air-datepicker-picker-cell-selected-background-color: var(--air-color-accent);
  --air-datepicker-picker-cell-today-border: 1px solid var(--air-color-gray);
  --air-datepicker-picker-cell-next-prev-color: var(--air-color-gray);
  --air-datepicker-picker-cell-disabled-color: var(--air-color-gray);
  --air-datepicker-picker-cell-focus-outline-width: var(--air-focus-outline-width);
  --air-datepicker-picker-cell-focus-outline-color: var(--air-focus-outline-color);
  --air-datepicker-picker-cell-hover-background-color: rgba(58, 58, 58, 0.05);
  --air-datepicker-picker-cell-months-hover-height: 56px;

  /* Mobile */
  --air-mobile-datepicker-width: var(--air-mobile-form-element-width);
  --air-mobile-datepicker-picker-max-width: 338px;
}