$padding-medium: var(--wds-calendar-padding-medium, var(--wds-space-600));
$padding-small: var(--wds-calendar-padding-small, 18px);
$day-radius: var(--wds-button-border-radius-medium, var(--wds-border-radius-200));
$range-radius: var(--wds-calendar-day-range-border-radius, var(--wds-border-radius-0, 0));

.calendar {
  &__container#{&}__container--size-small &__weekdays {
    padding: 0 #{$padding-small};
  }

  &__weekdays {
    padding: 0 #{$padding-medium};
  }

  &__body#{&}__body--size-medium {
    padding: 0 #{$padding-medium} #{$padding-medium};
  }

  &__body#{&}__body--size-small {
    padding: 0 #{$padding-small} #{$padding-small};
  }

  &__day {
    border-radius: #{$day-radius};
  }

  &__day:focus::after {
    border-radius: #{$day-radius};
  }

  &__day:focus::before {
    border-radius: #{$day-radius};
  }

  &__day#{&}__day--selected:not(#{&}__day--start):not(#{&}__day--end):not(#{&}__day--outside):not(#{&}__day--single-day) {
    border-radius: #{$range-radius};
  }

  &__day#{&}__day--single-day:not(#{&}__day--outside),
  &__day#{&}__day--start#{&}__day--end:not(#{&}__day--outside) {
    border-radius: #{$day-radius} !important;
  }

  &__day-wrapper {
    border-radius: #{$day-radius};
  }

  &__day#{&}__day--selected#{&}__day--start:not(#{&}__day--outside) {
    border-radius: #{$range-radius};
  }

  &__day#{&}__day--selected#{&}__day--end:not(#{&}__day--outside) {
    border-radius: #{$range-radius};
  }
}