@import '../common/component.light.theme.less';
@import '../common/component.common.less';

:host-context(.theme-light) ::ng-deep{
    .ant-input {
        .cm-light-input;
    }
    
    .ant-input-disabled {
        .cm-light-input-disabled;
    }

    .ant-input-group {
        & > * > * {
          border-radius: 0!important;
          border-right-width: 0;
          vertical-align: top;
          float: none;
          display: inline-block;
        }
    
        & > * > .ant-select > .ant-select-selection,
        & > * > .ant-calendar-picker .ant-input,
        & > * > .ant-select-auto-complete .ant-input,
        & > * > .ant-cascader-picker .ant-input,
        & > * > .ant-mention-wrapper .ant-mention-editor,
        & > * > .ant-time-picker .ant-time-picker-input {
          border-radius: 0!important;
          border-right-width: 0;
        }
    
        & > *:first-child > *,
        & > *:first-child > .ant-select > .ant-select-selection,
        & > *:first-child > .ant-calendar-picker .ant-input,
        & > *:first-child > .ant-select-auto-complete .ant-input,
        & > *:first-child > .ant-cascader-picker .ant-input,
        & > *:first-child > .ant-mention-wrapper .ant-mention-editor,
        & > *:first-child > .ant-time-picker .ant-time-picker-input {
          border-top-left-radius: 4px;
          border-bottom-left-radius: 4px;
        }
    
        & > *:last-child > *,
        & > *:last-child > .ant-select > .ant-select-selection,
        & > *:last-child > .ant-calendar-picker .ant-input,
        & > *:last-child > .ant-select-auto-complete .ant-input,
        & > *:last-child > .ant-cascader-picker .ant-input,
        & > *:last-child > .ant-mention-wrapper .ant-mention-editor,
        & > *:last-child > .ant-time-picker .ant-time-picker-input {
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          border-right-width: 1px;
        }
    }
}