@import "../base/Input-parameters.css";

:host {
	--_ui5-input-border: none;
	--_ui5_input_hover_border: none;
	--_ui5_input_focus_border_radius: 0.25rem;
	--_ui5_input_readonly_focus_border_radius: 0.125rem;
	--_ui5_input_error_warning_border_style: none;
	--_ui5_input_focused_value_state_error_background: var(--sapField_Hover_Background);
	--_ui5_input_focused_value_state_warning_background: var(--sapField_Hover_Background);
	--_ui5_input_focused_value_state_success_background: var(--sapField_Hover_Background);
	--_ui5_input_focused_value_state_information_background: var(--sapField_Hover_Background);
	--_ui5_input_focused_value_state_error_focus_outline_color: var(--sapField_InvalidColor);
	--_ui5_input_focused_value_state_warning_focus_outline_color: var(--sapField_WarningColor);
	--_ui5_input_focused_value_state_success_focus_outline_color: var(--sapField_SuccessColor);
	--_ui5_input_focus_offset: 0;
	--_ui5_input_readonly_focus_offset: 0.125rem;
	--_ui5_input_information_icon_padding: .625rem .625rem .5rem .625rem;
	--_ui5_input_information_focused_icon_padding: .625rem .625rem .5625rem .625rem;
	--_ui5_input_error_warning_icon_padding: .625rem .625rem .5rem .625rem;
	--_ui5_input_error_warning_focused_icon_padding: .625rem .625rem .5625rem .625rem;
	--_ui5_input_custom_icon_padding: .625rem .625rem .5625rem .625rem;
	--_ui5_input_error_warning_custom_icon_padding: .625rem .625rem .5rem .625rem;
	--_ui5_input_error_warning_custom_focused_icon_padding: .625rem .625rem .5625rem .625rem;
	--_ui5_input_information_custom_icon_padding: .625rem .625rem .5rem .625rem;
	--_ui5_input_information_custom_focused_icon_padding: .625rem .625rem .5625rem .625rem;
	--_ui5_input_focus_outline_color: var(--sapField_Active_BorderColor);
	--_ui5_input_icon_wrapper_height: calc(100% - 1px);
	--_ui5_input_icon_wrapper_state_height: calc(100% - 2px);
	--_ui5_input_icon_wrapper_success_state_height: calc(100% - var(--_ui5_input_value_state_success_border_width));
}

@container style(--ui5_content_density: compact) {
	:host {
		--_ui5_input_information_icon_padding: .3125rem .5rem .1875rem .5rem;
		--_ui5_input_information_focused_icon_padding: .3125rem .5rem .25rem .5rem;
		--_ui5_input_error_warning_icon_padding: .3125rem .5rem .1875rem .5rem;
		--_ui5_input_error_warning_focused_icon_padding: .3125rem .5rem .25rem .5rem;
		--_ui5_input_custom_icon_padding: .3125rem .5rem .25rem .5rem;
		--_ui5_input_error_warning_custom_icon_padding: .3125rem .5rem .1875rem .5rem;
		--_ui5_input_error_warning_custom_focused_icon_padding: .3125rem .5rem .25rem .5rem;
		--_ui5_input_information_custom_icon_padding: .3125rem .5rem .1875rem .5rem;
		--_ui5_input_information_custom_focused_icon_padding: .3125rem .5rem .25rem .5rem;
	}
}