@ozen-ui/kit/__inner__/esm/components/Calendar/Calendar.css

React component library

/* stylelint-disable */
.Calendar {
  --calendar-grid-gap: var(--spacing-4xs);
  --calendar-grid-margin: var(--spacing-2xs);
  display: inline-flex;
  flex-direction: column;
}
.Calendar_size_s {
      --calendar-width: 252px;
      --calendar-grid-size: 236px;
      --calendar-switcher-height: var(--control-height-s);
      --calendar-switcher-margin: 0 var(--spacing-xs);
      --calendar-switcher-padding: 0 var(--control-padding-2xs);

      font: var(--typography-text-s-font);

      letter-spacing: var(--typography-text-s-letter_spacing, 0);

      text-transform: var(--typography-text-s-text_transform, none);
    }
.Calendar_size_m {
      --calendar-width: 308px;
      --calendar-grid-size: 292px;
      --calendar-switcher-height: var(--control-height-m);
      --calendar-switcher-margin: 0 var(--spacing-xs);
      --calendar-switcher-padding: 0 var(--control-padding-xs);

      font: var(--typography-text-m-font);

      letter-spacing: var(--typography-text-m-letter_spacing, 0);

      text-transform: var(--typography-text-m-text_transform, none);
    }
.Calendar_size_l {
      --calendar-width: 364px;
      --calendar-grid-size: 348px;
      --calendar-switcher-height: var(--control-height-l);
      --calendar-switcher-margin: 0 var(--spacing-xs);
      --calendar-switcher-padding: 0 var(--control-padding-s);

      font: var(--typography-text-l-font);

      letter-spacing: var(--typography-text-l-letter_spacing, 0);

      text-transform: var(--typography-text-l-text_transform, none);
    }