@use '../../../../../../styles/src/digi-styles.utils' as *;

@mixin digi-calendar-datepicker--variables {
  --digi--datepicker--max-width: #{rem(300)};
  --digi--datepicker--border-radius: #{rem(4)};
  --digi--datepicker--calendar--max-width: #{rem(324)};
  --digi--datepicker--calendar--show-week--max-width: #{rem(374)};
  --digi--datepicker--calendar-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
  --digi--datepicker--calendar--background-color: var(--digi--color--background--interactive--default--secondary);
  --digi--datepicker--input-icon--width: #{rem(18)};
  --digi--datepicker--input-icon--horizontal-padding: #{rem(20)};
  --digi--datepicker--input-icon--vertical-padding: var(--digi--global--spacing--smallest-2);
  --digi--datepicker--input--inline-start: var(--digi--gutter--medium);
  --digi--datepicker--input--inline-end: calc(var(--digi--datepicker--input-icon--width) + var(--digi--datepicker--input-icon--horizontal-padding) * 2);
}
