@import './mixin';
@import (reference) '../../style/themes/index';
@import '../../style/mixins/index.less';

@input-affix-suffix-margin: 8px;

.@{ant-prefix}-input {
	&-affix-wrapper {
		.input-base();
		display: inline-flex;

		> input.@{ant-prefix}-input {
			background-color: transparent;
		}

		&:not(&-disabled):hover {
			.bd-hover();
			z-index: 1;

			.@{ant-prefix}-input-search-with-button & {
				z-index: 0;
			}
		}

		&&-focused:not(&-disabled):hover {
			.bd-active();
		}

		&-focused,
		&:focus {
			z-index: 1;
		}
	}

	&-affix-wrapper&-breathing {
		.gradient-breathing-animation();
		animation-duration: 5s;
	}
	&-show-count-suffix {
		color: @font-color-caption;
	}

	&-prefix {
		margin-right: @input-affix-suffix-margin;
		min-width: @input-icon-size-md;
		color: @font-color-caption;
		flex-shrink: 0;
		justify-content: center;
	}

	&-suffix {
		margin-left: @input-padding-horizontal-base;
		margin-right: calc(@input-affix-suffix-margin - @input-padding-horizontal-base);
		color: @font-color-caption;
		min-width: @input-icon-size-md;
		flex-shrink: 0;
	}

	//large尺寸时间距
	&-affix-wrapper-lg &-suffix {
		margin-left: @input-padding-horizontal-lg;
	}

	&-affix-wrapper&-password-error {
		.error();
	}
}