.CalendarInput_size_m {
      --input-height: var(--control-height-2s);
      --input-font-size: var(--size-text-xs);
      --input-space: var(--control-space-s);
      --tag-space: calc(var(--space-s) / 2 - var(--control-border-width));
    }

      .CalendarInput_size_m.CalendarInput_value .CalendarInput-ControlInner {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-right: auto;
          padding-right: 10px;
        }

      .CalendarInput_size_m.CalendarInput_value .CalendarInput-Side_position_right {
          margin-left: 0;
        }

      .CalendarInput_size_m.CalendarInput_value .CalendarInput-Control {
          line-height: 1;
          padding-left: var(--space-xs);
        }
  .CalendarInput_view_cultured .CalendarInput-Control {
      padding: 0 var(--input-space);
      color: var(--color-control-typo-default);
      background: var(--color-control-bg-default);
      border-radius: var(--control-radius);
    }
  .CalendarInput_view_cultured .CalendarInput-Control:hover {
        background: var(--color-control-bg-default-hover);
      }
  .CalendarInput_view_cultured .CalendarInput-ControlValueContainer {
      font-weight: var(--font-weight-text-bold);
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 0.6px;
    }
  .CalendarInput_focused .CalendarInput-Control {
      background-color: var(--color-control-bg-default-hover);
    }
  .CalendarInput-Side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: var(--input-height);
  }
  .CalendarInput-Side_position_left {
        margin-right: var(--input-space);
      }
  .CalendarInput-Side_position_right {
        margin-left: var(--input-space);
      }
  .CalendarInput-ControlValue,
  .CalendarInput-Placeholder {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .CalendarInput-Control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: var(--input-height);
    padding: 0;
    color: currentColor;
    background: transparent;
    border: none;
    outline: none;
    font-family: var(--font-primary);
    font-weight: var(--font-weight-text-regular);
    line-height: var(--input-height);
    cursor: pointer;
    -webkit-transition: border-color 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
    transition: border-color 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
    transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s, -webkit-box-shadow 0.15s;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .CalendarInput-Control:focus {
      outline: none;
    }

.CalendarInputDropdown {
  --transition-spase: var(--space-2xs);
  z-index: 999999;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-width: 344px;
  background: var(--color-control-bg-default-hover);
  outline: none;
  -webkit-box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08),
    0 4px 8px 0 rgba(157, 167, 170, 0.16);
          box-shadow: 0 14px 30px 0 rgba(157, 167, 170, 0.08),
    0 4px 8px 0 rgba(157, 167, 170, 0.16);
  font-size: var(--font-size);
  -webkit-transform: translateY(var(--transition-spase));
          transform: translateY(var(--transition-spase));
  border-radius: 2px;
}
