/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ids/tokens/fonts/itaudisplay.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
@font-face {
	font-family: "Itau Display";
	font-display: swap;
	font-style: "light";
	font-weight: 200;
	src: url('ItauDisplayPro_Lt.woff2') format("woff2"),
			url('ItauDisplayPro_Lt.woff') format("woff"),
			url('ItauDisplayPro_Lt.ttf') format("truetype"),
			url('ItauDisplayPro_Lt.eot') format("embedded-opentype");
}

@font-face {
	font-family: "Itau Display";
	font-display: swap;
	font-style: "regular";
	font-weight: 400;
	src: url('ItauDisplayPro_Rg.woff2') format("woff2"),
			url('ItauDisplayPro_Rg.woff') format("woff"),
			url('ItauDisplayPro_Rg.ttf') format("truetype"),
			url('ItauDisplayPro_Rg.eot') format("embedded-opentype");
}

@font-face {
	font-family: "Itau Display";
	font-display: swap;
	font-style: "bold";
	font-weight: 700;
	src: url('ItauDisplayPro_Bd.woff2') format("woff2"),
			url('ItauDisplayPro_Bd.woff') format("woff"),
			url('ItauDisplayPro_Bd.ttf') format("truetype"),
			url('ItauDisplayPro_Bd.eot') format("embedded-opentype");
}

@font-face {
	font-family: "Itau Display";
	font-display: swap;
	font-style: "xbold";
	font-weight: 900;
	src: url('ItauDisplayPro_XBd.woff2') format("woff2"),
			url('ItauDisplayPro_XBd.woff') format("woff"),
			url('ItauDisplayPro_XBd.ttf') format("truetype"),
			url('ItauDisplayPro_XBd.eot') format("embedded-opentype");
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ids/tokens/fonts/itautext.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
@font-face {
	font-family: "Itau Text";
	font-display: swap;
	font-style: "light";
	font-weight: 200;
	src: url('ItauTextPro_Lt.woff2') format("woff2"),
			url('ItauTextPro_Lt.woff') format("woff"),
			url('ItauTextPro_Lt.ttf') format("truetype"),
			url('ItauTextPro_Lt.eot') format("embedded-opentype");
}

@font-face {
	font-family: "Itau Text";
	font-display: swap;
	font-style: "regular";
	font-weight: 400;
	src: url('ItauTextPro_Rg.woff2') format("woff2"),
			url('ItauTextPro_Rg.woff') format("woff"),
			url('ItauTextPro_Rg.ttf') format("truetype"),
			url('ItauTextPro_Rg.eot') format("embedded-opentype");
}

@font-face {
	font-family: "Itau Text";
	font-display: swap;
	font-style: "bold";
	font-weight: 700;
	src: url('ItauTextPro_Bd.woff2') format("woff2"),
			url('ItauTextPro_Bd.woff') format("woff"),
			url('ItauTextPro_Bd.ttf') format("truetype"),
			url('ItauTextPro_Bd.eot') format("embedded-opentype");
}

@font-face {
	font-family: "Itau Text";
	font-display: swap;
	font-style: "xbold";
	font-weight: 900;
	src: url('ItauTextPro_XBd.woff2') format("woff2"),
			url('ItauTextPro_XBd.woff') format("woff"),
			url('ItauTextPro_XBd.ttf') format("truetype"),
			url('ItauTextPro_XBd.eot') format("embedded-opentype");
}

/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ids/tokens/fonts/itauicon.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
@font-face {
	font-family: "Itau Icon";
	font-display: swap;
	src: url('Ids_Itau_Icons.woff2') format("woff2"),
			url('_-assets-fonts-Ids_Itau_Icons.woff') format("woff"),
			url('_-assets-fonts-Ids_Itau_Icons.ttf') format("truetype"),
			url('_-assets-fonts-Ids_Itau_Icons.eot') format("embedded-opentype");
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@ids/tokens/varejo/tokens.css ***!
  \************************************************************************************************************************************************************************************************************************************/
[class*="ids-theme-varejo"], :root:not([class*="ids-theme-"]) {
  --ids_color_action_primary_base: #FF6200;
  --ids_color_action_primary_base_soft: rgba(255, 98, 0, 0.1);
  --ids_color_action_primary_base_medium: rgba(255, 98, 0, 0.5);
  --ids_color_action_primary_base_strong: rgba(255, 98, 0, 0.8);
  --ids_color_action_primary_variant: #E55800;
  --ids_color_action_primary_variant_soft: rgba(229, 88, 0, 0.1);
  --ids_color_action_primary_variant_medium: rgba(229, 88, 0, 0.5);
  --ids_color_action_primary_variant_strong: rgba(229, 88, 0, 0.8);
  --ids_color_action_primary_contrast: #FFFFFF;
  --ids_color_action_primary_contrast_soft: rgba(255, 255, 255, 0.1);
  --ids_color_action_primary_contrast_medium: rgba(255, 255, 255, 0.5);
  --ids_color_action_primary_contrast_strong: rgba(255, 255, 255, 0.8);
  --ids_color_action_secondary_base: #000066;
  --ids_color_action_secondary_base_soft: rgba(0, 0, 102, 0.1);
  --ids_color_action_secondary_base_medium: rgba(0, 0, 102, 0.5);
  --ids_color_action_secondary_base_strong: rgba(0, 0, 102, 0.8);
  --ids_color_action_secondary_variant: #000D3C;
  --ids_color_action_secondary_variant_soft: rgba(0, 13, 60, 0.1);
  --ids_color_action_secondary_variant_medium: rgba(0, 13, 60, 0.5);
  --ids_color_action_secondary_variant_strong: rgba(0, 13, 60, 0.8);
  --ids_color_action_secondary_contrast: #FFFFFF;
  --ids_color_action_secondary_contrast_soft: rgba(255, 255, 255, 0.1);
  --ids_color_action_secondary_contrast_medium: rgba(255, 255, 255, 0.5);
  --ids_color_action_secondary_contrast_strong: rgba(255, 255, 255, 0.8);
  --ids_color_action_neutral_base: #3B3B3B;
  --ids_color_action_neutral_base_soft: rgba(59, 59, 59, 0.1);
  --ids_color_action_neutral_base_medium: rgba(59, 59, 59, 0.5);
  --ids_color_action_neutral_base_strong: rgba(59, 59, 59, 0.8);
  --ids_color_action_neutral_variant: #000000;
  --ids_color_action_neutral_variant_soft: rgba(0, 0, 0, 0.1);
  --ids_color_action_neutral_variant_medium: rgba(0, 0, 0, 0.5);
  --ids_color_action_neutral_variant_strong: rgba(0, 0, 0, 0.8);
  --ids_color_action_neutral_contrast: #FFFFFF;
  --ids_color_action_neutral_contrast_soft: rgba(255, 255, 255, 0.1);
  --ids_color_action_neutral_contrast_medium: rgba(255, 255, 255, 0.5);
  --ids_color_action_neutral_contrast_strong: rgba(255, 255, 255, 0.8);
  --ids_color_action_neutral_onPrimary_base: #E55800;
  --ids_color_action_neutral_onPrimary_base_soft: rgba(229, 88, 0, 0.1);
  --ids_color_action_neutral_onPrimary_base_medium: rgba(229, 88, 0, 0.5);
  --ids_color_action_neutral_onPrimary_base_strong: rgba(229, 88, 0, 0.8);
  --ids_color_action_neutral_onPrimary_variant: #E55800;
  --ids_color_action_neutral_onPrimary_variant_soft: rgba(229, 88, 0, 0.1);
  --ids_color_action_neutral_onPrimary_variant_medium: rgba(229, 88, 0, 0.5);
  --ids_color_action_neutral_onPrimary_variant_strong: rgba(229, 88, 0, 0.8);
  --ids_color_action_neutral_onPrimary_contrast: #FFFFFF;
  --ids_color_action_neutral_onPrimary_contrast_soft: rgba(255, 255, 255, 0.1);
  --ids_color_action_neutral_onPrimary_contrast_medium: rgba(255, 255, 255, 0.5);
  --ids_color_action_neutral_onPrimary_contrast_strong: rgba(255, 255, 255, 0.8);
  --ids_color_action_disabled_base: #CFD1D3;
  --ids_color_action_disabled_base_soft: rgba(207, 209, 211, 0.1);
  --ids_color_action_disabled_base_medium: rgba(207, 209, 211, 0.5);
  --ids_color_action_disabled_base_strong: rgba(207, 209, 211, 0.8);
  --ids_color_action_disabled_variant: #999999;
  --ids_color_action_disabled_variant_soft: rgba(153, 153, 153, 0.1);
  --ids_color_action_disabled_variant_medium: rgba(153, 153, 153, 0.5);
  --ids_color_action_disabled_variant_strong: rgba(153, 153, 153, 0.8);
  --ids_color_text_heading_01: #000000;
  --ids_color_text_heading_01_soft: rgba(0, 0, 0, 0.1);
  --ids_color_text_heading_01_medium: rgba(0, 0, 0, 0.5);
  --ids_color_text_heading_01_strong: rgba(0, 0, 0, 0.8);
  --ids_color_text_heading_02: #4C4C4C;
  --ids_color_text_heading_02_soft: rgba(76, 76, 76, 0.1);
  --ids_color_text_heading_02_medium: rgba(76, 76, 76, 0.5);
  --ids_color_text_heading_02_strong: rgba(76, 76, 76, 0.8);
  --ids_color_text_body_01: #000000;
  --ids_color_text_body_01_soft: rgba(0, 0, 0, 0.1);
  --ids_color_text_body_01_medium: rgba(0, 0, 0, 0.5);
  --ids_color_text_body_01_strong: rgba(0, 0, 0, 0.8);
  --ids_color_text_body_02: #4C4C4C;
  --ids_color_text_body_02_soft: rgba(76, 76, 76, 0.1);
  --ids_color_text_body_02_medium: rgba(76, 76, 76, 0.5);
  --ids_color_text_body_02_strong: rgba(76, 76, 76, 0.8);
  --ids_color_text_highlight: #FF6200;
  --ids_color_text_highlight_soft: rgba(255, 98, 0, 0.1);
  --ids_color_text_highlight_medium: rgba(255, 98, 0, 0.5);
  --ids_color_text_highlight_strong: rgba(255, 98, 0, 0.8);
  --ids_color_text_link_base: #000066;
  --ids_color_text_link_base_soft: rgba(0, 0, 102, 0.1);
  --ids_color_text_link_base_medium: rgba(0, 0, 102, 0.5);
  --ids_color_text_link_base_strong: rgba(0, 0, 102, 0.8);
  --ids_color_text_link_variant: #000D3C;
  --ids_color_text_link_variant_soft: rgba(0, 13, 60, 0.1);
  --ids_color_text_link_variant_medium: rgba(0, 13, 60, 0.5);
  --ids_color_text_link_variant_strong: rgba(0, 13, 60, 0.8);
  --ids_color_bg_base: #FFFFFF;
  --ids_color_bg_base_soft: rgba(255, 255, 255, 0.1);
  --ids_color_bg_base_medium: rgba(255, 255, 255, 0.5);
  --ids_color_bg_base_strong: rgba(255, 255, 255, 0.8);
  --ids_color_bg_variant_01: #F1F2F4;
  --ids_color_bg_variant_01_soft: rgba(241, 242, 244, 0.1);
  --ids_color_bg_variant_01_medium: rgba(241, 242, 244, 0.5);
  --ids_color_bg_variant_01_strong: rgba(241, 242, 244, 0.8);
  --ids_color_bg_variant_02: #E3E5E8;
  --ids_color_bg_variant_02_soft: rgba(227, 229, 232, 0.1);
  --ids_color_bg_variant_02_medium: rgba(227, 229, 232, 0.5);
  --ids_color_bg_variant_02_strong: rgba(227, 229, 232, 0.8);
  --ids_color_bg_brand_primary: #FF6200;
  --ids_color_bg_brand_primary_soft: rgba(255, 98, 0, 0.1);
  --ids_color_bg_brand_primary_medium: rgba(255, 98, 0, 0.5);
  --ids_color_bg_brand_primary_strong: rgba(255, 98, 0, 0.8);
  --ids_color_bg_brand_secondary: #000066;
  --ids_color_bg_brand_secondary_soft: rgba(0, 0, 102, 0.1);
  --ids_color_bg_brand_secondary_medium: rgba(0, 0, 102, 0.5);
  --ids_color_bg_brand_secondary_strong: rgba(0, 0, 102, 0.8);
  --ids_color_bg_brand_gradient: linear-gradient(-225deg, rgb(255, 98, 0) 0%, rgb(255, 120, 36) 100%);
  --ids_color_bg_shimmer_gradient: linear-gradient(90deg, rgb(241, 242, 244) 0%, rgb(110, 110, 110) 50%, rgb(241, 242, 244) 100%);
  --ids_color_bg_shimmer_gradient_onLight: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgb(0, 0, 0) 100%);
  --ids_color_bg_shimmer_gradient_onDark: linear-gradient(90deg, rgb(255, 98, 0) 0%, rgb(255, 255, 255) 50%, rgb(255, 98, 0) 100%);
  --ids_color_border_soft: #CFD1D3;
  --ids_color_border_soft_soft: rgba(207, 209, 211, 0.1);
  --ids_color_border_soft_medium: rgba(207, 209, 211, 0.5);
  --ids_color_border_soft_strong: rgba(207, 209, 211, 0.8);
  --ids_color_border_medium: #ADB8B3;
  --ids_color_border_medium_soft: rgba(173, 184, 179, 0.1);
  --ids_color_border_medium_medium: rgba(173, 184, 179, 0.5);
  --ids_color_border_medium_strong: rgba(173, 184, 179, 0.8);
  --ids_color_border_strong: #5D636F;
  --ids_color_border_strong_soft: rgba(93, 99, 111, 0.1);
  --ids_color_border_strong_medium: rgba(93, 99, 111, 0.5);
  --ids_color_border_strong_strong: rgba(93, 99, 111, 0.8);
  --ids_color_contrast_onLight: #000000;
  --ids_color_contrast_onLight_soft: rgba(0, 0, 0, 0.1);
  --ids_color_contrast_onLight_medium: rgba(0, 0, 0, 0.5);
  --ids_color_contrast_onLight_strong: rgba(0, 0, 0, 0.8);
  --ids_color_contrast_onDark: #FFFFFF;
  --ids_color_contrast_onDark_soft: rgba(255, 255, 255, 0.1);
  --ids_color_contrast_onDark_medium: rgba(255, 255, 255, 0.5);
  --ids_color_contrast_onDark_strong: rgba(255, 255, 255, 0.8);
  --ids_color_contrast_onBrand_primary: #FFFFFF;
  --ids_color_contrast_onBrand_primary_soft: rgba(255, 255, 255, 0.1);
  --ids_color_contrast_onBrand_primary_medium: rgba(255, 255, 255, 0.5);
  --ids_color_contrast_onBrand_primary_strong: rgba(255, 255, 255, 0.8);
  --ids_color_contrast_onBrand_secondary: #FFFFFF;
  --ids_color_contrast_onBrand_secondary_soft: rgba(255, 255, 255, 0.1);
  --ids_color_contrast_onBrand_secondary_medium: rgba(255, 255, 255, 0.5);
  --ids_color_contrast_onBrand_secondary_strong: rgba(255, 255, 255, 0.8);
  --ids_color_feedback_information: #001FBD;
  --ids_color_feedback_information_soft: rgba(0, 31, 189, 0.1);
  --ids_color_feedback_information_medium: rgba(0, 31, 189, 0.5);
  --ids_color_feedback_information_strong: rgba(0, 31, 189, 0.8);
  --ids_color_feedback_information_contrast: #FFFFFF;
  --ids_color_feedback_information_contrast_soft: rgba(255, 255, 255, 0.1);
  --ids_color_feedback_information_contrast_medium: rgba(255, 255, 255, 0.5);
  --ids_color_feedback_information_contrast_strong: rgba(255, 255, 255, 0.8);
  --ids_color_feedback_success: #0B5B38;
  --ids_color_feedback_success_soft: rgba(11, 91, 56, 0.1);
  --ids_color_feedback_success_medium: rgba(11, 91, 56, 0.5);
  --ids_color_feedback_success_strong: rgba(11, 91, 56, 0.8);
  --ids_color_feedback_success_contrast: #FFFFFF;
  --ids_color_feedback_success_contrast_soft: rgba(255, 255, 255, 0.1);
  --ids_color_feedback_success_contrast_medium: rgba(255, 255, 255, 0.5);
  --ids_color_feedback_success_contrast_strong: rgba(255, 255, 255, 0.8);
  --ids_color_feedback_error: #CC0000;
  --ids_color_feedback_error_soft: rgba(204, 0, 0, 0.1);
  --ids_color_feedback_error_medium: rgba(204, 0, 0, 0.5);
  --ids_color_feedback_error_strong: rgba(204, 0, 0, 0.8);
  --ids_color_feedback_error_contrast: #FFFFFF;
  --ids_color_feedback_error_contrast_soft: rgba(255, 255, 255, 0.1);
  --ids_color_feedback_error_contrast_medium: rgba(255, 255, 255, 0.5);
  --ids_color_feedback_error_contrast_strong: rgba(255, 255, 255, 0.8);
  --ids_color_feedback_alert: #FFCC00;
  --ids_color_feedback_alert_soft: rgba(255, 204, 0, 0.1);
  --ids_color_feedback_alert_medium: rgba(255, 204, 0, 0.5);
  --ids_color_feedback_alert_strong: rgba(255, 204, 0, 0.8);
  --ids_color_feedback_alert_contrast: #000000;
  --ids_color_feedback_alert_contrast_soft: rgba(0, 0, 0, 0.1);
  --ids_color_feedback_alert_contrast_medium: rgba(0, 0, 0, 0.5);
  --ids_color_feedback_alert_contrast_strong: rgba(0, 0, 0, 0.8);
  --ids_color_feedback_neutral: #4C4C4C;
  --ids_color_feedback_neutral_soft: rgba(76, 76, 76, 0.1);
  --ids_color_feedback_neutral_medium: rgba(76, 76, 76, 0.5);
  --ids_color_feedback_neutral_strong: rgba(76, 76, 76, 0.8);
  --ids_color_feedback_neutral_contrast: #FFFFFF;
  --ids_color_feedback_neutral_contrast_soft: rgba(255, 255, 255, 0.1);
  --ids_color_feedback_neutral_contrast_medium: rgba(255, 255, 255, 0.5);
  --ids_color_feedback_neutral_contrast_strong: rgba(255, 255, 255, 0.8);
  --ids_color_chart_01: #FF6200;
  --ids_color_chart_02: #002766;
  --ids_color_chart_03: #6E6E6E;
  --ids_color_chart_04: #0131FF;
  --ids_color_chart_05: #FFBA00;
  --ids_color_chart_06: #999999;
  --ids_color_chart_07: #BD0071;
  --ids_color_chart_08: #008717;
  --ids_motion_time_fast_01: 100ms;
  --ids_motion_time_fast_02: 150ms;
  --ids_motion_time_fast_03: 200ms;
  --ids_motion_time_moderate_01: 250ms;
  --ids_motion_time_moderate_02: 300ms;
  --ids_motion_time_moderate_03: 350ms;
  --ids_motion_time_slow_01: 400ms;
  --ids_motion_time_slow_02: 450ms;
  --ids_motion_time_slow_03: 500ms;
  --ids_motion_time_superslow_01: 600ms;
  --ids_motion_time_superslow_02: 700ms;
  --ids_motion_time_superslow_03: 800ms;
  --ids_motion_delay_fast_01: 50ms;
  --ids_motion_delay_fast_02: 100ms;
  --ids_motion_delay_moderate_01: 150ms;
  --ids_motion_delay_moderate_02: 200ms;
  --ids_motion_delay_moderate_03: 250ms;
  --ids_motion_delay_moderate_04: 500ms;
  --ids_motion_delay_slow_01: 1000ms;
  --ids_motion_easing_effective_linear: cubic-bezier(1,1,1,1);
  --ids_motion_easing_effective_standard: cubic-bezier(0.4, 0, 0.6, 1);
  --ids_motion_easing_effective_01: cubic-bezier(0.75, 0, 0.45, 1);
  --ids_motion_easing_effective_02: cubic-bezier(0.66, 0, 0.34, 1);
  --ids_motion_easing_effective_accelerate_standard: cubic-bezier(1,  0, 0.83, 0.83);
  --ids_motion_easing_effective_accelerate_01: cubic-bezier(0.64, 0, 0.83, 0.83);
  --ids_motion_easing_effective_accelerate_02: cubic-bezier(0.39, 0, 0.7, 0.15);
  --ids_motion_easing_effective_decelerate_standard: cubic-bezier(0.33, 0, 0, 1);
  --ids_motion_easing_effective_decelerate_01: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ids_motion_easing_effective_decelerate_02: cubic-bezier(0.19, 1, 0.22, 1);
  --ids_motion_easing_vivid_standard: cubic-bezier(0.6, 0, 0.2, 1);
  --ids_motion_easing_vivid_01: cubic-bezier(0.45, 0, 0.09, 1);
  --ids_motion_easing_vivid_accelerate_on: cubic-bezier(0.64, 0, 0.78, 0);
  --ids_motion_easing_vivid_accelerate_back: cubic-bezier(0.32, 0, 0.46, -0.71);
  --ids_motion_easing_vivid_decelerate_on: cubic-bezier(0.22, 1, 0.36, 1);
  --ids_motion_easing_vivid_decelerate_back: cubic-bezier(0.2, 1.51, 0.5, 1.06);
  --ids_motion_opacity_0: 0;
  --ids_motion_opacity_100: 100;
  --ids_motion_scale_0: 0;
  --ids_motion_scale_100: 100;
  --ids_motion_repeat_none: 0;
  --ids_motion_repeat_1x: 1;
  --ids_motion_repeat_2x: 2;
  --ids_motion_repeat_3x: 3;
  --ids_motion_repeat_loop: infinite;
  --ids_opacity_empty: 0;
  --ids_opacity_soft: 0.10;
  --ids_opacity_medium: 0.50;
  --ids_opacity_strong: 0.80;
  --ids_opacity_none: 1;
  --ids_size_cornerRadius_button: 0.75rem;
  --ids_size_cornerRadius_smallButton: 0.5rem;
  --ids_size_cornerRadius_tags_01: 0.25rem;
  --ids_size_cornerRadius_tags_02: 0.5rem;
  --ids_size_cornerRadius_fab: 0.75rem;
  --ids_size_cornerRadius_tooltip: 0.25rem;
  --ids_size_cornerRadius_card_01: 1rem;
  --ids_size_cornerRadius_card_02: 0.75rem;
  --ids_size_cornerRadius_layout_01: 1rem;
  --ids_size_cornerRadius_layout_02: 1.5rem;
  --ids_size_cornerRadius_passwordCode: 0.5rem;
  --ids_size_cornerRadius_snackbar: 0.25rem;
  --ids_size_cornerRadius_table: 0.25rem;
  --ids_size_border_small: 0.0625rem;
  --ids_size_border_medium: 0.125rem;
  --ids_size_border_large: 0.25rem;
  --ids_size_padding_passwordCode_topDown: 0.5rem;
  --ids_size_padding_passwordCode_leftRight: 0.5rem;
  --ids_size_general_1x: 0.0625rem;
  --ids_size_general_2x: 0.125rem;
  --ids_size_general_3x: 0.1875rem;
  --ids_size_general_4x: 0.25rem;
  --ids_size_general_5x: 0.3125rem;
  --ids_size_general_6x: 0.375rem;
  --ids_size_general_7x: 0.4375rem;
  --ids_size_general_8x: 0.5rem;
  --ids_size_general_10x: 0.625rem;
  --ids_size_general_12x: 0.75rem;
  --ids_size_general_14x: 0.875rem;
  --ids_size_general_16x: 1rem;
  --ids_size_general_18x: 1.125rem;
  --ids_size_general_20x: 1.25rem;
  --ids_size_general_22x: 1.375rem;
  --ids_size_general_24x: 1.5rem;
  --ids_size_general_28x: 1.75rem;
  --ids_size_general_30x: 1.875rem;
  --ids_size_general_32x: 2rem;
  --ids_size_general_36x: 2.25rem;
  --ids_size_general_40x: 2.5rem;
  --ids_size_general_44x: 2.75rem;
  --ids_size_general_48x: 3rem;
  --ids_size_general_52x: 3.25rem;
  --ids_size_general_56x: 3.5rem;
  --ids_size_general_60x: 3.75rem;
  --ids_size_general_64x: 4rem;
  --ids_size_general_68x: 4.25rem;
  --ids_size_general_72x: 4.5rem;
  --ids_size_general_76x: 4.75rem;
  --ids_size_general_80x: 5rem;
  --ids_size_general_84x: 5.25rem;
  --ids_size_general_88x: 5.5rem;
  --ids_size_general_92x: 5.75rem;
  --ids_size_general_96x: 6rem;
  --ids_size_general_100x: 6.25rem;
  --ids_size_general_104x: 6.5rem;
  --ids_size_general_108x: 6.75rem;
  --ids_size_general_112x: 7rem;
  --ids_size_general_116x: 7.25rem;
  --ids_size_general_120x: 7.5rem;
  --ids_size_general_124x: 7.75rem;
  --ids_size_general_128x: 8rem;
  --ids_size_general_132x: 8.25rem;
  --ids_size_general_136x: 8.5rem;
  --ids_size_general_140x: 8.75rem;
  --ids_spacing_1x: 0.25rem;
  --ids_spacing_2x: 0.5rem;
  --ids_spacing_3x: 0.75rem;
  --ids_spacing_4x: 1rem;
  --ids_spacing_5x: 1.25rem;
  --ids_spacing_6x: 1.5rem;
  --ids_spacing_8x: 2rem;
  --ids_spacing_10x: 2.5rem;
  --ids_spacing_12x: 3rem;
  --ids_spacing_14x: 3.5rem;
  --ids_textStyle_f01_s16_h24_wbd: 700 1rem/1.5rem "Itau Display";
  --ids_textStyle_f01_s20_h28_wrg: 700 1.25rem/1.75rem "Itau Display";
  --ids_textStyle_f01_s24_h32_wbd: 700 1.5rem/2rem "Itau Display";
  --ids_textStyle_f01_s24_h32_wrg: 700 1.5rem/2rem "Itau Display";
  --ids_textStyle_f01_s32_h48_wbd: 700 2rem/3rem "Itau Display";
  --ids_textStyle_f01_s32_h48_wrg: 700 2rem/3rem "Itau Display";
  --ids_textStyle_f01_s40_h64_wbd: 700 2.5rem/4rem "Itau Display";
  --ids_textStyle_f01_s40_h64_wrg: 700 2.5rem/4rem "Itau Display";
  --ids_textStyle_f01_s48_h80_wbd: 700 3rem/5rem "Itau Display";
  --ids_textStyle_f01_s48_h80_wrg: 700 3rem/5rem "Itau Display";
  --ids_textStyle_f01_s64_h100_wbd: 700 4rem/6.25rem "Itau Display";
  --ids_textStyle_f01_s64_h100_wrg: 700 4rem/6.25rem "Itau Display";
  --ids_textStyle_f02_s12_h18_wbd: 700 0.75rem/1.125rem "Itau Text";
  --ids_textStyle_f02_s12_h18_wrg: 400 0.75rem/1.125rem "Itau Text";
  --ids_textStyle_f02_s14_h20_wbd: 700 0.875rem/1.25rem "Itau Text";
  --ids_textStyle_f02_s14_h20_wrg: 400 0.875rem/1.25rem "Itau Text";
  --ids_textStyle_f02_s16_h24_wbd: 700 1rem/1.5rem "Itau Text";
  --ids_textStyle_f02_s16_h24_wrg: 400 1rem/1.5rem "Itau Text";
  --ids_textStyle_f02_s18_h26_wbd: 700 1.125rem/1.625rem "Itau Text";
  --ids_textStyle_f02_s18_h26_wrg: 400 1.125rem/1.625rem "Itau Text";
  --ids_textStyle_f02_s20_h26_wbd: 700 1.25rem/1.625rem "Itau Text";
  --ids_textStyle_f02_s20_h26_wrg: 400 1.25rem/1.625rem "Itau Text";
  --ids_textStyle_f02_s24_h32_wbd: 700 1.5rem/2rem "Itau Text";
  --ids_textStyle_f02_s24_h32_wrg: 400 1.5rem/2rem "Itau Text";
  --ids_textStyle_f02_s32_h48_wrg: 400 2rem/3rem "Itau Text";
  --ids_textStyle_f02_s40_h64_wrg: 400 2.5rem/4rem "Itau Text";
  --ids_textStyle_f02_s48_h80_wrg: 400 3rem/5rem "Itau Text";
  --ids_textStyle_title_01_base: 700 1.5rem/2rem "Itau Display";
  --ids_textStyle_title_01_variant: 400 1.5rem/2rem "Itau Display";
  --ids_textStyle_section_01: 400 1.25rem/1.625rem "Itau Display";
  --ids_textStyle_section_02: 700 1rem/1.5rem "Itau Display";
  --ids_textStyle_overline: 400 1rem/1.5rem "Itau Text";
  --ids_textStyle_subtitle_01: 400 1rem/1.5rem "Itau Text";
  --ids_textStyle_insight_regular: 400 1.5rem/2rem "Itau Display";
  --ids_textStyle_insight_bold: 700 1.5rem/2rem "Itau Display";
  --ids_textStyle_body_01_regular: 400 1rem/1.5rem "Itau Text";
  --ids_textStyle_body_01_bold: 700 1rem/1.5rem "Itau Text";
  --ids_textStyle_body_02_regular: 400 0.875rem/1.25rem "Itau Text";
  --ids_textStyle_body_02_bold: 700 0.875rem/1.25rem "Itau Text";
  --ids_textStyle_body_link_01_regular: 400 1rem/1.5rem "Itau Text";
  --ids_textStyle_body_link_01_bold: 700 1rem/1.5rem "Itau Text";
  --ids_textStyle_body_link_01_xbold: 900 1rem/1.5rem "Itau Text";
  --ids_textStyle_body_link_02_regular: 400 0.875rem/1.25rem "Itau Text";
  --ids_textStyle_body_link_02_bold: 700 0.875rem/1.25rem "Itau Text";
  --ids_textStyle_body_link_02_xbold: 900 0.875rem/1.25rem "Itau Text";
  --ids_textStyle_caption_regular: 400 0.75rem/1.125rem "Itau Text";
  --ids_textStyle_caption_bold: 700 0.75rem/1.125rem "Itau Text";
  --ids_textStyle_caption_link_regular: 400 0.75rem/1.125rem "Itau Text";
  --ids_textStyle_caption_link_bold: 700 0.75rem/1.125rem "Itau Text";
  --ids_textStyle_caption_link_xbold: 900 0.75rem/1.125rem "Itau Text";
  --ids_textStyle_label_xsmall_regular: 400 0.75rem/1.125rem "Itau Text";
  --ids_textStyle_label_xsmall_bold: 700 0.75rem/1.125rem "Itau Text";
  --ids_textStyle_label_small_regular: 400 0.875rem/1.25rem "Itau Text";
  --ids_textStyle_label_small_bold: 700 0.875rem/1.25rem "Itau Text";
  --ids_textStyle_label_medium_regular: 400 1rem/1.5rem "Itau Text";
  --ids_textStyle_label_medium_bold: 700 1rem/1.5rem "Itau Text";
  --ids_textStyle_label_large_regular: 400 1.25rem/1.625rem "Itau Text";
  --ids_textStyle_label_large_bold: 700 1.25rem/1.625rem "Itau Text";
  --ids_textStyle_label_xlarge_regular: 400 1.5rem/2rem "Itau Text";
  --ids_textStyle_label_xlarge_bold: 700 1.5rem/2rem "Itau Text";
  --ids_textStyle_icon_small:  1rem/1rem "Itau Icon";
  --ids_textStyle_icon_medium:  1.5rem/1.5rem "Itau Icon";
  --ids_textStyle_icon_large:  2rem/2rem "Itau Icon";
  --ids_textStyle_icon_xLarge:  3rem/3rem "Itau Icon";
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/a11y-prebuilt.css ***!
  \*************************************************************************************************************************************************************************************************************************************/
.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
** Voxel Foundation Formats
*/
/*
** Voxel Foundation Module Handler
*/
.ids-sr-only {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: fixed;
}

/* stylelint-disable declaration-no-important */
.ids-reset-element {
  background: none;
  background-color: none;
  border: 0;
  color: inherit;
  cursor: inherit;
  font: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  text-transform: none;
}

.ids-reset-input {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
}
@media (pointer: coarse) {
  .ids-reset-input {
    outline: 0 !important;
  }
  .ids-reset-input:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-reset-input:focus-visible, .ids-reset-input:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-reset-input:focus-visible, .ids-reset-input:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-reset-input:focus-visible, .ids-reset-input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}

.ids-dummy-width,
.ids-dummy-height {
  left: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  visibility: hidden !important;
}

.ids-dummy-width {
  max-width: 100vw !important;
  padding: 0 !important;
  white-space: nowrap !important;
  width: auto !important;
}

.ids-dummy-height {
  height: auto !important;
  max-height: 100vh !important;
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}

/*
** Voxel Foundation Media Query Mixins
*/
/* stylelint-disable plugin/no-low-performance-animation-properties */
/*
** Voxel Foundation Motion Mixins
*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Remove default padding, list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
  padding: 0;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  height: initial;
  line-height: 1.5;
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizespeed;
}

/* Do not apply blue highlight on active elements on mobile Chrome */
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    scroll-behavior: auto;
    transition-duration: 0.01ms;
  }
}
@supports not selector(:focus-visible) {
  .js-focus-visible :focus:not(.focus-visible) {
    outline: none;
  }
}
@supports not selector(:popover-open) {
  [popover]:not(.\:popover-open) {
    display: none;
  }
}
/*
** Voxel Foundation Reboot
*/
body {
  color: var(--ids_color_text_body_01);
  font: var(--ids_textStyle_f02_s16_h24_wrg);
}

h1 {
  font: var(--ids_textStyle_f01_s24_h32_wbd);
}

h2 {
  font: var(--ids_textStyle_f01_s20_h28_wrg);
}

h3 {
  font: var(--ids_textStyle_f01_s20_h28_wrg);
}

h4 {
  font: var(--ids_textStyle_f01_s16_h24_wbd);
}

/*
** Voxel Foundation Background
*/
.ids-color-bg-base {
  background: var(--ids_color_bg_base) !important;
}

.ids-color-bg-variant-01 {
  background: var(--ids_color_bg_variant_01) !important;
}

.ids-color-bg-variant-02 {
  background: var(--ids_color_bg_variant_02) !important;
}

.ids-color-bg-brand-primary {
  background: var(--ids_color_bg_brand_primary) !important;
}

.ids-color-bg-brand-secondary {
  background: var(--ids_color_bg_brand_secondary) !important;
}

.ids-color-bg-brand-gradient {
  background: var(--ids_color_bg_brand_gradient) !important;
}

/*
** Voxel Foundation Border
*/
.ids-border {
  border-color: var(--ids_color_border_medium) !important;
  border-style: solid !important;
  border-width: var(--ids_size_border_medium) !important;
}

.ids-border-top {
  border-color: var(--ids_color_border_medium) !important;
  border-style: solid !important;
  border-top-width: var(--ids_size_border_medium) !important;
}

.ids-border-bottom {
  border-bottom-width: var(--ids_size_border_medium) !important;
  border-color: var(--ids_color_border_medium) !important;
  border-style: solid !important;
}

.ids-border-left {
  border-color: var(--ids_color_border_medium) !important;
  border-left-width: var(--ids_size_border_medium) !important;
  border-style: solid !important;
}

.ids-border-right {
  border-color: var(--ids_color_border_medium) !important;
  border-right-width: var(--ids_size_border_medium) !important;
  border-style: solid !important;
}

.ids-border-small {
  border-style: solid !important;
  border-width: var(--ids_size_border_small) !important;
}

.ids-border-small-top {
  border-style: solid !important;
  border-top-width: var(--ids_size_border_small) !important;
}

.ids-border-small-bottom {
  border-bottom-width: var(--ids_size_border_small) !important;
  border-style: solid !important;
}

.ids-border-small-left {
  border-left-width: var(--ids_size_border_small) !important;
  border-style: solid !important;
}

.ids-border-small-right {
  border-right-width: var(--ids_size_border_small) !important;
  border-style: solid !important;
}

.ids-border-large {
  border-style: solid !important;
  border-width: var(--ids_size_border_large) !important;
}

.ids-border-large-top {
  border-style: solid !important;
  border-top-width: var(--ids_size_border_large) !important;
}

.ids-border-large-bottom {
  border-bottom-width: var(--ids_size_border_large) !important;
  border-style: solid !important;
}

.ids-border-large-left {
  border-left-width: var(--ids_size_border_large) !important;
  border-style: solid !important;
}

.ids-border-large-right {
  border-right-width: var(--ids_size_border_large) !important;
  border-style: solid !important;
}

.ids-border-color-soft {
  border-color: var(--ids_color_border_soft) !important;
}

.ids-border-color-medium {
  border-color: var(--ids_color_border_medium) !important;
}

.ids-border-color-strong {
  border-color: var(--ids_color_border_strong) !important;
}

.ids-border-radius-layout-01 {
  border-radius: var(--ids_size_cornerRadius_layout_01) !important;
}

.ids-border-radius-layout-02 {
  border-radius: var(--ids_size_cornerRadius_layout_02) !important;
}

.ids-no-border {
  border: none !important;
}

.ids-no-border-top {
  border-top: none !important;
}

.ids-no-border-bottom {
  border-bottom: none !important;
}

.ids-no-border-left {
  border-left: none !important;
}

.ids-no-border-right {
  border-right: none !important;
}

/*
** Voxel Foundation Typography
*/
.ids-insight {
  color: var(--ids_color_text_heading_01) !important;
  font: var(--ids_textStyle_f01_s24_h32_wrg) !important;
}
.ids-insight.-bold {
  font: var(--ids_textStyle_f01_s24_h32_wbd) !important;
}
.ids-insight.-variant {
  color: var(--ids_color_text_highlight) !important;
}
.ids-insight.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary) !important;
}

.ids-overline-text {
  font: var(--ids_textStyle_f02_s16_h24_wrg) !important;
}
.ids-overline-text.-variant {
  color: var(--ids_color_text_highlight) !important;
}
.ids-overline-text.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary) !important;
}

.ids-title {
  color: var(--ids_color_text_heading_01) !important;
  font: var(--ids_textStyle_f01_s32_h48_wrg) !important;
}
.ids-title.-bold {
  font: var(--ids_textStyle_f01_s32_h48_wbd) !important;
}
.ids-title.-variant {
  color: var(--ids_color_text_highlight) !important;
}
.ids-title.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary) !important;
}
.ids-title.-small {
  font: var(--ids_textStyle_f02_s24_h32_wrg) !important;
}
.ids-title.-large {
  font: var(--ids_textStyle_f01_s40_h64_wrg) !important;
}
.ids-title.-large.-bold {
  font: var(--ids_textStyle_f01_s40_h64_wbd) !important;
}
.ids-title.-xlarge {
  font: var(--ids_textStyle_f01_s48_h80_wrg) !important;
}
.ids-title.-xlarge.-bold {
  font: var(--ids_textStyle_f01_s48_h80_wbd) !important;
}
.ids-title.-xxlarge {
  font: var(--ids_textStyle_f01_s64_h100_wrg) !important;
}
.ids-title.-xxlarge.-bold {
  font: var(--ids_textStyle_f01_s64_h100_wbd) !important;
}
@media screen and (width < 768px) {
  .ids-title {
    font: var(--ids_textStyle_f01_s24_h32_wrg) !important;
  }
  .ids-title.-bold {
    font: var(--ids_textStyle_f01_s24_h32_wbd) !important;
  }
  .ids-title.-small {
    font: var(--ids_textStyle_f02_s16_h24_wrg) !important;
  }
}

.ids-subtitle {
  color: var(--ids_color_text_heading_02) !important;
  font: var(--ids_textStyle_f02_s24_h32_wrg) !important;
}
.ids-subtitle.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary) !important;
}
.ids-subtitle.-small {
  font: var(--ids_textStyle_f02_s16_h24_wrg) !important;
}
.ids-subtitle.-large {
  font: var(--ids_textStyle_f02_s32_h48_wrg) !important;
}
.ids-subtitle.-xlarge {
  font: var(--ids_textStyle_f02_s40_h64_wrg) !important;
}
.ids-subtitle.-xxlarge {
  font: var(--ids_textStyle_f02_s48_h80_wrg) !important;
}

.ids-section-title {
  color: var(--ids_color_text_heading_01);
  font: var(--ids_textStyle_f01_s20_h28_wrg) !important;
}
.ids-section-title.-small {
  font: var(--ids_textStyle_f01_s16_h24_wbd) !important;
}
.ids-section-title.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary);
}

.ids-section-title-1 {
  color: var(--ids_color_text_heading_01) !important;
  font: var(--ids_textStyle_f01_s20_h28_wrg) !important;
}
.ids-section-title-1.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary) !important;
}

.ids-section-title-2 {
  color: var(--ids_color_text_heading_01) !important;
  font: var(--ids_textStyle_f01_s16_h24_wbd) !important;
}
.ids-section-title-2.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary) !important;
}

.ids-body-text {
  color: var(--ids_color_text_body_01) !important;
  font: var(--ids_textStyle_f02_s16_h24_wrg) !important;
}
.ids-body-text.-bold {
  font: var(--ids_textStyle_f02_s16_h24_wbd) !important;
}
.ids-body-text.-variant {
  color: var(--ids_color_text_body_02) !important;
}
.ids-body-text.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary) !important;
}
.ids-body-text.-xsmall {
  font: var(--ids_textStyle_f02_s12_h18_wrg) !important;
}
.ids-body-text.-xsmall.-bold {
  font: var(--ids_textStyle_f02_s12_h18_wbd) !important;
}
.ids-body-text.-small {
  font: var(--ids_textStyle_f02_s14_h20_wrg) !important;
}
.ids-body-text.-small.-bold {
  font: var(--ids_textStyle_f02_s14_h20_wbd) !important;
}
.ids-body-text.-large {
  font: var(--ids_textStyle_f02_s18_h26_wrg) !important;
}
.ids-body-text.-large.-bold {
  font: var(--ids_textStyle_f02_s18_h26_wbd) !important;
}

.ids-label {
  color: var(--ids_color_feedback_neutral);
  font: var(--ids_textStyle_f02_s16_h24_wrg);
}
.ids-label.-bold {
  font: var(--ids_textStyle_f02_s16_h24_wbd) !important;
}
.ids-label.-information {
  color: var(--ids_color_feedback_information) !important;
}
.ids-label.-success {
  color: var(--ids_color_feedback_success) !important;
}
.ids-label.-alert {
  color: var(--ids_color_feedback_alert) !important;
}
.ids-label.-error {
  color: var(--ids_color_feedback_error) !important;
}
.ids-label.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary) !important;
}
.ids-label.-disabled {
  color: var(--ids_color_action_disabled_variant) !important;
}
.ids-label.-xsmall {
  font: var(--ids_textStyle_f02_s12_h18_wrg) !important;
}
.ids-label.-xsmall.-bold {
  font: var(--ids_textStyle_f02_s12_h18_wbd) !important;
}
.ids-label.-small {
  font: var(--ids_textStyle_f02_s14_h20_wrg) !important;
}
.ids-label.-small.-bold {
  font: var(--ids_textStyle_f02_s14_h20_wbd) !important;
}
.ids-label.-large {
  font: var(--ids_textStyle_f02_s20_h26_wrg) !important;
}
.ids-label.-large.-bold {
  font: var(--ids_textStyle_f02_s20_h26_wbd) !important;
}
.ids-label.-xlarge {
  font: var(--ids_textStyle_f02_s24_h32_wrg) !important;
}
.ids-label.-xlarge.-bold {
  font: var(--ids_textStyle_f02_s24_h32_wbd) !important;
}

.ids-text-icon-small {
  font: var(--ids_textStyle_icon_small) !important;
}

.ids-text-icon {
  font: var(--ids_textStyle_icon_medium) !important;
}

.ids-text-icon-large {
  font: var(--ids_textStyle_icon_large) !important;
}

.ids-text-title-01 {
  font: var(--ids_textStyle_title_01_base) !important;
}

.ids-text-title-01-variant {
  font: var(--ids_textStyle_title_01_variant) !important;
}

.ids-text-section-01 {
  font: var(--ids_textStyle_section_01) !important;
}

.ids-text-section-02 {
  font: var(--ids_textStyle_section_02) !important;
}

.ids-text-overline {
  font: var(--ids_textStyle_overline) !important;
}

.ids-text-subtitle-01 {
  font: var(--ids_textStyle_subtitle_01) !important;
}

.ids-text-insight {
  font: var(--ids_textStyle_insight_regular) !important;
}

.ids-text-insight-bold {
  font: var(--ids_textStyle_insight_bold) !important;
}

.ids-text-body-01 {
  font: var(--ids_textStyle_body_01_regular) !important;
}

.ids-text-body-01-bold {
  font: var(--ids_textStyle_body_01_bold) !important;
}

.ids-text-body-02 {
  font: var(--ids_textStyle_body_02_regular) !important;
}

.ids-text-body-02-bold {
  font: var(--ids_textStyle_body_02_bold) !important;
}

.ids-text-caption {
  font: var(--ids_textStyle_caption_regular) !important;
}

.ids-text-caption-bold {
  font: var(--ids_textStyle_caption_bold) !important;
}

.ids-text-label-xsmall {
  font: var(--ids_textStyle_label_xsmall_regular) !important;
}

.ids-text-label-xsmall-bold {
  font: var(--ids_textStyle_label_xsmall_bold) !important;
}

.ids-text-label-small {
  font: var(--ids_textStyle_label_small_regular) !important;
}

.ids-text-label-small-bold {
  font: var(--ids_textStyle_label_small_bold) !important;
}

.ids-text-label-medium {
  font: var(--ids_textStyle_label_medium_regular) !important;
}

.ids-text-label-medium-bold {
  font: var(--ids_textStyle_label_medium_bold) !important;
}

.ids-text-label-large {
  font: var(--ids_textStyle_label_large_regular) !important;
}

.ids-text-label-large-bold {
  font: var(--ids_textStyle_label_large_bold) !important;
}

.ids-text-label-xlarge {
  font: var(--ids_textStyle_label_xlarge_regular) !important;
}

.ids-text-label-xlarge-bold {
  font: var(--ids_textStyle_label_xlarge_bold) !important;
}

/*
** Voxel Foundation Colors
*/
.ids-color-text-heading-1 {
  color: var(--ids_color_text_heading_01) !important;
}

.ids-color-text-heading-2 {
  color: var(--ids_color_text_heading_02) !important;
}

.ids-color-text-body-1 {
  color: var(--ids_color_text_body_01) !important;
}

.ids-color-text-body-2 {
  color: var(--ids_color_text_body_02) !important;
}

.ids-color-text-highlight {
  color: var(--ids_color_text_highlight) !important;
}

.ids-d-block {
  /* stylelint-disable-next-line declaration-no-important */
  display: block !important;
}
.ids-d-flex {
  /* stylelint-disable-next-line declaration-no-important */
  display: flex !important;
}
.ids-d-grid {
  /* stylelint-disable-next-line declaration-no-important */
  display: grid !important;
}
.ids-d-inline-block {
  /* stylelint-disable-next-line declaration-no-important */
  display: inline-block !important;
}
.ids-d-inline-flex {
  /* stylelint-disable-next-line declaration-no-important */
  display: inline-flex !important;
}
.ids-d-inline-grid {
  /* stylelint-disable-next-line declaration-no-important */
  display: inline-grid !important;
}
.ids-d-none {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.ids-d-table-cell {
  /* stylelint-disable-next-line declaration-no-important */
  display: table-cell !important;
}
.ids-d-table-row {
  /* stylelint-disable-next-line declaration-no-important */
  display: table-row !important;
}
.ids-d-table {
  /* stylelint-disable-next-line declaration-no-important */
  display: table !important;
}
@media screen and (width >= 48rem) {
  .ids-d-sm-block {
    /* stylelint-disable-next-line declaration-no-important */
    display: block !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-d-sm-flex {
    /* stylelint-disable-next-line declaration-no-important */
    display: flex !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-d-sm-grid {
    /* stylelint-disable-next-line declaration-no-important */
    display: grid !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-d-sm-inline-block {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-block !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-d-sm-inline-flex {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-flex !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-d-sm-inline-grid {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-grid !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-d-sm-none {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-d-sm-table-cell {
    /* stylelint-disable-next-line declaration-no-important */
    display: table-cell !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-d-sm-table-row {
    /* stylelint-disable-next-line declaration-no-important */
    display: table-row !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-d-sm-table {
    /* stylelint-disable-next-line declaration-no-important */
    display: table !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-block {
    /* stylelint-disable-next-line declaration-no-important */
    display: block !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-flex {
    /* stylelint-disable-next-line declaration-no-important */
    display: flex !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-grid {
    /* stylelint-disable-next-line declaration-no-important */
    display: grid !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-inline-block {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-block !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-inline-flex {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-flex !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-inline-grid {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-grid !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-none {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-table-cell {
    /* stylelint-disable-next-line declaration-no-important */
    display: table-cell !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-table-row {
    /* stylelint-disable-next-line declaration-no-important */
    display: table-row !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-d-md-table {
    /* stylelint-disable-next-line declaration-no-important */
    display: table !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-block {
    /* stylelint-disable-next-line declaration-no-important */
    display: block !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-flex {
    /* stylelint-disable-next-line declaration-no-important */
    display: flex !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-grid {
    /* stylelint-disable-next-line declaration-no-important */
    display: grid !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-inline-block {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-block !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-inline-flex {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-flex !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-inline-grid {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-grid !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-none {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-table-cell {
    /* stylelint-disable-next-line declaration-no-important */
    display: table-cell !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-table-row {
    /* stylelint-disable-next-line declaration-no-important */
    display: table-row !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-d-lg-table {
    /* stylelint-disable-next-line declaration-no-important */
    display: table !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-block {
    /* stylelint-disable-next-line declaration-no-important */
    display: block !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-flex {
    /* stylelint-disable-next-line declaration-no-important */
    display: flex !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-grid {
    /* stylelint-disable-next-line declaration-no-important */
    display: grid !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-inline-block {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-block !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-inline-flex {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-flex !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-inline-grid {
    /* stylelint-disable-next-line declaration-no-important */
    display: inline-grid !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-none {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-table-cell {
    /* stylelint-disable-next-line declaration-no-important */
    display: table-cell !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-table-row {
    /* stylelint-disable-next-line declaration-no-important */
    display: table-row !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-d-xl-table {
    /* stylelint-disable-next-line declaration-no-important */
    display: table !important;
  }
}

.ids-flex-row {
  /* stylelint-disable-next-line declaration-no-important */
  flex-direction: row !important;
}
.ids-flex-row-reverse {
  /* stylelint-disable-next-line declaration-no-important */
  flex-direction: row-reverse !important;
}
.ids-flex-column {
  /* stylelint-disable-next-line declaration-no-important */
  flex-direction: column !important;
}
.ids-flex-column-reverse {
  /* stylelint-disable-next-line declaration-no-important */
  flex-direction: column-reverse !important;
}
.ids-flex-nowrap {
  /* stylelint-disable-next-line declaration-no-important */
  flex-wrap: nowrap !important;
}
.ids-flex-wrap {
  /* stylelint-disable-next-line declaration-no-important */
  flex-wrap: wrap !important;
}
.ids-flex-wrap-reverse {
  /* stylelint-disable-next-line declaration-no-important */
  flex-wrap: wrap-reverse !important;
}
.ids-flex-grow-0 {
  /* stylelint-disable-next-line declaration-no-important */
  flex-grow: 0 !important;
}
.ids-flex-grow-1 {
  /* stylelint-disable-next-line declaration-no-important */
  flex-grow: 1 !important;
}
.ids-flex-shrink-0 {
  /* stylelint-disable-next-line declaration-no-important */
  flex-shrink: 0 !important;
}
.ids-flex-shrink-1 {
  /* stylelint-disable-next-line declaration-no-important */
  flex-shrink: 1 !important;
}
.ids-flex-fill {
  /* stylelint-disable-next-line declaration-no-important */
  flex: 1 1 auto !important;
}
.ids-justify-content-start {
  /* stylelint-disable-next-line declaration-no-important */
  justify-content: flex-start !important;
}
.ids-justify-content-end {
  /* stylelint-disable-next-line declaration-no-important */
  justify-content: flex-end !important;
}
.ids-justify-content-center {
  /* stylelint-disable-next-line declaration-no-important */
  justify-content: center !important;
}
.ids-justify-content-between {
  /* stylelint-disable-next-line declaration-no-important */
  justify-content: space-between !important;
}
.ids-justify-content-around {
  /* stylelint-disable-next-line declaration-no-important */
  justify-content: space-around !important;
}
.ids-justify-content-evenly {
  /* stylelint-disable-next-line declaration-no-important */
  justify-content: space-evenly !important;
}
.ids-align-items-start {
  /* stylelint-disable-next-line declaration-no-important */
  align-items: flex-start !important;
}
.ids-align-items-end {
  /* stylelint-disable-next-line declaration-no-important */
  align-items: flex-end !important;
}
.ids-align-items-center {
  /* stylelint-disable-next-line declaration-no-important */
  align-items: center !important;
}
.ids-align-items-baseline {
  /* stylelint-disable-next-line declaration-no-important */
  align-items: baseline !important;
}
.ids-align-items-stretch {
  /* stylelint-disable-next-line declaration-no-important */
  align-items: stretch !important;
}
.ids-align-self-start {
  /* stylelint-disable-next-line declaration-no-important */
  align-self: flex-start !important;
}
.ids-align-self-end {
  /* stylelint-disable-next-line declaration-no-important */
  align-self: flex-end !important;
}
.ids-align-self-center {
  /* stylelint-disable-next-line declaration-no-important */
  align-self: center !important;
}
.ids-align-self-baseline {
  /* stylelint-disable-next-line declaration-no-important */
  align-self: baseline !important;
}
.ids-align-self-stretch {
  /* stylelint-disable-next-line declaration-no-important */
  align-self: stretch !important;
}
.ids-align-content-start {
  /* stylelint-disable-next-line declaration-no-important */
  align-content: flex-start !important;
}
.ids-align-content-end {
  /* stylelint-disable-next-line declaration-no-important */
  align-content: flex-end !important;
}
.ids-align-content-center {
  /* stylelint-disable-next-line declaration-no-important */
  align-content: center !important;
}
.ids-align-content-between {
  /* stylelint-disable-next-line declaration-no-important */
  align-content: space-between !important;
}
.ids-align-content-around {
  /* stylelint-disable-next-line declaration-no-important */
  align-content: space-around !important;
}
.ids-align-content-evenly {
  /* stylelint-disable-next-line declaration-no-important */
  align-content: space-evenly !important;
}
.ids-align-content-stretch {
  /* stylelint-disable-next-line declaration-no-important */
  align-content: stretch !important;
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-row {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: row !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-row-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: row-reverse !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-column {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: column !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-column-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: column-reverse !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-nowrap {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: nowrap !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-wrap {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: wrap !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-wrap-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-grow-0 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-grow: 0 !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-grow-1 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-grow: 1 !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-shrink-0 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-shrink: 0 !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-shrink-1 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-shrink: 1 !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-flex-sm-fill {
    /* stylelint-disable-next-line declaration-no-important */
    flex: 1 1 auto !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-justify-content-sm-start {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: flex-start !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-justify-content-sm-end {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: flex-end !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-justify-content-sm-center {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: center !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-justify-content-sm-between {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-between !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-justify-content-sm-around {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-around !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-justify-content-sm-evenly {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-evenly !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-items-sm-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: flex-start !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-items-sm-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: flex-end !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-items-sm-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: center !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-items-sm-baseline {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: baseline !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-items-sm-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: stretch !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-self-sm-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: flex-start !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-self-sm-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: flex-end !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-self-sm-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: center !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-self-sm-baseline {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: baseline !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-self-sm-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: stretch !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-content-sm-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: flex-start !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-content-sm-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: flex-end !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-content-sm-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: center !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-content-sm-between {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-between !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-content-sm-around {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-around !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-content-sm-evenly {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-evenly !important;
  }
}
@media screen and (width >= 48rem) {
  .ids-align-content-sm-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: stretch !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-row {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: row !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-row-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: row-reverse !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-column {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: column !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-column-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: column-reverse !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-nowrap {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: nowrap !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-wrap {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: wrap !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-wrap-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-grow-0 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-grow: 0 !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-grow-1 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-grow: 1 !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-shrink-0 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-shrink: 0 !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-shrink-1 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-shrink: 1 !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-flex-md-fill {
    /* stylelint-disable-next-line declaration-no-important */
    flex: 1 1 auto !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-justify-content-md-start {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: flex-start !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-justify-content-md-end {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: flex-end !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-justify-content-md-center {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: center !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-justify-content-md-between {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-between !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-justify-content-md-around {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-around !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-justify-content-md-evenly {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-evenly !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-items-md-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: flex-start !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-items-md-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: flex-end !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-items-md-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: center !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-items-md-baseline {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: baseline !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-items-md-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: stretch !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-self-md-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: flex-start !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-self-md-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: flex-end !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-self-md-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: center !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-self-md-baseline {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: baseline !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-self-md-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: stretch !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-content-md-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: flex-start !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-content-md-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: flex-end !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-content-md-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: center !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-content-md-between {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-between !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-content-md-around {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-around !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-content-md-evenly {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-evenly !important;
  }
}
@media screen and (width >= 64rem) {
  .ids-align-content-md-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: stretch !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-row {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: row !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-row-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: row-reverse !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-column {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: column !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-column-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: column-reverse !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-nowrap {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: nowrap !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-wrap {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: wrap !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-wrap-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-grow-0 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-grow: 0 !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-grow-1 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-grow: 1 !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-shrink-0 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-shrink: 0 !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-shrink-1 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-shrink: 1 !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-flex-lg-fill {
    /* stylelint-disable-next-line declaration-no-important */
    flex: 1 1 auto !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-justify-content-lg-start {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: flex-start !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-justify-content-lg-end {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: flex-end !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-justify-content-lg-center {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: center !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-justify-content-lg-between {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-between !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-justify-content-lg-around {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-around !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-justify-content-lg-evenly {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-evenly !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-items-lg-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: flex-start !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-items-lg-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: flex-end !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-items-lg-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: center !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-items-lg-baseline {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: baseline !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-items-lg-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: stretch !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-self-lg-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: flex-start !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-self-lg-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: flex-end !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-self-lg-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: center !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-self-lg-baseline {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: baseline !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-self-lg-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: stretch !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-content-lg-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: flex-start !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-content-lg-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: flex-end !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-content-lg-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: center !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-content-lg-between {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-between !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-content-lg-around {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-around !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-content-lg-evenly {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-evenly !important;
  }
}
@media screen and (width >= 80rem) {
  .ids-align-content-lg-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: stretch !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-row {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: row !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-row-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: row-reverse !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-column {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: column !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-column-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-direction: column-reverse !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-nowrap {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: nowrap !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-wrap {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: wrap !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-wrap-reverse {
    /* stylelint-disable-next-line declaration-no-important */
    flex-wrap: wrap-reverse !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-grow-0 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-grow: 0 !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-grow-1 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-grow: 1 !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-shrink-0 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-shrink: 0 !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-shrink-1 {
    /* stylelint-disable-next-line declaration-no-important */
    flex-shrink: 1 !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-flex-xl-fill {
    /* stylelint-disable-next-line declaration-no-important */
    flex: 1 1 auto !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-justify-content-xl-start {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: flex-start !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-justify-content-xl-end {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: flex-end !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-justify-content-xl-center {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: center !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-justify-content-xl-between {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-between !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-justify-content-xl-around {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-around !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-justify-content-xl-evenly {
    /* stylelint-disable-next-line declaration-no-important */
    justify-content: space-evenly !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-items-xl-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: flex-start !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-items-xl-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: flex-end !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-items-xl-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: center !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-items-xl-baseline {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: baseline !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-items-xl-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-items: stretch !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-self-xl-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: flex-start !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-self-xl-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: flex-end !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-self-xl-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: center !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-self-xl-baseline {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: baseline !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-self-xl-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-self: stretch !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-content-xl-start {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: flex-start !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-content-xl-end {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: flex-end !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-content-xl-center {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: center !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-content-xl-between {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-between !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-content-xl-around {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-around !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-content-xl-evenly {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: space-evenly !important;
  }
}
@media screen and (width >= 100rem) {
  .ids-align-content-xl-stretch {
    /* stylelint-disable-next-line declaration-no-important */
    align-content: stretch !important;
  }
}

/*
** Voxel Foundation Opacity
*/
.ids-opacity-empty {
  opacity: var(--ids_opacity_empty) !important;
}

.ids-opacity-soft {
  opacity: var(--ids_opacity_soft) !important;
}

.ids-opacity-medium {
  opacity: var(--ids_opacity_medium) !important;
}

.ids-opacity-strong {
  opacity: var(--ids_opacity_strong) !important;
}

.ids-opacity-none {
  opacity: var(--ids_opacity_none) !important;
}

/*
** Voxel Foundation Spacing
*/
.ids-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.ids-p-0 {
  padding: 0 !important;
}

.ids-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.ids-py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.ids-pt-0 {
  padding-top: 0 !important;
}

.ids-pb-0 {
  padding-bottom: 0 !important;
}

.ids-pl-0 {
  padding-left: 0 !important;
}

.ids-pr-0 {
  padding-right: 0 !important;
}

.ids-p-1 {
  padding: var(--ids_spacing_1x) !important;
}

.ids-px-1 {
  padding-left: var(--ids_spacing_1x) !important;
  padding-right: var(--ids_spacing_1x) !important;
}

.ids-py-1 {
  padding-bottom: var(--ids_spacing_1x) !important;
  padding-top: var(--ids_spacing_1x) !important;
}

.ids-pt-1 {
  padding-top: var(--ids_spacing_1x) !important;
}

.ids-pb-1 {
  padding-bottom: var(--ids_spacing_1x) !important;
}

.ids-pl-1 {
  padding-left: var(--ids_spacing_1x) !important;
}

.ids-pr-1 {
  padding-right: var(--ids_spacing_1x) !important;
}

.ids-p-2 {
  padding: var(--ids_spacing_2x) !important;
}

.ids-px-2 {
  padding-left: var(--ids_spacing_2x) !important;
  padding-right: var(--ids_spacing_2x) !important;
}

.ids-py-2 {
  padding-bottom: var(--ids_spacing_2x) !important;
  padding-top: var(--ids_spacing_2x) !important;
}

.ids-pt-2 {
  padding-top: var(--ids_spacing_2x) !important;
}

.ids-pb-2 {
  padding-bottom: var(--ids_spacing_2x) !important;
}

.ids-pl-2 {
  padding-left: var(--ids_spacing_2x) !important;
}

.ids-pr-2 {
  padding-right: var(--ids_spacing_2x) !important;
}

.ids-p-3 {
  padding: var(--ids_spacing_3x) !important;
}

.ids-px-3 {
  padding-left: var(--ids_spacing_3x) !important;
  padding-right: var(--ids_spacing_3x) !important;
}

.ids-py-3 {
  padding-bottom: var(--ids_spacing_3x) !important;
  padding-top: var(--ids_spacing_3x) !important;
}

.ids-pt-3 {
  padding-top: var(--ids_spacing_3x) !important;
}

.ids-pb-3 {
  padding-bottom: var(--ids_spacing_3x) !important;
}

.ids-pl-3 {
  padding-left: var(--ids_spacing_3x) !important;
}

.ids-pr-3 {
  padding-right: var(--ids_spacing_3x) !important;
}

.ids-p-4 {
  padding: var(--ids_spacing_4x) !important;
}

.ids-px-4 {
  padding-left: var(--ids_spacing_4x) !important;
  padding-right: var(--ids_spacing_4x) !important;
}

.ids-py-4 {
  padding-bottom: var(--ids_spacing_4x) !important;
  padding-top: var(--ids_spacing_4x) !important;
}

.ids-pt-4 {
  padding-top: var(--ids_spacing_4x) !important;
}

.ids-pb-4 {
  padding-bottom: var(--ids_spacing_4x) !important;
}

.ids-pl-4 {
  padding-left: var(--ids_spacing_4x) !important;
}

.ids-pr-4 {
  padding-right: var(--ids_spacing_4x) !important;
}

.ids-p-5 {
  padding: var(--ids_spacing_5x) !important;
}

.ids-px-5 {
  padding-left: var(--ids_spacing_5x) !important;
  padding-right: var(--ids_spacing_5x) !important;
}

.ids-py-5 {
  padding-bottom: var(--ids_spacing_5x) !important;
  padding-top: var(--ids_spacing_5x) !important;
}

.ids-pt-5 {
  padding-top: var(--ids_spacing_5x) !important;
}

.ids-pb-5 {
  padding-bottom: var(--ids_spacing_5x) !important;
}

.ids-pl-5 {
  padding-left: var(--ids_spacing_5x) !important;
}

.ids-pr-5 {
  padding-right: var(--ids_spacing_5x) !important;
}

.ids-p-6 {
  padding: var(--ids_spacing_6x) !important;
}

.ids-px-6 {
  padding-left: var(--ids_spacing_6x) !important;
  padding-right: var(--ids_spacing_6x) !important;
}

.ids-py-6 {
  padding-bottom: var(--ids_spacing_6x) !important;
  padding-top: var(--ids_spacing_6x) !important;
}

.ids-pt-6 {
  padding-top: var(--ids_spacing_6x) !important;
}

.ids-pb-6 {
  padding-bottom: var(--ids_spacing_6x) !important;
}

.ids-pl-6 {
  padding-left: var(--ids_spacing_6x) !important;
}

.ids-pr-6 {
  padding-right: var(--ids_spacing_6x) !important;
}

.ids-p-7 {
  padding: var(--ids_spacing_8x) !important;
}

.ids-px-7 {
  padding-left: var(--ids_spacing_8x) !important;
  padding-right: var(--ids_spacing_8x) !important;
}

.ids-py-7 {
  padding-bottom: var(--ids_spacing_8x) !important;
  padding-top: var(--ids_spacing_8x) !important;
}

.ids-pt-7 {
  padding-top: var(--ids_spacing_8x) !important;
}

.ids-pb-7 {
  padding-bottom: var(--ids_spacing_8x) !important;
}

.ids-pl-7 {
  padding-left: var(--ids_spacing_8x) !important;
}

.ids-pr-7 {
  padding-right: var(--ids_spacing_8x) !important;
}

.ids-p-8 {
  padding: var(--ids_spacing_10x) !important;
}

.ids-px-8 {
  padding-left: var(--ids_spacing_10x) !important;
  padding-right: var(--ids_spacing_10x) !important;
}

.ids-py-8 {
  padding-bottom: var(--ids_spacing_10x) !important;
  padding-top: var(--ids_spacing_10x) !important;
}

.ids-pt-8 {
  padding-top: var(--ids_spacing_10x) !important;
}

.ids-pb-8 {
  padding-bottom: var(--ids_spacing_10x) !important;
}

.ids-pl-8 {
  padding-left: var(--ids_spacing_10x) !important;
}

.ids-pr-8 {
  padding-right: var(--ids_spacing_10x) !important;
}

.ids-p-9 {
  padding: var(--ids_spacing_12x) !important;
}

.ids-px-9 {
  padding-left: var(--ids_spacing_12x) !important;
  padding-right: var(--ids_spacing_12x) !important;
}

.ids-py-9 {
  padding-bottom: var(--ids_spacing_12x) !important;
  padding-top: var(--ids_spacing_12x) !important;
}

.ids-pt-9 {
  padding-top: var(--ids_spacing_12x) !important;
}

.ids-pb-9 {
  padding-bottom: var(--ids_spacing_12x) !important;
}

.ids-pl-9 {
  padding-left: var(--ids_spacing_12x) !important;
}

.ids-pr-9 {
  padding-right: var(--ids_spacing_12x) !important;
}

.ids-p-10 {
  padding: var(--ids_spacing_14x) !important;
}

.ids-px-10 {
  padding-left: var(--ids_spacing_14x) !important;
  padding-right: var(--ids_spacing_14x) !important;
}

.ids-py-10 {
  padding-bottom: var(--ids_spacing_14x) !important;
  padding-top: var(--ids_spacing_14x) !important;
}

.ids-pt-10 {
  padding-top: var(--ids_spacing_14x) !important;
}

.ids-pb-10 {
  padding-bottom: var(--ids_spacing_14x) !important;
}

.ids-pl-10 {
  padding-left: var(--ids_spacing_14x) !important;
}

.ids-pr-10 {
  padding-right: var(--ids_spacing_14x) !important;
}

.ids-m-0 {
  margin: 0 !important;
}

.ids-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ids-my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.ids-mt-0 {
  margin-top: 0 !important;
}

.ids-mb-0 {
  margin-bottom: 0 !important;
}

.ids-ml-0 {
  margin-left: 0 !important;
}

.ids-mr-0 {
  margin-right: 0 !important;
}

.ids-m-1 {
  margin: var(--ids_spacing_1x) !important;
}

.ids-mx-1 {
  margin-left: var(--ids_spacing_1x) !important;
  margin-right: var(--ids_spacing_1x) !important;
}

.ids-my-1 {
  margin-bottom: var(--ids_spacing_1x) !important;
  margin-top: var(--ids_spacing_1x) !important;
}

.ids-mt-1 {
  margin-top: var(--ids_spacing_1x) !important;
}

.ids-mb-1 {
  margin-bottom: var(--ids_spacing_1x) !important;
}

.ids-ml-1 {
  margin-left: var(--ids_spacing_1x) !important;
}

.ids-mr-1 {
  margin-right: var(--ids_spacing_1x) !important;
}

.ids-m-2 {
  margin: var(--ids_spacing_2x) !important;
}

.ids-mx-2 {
  margin-left: var(--ids_spacing_2x) !important;
  margin-right: var(--ids_spacing_2x) !important;
}

.ids-my-2 {
  margin-bottom: var(--ids_spacing_2x) !important;
  margin-top: var(--ids_spacing_2x) !important;
}

.ids-mt-2 {
  margin-top: var(--ids_spacing_2x) !important;
}

.ids-mb-2 {
  margin-bottom: var(--ids_spacing_2x) !important;
}

.ids-ml-2 {
  margin-left: var(--ids_spacing_2x) !important;
}

.ids-mr-2 {
  margin-right: var(--ids_spacing_2x) !important;
}

.ids-m-3 {
  margin: var(--ids_spacing_3x) !important;
}

.ids-mx-3 {
  margin-left: var(--ids_spacing_3x) !important;
  margin-right: var(--ids_spacing_3x) !important;
}

.ids-my-3 {
  margin-bottom: var(--ids_spacing_3x) !important;
  margin-top: var(--ids_spacing_3x) !important;
}

.ids-mt-3 {
  margin-top: var(--ids_spacing_3x) !important;
}

.ids-mb-3 {
  margin-bottom: var(--ids_spacing_3x) !important;
}

.ids-ml-3 {
  margin-left: var(--ids_spacing_3x) !important;
}

.ids-mr-3 {
  margin-right: var(--ids_spacing_3x) !important;
}

.ids-m-4 {
  margin: var(--ids_spacing_4x) !important;
}

.ids-mx-4 {
  margin-left: var(--ids_spacing_4x) !important;
  margin-right: var(--ids_spacing_4x) !important;
}

.ids-my-4 {
  margin-bottom: var(--ids_spacing_4x) !important;
  margin-top: var(--ids_spacing_4x) !important;
}

.ids-mt-4 {
  margin-top: var(--ids_spacing_4x) !important;
}

.ids-mb-4 {
  margin-bottom: var(--ids_spacing_4x) !important;
}

.ids-ml-4 {
  margin-left: var(--ids_spacing_4x) !important;
}

.ids-mr-4 {
  margin-right: var(--ids_spacing_4x) !important;
}

.ids-m-5 {
  margin: var(--ids_spacing_5x) !important;
}

.ids-mx-5 {
  margin-left: var(--ids_spacing_5x) !important;
  margin-right: var(--ids_spacing_5x) !important;
}

.ids-my-5 {
  margin-bottom: var(--ids_spacing_5x) !important;
  margin-top: var(--ids_spacing_5x) !important;
}

.ids-mt-5 {
  margin-top: var(--ids_spacing_5x) !important;
}

.ids-mb-5 {
  margin-bottom: var(--ids_spacing_5x) !important;
}

.ids-ml-5 {
  margin-left: var(--ids_spacing_5x) !important;
}

.ids-mr-5 {
  margin-right: var(--ids_spacing_5x) !important;
}

.ids-m-6 {
  margin: var(--ids_spacing_6x) !important;
}

.ids-mx-6 {
  margin-left: var(--ids_spacing_6x) !important;
  margin-right: var(--ids_spacing_6x) !important;
}

.ids-my-6 {
  margin-bottom: var(--ids_spacing_6x) !important;
  margin-top: var(--ids_spacing_6x) !important;
}

.ids-mt-6 {
  margin-top: var(--ids_spacing_6x) !important;
}

.ids-mb-6 {
  margin-bottom: var(--ids_spacing_6x) !important;
}

.ids-ml-6 {
  margin-left: var(--ids_spacing_6x) !important;
}

.ids-mr-6 {
  margin-right: var(--ids_spacing_6x) !important;
}

.ids-m-7 {
  margin: var(--ids_spacing_8x) !important;
}

.ids-mx-7 {
  margin-left: var(--ids_spacing_8x) !important;
  margin-right: var(--ids_spacing_8x) !important;
}

.ids-my-7 {
  margin-bottom: var(--ids_spacing_8x) !important;
  margin-top: var(--ids_spacing_8x) !important;
}

.ids-mt-7 {
  margin-top: var(--ids_spacing_8x) !important;
}

.ids-mb-7 {
  margin-bottom: var(--ids_spacing_8x) !important;
}

.ids-ml-7 {
  margin-left: var(--ids_spacing_8x) !important;
}

.ids-mr-7 {
  margin-right: var(--ids_spacing_8x) !important;
}

.ids-m-8 {
  margin: var(--ids_spacing_10x) !important;
}

.ids-mx-8 {
  margin-left: var(--ids_spacing_10x) !important;
  margin-right: var(--ids_spacing_10x) !important;
}

.ids-my-8 {
  margin-bottom: var(--ids_spacing_10x) !important;
  margin-top: var(--ids_spacing_10x) !important;
}

.ids-mt-8 {
  margin-top: var(--ids_spacing_10x) !important;
}

.ids-mb-8 {
  margin-bottom: var(--ids_spacing_10x) !important;
}

.ids-ml-8 {
  margin-left: var(--ids_spacing_10x) !important;
}

.ids-mr-8 {
  margin-right: var(--ids_spacing_10x) !important;
}

.ids-m-9 {
  margin: var(--ids_spacing_12x) !important;
}

.ids-mx-9 {
  margin-left: var(--ids_spacing_12x) !important;
  margin-right: var(--ids_spacing_12x) !important;
}

.ids-my-9 {
  margin-bottom: var(--ids_spacing_12x) !important;
  margin-top: var(--ids_spacing_12x) !important;
}

.ids-mt-9 {
  margin-top: var(--ids_spacing_12x) !important;
}

.ids-mb-9 {
  margin-bottom: var(--ids_spacing_12x) !important;
}

.ids-ml-9 {
  margin-left: var(--ids_spacing_12x) !important;
}

.ids-mr-9 {
  margin-right: var(--ids_spacing_12x) !important;
}

.ids-m-10 {
  margin: var(--ids_spacing_14x) !important;
}

.ids-mx-10 {
  margin-left: var(--ids_spacing_14x) !important;
  margin-right: var(--ids_spacing_14x) !important;
}

.ids-my-10 {
  margin-bottom: var(--ids_spacing_14x) !important;
  margin-top: var(--ids_spacing_14x) !important;
}

.ids-mt-10 {
  margin-top: var(--ids_spacing_14x) !important;
}

.ids-mb-10 {
  margin-bottom: var(--ids_spacing_14x) !important;
}

.ids-ml-10 {
  margin-left: var(--ids_spacing_14x) !important;
}

.ids-mr-10 {
  margin-right: var(--ids_spacing_14x) !important;
}

/*
** Voxel Foundation Containers Mixins
*/
/*
** Voxel Foundation Layout
*/
[class*=ids-container] {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}

.ids-container {
  max-width: 48rem;
  padding: 0 1.5rem;
}
@media screen and (width >= 20rem) {
  .ids-container-xs {
    max-width: 48rem;
    padding: 0 var(--ids_layout_padding_xs, 1.5rem);
  }
}
@media screen and (width >= 48rem) {
  .ids-container {
    max-width: 64rem;
    padding: 0 var(--ids_layout_padding_sm, 1.5rem);
  }
}
@media screen and (width >= 20rem) {
  .ids-container-sm {
    max-width: 48rem;
    padding: 0 var(--ids_layout_padding_sm, 1.5rem);
  }
}
@media screen and (width >= 48rem) {
  .ids-container-sm {
    max-width: 64rem;
    padding: 0 var(--ids_layout_padding_sm, 1.5rem);
  }
}
@media screen and (width >= 64rem) {
  .ids-container {
    max-width: 64rem;
    padding: 0 var(--ids_layout_padding_md, 3rem);
  }
}
@media screen and (width >= 20rem) {
  .ids-container-md {
    max-width: 48rem;
    padding: 0 var(--ids_layout_padding_md, 1.5rem);
  }
}
@media screen and (width >= 48rem) {
  .ids-container-md {
    max-width: 64rem;
    padding: 0 var(--ids_layout_padding_md, 1.5rem);
  }
}
@media screen and (width >= 64rem) {
  .ids-container-md {
    max-width: 64rem;
    padding: 0 var(--ids_layout_padding_md, 3rem);
  }
}
@media screen and (width >= 80rem) {
  .ids-container {
    max-width: 80rem;
    padding: 0 var(--ids_layout_padding_lg, 3.5rem);
  }
}
@media screen and (width >= 20rem) {
  .ids-container-lg {
    max-width: 48rem;
    padding: 0 var(--ids_layout_padding_lg, 1.5rem);
  }
}
@media screen and (width >= 48rem) {
  .ids-container-lg {
    max-width: 64rem;
    padding: 0 var(--ids_layout_padding_lg, 1.5rem);
  }
}
@media screen and (width >= 64rem) {
  .ids-container-lg {
    max-width: 64rem;
    padding: 0 var(--ids_layout_padding_lg, 3rem);
  }
}
@media screen and (width >= 80rem) {
  .ids-container-lg {
    max-width: 80rem;
    padding: 0 var(--ids_layout_padding_lg, 3.5rem);
  }
}
@media screen and (width >= 100rem) {
  .ids-container {
    max-width: 100rem;
    padding: 0 var(--ids_layout_padding_xl, 4.5rem);
  }
}
@media screen and (width >= 20rem) {
  .ids-container-xl {
    max-width: 48rem;
    padding: 0 var(--ids_layout_padding_xl, 1.5rem);
  }
}
@media screen and (width >= 48rem) {
  .ids-container-xl {
    max-width: 64rem;
    padding: 0 var(--ids_layout_padding_xl, 1.5rem);
  }
}
@media screen and (width >= 64rem) {
  .ids-container-xl {
    max-width: 64rem;
    padding: 0 var(--ids_layout_padding_xl, 3rem);
  }
}
@media screen and (width >= 80rem) {
  .ids-container-xl {
    max-width: 80rem;
    padding: 0 var(--ids_layout_padding_xl, 3.5rem);
  }
}
@media screen and (width >= 100rem) {
  .ids-container-xl {
    max-width: 100rem;
    padding: 0 var(--ids_layout_padding_xl, 4.5rem);
  }
}

@media screen and (width >= 20rem) {
  .ids-container-fluid {
    padding-left: var(--ids_layout_padding_xs, 1.5rem);
    padding-right: var(--ids_layout_padding_xs, 1.5rem);
  }
}
@media screen and (width >= 48rem) {
  .ids-container-fluid {
    padding-left: var(--ids_layout_padding_sm, 1.5rem);
    padding-right: var(--ids_layout_padding_sm, 1.5rem);
  }
}
@media screen and (width >= 64rem) {
  .ids-container-fluid {
    padding-left: var(--ids_layout_padding_md, 3rem);
    padding-right: var(--ids_layout_padding_md, 3rem);
  }
}
@media screen and (width >= 80rem) {
  .ids-container-fluid {
    padding-left: var(--ids_layout_padding_lg, 3.5rem);
    padding-right: var(--ids_layout_padding_lg, 3.5rem);
  }
}
@media screen and (width >= 100rem) {
  .ids-container-fluid {
    padding-left: var(--ids_layout_padding_xl, 4.5rem);
    padding-right: var(--ids_layout_padding_xl, 4.5rem);
  }
}

[class*=ids-row] {
  display: grid;
  margin: 0;
  width: 100%;
}

.ids-row {
  gap: var(--ids_layout_gutter_xs, 1rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (width >= 48rem) {
  .ids-row {
    gap: var(--ids_layout_gutter_sm, 1rem);
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media screen and (width >= 64rem) {
  .ids-row {
    gap: var(--ids_layout_gutter_md, 2rem);
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media screen and (width >= 80rem) {
  .ids-row {
    gap: var(--ids_layout_gutter_lg, 2rem);
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media screen and (width >= 100rem) {
  .ids-row {
    gap: var(--ids_layout_gutter_xl, 2rem);
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
.ids-row-4 {
  gap: var(--ids_layout_gutter_xs, 1rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.ids-row-8 {
  gap: var(--ids_layout_gutter_xs, 1rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (width >= 48rem) {
  .ids-row-8 {
    gap: var(--ids_layout_gutter_sm, 1rem);
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
.ids-row-fixed-4 {
  gap: var(--ids_layout_gutter_xs, 1rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media screen and (width >= 48rem) {
  .ids-row-fixed-4 {
    gap: var(--ids_layout_gutter_sm, 1rem);
  }
}
@media screen and (width >= 64rem) {
  .ids-row-fixed-4 {
    gap: var(--ids_layout_gutter_md, 2rem);
  }
}
@media screen and (width >= 80rem) {
  .ids-row-fixed-4 {
    gap: var(--ids_layout_gutter_lg, 2rem);
  }
}
@media screen and (width >= 100rem) {
  .ids-row-fixed-4 {
    gap: var(--ids_layout_gutter_xl, 2rem);
  }
}
.ids-row-fixed-8 {
  gap: var(--ids_layout_gutter_xs, 1rem);
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
@media screen and (width >= 48rem) {
  .ids-row-fixed-8 {
    gap: var(--ids_layout_gutter_sm, 1rem);
  }
}
@media screen and (width >= 64rem) {
  .ids-row-fixed-8 {
    gap: var(--ids_layout_gutter_md, 2rem);
  }
}
@media screen and (width >= 80rem) {
  .ids-row-fixed-8 {
    gap: var(--ids_layout_gutter_lg, 2rem);
  }
}
@media screen and (width >= 100rem) {
  .ids-row-fixed-8 {
    gap: var(--ids_layout_gutter_xl, 2rem);
  }
}
.ids-row-fixed-12 {
  gap: var(--ids_layout_gutter_xs, 1rem);
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
@media screen and (width >= 48rem) {
  .ids-row-fixed-12 {
    gap: var(--ids_layout_gutter_sm, 1rem);
  }
}
@media screen and (width >= 64rem) {
  .ids-row-fixed-12 {
    gap: var(--ids_layout_gutter_md, 2rem);
  }
}
@media screen and (width >= 80rem) {
  .ids-row-fixed-12 {
    gap: var(--ids_layout_gutter_lg, 2rem);
  }
}
@media screen and (width >= 100rem) {
  .ids-row-fixed-12 {
    gap: var(--ids_layout_gutter_xl, 2rem);
  }
}

[class*=ids-grid-],
.ids-grid {
  display: grid;
  margin: 0;
  width: 100%;
  gap: var(--ids_size_general_12x);
  grid-auto-columns: 1fr;
}

.ids-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.ids-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.ids-grid-small {
  gap: var(--ids_size_general_6x);
}

.ids-grid-large {
  gap: var(--ids_size_general_32x);
}

.ids-no-gutters {
  gap: 0 !important;
}

.ids-gutters-xs {
  gap: var(--ids_layout_gutter_xs, 1rem) !important;
}
.ids-gutters-sm {
  gap: var(--ids_layout_gutter_sm, 1rem) !important;
}
.ids-gutters-md {
  gap: var(--ids_layout_gutter_md, 2rem) !important;
}
.ids-gutters-lg {
  gap: var(--ids_layout_gutter_lg, 2rem) !important;
}
.ids-gutters-xl {
  gap: var(--ids_layout_gutter_xl, 2rem) !important;
}

[class*=ids-col-] {
  grid-column-end: auto;
  margin: 0;
  width: auto;
}

.ids-col {
  grid-column-end: auto;
  margin: 0;
  width: auto;
}
.ids-col-1, [class*=ids-row-fixed] .ids-col-1 {
  grid-column-end: span 1;
}
.ids-col-offset-1 {
  grid-column-start: 1;
}
.ids-col-2, [class*=ids-row-fixed] .ids-col-2 {
  grid-column-end: span 2;
}
.ids-col-offset-2 {
  grid-column-start: 2;
}
.ids-col-3, [class*=ids-row-fixed] .ids-col-3 {
  grid-column-end: span 3;
}
.ids-col-offset-3 {
  grid-column-start: 3;
}
.ids-col-4, [class*=ids-row-fixed] .ids-col-4 {
  grid-column-end: span 4;
}
.ids-col-offset-4 {
  grid-column-start: 4;
}
.ids-col-5, [class*=ids-row-fixed] .ids-col-5 {
  grid-column-end: span 5;
}
.ids-col-offset-5 {
  grid-column-start: 5;
}
@media screen and (max-width: 19.99rem) {
  .ids-col-5 {
    grid-column-end: span 4;
  }
  .ids-col-offset-5 {
    grid-column-start: 4;
  }
}
.ids-col-6, [class*=ids-row-fixed] .ids-col-6 {
  grid-column-end: span 6;
}
.ids-col-offset-6 {
  grid-column-start: 6;
}
@media screen and (max-width: 19.99rem) {
  .ids-col-6 {
    grid-column-end: span 4;
  }
  .ids-col-offset-6 {
    grid-column-start: 4;
  }
}
.ids-col-7, [class*=ids-row-fixed] .ids-col-7 {
  grid-column-end: span 7;
}
.ids-col-offset-7 {
  grid-column-start: 7;
}
@media screen and (max-width: 19.99rem) {
  .ids-col-7 {
    grid-column-end: span 4;
  }
  .ids-col-offset-7 {
    grid-column-start: 4;
  }
}
.ids-col-8, [class*=ids-row-fixed] .ids-col-8 {
  grid-column-end: span 8;
}
.ids-col-offset-8 {
  grid-column-start: 8;
}
@media screen and (max-width: 19.99rem) {
  .ids-col-8 {
    grid-column-end: span 4;
  }
  .ids-col-offset-8 {
    grid-column-start: 4;
  }
}
.ids-col-9, [class*=ids-row-fixed] .ids-col-9 {
  grid-column-end: span 9;
}
.ids-col-offset-9 {
  grid-column-start: 9;
}
@media screen and (max-width: 47.99rem) {
  .ids-col-9 {
    grid-column-end: span 8;
  }
  .ids-col-offset-9 {
    grid-column-start: 8;
  }
}
@media screen and (max-width: 19.99rem) {
  .ids-col-9 {
    grid-column-end: span 4;
  }
  .ids-col-offset-9 {
    grid-column-start: 4;
  }
}
.ids-col-10, [class*=ids-row-fixed] .ids-col-10 {
  grid-column-end: span 10;
}
.ids-col-offset-10 {
  grid-column-start: 10;
}
@media screen and (max-width: 47.99rem) {
  .ids-col-10 {
    grid-column-end: span 8;
  }
  .ids-col-offset-10 {
    grid-column-start: 8;
  }
}
@media screen and (max-width: 19.99rem) {
  .ids-col-10 {
    grid-column-end: span 4;
  }
  .ids-col-offset-10 {
    grid-column-start: 4;
  }
}
.ids-col-11, [class*=ids-row-fixed] .ids-col-11 {
  grid-column-end: span 11;
}
.ids-col-offset-11 {
  grid-column-start: 11;
}
@media screen and (max-width: 47.99rem) {
  .ids-col-11 {
    grid-column-end: span 8;
  }
  .ids-col-offset-11 {
    grid-column-start: 8;
  }
}
@media screen and (max-width: 19.99rem) {
  .ids-col-11 {
    grid-column-end: span 4;
  }
  .ids-col-offset-11 {
    grid-column-start: 4;
  }
}
.ids-col-12, [class*=ids-row-fixed] .ids-col-12 {
  grid-column-end: span 12;
}
.ids-col-offset-12 {
  grid-column-start: 12;
}
@media screen and (max-width: 47.99rem) {
  .ids-col-12 {
    grid-column-end: span 8;
  }
  .ids-col-offset-12 {
    grid-column-start: 8;
  }
}
@media screen and (max-width: 19.99rem) {
  .ids-col-12 {
    grid-column-end: span 4;
  }
  .ids-col-offset-12 {
    grid-column-start: 4;
  }
}
@media screen and (width >= 20rem) {
  .ids-col-xs-1, [class*=ids-row-fixed] .ids-col-xs-1 {
    grid-column-end: span 1;
  }
  .ids-col-offset-xs-1, [class*=ids-row-fixed] .ids-col-offset-xs-1 {
    grid-column-start: 1;
  }
  .ids-col-xs-2, [class*=ids-row-fixed] .ids-col-xs-2 {
    grid-column-end: span 2;
  }
  .ids-col-offset-xs-2, [class*=ids-row-fixed] .ids-col-offset-xs-2 {
    grid-column-start: 2;
  }
  .ids-col-xs-3, [class*=ids-row-fixed] .ids-col-xs-3 {
    grid-column-end: span 3;
  }
  .ids-col-offset-xs-3, [class*=ids-row-fixed] .ids-col-offset-xs-3 {
    grid-column-start: 3;
  }
  .ids-col-xs-4, [class*=ids-row-fixed] .ids-col-xs-4 {
    grid-column-end: span 4;
  }
  .ids-col-offset-xs-4, [class*=ids-row-fixed] .ids-col-offset-xs-4 {
    grid-column-start: 4;
  }
}
@media screen and (width >= 48rem) {
  .ids-col-sm-1, [class*=ids-row-fixed] .ids-col-sm-1 {
    grid-column-end: span 1;
  }
  .ids-col-offset-sm-1, [class*=ids-row-fixed] .ids-col-offset-sm-1 {
    grid-column-start: 1;
  }
  .ids-col-sm-2, [class*=ids-row-fixed] .ids-col-sm-2 {
    grid-column-end: span 2;
  }
  .ids-col-offset-sm-2, [class*=ids-row-fixed] .ids-col-offset-sm-2 {
    grid-column-start: 2;
  }
  .ids-col-sm-3, [class*=ids-row-fixed] .ids-col-sm-3 {
    grid-column-end: span 3;
  }
  .ids-col-offset-sm-3, [class*=ids-row-fixed] .ids-col-offset-sm-3 {
    grid-column-start: 3;
  }
  .ids-col-sm-4, [class*=ids-row-fixed] .ids-col-sm-4 {
    grid-column-end: span 4;
  }
  .ids-col-offset-sm-4, [class*=ids-row-fixed] .ids-col-offset-sm-4 {
    grid-column-start: 4;
  }
  .ids-col-sm-5, [class*=ids-row-fixed] .ids-col-sm-5 {
    grid-column-end: span 5;
  }
  .ids-col-offset-sm-5, [class*=ids-row-fixed] .ids-col-offset-sm-5 {
    grid-column-start: 5;
  }
  .ids-col-sm-6, [class*=ids-row-fixed] .ids-col-sm-6 {
    grid-column-end: span 6;
  }
  .ids-col-offset-sm-6, [class*=ids-row-fixed] .ids-col-offset-sm-6 {
    grid-column-start: 6;
  }
  .ids-col-sm-7, [class*=ids-row-fixed] .ids-col-sm-7 {
    grid-column-end: span 7;
  }
  .ids-col-offset-sm-7, [class*=ids-row-fixed] .ids-col-offset-sm-7 {
    grid-column-start: 7;
  }
  .ids-col-sm-8, [class*=ids-row-fixed] .ids-col-sm-8 {
    grid-column-end: span 8;
  }
  .ids-col-offset-sm-8, [class*=ids-row-fixed] .ids-col-offset-sm-8 {
    grid-column-start: 8;
  }
}
@media screen and (width >= 64rem) {
  .ids-col-md-1, [class*=ids-row-fixed] .ids-col-md-1 {
    grid-column-end: span 1;
  }
  .ids-col-offset-md-1, [class*=ids-row-fixed] .ids-col-offset-md-1 {
    grid-column-start: 1;
  }
  .ids-col-md-2, [class*=ids-row-fixed] .ids-col-md-2 {
    grid-column-end: span 2;
  }
  .ids-col-offset-md-2, [class*=ids-row-fixed] .ids-col-offset-md-2 {
    grid-column-start: 2;
  }
  .ids-col-md-3, [class*=ids-row-fixed] .ids-col-md-3 {
    grid-column-end: span 3;
  }
  .ids-col-offset-md-3, [class*=ids-row-fixed] .ids-col-offset-md-3 {
    grid-column-start: 3;
  }
  .ids-col-md-4, [class*=ids-row-fixed] .ids-col-md-4 {
    grid-column-end: span 4;
  }
  .ids-col-offset-md-4, [class*=ids-row-fixed] .ids-col-offset-md-4 {
    grid-column-start: 4;
  }
  .ids-col-md-5, [class*=ids-row-fixed] .ids-col-md-5 {
    grid-column-end: span 5;
  }
  .ids-col-offset-md-5, [class*=ids-row-fixed] .ids-col-offset-md-5 {
    grid-column-start: 5;
  }
  .ids-col-md-6, [class*=ids-row-fixed] .ids-col-md-6 {
    grid-column-end: span 6;
  }
  .ids-col-offset-md-6, [class*=ids-row-fixed] .ids-col-offset-md-6 {
    grid-column-start: 6;
  }
  .ids-col-md-7, [class*=ids-row-fixed] .ids-col-md-7 {
    grid-column-end: span 7;
  }
  .ids-col-offset-md-7, [class*=ids-row-fixed] .ids-col-offset-md-7 {
    grid-column-start: 7;
  }
  .ids-col-md-8, [class*=ids-row-fixed] .ids-col-md-8 {
    grid-column-end: span 8;
  }
  .ids-col-offset-md-8, [class*=ids-row-fixed] .ids-col-offset-md-8 {
    grid-column-start: 8;
  }
  .ids-col-md-9, [class*=ids-row-fixed] .ids-col-md-9 {
    grid-column-end: span 9;
  }
  .ids-col-offset-md-9, [class*=ids-row-fixed] .ids-col-offset-md-9 {
    grid-column-start: 9;
  }
  .ids-col-md-10, [class*=ids-row-fixed] .ids-col-md-10 {
    grid-column-end: span 10;
  }
  .ids-col-offset-md-10, [class*=ids-row-fixed] .ids-col-offset-md-10 {
    grid-column-start: 10;
  }
  .ids-col-md-11, [class*=ids-row-fixed] .ids-col-md-11 {
    grid-column-end: span 11;
  }
  .ids-col-offset-md-11, [class*=ids-row-fixed] .ids-col-offset-md-11 {
    grid-column-start: 11;
  }
  .ids-col-md-12, [class*=ids-row-fixed] .ids-col-md-12 {
    grid-column-end: span 12;
  }
  .ids-col-offset-md-12, [class*=ids-row-fixed] .ids-col-offset-md-12 {
    grid-column-start: 12;
  }
}
@media screen and (width >= 80rem) {
  .ids-col-lg-1, [class*=ids-row-fixed] .ids-col-lg-1 {
    grid-column-end: span 1;
  }
  .ids-col-offset-lg-1, [class*=ids-row-fixed] .ids-col-offset-lg-1 {
    grid-column-start: 1;
  }
  .ids-col-lg-2, [class*=ids-row-fixed] .ids-col-lg-2 {
    grid-column-end: span 2;
  }
  .ids-col-offset-lg-2, [class*=ids-row-fixed] .ids-col-offset-lg-2 {
    grid-column-start: 2;
  }
  .ids-col-lg-3, [class*=ids-row-fixed] .ids-col-lg-3 {
    grid-column-end: span 3;
  }
  .ids-col-offset-lg-3, [class*=ids-row-fixed] .ids-col-offset-lg-3 {
    grid-column-start: 3;
  }
  .ids-col-lg-4, [class*=ids-row-fixed] .ids-col-lg-4 {
    grid-column-end: span 4;
  }
  .ids-col-offset-lg-4, [class*=ids-row-fixed] .ids-col-offset-lg-4 {
    grid-column-start: 4;
  }
  .ids-col-lg-5, [class*=ids-row-fixed] .ids-col-lg-5 {
    grid-column-end: span 5;
  }
  .ids-col-offset-lg-5, [class*=ids-row-fixed] .ids-col-offset-lg-5 {
    grid-column-start: 5;
  }
  .ids-col-lg-6, [class*=ids-row-fixed] .ids-col-lg-6 {
    grid-column-end: span 6;
  }
  .ids-col-offset-lg-6, [class*=ids-row-fixed] .ids-col-offset-lg-6 {
    grid-column-start: 6;
  }
  .ids-col-lg-7, [class*=ids-row-fixed] .ids-col-lg-7 {
    grid-column-end: span 7;
  }
  .ids-col-offset-lg-7, [class*=ids-row-fixed] .ids-col-offset-lg-7 {
    grid-column-start: 7;
  }
  .ids-col-lg-8, [class*=ids-row-fixed] .ids-col-lg-8 {
    grid-column-end: span 8;
  }
  .ids-col-offset-lg-8, [class*=ids-row-fixed] .ids-col-offset-lg-8 {
    grid-column-start: 8;
  }
  .ids-col-lg-9, [class*=ids-row-fixed] .ids-col-lg-9 {
    grid-column-end: span 9;
  }
  .ids-col-offset-lg-9, [class*=ids-row-fixed] .ids-col-offset-lg-9 {
    grid-column-start: 9;
  }
  .ids-col-lg-10, [class*=ids-row-fixed] .ids-col-lg-10 {
    grid-column-end: span 10;
  }
  .ids-col-offset-lg-10, [class*=ids-row-fixed] .ids-col-offset-lg-10 {
    grid-column-start: 10;
  }
  .ids-col-lg-11, [class*=ids-row-fixed] .ids-col-lg-11 {
    grid-column-end: span 11;
  }
  .ids-col-offset-lg-11, [class*=ids-row-fixed] .ids-col-offset-lg-11 {
    grid-column-start: 11;
  }
  .ids-col-lg-12, [class*=ids-row-fixed] .ids-col-lg-12 {
    grid-column-end: span 12;
  }
  .ids-col-offset-lg-12, [class*=ids-row-fixed] .ids-col-offset-lg-12 {
    grid-column-start: 12;
  }
}
@media screen and (width >= 100rem) {
  .ids-col-xl-1, [class*=ids-row-fixed] .ids-col-xl-1 {
    grid-column-end: span 1;
  }
  .ids-col-offset-xl-1, [class*=ids-row-fixed] .ids-col-offset-xl-1 {
    grid-column-start: 1;
  }
  .ids-col-xl-2, [class*=ids-row-fixed] .ids-col-xl-2 {
    grid-column-end: span 2;
  }
  .ids-col-offset-xl-2, [class*=ids-row-fixed] .ids-col-offset-xl-2 {
    grid-column-start: 2;
  }
  .ids-col-xl-3, [class*=ids-row-fixed] .ids-col-xl-3 {
    grid-column-end: span 3;
  }
  .ids-col-offset-xl-3, [class*=ids-row-fixed] .ids-col-offset-xl-3 {
    grid-column-start: 3;
  }
  .ids-col-xl-4, [class*=ids-row-fixed] .ids-col-xl-4 {
    grid-column-end: span 4;
  }
  .ids-col-offset-xl-4, [class*=ids-row-fixed] .ids-col-offset-xl-4 {
    grid-column-start: 4;
  }
  .ids-col-xl-5, [class*=ids-row-fixed] .ids-col-xl-5 {
    grid-column-end: span 5;
  }
  .ids-col-offset-xl-5, [class*=ids-row-fixed] .ids-col-offset-xl-5 {
    grid-column-start: 5;
  }
  .ids-col-xl-6, [class*=ids-row-fixed] .ids-col-xl-6 {
    grid-column-end: span 6;
  }
  .ids-col-offset-xl-6, [class*=ids-row-fixed] .ids-col-offset-xl-6 {
    grid-column-start: 6;
  }
  .ids-col-xl-7, [class*=ids-row-fixed] .ids-col-xl-7 {
    grid-column-end: span 7;
  }
  .ids-col-offset-xl-7, [class*=ids-row-fixed] .ids-col-offset-xl-7 {
    grid-column-start: 7;
  }
  .ids-col-xl-8, [class*=ids-row-fixed] .ids-col-xl-8 {
    grid-column-end: span 8;
  }
  .ids-col-offset-xl-8, [class*=ids-row-fixed] .ids-col-offset-xl-8 {
    grid-column-start: 8;
  }
  .ids-col-xl-9, [class*=ids-row-fixed] .ids-col-xl-9 {
    grid-column-end: span 9;
  }
  .ids-col-offset-xl-9, [class*=ids-row-fixed] .ids-col-offset-xl-9 {
    grid-column-start: 9;
  }
  .ids-col-xl-10, [class*=ids-row-fixed] .ids-col-xl-10 {
    grid-column-end: span 10;
  }
  .ids-col-offset-xl-10, [class*=ids-row-fixed] .ids-col-offset-xl-10 {
    grid-column-start: 10;
  }
  .ids-col-xl-11, [class*=ids-row-fixed] .ids-col-xl-11 {
    grid-column-end: span 11;
  }
  .ids-col-offset-xl-11, [class*=ids-row-fixed] .ids-col-offset-xl-11 {
    grid-column-start: 11;
  }
  .ids-col-xl-12, [class*=ids-row-fixed] .ids-col-xl-12 {
    grid-column-end: span 12;
  }
  .ids-col-offset-xl-12, [class*=ids-row-fixed] .ids-col-offset-xl-12 {
    grid-column-start: 12;
  }
}

.ids-col-auto {
  grid-row: 1/2;
}

.ids-animation-fade-in-start {
  opacity: 0;
}

.ids-animation-fade-in-moderate-end {
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0.42, 0, 0.58, 1);
}

.ids-animation-fade-out-start {
  opacity: 1;
}

.ids-animation-fade-out-moderate-output-end {
  opacity: 0;
  transition: opacity 275ms cubic-bezier(0.42, 0, 0.58, 1);
}

.ids-animation-scale-x-down {
  transform: scaleX(var(--ids-scale-x-down, 0));
}

.ids-animation-scale-x-up {
  transform: scaleX(var(--ids-scale-x-up, 100%));
}

.ids-animation-time-transform-slow {
  transition: transform 2000ms cubic-bezier(0, 0, 0.58, 1);
}

.ids-animation-width-down {
  width: var(--ids-width-down, 0);
}

.ids-animation-width-up {
  width: var(--ids-width-up, 100%);
}

.ids-animation-time-width-slow {
  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
  transition: width 2000ms cubic-bezier(0, 0, 0.58, 1);
}

.ids-motion-none,
.ids-motion-none::before,
.ids-motion-none::after,
.ids-motion-none *,
.ids-motion-none *::before,
.ids-motion-none *::after {
  /* stylelint-disable-next-line declaration-no-important */
  animation: none !important;
  /* stylelint-disable-next-line declaration-no-important */
  transition: none !important;
}

/*
** Voxel Foundation Text Align
*/
.ids-text-align-center {
  text-align: center !important;
}

.ids-text-align-end {
  text-align: end !important;
}

.ids-text-align-justify {
  text-align: justify !important;
}

.ids-text-align-left {
  text-align: left !important;
}

.ids-text-align-right {
  text-align: right !important;
}

.ids-text-align-start {
  text-align: start !important;
}

.ids-banner-highlight {
  align-items: center;
  background: var(--ids_color_bg_variant_01);
  border: 0;
  border-radius: var(--ids_size_cornerRadius_card_02);
  color: var(--ids_color_text_body_01);
  display: flex;
  font: var(--ids_textStyle_f02_s12_h18_wrg);
  min-height: var(--ids_size_general_68x);
  padding: var(--ids_size_general_16x);
  width: 100%;
}
button.ids-banner-highlight {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  button.ids-banner-highlight {
    /* stylelint-disable selector-not-notation */
  }
  button.ids-banner-highlight:hover:not(:disabled):not([aria-disabled=true]), button.ids-banner-highlight:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_bg_variant_02);
  }
}
button.ids-banner-highlight:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_bg_variant_02);
}

a.ids-banner-highlight {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  a.ids-banner-highlight {
    /* stylelint-disable selector-not-notation */
  }
  a.ids-banner-highlight:hover:not(:disabled):not([aria-disabled=true]), a.ids-banner-highlight:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_bg_variant_02);
  }
}
a.ids-banner-highlight:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_bg_variant_02);
}

input.ids-banner-highlight {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  input.ids-banner-highlight {
    /* stylelint-disable selector-not-notation */
  }
  input.ids-banner-highlight:hover:not(:disabled):not([aria-disabled=true]), input.ids-banner-highlight:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_bg_variant_02);
  }
}
input.ids-banner-highlight:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_bg_variant_02);
}

.ids-banner-highlight.-hover {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .ids-banner-highlight.-hover {
    /* stylelint-disable selector-not-notation */
  }
  .ids-banner-highlight.-hover:hover:not(:disabled):not([aria-disabled=true]), .ids-banner-highlight.-hover:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_bg_variant_02);
  }
}
.ids-banner-highlight.-hover:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_bg_variant_02);
}

.ids-banner-highlight__container {
  display: grid;
  flex: 1;
  padding-left: var(--ids_size_general_16x);
  padding-right: var(--ids_size_general_16x);
  text-align: left;
}
.ids-banner-highlight__title {
  font: var(--ids_textStyle_f02_s14_h20_wbd);
}
.ids-banner-highlight--on-variant {
  background-color: var(--ids_color_bg_base);
}
.ids-banner-highlight--on-brand {
  background-color: var(--ids_color_action_neutral_contrast);
}
@media (width >= 48rem) {
  .ids-banner-highlight {
    font: var(--ids_textStyle_f02_s14_h20_wrg);
  }
  .ids-banner-highlight__title {
    font: var(--ids_textStyle_f02_s16_h24_wbd);
  }
}

.ids-brand {
  background-color: transparent;
  border-radius: var(--ids_size_general_8x);
  height: var(--ids_size_general_32x);
  max-width: none;
  width: var(--ids_size_general_32x);
}
.ids-brand.-small {
  height: var(--ids_size_general_24x);
  width: var(--ids_size_general_24x);
}
.ids-brand.-large {
  height: var(--ids_size_general_48x);
  width: var(--ids_size_general_48x);
}
.ids-brand.-xlarge {
  height: var(--ids_size_general_64x);
  width: var(--ids_size_general_64x);
}
.ids-brand.-horizontal {
  width: var(--ids_size_general_96x);
}
.ids-brand.-horizontal.-small {
  width: var(--ids_size_general_72x);
}
.ids-brand.-horizontal.-large {
  width: 10.5rem;
}
.ids-brand.-horizontal.-xlarge {
  width: 12rem;
}
.ids-brand.-rounded {
  border-radius: 50%;
  padding: var(--ids_size_general_2x);
}
.ids-brand.-rounded.-large, .ids-brand.-rounded.-xlarge {
  padding: var(--ids_size_general_4x);
}
.ids-brand.-variant {
  background-color: var(--ids_color_bg_variant_01);
}
.ids-brand.-on-brand {
  background-color: var(--ids_color_bg_base);
}

.ids-bottom-sheet-backdrop {
  background-color: var(--ids_color_contrast_onLight_medium);
}

.ids-bottom-sheet {
  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
  transition: height 250ms ease-out;
  width: 100%;
}
.ids-bottom-sheet__content {
  background-color: var(--ids_color_bg_base);
  border-radius: var(--ids_size_general_16x) var(--ids_size_general_16x) 0 0;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ids-bottom-sheet__toggle-indicator {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--ids_color_action_neutral_base);
  border: none;
  border-radius: var(--ids_size_general_16x);
  cursor: pointer;
  display: block;
  height: var(--ids_size_general_5x);
  margin: var(--ids_size_general_8x) auto var(--ids_size_general_12x);
  outline-offset: var(--ids_size_general_3x);
  width: var(--ids_size_general_44x);
}
@media (pointer: coarse) {
  .ids-bottom-sheet__toggle-indicator {
    outline: 0 !important;
  }
  .ids-bottom-sheet__toggle-indicator:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-bottom-sheet__toggle-indicator:focus-visible, .ids-bottom-sheet__toggle-indicator:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-bottom-sheet__toggle-indicator:focus-visible, .ids-bottom-sheet__toggle-indicator:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-bottom-sheet__toggle-indicator:focus-visible, .ids-bottom-sheet__toggle-indicator:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.ids-bottom-sheet__header {
  display: flex;
  justify-content: space-between;
  padding: 0 var(--ids_size_general_8x) var(--ids_size_general_12x) var(--ids_size_general_24x);
}
.ids-bottom-sheet__presentation {
  align-items: center;
  display: flex;
  flex: 1;
  font: var(--ids_textStyle_f02_s16_h24_wrg);
  justify-content: space-between;
}
.ids-bottom-sheet__presentation > * {
  font: var(--ids_textStyle_f02_s16_h24_wrg);
}
.ids-bottom-sheet__footer {
  gap: var(--ids_size_general_16x);
  display: flex;
  padding: var(--ids_size_general_24x);
}
.js-no-flexbox-gap .ids-bottom-sheet__footer {
  margin: calc(var(--ids_size_general_16x) / -2) !important;
}
.js-no-flexbox-gap .ids-bottom-sheet__footer > * {
  margin: calc(var(--ids_size_general_16x) / 2) !important;
}

.ids-bottom-sheet__body {
  flex: 1;
  overflow-y: auto;
  padding: 0 var(--ids_size_general_24x);
}
.ids-bottom-sheet__body:last-child {
  padding-bottom: var(--ids_size_general_24x);
}
.ids-bottom-sheet__body--suspended-footer::after {
  content: "";
  display: block;
  height: var(--ids_size_general_96x);
}
.ids-bottom-sheet__body--suspended-footer + .ids-bottom-sheet__footer {
  background-color: var(--ids_color_bg_base);
  bottom: 0;
  outline: var(--ids_size_border_small) solid var(--ids_color_action_disabled_base);
  position: fixed;
  width: 100%;
}

.ids-box-field {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  align-items: center;
  background-color: var(--ids_color_bg_variant_01);
  border: var(--ids_size_border_small) solid var(--ids_color_border_medium);
  border-radius: var(--ids_size_cornerRadius_button);
  color: var(--ids_color_action_neutral_variant);
  display: flex;
  min-height: var(--ids_size_general_48x);
  position: relative;
}
.ids-box-field input:not(.ids-box-field__input), .ids-box-field__input {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  background-color: transparent;
  border-radius: var(--ids_size_cornerRadius_button);
  caret-color: var(--ids_color_action_primary_base);
  color: inherit;
  flex: 1;
  font: var(--ids_textStyle_f02_s16_h24_wrg);
  outline-offset: var(--ids_size_general_1x);
  padding: var(--ids_size_general_10x) var(--ids_size_general_16x);
}
@media (pointer: coarse) {
  .ids-box-field input:not(.ids-box-field__input), .ids-box-field__input {
    outline: 0 !important;
  }
  .ids-box-field input:not(.ids-box-field__input):focus, .ids-box-field__input:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-box-field input:not(.ids-box-field__input):focus-visible, .ids-box-field input:not(.ids-box-field__input):focus.focus-visible, .ids-box-field__input:focus-visible, .ids-box-field__input:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-box-field input:not(.ids-box-field__input):focus-visible, .ids-box-field input:not(.ids-box-field__input):focus.focus-visible, .ids-box-field__input:focus-visible, .ids-box-field__input:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-box-field input:not(.ids-box-field__input):focus-visible, .ids-box-field input:not(.ids-box-field__input):focus.focus-visible, .ids-box-field__input:focus-visible, .ids-box-field__input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.ids-box-field__prefix {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  left: calc(var(--ids_size_general_16x) + var(--ids_size_border_small));
  line-height: 1;
  pointer-events: none;
  position: absolute;
}
.ids-box-field__prefix + input:not(.ids-box-field__input),
.ids-box-field__prefix + .ids-box-field__input {
  padding-left: var(--ids_size_general_48x);
}
.ids-box-field__suffix {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  position: absolute;
  right: calc(var(--ids_size_general_8x) + var(--ids_size_border_small));
}
.ids-box-field--on-brand {
  background-color: var(--ids_color_action_neutral_base);
  border-color: var(--ids_color_contrast_onDark_medium);
  color: var(--ids_color_contrast_onDark);
}
.ids-box-field--suffix input:not(.ids-box-field__input),
.ids-box-field--suffix .ids-box-field__input {
  padding-right: 3.75rem;
}

/* stylelint-disable declaration-no-important */
.ids-chart .apexcharts-tooltip {
  background-color: var(--ids_color_bg_base) !important;
  border: var(--ids_size_border_small) solid var(--ids_color_border_soft) !important;
}
.ids-chart .apexcharts-tooltip .apexcharts-tooltip-title {
  background-color: var(--ids_color_bg_variant_02) !important;
  border-bottom: none !important;
  color: var(--ids_color_action_neutral_base) !important;
}
.ids-chart .apexcharts-tooltip .apexcharts-tooltip-text-z-label,
.ids-chart .apexcharts-tooltip .apexcharts-tooltip-text-x-label,
.ids-chart .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
  color: var(--ids_color_action_neutral_base) !important;
}
.ids-chart .apexcharts-tooltip .apexcharts-tooltip-text-z-value,
.ids-chart .apexcharts-tooltip .apexcharts-tooltip-text-x-value,
.ids-chart .apexcharts-tooltip .apexcharts-tooltip-text-y-value {
  color: var(--ids_color_action_neutral_variant) !important;
}
.ids-chart .apexcharts-tooltip .apexcharts-tooltip-series-group {
  background-color: var(--ids_color_bg_base) !important;
}

.ids-calendar {
  background-color: var(--ids_color_bg_base);
  display: flex;
  flex-direction: column;
  max-width: 29.25rem;
  min-width: 19.5rem;
  width: 100%;
  gap: var(--ids_size_general_8x);
}
.js-no-flexbox-gap .ids-calendar {
  margin: calc(var(--ids_size_general_8x) / -2) !important;
}
.js-no-flexbox-gap .ids-calendar > * {
  margin: calc(var(--ids_size_general_8x) / 2) !important;
}

.ids-calendar__dates {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  display: table;
  border-collapse: separate;
  border-spacing: 0 var(--ids_spacing_1x);
  opacity: 1;
  table-layout: fixed;
  width: 100%;
}
.ids-calendar__dates th,
.ids-calendar__dates td {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  display: table-cell;
}
.ids-calendar__dates th {
  font: var(--ids_textStyle_f02_s16_h24_wbd);
  height: var(--ids_size_general_40x);
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}
.ids-calendar__dates tr,
.ids-calendar__dates td {
  background-color: var(--ids_color_bg_base);
  text-align: center;
}
.ids-calendar__dates td {
  cursor: pointer;
  height: var(--ids_size_general_40x);
  position: relative;
}
.ids-calendar__dates td.ids-calendar-day-cell--in-range {
  background-color: var(--ids_color_bg_variant_01);
}
.ids-calendar__dates td.ids-calendar-day-cell--start-range {
  background: linear-gradient(to left, var(--ids_color_bg_variant_01) 50%, var(--ids_color_bg_base) 50%);
}
.ids-calendar__dates td.ids-calendar-day-cell--end-range {
  background: linear-gradient(to right, var(--ids_color_bg_variant_01) 50%, var(--ids_color_bg_base) 50%);
}
.ids-calendar__dates td.ids-calendar-day-cell--start-range:not(:has(.ids-calendar-day:hover), :has(.ids-calendar-day--selected)), .ids-calendar__dates td.ids-calendar-day-cell--end-range:not(:has(.ids-calendar-day:hover), :has(.ids-calendar-day--selected)) {
  background: var(--ids_color_bg_variant_01);
}
.ids-calendar__dates:disabled, .ids-calendar__dates[aria-disabled=true], .ids-calendar__dates--out-focus {
  opacity: 0.2;
}
@media not all and (hover: hover) and (pointer: fine) {
  .ids-calendar__dates {
    border-spacing: 0 var(--ids_spacing_1x);
  }
}

.ids-calendar-header {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: var(--ids_spacing_2x);
}
.ids-calendar-header .ids-form-field {
  overflow: initial;
}
.ids-calendar-header .ids-calendar-select-month {
  min-width: var(--ids_size_general_120x);
}
.ids-calendar-header:first-child {
  min-width: calc(var(--ids_size_general_120x) + var(--ids_size_general_2x));
}
.ids-calendar-header:last-child {
  min-width: var(--ids_size_general_84x);
}
@media not all and (hover: hover) and (pointer: fine) {
  .ids-calendar-header {
    padding: var(--ids_spacing_2x) var(--ids_spacing_6x) var(--ids_spacing_2x) var(--ids_spacing_4x);
  }
}

.ids-calendar-day {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
  background: none;
  border-color: transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: var(--ids_size_general_2x);
  color: var(--ids_color_text_body_02);
  font: var(--ids_textStyle_f02_s16_h24_wrg);
  height: var(--ids_size_general_40x);
  left: 50%;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
  width: var(--ids_size_general_40x);
}
@media (pointer: coarse) {
  .ids-calendar-day {
    outline: 0 !important;
  }
  .ids-calendar-day:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-calendar-day:focus-visible, .ids-calendar-day:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-calendar-day:focus-visible, .ids-calendar-day:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-calendar-day:focus-visible, .ids-calendar-day:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.ids-calendar-day:disabled, .ids-calendar-day[aria-disabled=true] {
  color: var(--ids_color_action_disabled_variant);
  cursor: not-allowed;
  opacity: 0.5;
}
@media (hover: hover) and (pointer: fine) {
  .ids-calendar-day {
    /* stylelint-disable selector-not-notation */
  }
  .ids-calendar-day:hover:not(:disabled):not([aria-disabled=true]), .ids-calendar-day:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_bg_variant_02);
    color: var(--ids_color_text_body_01);
    font-family: var(--ids_textStyle_f02_s16_h24_wbd);
  }
}
.ids-calendar-day:active:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--ids_color_bg_variant_02);
  color: var(--ids_color_text_body_01);
  font-family: var(--ids_textStyle_f02_s16_h24_wbd);
}
.ids-calendar-day--current {
  background-color: var(--ids_color_bg_base);
  border-color: var(--ids_color_border_medium);
}
@media (hover: hover) and (pointer: fine) {
  .ids-calendar-day--current {
    /* stylelint-disable selector-not-notation */
  }
  .ids-calendar-day--current:hover:not(:disabled):not([aria-disabled=true]), .ids-calendar-day--current:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_bg_variant_01);
    border-color: var(--ids_color_border_strong);
  }
}
.ids-calendar-day--current:active:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--ids_color_bg_variant_01);
  border-color: var(--ids_color_border_strong);
}
.ids-calendar-day--selected {
  background-color: var(--ids_color_action_neutral_base);
  border: none;
  color: var(--ids_color_action_primary_contrast);
  font: var(--ids_textStyle_f02_s16_h24_wbd);
}
@media (hover: hover) and (pointer: fine) {
  .ids-calendar-day--selected {
    /* stylelint-disable selector-not-notation */
  }
  .ids-calendar-day--selected:hover:not(:disabled):not([aria-disabled=true]), .ids-calendar-day--selected:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background-color: var(--ids_color_action_neutral_variant);
    color: var(--ids_color_contrast_onBrand_primary);
  }
}
.ids-calendar-day--selected:active:not(:disabled):not([aria-disabled=true]) {
  background-color: var(--ids_color_action_neutral_variant);
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-calendar-day--in-range {
  background-color: var(--ids_color_bg_variant_01);
}

.ids-card-base {
  background: var(--ids_color_bg_base);
  border: var(--ids_size_border_small) solid var(--ids_color_border_soft);
  border-radius: var(--ids_size_cornerRadius_card_01);
}
.ids-card-base:active, .ids-card-base:hover {
  background: var(--ids_color_action_neutral_base_soft);
}
.ids-card-base--selected {
  border: var(--ids_size_border_medium) solid var(--ids_color_action_primary_base);
}
.ids-card-base--primary {
  background: var(--ids_color_action_primary_base);
  border: var(--ids_size_border_small) solid var(--ids_color_action_primary_variant);
  color: var(--ids_color_action_primary_contrast);
}
.ids-card-base--primary:active, .ids-card-base--primary:hover {
  background: var(--ids_color_action_primary_variant);
}
.ids-card-base--secondary {
  background: var(--ids_color_action_secondary_base);
  border: var(--ids_size_border_small) solid var(--ids_color_action_secondary_variant);
}
.ids-card-base--secondary:active, .ids-card-base--secondary:hover {
  background: var(--ids_color_action_secondary_variant);
}

.ids-card {
  background: var(--ids_color_bg_base);
  border: var(--ids_size_border_small) solid var(--ids_color_border_soft);
  border-radius: var(--ids_size_cornerRadius_card_01);
  border: var(--ids_size_border_small) solid var(--ids_color_border_soft);
}
button.ids-card {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  button.ids-card {
    /* stylelint-disable selector-not-notation */
  }
  button.ids-card:hover:not(:disabled):not([aria-disabled=true]), button.ids-card:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_neutral_base_soft);
  }
}
button.ids-card:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_neutral_base_soft);
}

a.ids-card {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  a.ids-card {
    /* stylelint-disable selector-not-notation */
  }
  a.ids-card:hover:not(:disabled):not([aria-disabled=true]), a.ids-card:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_neutral_base_soft);
  }
}
a.ids-card:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_neutral_base_soft);
}

input.ids-card {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  input.ids-card {
    /* stylelint-disable selector-not-notation */
  }
  input.ids-card:hover:not(:disabled):not([aria-disabled=true]), input.ids-card:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_neutral_base_soft);
  }
}
input.ids-card:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_neutral_base_soft);
}

.ids-card.-hover {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .ids-card.-hover {
    /* stylelint-disable selector-not-notation */
  }
  .ids-card.-hover:hover:not(:disabled):not([aria-disabled=true]), .ids-card.-hover:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_neutral_base_soft);
  }
}
.ids-card.-hover:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_neutral_base_soft);
}

.ids-card.-selected {
  border: var(--ids_size_border_medium) solid var(--ids_color_action_primary_base);
}
.ids-card.-variant {
  background: var(--ids_color_bg_variant_01);
}
.ids-card.-primary {
  background: var(--ids_color_action_primary_base);
  color: var(--ids_color_action_primary_contrast);
  border: var(--ids_size_border_small) solid var(--ids_color_action_primary_variant);
}
button.ids-card.-primary {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  button.ids-card.-primary {
    /* stylelint-disable selector-not-notation */
  }
  button.ids-card.-primary:hover:not(:disabled):not([aria-disabled=true]), button.ids-card.-primary:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_primary_variant);
  }
}
button.ids-card.-primary:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_primary_variant);
}

a.ids-card.-primary {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  a.ids-card.-primary {
    /* stylelint-disable selector-not-notation */
  }
  a.ids-card.-primary:hover:not(:disabled):not([aria-disabled=true]), a.ids-card.-primary:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_primary_variant);
  }
}
a.ids-card.-primary:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_primary_variant);
}

input.ids-card.-primary {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  input.ids-card.-primary {
    /* stylelint-disable selector-not-notation */
  }
  input.ids-card.-primary:hover:not(:disabled):not([aria-disabled=true]), input.ids-card.-primary:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_primary_variant);
  }
}
input.ids-card.-primary:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_primary_variant);
}

.ids-card.-primary.-hover {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .ids-card.-primary.-hover {
    /* stylelint-disable selector-not-notation */
  }
  .ids-card.-primary.-hover:hover:not(:disabled):not([aria-disabled=true]), .ids-card.-primary.-hover:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_primary_variant);
  }
}
.ids-card.-primary.-hover:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_primary_variant);
}

.ids-card.-secondary {
  background: var(--ids_color_action_secondary_base);
  border: var(--ids_size_border_small) solid var(--ids_color_action_secondary_variant);
}
button.ids-card.-secondary {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  button.ids-card.-secondary {
    /* stylelint-disable selector-not-notation */
  }
  button.ids-card.-secondary:hover:not(:disabled):not([aria-disabled=true]), button.ids-card.-secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_secondary_variant);
  }
}
button.ids-card.-secondary:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_secondary_variant);
}

a.ids-card.-secondary {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  a.ids-card.-secondary {
    /* stylelint-disable selector-not-notation */
  }
  a.ids-card.-secondary:hover:not(:disabled):not([aria-disabled=true]), a.ids-card.-secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_secondary_variant);
  }
}
a.ids-card.-secondary:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_secondary_variant);
}

input.ids-card.-secondary {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  input.ids-card.-secondary {
    /* stylelint-disable selector-not-notation */
  }
  input.ids-card.-secondary:hover:not(:disabled):not([aria-disabled=true]), input.ids-card.-secondary:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_secondary_variant);
  }
}
input.ids-card.-secondary:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_secondary_variant);
}

.ids-card.-secondary.-hover {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .ids-card.-secondary.-hover {
    /* stylelint-disable selector-not-notation */
  }
  .ids-card.-secondary.-hover:hover:not(:disabled):not([aria-disabled=true]), .ids-card.-secondary.-hover:focus-visible:not(:disabled):not([aria-disabled=true]) {
    background: var(--ids_color_action_secondary_variant);
  }
}
.ids-card.-secondary.-hover:active:not(:disabled):not([aria-disabled=true]) {
  background: var(--ids_color_action_secondary_variant);
}

.ids-card.-no-border {
  border: none;
}

.ids-checkbox {
  align-items: center;
  color: var(--ids_color_action_neutral_base);
  display: inline-flex;
  font-size: 0;
  justify-content: center;
  line-height: 0;
  min-height: var(--ids_size_general_48x);
  min-width: var(--ids_size_general_48x);
  position: relative;
}
.ids-checkbox__input {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  appearance: none;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (pointer: coarse) {
  .ids-checkbox__input {
    outline: 0 !important;
  }
  .ids-checkbox__input:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-checkbox__input:focus-visible, .ids-checkbox__input:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-checkbox__input:focus-visible, .ids-checkbox__input:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-checkbox__input:focus-visible, .ids-checkbox__input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.ids-checkbox__input:disabled {
  cursor: not-allowed;
}
.ids-checkbox__icon::before {
  content: "checkbox_vazio";
}
.ids-checkbox__input:indeterminate + .ids-checkbox__icon::before {
  content: "checkbox_indeterminado";
}
.ids-checkbox--invalid .ids-checkbox__icon {
  color: var(--ids_color_feedback_error);
}
.ids-checkbox__input:disabled + .ids-checkbox__icon {
  color: var(--ids_color_action_disabled_variant);
}
.ids-checkbox__input:checked + .ids-checkbox__icon::before {
  content: "checkbox";
}
.ids-checkbox__input:not(:disabled):hover + .ids-checkbox__icon, .ids-checkbox__input:not(:disabled):focus-visible + .ids-checkbox__icon {
  color: var(--ids_color_action_neutral_variant);
}
.ids-checkbox__input:indeterminate:not(:disabled) + .ids-checkbox__icon, .ids-checkbox__input:checked:not(:disabled) + .ids-checkbox__icon {
  color: var(--ids_color_action_primary_base);
}
.ids-checkbox__input:indeterminate:not(:disabled):hover + .ids-checkbox__icon, .ids-checkbox__input:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox__input:checked:not(:disabled):hover + .ids-checkbox__icon, .ids-checkbox__input:checked:not(:disabled):focus-visible + .ids-checkbox__icon {
  color: var(--ids_color_action_primary_variant);
}
.ids-checkbox__input[aria-invalid=true]:not(:disabled):hover + .ids-checkbox__icon, .ids-checkbox__input[aria-invalid=true]:not(:disabled):focus-visible + .ids-checkbox__icon, .ids-checkbox__input[aria-invalid=true]:indeterminate:not(:disabled) + .ids-checkbox__icon, .ids-checkbox__input[aria-invalid=true]:checked:not(:disabled) + .ids-checkbox__icon {
  color: var(--ids_color_feedback_error);
}
.ids-checkbox--on-brand {
  color: var(--ids_color_contrast_onBrand_primary);
  /* stylelint-disable-next-line no-descending-specificity */
}
.ids-checkbox--on-brand .ids-checkbox__input[aria-invalid=true]:not(:disabled) + .ids-checkbox__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-checkbox--on-brand .ids-checkbox__input:disabled + .ids-checkbox__icon {
  color: var(--ids_color_contrast_onBrand_primary_medium);
}
.ids-checkbox--on-brand .ids-checkbox__input:not(:disabled):hover + .ids-checkbox__icon,
.ids-checkbox--on-brand .ids-checkbox__input:not(:disabled):focus-visible + .ids-checkbox__icon {
  color: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-checkbox--on-brand .ids-checkbox__input:indeterminate:not(:disabled) + .ids-checkbox__icon,
.ids-checkbox--on-brand .ids-checkbox__input:checked:not(:disabled) + .ids-checkbox__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-checkbox--on-brand .ids-checkbox__input:indeterminate:not(:disabled):hover + .ids-checkbox__icon, .ids-checkbox--on-brand .ids-checkbox__input:indeterminate:not(:disabled):focus-visible + .ids-checkbox__icon,
.ids-checkbox--on-brand .ids-checkbox__input:checked:not(:disabled):hover + .ids-checkbox__icon,
.ids-checkbox--on-brand .ids-checkbox__input:checked:not(:disabled):focus-visible + .ids-checkbox__icon {
  color: var(--ids_color_contrast_onBrand_primary_strong);
}

.ids-datepicker__body {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  display: block;
  padding: 0 var(--ids_spacing_4x) var(--ids_spacing_4x);
}
.ids-datepicker__body .ids-calendar {
  min-width: 17.5rem;
}
@media (width >= 64rem) {
  .ids-datepicker {
    margin-top: var(--ids_spacing_4x);
  }
}

.ids-divider {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  border: 0;
  display: block;
  margin: 0;
  border-bottom: var(--ids_size_border_small) solid var(--ids_color_border_medium);
  width: 100%;
}
.ids-divider.-regular {
  border-width: var(--ids_size_border_medium);
}
.ids-divider.-bold {
  border-width: var(--ids_size_border_large);
}
.ids-divider.-soft {
  border-color: var(--ids_color_border_soft);
}
.ids-divider.-strong {
  border-color: var(--ids_color_border_strong);
}
.ids-divider.-primary {
  border-color: var(--ids_color_action_primary_base);
}
.ids-divider.-primary.-strong {
  border-color: var(--ids_color_action_primary_variant);
}
.ids-divider.-error {
  border-color: var(--ids_color_feedback_error);
}
.ids-divider.-on-brand {
  border-color: var(--ids_color_contrast_onBrand_primary_medium);
}
.ids-divider.-on-brand.-soft {
  border-color: var(--ids_color_contrast_onBrand_primary_soft);
}
.ids-divider.-on-brand.-strong {
  border-color: var(--ids_color_contrast_onBrand_primary_strong);
}

/* stylelint-disable no-descending-specificity */
/* stylelint-disable declaration-no-important */
.ids-form-field {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  --ids-form-field-text-width: 0rem;
  --ids-form-field-prefix-width: 0rem;
  --ids-form-field-suffix-width: 0rem;
  --ids-form-field-container-gap: 0rem;
  --ids-form-field-input-padding-right: calc(var(--ids-form-field-suffix-width) + var(--ids-form-field-container-gap));
  --ids-form-field-label-lines: 1;
  --ids-form-field-label-min-height: calc(var(--ids-form-field-label-lines) * 1.25rem + 0.6875rem);
  align-items: flex-end;
  border-radius: var(--ids_size_cornerRadius_tooltip) var(--ids_size_cornerRadius_tooltip) 0 0;
  display: grid;
  gap: var(--ids_spacing_1x);
  min-height: calc(3.6875rem + var(--ids-form-field-label-min-height));
  outline-offset: var(--ids_size_general_3x);
  overflow: hidden;
  width: 100%;
}
.ids-form-field .ids-input {
  outline: 0 !important;
  padding-left: var(--ids_spacing_2x);
  padding-right: var(--ids-form-field-input-padding-right);
}
.ids-form-field .ids-input:focus {
  outline: 0 !important;
}
@media (pointer: fine) {
  .ids-form-field .ids-input:focus-visible, .ids-form-field .ids-input:focus.focus-visible {
    outline: 0 !important;
  }
}
.ids-form-field textarea.ids-input {
  min-height: calc(1.375rem + var(--ids-form-field-label-min-height));
}

.ids-form-field .ids-form-message {
  padding-left: var(--ids_spacing_2x);
}
.ids-form-field__container {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  align-items: flex-end;
  border-radius: var(--ids_size_cornerRadius_tooltip) var(--ids_size_cornerRadius_tooltip) 0 0;
  display: flex;
  min-height: calc(2.1875rem + var(--ids-form-field-label-min-height));
  position: relative;
}
.ids-form-field__container::before {
  content: initial;
}
.ids-form-field__label {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  bottom: 0.375rem;
  color: var(--ids_color_action_neutral_base);
  display: block;
  font: var(--ids_textStyle_f02_s14_h20_wrg);
  min-height: var(--ids-form-field-label-min-height);
  padding: var(--ids_size_general_8x) var(--ids-form-field-input-padding-right) 0.1875rem var(--ids_spacing_2x);
  pointer-events: none !important;
  position: absolute;
  text-align: start;
  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
  transition: bottom 250ms ease;
  width: 100%;
  z-index: 1;
}
.ids-form-field__prefix {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  bottom: 0.8125rem;
  color: var(--ids_color_action_neutral_base);
  font: var(--ids_textStyle_f02_s16_h24_wrg);
  left: var(--ids_spacing_2x);
  line-height: 1;
  pointer-events: none;
  position: absolute;
}
.ids-form-field__prefix + .ids-input {
  padding-left: calc(var(--ids_size_general_8x) + var(--ids-form-field-prefix-width) + var(--ids_size_general_4x));
}
.ids-form-field__suffix {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  bottom: 0.625rem;
  display: inline-flex;
  line-height: 1;
  pointer-events: none;
  position: absolute;
  right: 0;
}
button.ids-form-field__suffix {
  pointer-events: initial;
}

.ids-form-field__suffix:has(button) {
  pointer-events: initial;
}
.ids-form-field .ids-form-field__suffix--listbox-open ids-icon {
  transform: rotate(180deg);
}
.ids-form-field__content {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  align-items: flex-end;
  border-radius: var(--ids_size_cornerRadius_tooltip) var(--ids_size_cornerRadius_tooltip) 0 0;
  display: grid;
  flex: 1;
  min-height: calc(2.1875rem + var(--ids-form-field-label-min-height));
  padding-top: calc(var(--ids-form-field-label-min-height) + var(--ids_size_general_8x));
}
.ids-form-field__status-message {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  color: var(--ids_color_action_neutral_base);
  font: var(--ids_textStyle_f02_s14_h20_wrg);
  min-height: 1.25rem;
}
.ids-form-field__status-message:empty {
  display: none;
}
.ids-form-field--suffix {
  --ids-form-field-container-gap: var(--ids_spacing_2x);
  --ids-form-field-suffix-width: var(--ids_size_general_24x);
}
.ids-form-field--suffix .ids-input[list]::-webkit-list-button, .ids-form-field--suffix .ids-input[list]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.ids-form-field--suffix .ids-input[type=search]::-webkit-search-decoration, .ids-form-field--suffix .ids-input[type=search]::-webkit-search-cancel-button, .ids-form-field--suffix .ids-input[type=search]::-webkit-search-results-button, .ids-form-field--suffix .ids-input[type=search]::-webkit-search-results-decoration {
  display: none;
}
.ids-form-field--button-suffix {
  --ids-form-field-suffix-width: var(--ids_size_general_48x);
}
.ids-form-field--button-suffix .ids-form-field__suffix {
  bottom: 0;
  pointer-events: initial;
  right: var(--ids_size_general_1x);
}
.ids-form-field--large .ids-form-field__label {
  font: var(--ids_textStyle_f02_s14_h20_wrg);
}
.ids-form-field--large .ids-input {
  font: var(--ids_textStyle_f02_s24_h32_wbd);
}
.ids-form-field--center {
  text-align: center;
}
.ids-form-field--center .ids-form-field__container,
.ids-form-field--center .ids-form-field__content,
.ids-form-field--center .ids-form-field__status-message {
  justify-self: center;
}
.ids-form-field--center .ids-form-field__content {
  flex: none;
  max-width: 100%;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.ids-form-field--center .ids-form-field__label,
.ids-form-field--center .ids-input {
  text-align: center;
}
.ids-form-field--center .ids-form-field__label {
  padding-left: 0;
  padding-right: 0;
}
.ids-form-field--center .ids-input {
  min-width: 2.5rem;
  padding-right: calc(var(--ids_size_general_8x) + var(--ids-form-field-suffix-width));
  width: calc(var(--ids-form-field-text-width) + var(--ids_size_general_16x) + var(--ids-form-field-prefix-width) + var(--ids_size_general_4x) + var(--ids-form-field-suffix-width));
}
.ids-form-field--center.ids-form-field--large .ids-form-field__prefix {
  bottom: 0.5rem;
  font: var(--ids_textStyle_f02_s16_h24_wrg);
}
.ids-form-field--center.ids-form-field--large .ids-input {
  font: var(--ids_textStyle_f02_s32_h48_wrg);
  padding-bottom: 0;
}
.ids-form-field--focus:not(.ids-form-field--disabled) .ids-form-field__label {
  bottom: calc(100% - var(--ids-form-field-label-min-height) - var(--ids_size_general_8x));
  pointer-events: none;
  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
  transition: bottom 175ms ease;
}
.ids-form-field--value .ids-form-field__label {
  bottom: calc(100% - var(--ids-form-field-label-min-height) - var(--ids_size_general_8x));
  pointer-events: none;
  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
  transition: bottom 175ms ease;
}
.ids-form-field--placeholder .ids-form-field__label {
  bottom: calc(100% - var(--ids-form-field-label-min-height) - var(--ids_size_general_8x));
  pointer-events: none;
  /* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
  transition: bottom 175ms ease;
}
@media (pointer: fine) {
  .ids-form-field--visible-focus:not(.ids-form-field--disabled) {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color;
  }
}
.ids-form-field--disabled:not(.ids-form-field--center) .ids-form-field__container {
  background-color: var(--ids_color_action_disabled_base);
}
.ids-form-field--disabled .ids-input {
  background: inherit;
}
.ids-form-field--disabled .ids-icon,
.ids-form-field--disabled .ids-form-field__label,
.ids-form-field--disabled .ids-form-field__suffix,
.ids-form-field--disabled .ids-form-field__prefix,
.ids-form-field--disabled .ids-form-field__status-message,
.ids-form-field--disabled .ids-form-field__status-message .ids-form-message {
  color: var(--ids_color_action_disabled_variant);
}
.ids-form-field--error .ids-form-field__label {
  color: var(--ids_color_feedback_error);
}
.ids-form-field--error .ids-input:not(:-moz-read-only:where(input, textarea), :disabled):focus {
  --ids-input-border-color: var(--ids_color_feedback_error);
}
.ids-form-field--error .ids-input,
.ids-form-field--error .ids-input:not(:read-only:where(input, textarea), :disabled):focus {
  --ids-input-border-color: var(--ids_color_feedback_error);
}
.ids-form-field--error .ids-input:not(:-moz-read-only, :disabled):focus {
  caret-color: var(--ids-input-border-color);
}
.ids-form-field--error .ids-input:not(:read-only, :disabled):focus {
  caret-color: var(--ids-input-border-color);
}
.ids-form-field--error textarea.ids-input:not(:-moz-read-only, :disabled):focus {
  --ids-input-border-color: var(--ids_color_feedback_error);
}
.ids-form-field--error textarea.ids-input:not(:read-only, :disabled):focus {
  --ids-input-border-color: var(--ids_color_feedback_error);
}

.ids-form-field--error input.ids-input:not(:-moz-read-only, :disabled):focus {
  --ids-input-border-color: var(--ids_color_feedback_error);
}

.ids-form-field--error input.ids-input:not(:read-only, :disabled):focus {
  --ids-input-border-color: var(--ids_color_feedback_error);
}

.ids-form-field--no-message {
  min-height: 3.8125rem;
}
.ids-form-field--no-border .ids-input:not(:focus) {
  border-bottom: 0;
}
.ids-form-field--no-border .ids-input:not(:focus):focus {
  box-shadow: none;
}
.ids-form-field--no-border .ids-input:not(:focus)[aria-expanded=true] {
  box-shadow: 0 0 0.125rem 0 rgba(86, 80, 76, 0.16), 0 0.125rem 0.5rem 0 rgba(86, 80, 76, 0.16);
}
.ids-form-field--no-label {
  min-height: initial;
}
.ids-form-field--no-label .ids-input {
  padding-top: var(--ids_size_general_1x);
}
.ids-form-field--no-label .ids-form-field__content {
  padding-top: 0;
}
.ids-form-field--no-label .ids-form-field__content,
.ids-form-field--no-label .ids-form-field__container {
  min-height: 2.25rem;
}
.ids-form-field--no-label.ids-form-field--no-message:not(.ids-form-field--no-border) {
  min-height: 3rem;
  padding-bottom: var(--ids_size_general_6x);
}
.ids-form-field--no-label.ids-form-field--no-message:not(.ids-form-field--no-border) .ids-input {
  padding-top: 0.4375rem;
}
.ids-form-field--no-label.ids-form-field--no-border .ids-input {
  padding-bottom: var(--ids_size_general_12x);
  padding-top: var(--ids_size_general_12x);
}
.ids-form-field--no-label.ids-form-field--no-border .ids-form-field__suffix {
  bottom: var(--ids_size_general_12x);
}
.ids-form-field--no-label.ids-form-field--no-border .ids-form-field__content,
.ids-form-field--no-label.ids-form-field--no-border .ids-form-field__container {
  min-height: 3rem;
}

.ids-form-selection {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  gap: var(--ids_size_general_8x);
  position: relative;
}
.ids-form-selection .ids-checkbox,
.ids-form-selection .ids-radio-button,
.ids-form-selection .ids-switch {
  position: static;
}
.ids-form-selection .ids-checkbox__input,
.ids-form-selection .ids-radio-button__input,
.ids-form-selection .ids-switch__input {
  left: -0.1875rem;
  outline-offset: 0;
  width: calc(100% + var(--ids_size_general_6x));
}
.ids-form-selection__label {
  direction: ltr;
  padding-right: var(--ids_size_general_3x);
}
.ids-form-selection__input {
  line-height: 1;
}
.ids-form-selection--disabled {
  color: var(--ids_color_action_disabled_variant);
  cursor: not-allowed;
}
.ids-form-selection--invalid {
  font-weight: bold;
}
.ids-form-selection--on-brand {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-form-selection--on-brand .ids-radio-button .ids-radio-button__icon,
.ids-form-selection--on-brand .ids-radio-button .ids-radio-button--invalid .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-form-selection--on-brand .ids-radio-button .ids-radio-button__input:disabled + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary_medium);
}
.ids-form-selection--on-brand .ids-radio-button .ids-radio-button__input:not(:disabled):hover + .ids-radio-button__icon,
.ids-form-selection--on-brand .ids-radio-button .ids-radio-button__input:not(:disabled):focus-visible + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-form-selection--on-brand .ids-radio-button .ids-radio-button__input:checked:not(:disabled) + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-form-selection--on-brand .ids-radio-button .ids-radio-button__input:checked:not(:disabled):hover + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-form-selection--on-brand .ids-radio-button .ids-radio-button__input:checked:not(:disabled):focus-visible + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-form-selection--on-brand .ids-radio-button .ids-radio-button--invalid .ids-radio-button__input:checked:not(:disabled) + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-form-selection--on-brand .ids-radio-button--invalid .ids-radio-button__input:checked:not(:disabled):hover + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-form-selection--on-brand .ids-radio-button--invalid .ids-radio-button__input:checked:not(:disabled):focus-visible + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-form-selection--rtl {
  direction: rtl;
  justify-content: flex-end;
}

.ids-icon {
  align-items: center;
  color: inherit;
  display: inline-flex;
  flex-direction: column;
  flex-shrink: 0;
  font: var(--ids_textStyle_icon_medium);
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant-ligatures: discretionary-ligatures;
  height: var(--ids_size_general_24x);
  justify-content: center;
  letter-spacing: 0;
  overflow: hidden;
  text-rendering: optimizelegibility;
  text-transform: initial;
  width: var(--ids_size_general_24x);
}
.ids-icon--primary {
  color: var(--ids_color_action_primary_base);
}
.ids-icon--secondary {
  color: var(--ids_color_action_secondary_base);
}
.ids-icon--neutral {
  color: var(--ids_color_action_neutral_base);
}
.ids-icon--success {
  color: var(--ids_color_feedback_success);
}
.ids-icon--alert {
  color: var(--ids_color_feedback_alert);
}
.ids-icon--information {
  color: var(--ids_color_feedback_information);
}
.ids-icon--error {
  color: var(--ids_color_feedback_error);
}
.ids-icon--on-brand {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-icon--small {
  font: var(--ids_textStyle_icon_small);
  min-height: var(--ids_size_general_16x);
  min-width: var(--ids_size_general_16x);
}
.ids-icon--large {
  font: var(--ids_textStyle_icon_large);
  min-height: var(--ids_size_general_32x);
  min-width: var(--ids_size_general_32x);
}
.ids-icon--xlarge {
  font: var(--ids_textStyle_icon_xLarge);
  min-height: var(--ids_size_general_48x);
  min-width: var(--ids_size_general_48x);
}

.ids-image {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.ids-image.one-by-one, .ids-image.-square {
  aspect-ratio: 1/1;
}
@supports not (aspect-ratio: 1/1) {
  .ids-image.one-by-one, .ids-image.-square {
    --ids-aspect-ratio: 1;
    --ids-height: auto;
    height: var(--ids-height);
  }
}
.ids-image.-two-by-three, .ids-image.-portrait {
  aspect-ratio: 2/3;
}
@supports not (aspect-ratio: 1/1) {
  .ids-image.-two-by-three, .ids-image.-portrait {
    --ids-aspect-ratio: 0.6666666667;
    --ids-height: auto;
    height: var(--ids-height);
  }
}
.ids-image.-three-by-two, .ids-image.-landscape {
  aspect-ratio: 3/2;
}
@supports not (aspect-ratio: 1/1) {
  .ids-image.-three-by-two, .ids-image.-landscape {
    --ids-aspect-ratio: 1.5;
    --ids-height: auto;
    height: var(--ids-height);
  }
}
.ids-image.-sixteen-by-nine, .ids-image.-widescreen {
  aspect-ratio: 16/9;
}
@supports not (aspect-ratio: 1/1) {
  .ids-image.-sixteen-by-nine, .ids-image.-widescreen {
    --ids-aspect-ratio: 1.7777777778;
    --ids-height: auto;
    height: var(--ids-height);
  }
}
.ids-image.-three-by-one, .ids-image.-panoramic {
  aspect-ratio: 3/1;
}
@supports not (aspect-ratio: 1/1) {
  .ids-image.-three-by-one, .ids-image.-panoramic {
    --ids-aspect-ratio: 3;
    --ids-height: auto;
    height: var(--ids-height);
  }
}

.ids-input {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  --ids-input-border-color: var(--ids_color_border_medium);
  border-bottom: var(--ids_size_border_small) solid var(--ids-input-border-color);
  border-radius: var(--ids_size_cornerRadius_tooltip) var(--ids_size_cornerRadius_tooltip) 0 0;
  caret-color: var(--ids_color_action_primary_base);
  color: var(--ids_color_action_neutral_variant);
  font: var(--ids_textStyle_f02_s20_h26_wrg);
  min-height: 2.1875rem;
  outline-offset: var(--ids_size_general_3x);
  padding-bottom: var(--ids_spacing_2x);
  text-align: start;
  transition: border-color 250ms;
}
@media (pointer: coarse) {
  .ids-input {
    outline: 0 !important;
  }
  .ids-input:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-input:focus-visible, .ids-input:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-input:focus-visible, .ids-input:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-input:focus-visible, .ids-input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.ids-input option {
  color: var(--ids_color_action_neutral_variant);
  font: var(--ids_textStyle_f02_s16_h24_wrg);
}
.ids-input option:checked {
  font: var(--ids_textStyle_f02_s16_h24_wbd);
}
.ids-input option:disabled {
  color: var(--ids_color_action_disabled_variant);
}
textarea.ids-input {
  min-height: var(--ids_size_general_52x);
  resize: vertical;
}

select.ids-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

input.ids-input:-moz-read-only, textarea.ids-input:-moz-read-only {
  background-color: var(--ids_color_action_disabled_base);
  color: var(--ids_color_action_disabled_variant);
  resize: none;
}

input.ids-input:read-only, textarea.ids-input:read-only, .ids-input:disabled {
  background-color: var(--ids_color_action_disabled_base);
  color: var(--ids_color_action_disabled_variant);
  resize: none;
}

.ids-input:not(:disabled):not(:-moz-read-only):focus {
  --ids-input-border-color: var(--ids_color_action_primary_base);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: inset 0 calc(var(--ids_size_border_small) * -1) var(--ids-input-border-color);
}

select.ids-input:not(:disabled):focus, div.ids-input:not(:disabled):focus, .ids-input:not(:disabled):not(:read-only):focus, .ids-input.-focus {
  --ids-input-border-color: var(--ids_color_action_primary_base);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  box-shadow: inset 0 calc(var(--ids_size_border_small) * -1) var(--ids-input-border-color);
}

.ids-input.-small, .ids-input--small {
  font: var(--ids_textStyle_f02_s16_h24_wrg);
  padding-bottom: calc(var(--ids_spacing_1x) + var(--ids_size_border_small));
  padding-top: var(--ids_spacing_1x);
}
.ids-input.-large, .ids-input--large {
  font: var(--ids_textStyle_label_xlarge_bold);
}
.ids-input.-center, .ids-input--center {
  text-align: center;
}
@media (pointer: coarse) {
  .ids-input {
    overflow: hidden;
    resize: none;
  }
}

.ids-link {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  text-decoration: underline;
  color: var(--ids_color_text_link_base);
  font: var(--ids_textStyle_f02_s16_h24_wrg);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
@media (pointer: coarse) {
  .ids-link {
    outline: 0 !important;
  }
  .ids-link:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-link:focus-visible, .ids-link:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-link:focus-visible, .ids-link:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-link:focus-visible, .ids-link:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.ids-link:hover, .ids-link:focus {
  color: var(--ids_color_text_link_variant);
}
.ids-link.-xsmall {
  font: var(--ids_textStyle_f02_s12_h18_wrg);
}
.ids-link.-small {
  font: var(--ids_textStyle_f02_s14_h20_wrg);
}
.ids-link.-bold {
  font-weight: 700;
}
.ids-link.-internal {
  color: inherit;
}
.ids-link.-on-brand {
  color: var(--ids_color_contrast_onBrand_primary);
}

.ids-listbox {
  background-color: var(--ids_color_bg_base);
  border-radius: 0 0 var(--ids_size_cornerRadius_tags_01) var(--ids_size_cornerRadius_tags_01);
  box-shadow: 0 0 var(--ids_size_general_2x) 0 rgba(86, 80, 76, 0.16), 0 var(--ids_size_general_2x) var(--ids_size_general_8x) 0 rgba(86, 80, 76, 0.16);
  overflow-y: auto;
  width: 100%;
}
.ids-listbox--top {
  border-radius: var(--ids_size_cornerRadius_tags_01) var(--ids_size_cornerRadius_tags_01) 0 0;
  box-shadow: 0 0 var(--ids_size_general_2x) 0 rgba(86, 80, 76, 0.16), 0 -0.125rem var(--ids_size_general_8x) 0 rgba(86, 80, 76, 0.16);
}

.ids-listbox-wrapper {
  box-sizing: content-box;
  margin: 0 -0.5rem;
  overflow: hidden;
  padding: 0 var(--ids_size_general_8x);
}
.ids-listbox-wrapper .ids-listbox {
  margin-bottom: var(--ids_size_general_8x);
}
.ids-listbox-wrapper .ids-listbox--top {
  margin-bottom: 0;
  margin-top: var(--ids_size_general_8x);
}

.ids-modal-wrapper {
  display: flex;
  isolation: isolate;
  max-height: 96vh;
  min-width: 272px;
}
.ids-modal-wrapper__container {
  padding: 0 var(--ids_spacing_2x);
  width: 100%;
}
@media (width >= 360px) {
  .ids-modal-wrapper {
    max-height: 92vh;
  }
  .ids-modal-wrapper__container {
    padding: 0 var(--ids_spacing_6x);
  }
}

.ids-modal {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  background-color: var(--ids_color_bg_base);
  border-radius: var(--ids_size_general_8x);
  color: var(--ids_color_text_body_01);
  container-name: idsdialog;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  font: var(--ids_textStyle_f02_s16_h24_wrg);
  max-height: 100%;
  max-width: 100%;
  min-width: 272px;
  overflow: hidden;
}
.ids-modal--shadow {
  box-shadow: 0 var(--ids_size_general_4x) var(--ids_size_general_8x) 0 rgba(0, 0, 0, 0.08);
}
.ids-modal__body {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  outline-offset: -0.0625rem;
  overflow-y: auto;
}

.ids-modal-header {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  gap: var(--ids_spacing_2x);
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: var(--ids_spacing_2x);
  padding-left: var(--ids_spacing_3x);
}
.js-no-flexbox-gap .ids-modal-header {
  margin: calc(var(--ids_spacing_2x) / -2) !important;
}
.js-no-flexbox-gap .ids-modal-header > * {
  margin: calc(var(--ids_spacing_2x) / 2) !important;
}

.ids-modal-header__title {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  margin: 0;
  font: var(--ids_textStyle_f01_s20_h28_wrg);
}
.ids-modal-header__description {
  font: var(--ids_textStyle_f02_s14_h20_wrg);
  margin-top: var(--ids_spacing_1x);
}

.ids-overlay {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1001;
}

.ids-backdrop {
  background-color: var(--ids_color_action_neutral_variant_medium);
  display: flex;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
}
.ids-backdrop.-no-bg {
  background-color: transparent;
  pointer-events: none;
}
.ids-backdrop.-no-bg + * .ids-modal-wrapper {
  max-height: initial;
}
.ids-backdrop.-no-bg + * .ids-modal-wrapper__container {
  padding: 0;
}

.ids-input-password {
  background-color: transparent;
  border: none;
  caret-color: transparent;
  color: transparent;
  height: var(--ids_size_general_48x);
  outline: none;
  padding: var(--ids_size_general_20x) var(--ids_size_general_28x);
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%;
}
.ids-input-password::selection {
  background-color: transparent;
  color: inherit;
}

.ids-password {
  display: inline-block;
  vertical-align: middle;
}
@media (pointer: fine) {
  .ids-password.ids-password--visible-focus {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color;
  }
}
.ids-password__form-message {
  color: var(--ids_color_action_neutral_base);
  padding-bottom: var(--ids_spacing_1x);
}
.ids-password__label {
  font: var(--ids_textStyle_f02_s14_h20_wrg);
}
.ids-password__container {
  gap: var(--ids_spacing_2x);
  display: flex;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.js-no-flexbox-gap .ids-password__container {
  margin: calc(var(--ids_spacing_2x) / -2) !important;
}
.js-no-flexbox-gap .ids-password__container > * {
  margin: calc(var(--ids_spacing_2x) / 2) !important;
}

.ids-password__fake-input {
  align-items: center;
  background-color: transparent;
  border: var(--ids_size_border_small) solid var(--ids_color_border_medium);
  border-radius: var(--ids_size_cornerRadius_passwordCode);
  color: var(--ids_color_action_neutral_base);
  display: flex;
  font: var(--ids_textStyle_f02_s24_h32_wrg);
  height: var(--ids_size_general_48x);
  justify-content: center;
  pointer-events: none;
  width: var(--ids_size_general_32x);
}
.ids-password__fake-input--value::before {
  background-color: var(--ids_color_action_neutral_base);
  border-radius: 50%;
  content: "";
  display: block;
  height: var(--ids_size_general_12x);
  width: var(--ids_size_general_12x);
}
.ids-password__fake-input--error {
  border-color: var(--ids_color_border_strong);
  border-width: var(--ids_size_border_medium);
}
.ids-password__fake-input--active {
  border-color: transparent;
  outline: var(--ids_size_border_medium) solid var(--ids_color_action_primary_base);
}
.ids-password--disabled .ids-password__fake-input {
  background-color: transparent;
  border-color: var(--ids_color_border_soft);
}
.ids-password--disabled .ids-password__fake-input--active {
  border-color: var(--ids_color_border_soft);
  outline: none;
}
.ids-password--disabled .ids-password__form-message {
  color: var(--ids_color_action_disabled_variant);
}
.ids-password--on-brand .ids-password__fake-input {
  border-color: rgba(var(--ids_opacity_strong), 80%);
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-password--on-brand .ids-password__fake-input--value::before {
  background-color: var(--ids_color_contrast_onBrand_primary);
}
.ids-password--on-brand .ids-password__fake-input--active {
  border-color: transparent;
  outline-color: rgba(var(--ids_opacity_strong), 80%);
}
.ids-password--on-brand .ids-password__form-message {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-password--on-brand.ids-password--disabled .ids-password__fake-input {
  border-color: var(--ids_color_contrast_onBrand_primary_medium);
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-password--on-brand.ids-password--disabled .ids-password__fake-input--active {
  outline-color: var(--ids_color_contrast_onBrand_primary_medium);
}
.ids-password--on-brand.ids-password--disabled .ids-password__form-message {
  color: var(--ids_color_contrast_onBrand_primary_medium);
}
.ids-password--on-brand.ids-password--error .ids-password__fake-input {
  border-color: var(--ids_color_contrast_onBrand_primary);
}
.ids-password--on-brand.ids-password--error .ids-password__fake-input--active {
  border-color: var(--ids_color_contrast_onBrand_primary);
  outline: none;
}

.ids-radio-button {
  align-items: center;
  color: var(--ids_color_action_neutral_base);
  display: inline-flex;
  font-size: 0;
  justify-content: center;
  line-height: 0;
  min-height: var(--ids_size_general_48x);
  min-width: var(--ids_size_general_48x);
  position: relative;
}
.ids-radio-button__input {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  appearance: none;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (pointer: coarse) {
  .ids-radio-button__input {
    outline: 0 !important;
  }
  .ids-radio-button__input:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-radio-button__input:focus-visible, .ids-radio-button__input:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-radio-button__input:focus-visible, .ids-radio-button__input:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-radio-button__input:focus-visible, .ids-radio-button__input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.ids-radio-button__input:disabled {
  cursor: not-allowed;
}
.ids-radio-button__icon::before {
  content: "radio_button_outline";
}
.ids-radio-button--invalid .ids-radio-button__icon {
  color: var(--ids_color_feedback_error);
}
.ids-radio-button__input:disabled + .ids-radio-button__icon {
  color: var(--ids_color_action_disabled_variant);
  cursor: not-allowed;
}
.ids-radio-button__input:checked + .ids-radio-button__icon::before {
  content: "radio_button_selected";
}
.ids-radio-button__input[aria-invalid=true] + .ids-radio-button__icon {
  color: var(--ids_color_feedback_error);
}
.ids-radio-button__input:not(:disabled):hover + .ids-radio-button__icon, .ids-radio-button__input:not(:disabled):focus-visible + .ids-radio-button__icon {
  color: var(--ids_color_action_neutral_variant);
}
.ids-radio-button__input:checked:not(:disabled) + .ids-radio-button__icon {
  color: var(--ids_color_action_primary_base);
}
.ids-radio-button__input:checked:not(:disabled):hover + .ids-radio-button__icon, .ids-radio-button__input:checked:not(:disabled):focus-visible + .ids-radio-button__icon {
  color: var(--ids_color_action_primary_variant);
}
.ids-radio-button--invalid .ids-radio-button__input:not(:disabled):hover + .ids-radio-button__icon, .ids-radio-button--invalid .ids-radio-button__input:not(:disabled):focus-visible + .ids-radio-button__icon, .ids-radio-button--invalid .ids-radio-button__input:checked:not(:disabled) + .ids-radio-button__icon {
  color: var(--ids_color_feedback_error);
}
.ids-radio-button--on-brand .ids-radio-button__icon,
.ids-radio-button--on-brand .ids-radio-button--invalid .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-radio-button--on-brand .ids-radio-button__input:disabled + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary_medium);
}
.ids-radio-button--on-brand .ids-radio-button__input:not(:disabled):hover + .ids-radio-button__icon,
.ids-radio-button--on-brand .ids-radio-button__input:not(:disabled):focus-visible + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-radio-button--on-brand .ids-radio-button__input:checked:not(:disabled) + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-radio-button--on-brand .ids-radio-button__input:checked:not(:disabled):hover + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-radio-button--on-brand .ids-radio-button__input:checked:not(:disabled):focus-visible + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-radio-button--on-brand .ids-radio-button--invalid .ids-radio-button__input:checked:not(:disabled) + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-radio-button--on-brand--invalid .ids-radio-button__input:checked:not(:disabled):hover + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-radio-button--on-brand--invalid .ids-radio-button__input:checked:not(:disabled):focus-visible + .ids-radio-button__icon {
  color: var(--ids_color_contrast_onBrand_primary);
}

.ids-shimmer,
:host.ids-shimmer {
  animation: shimmer 1000ms ease infinite;
  background-image: var(--ids_color_bg_shimmer_gradient);
  background-size: 200%;
  /* stylelint-disable-next-line declaration-no-important */
  color: transparent !important;
  overflow: hidden;
  position: relative;
  /* stylelint-disable-next-line declaration-no-important */
  color: transparent !important;
  /* stylelint-disable-next-line declaration-no-important */
  cursor: default !important;
  /* stylelint-disable-next-line selector-pseudo-element-no-unknown */
  border-radius: var(--ids_size_general_8x);
  display: block;
  min-height: var(--ids_size_general_24x);
}
@keyframes shimmer {
  from {
    background-position-x: 200%;
  }
  to {
    background-position-x: 0%;
  }
}
.ids-shimmer > *,
:host.ids-shimmer > * {
  /* stylelint-disable-next-line declaration-no-important */
  opacity: 0 !important;
  /* stylelint-disable-next-line declaration-no-important */
  visibility: hidden !important;
}
.ids-shimmer ::ng-deep > *,
:host.ids-shimmer ::ng-deep > * {
  /* stylelint-disable-next-line declaration-no-important */
  opacity: 0 !important;
  /* stylelint-disable-next-line declaration-no-important */
  visibility: hidden !important;
}
.ids-shimmer--on-brand,
:host.ids-shimmer--on-brand {
  animation: shimmer 1000ms ease infinite;
  background-image: var(--ids_color_bg_shimmer_gradient_onDark);
  background-size: 200%;
  /* stylelint-disable-next-line declaration-no-important */
  color: transparent !important;
  overflow: hidden;
  position: relative;
  /* stylelint-disable-next-line declaration-no-important */
  color: transparent !important;
  /* stylelint-disable-next-line declaration-no-important */
  cursor: default !important;
  /* stylelint-disable-next-line selector-pseudo-element-no-unknown */
}
@keyframes shimmer {
  from {
    background-position-x: 200%;
  }
  to {
    background-position-x: 0%;
  }
}
.ids-shimmer--on-brand > *,
:host.ids-shimmer--on-brand > * {
  /* stylelint-disable-next-line declaration-no-important */
  opacity: 0 !important;
  /* stylelint-disable-next-line declaration-no-important */
  visibility: hidden !important;
}
.ids-shimmer--on-brand ::ng-deep > *,
:host.ids-shimmer--on-brand ::ng-deep > * {
  /* stylelint-disable-next-line declaration-no-important */
  opacity: 0 !important;
  /* stylelint-disable-next-line declaration-no-important */
  visibility: hidden !important;
}

.ids-slider {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  --slider-color-primary: var(--ids_color_action_primary_base);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 0;
  box-sizing: content-box;
  color: transparent;
  height: var(--ids_size_general_8x);
  outline-offset: var(--ids_size_general_3x);
  padding-bottom: calc(2.125rem + var(--ids_spacing_1x));
  padding-top: calc(var(--ids_size_general_24x) + var(--ids_spacing_2x));
  width: 100%;
}
@media (pointer: coarse) {
  .ids-slider {
    outline: 0 !important;
  }
  .ids-slider:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-slider:focus-visible, .ids-slider:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-slider:focus-visible, .ids-slider:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-slider:focus-visible, .ids-slider:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.ids-slider::-moz-range-track {
  border-radius: calc(var(--ids_size_general_8x) / 2);
  height: var(--ids_size_general_8x);
  background-color: var(--ids_color_border_soft);
}
.ids-slider::-webkit-slider-runnable-track {
  border-radius: calc(var(--ids_size_general_8x) / 2);
  height: var(--ids_size_general_8x);
  background: radial-gradient(circle at calc(var(--slider-percent) - calc(var(--ids_size_general_8x) / 2)), var(--slider-color-primary) calc((var(--ids_size_general_8x) / 2) - 0.5px), transparent calc(var(--ids_size_general_8x) / 2)), linear-gradient(to right, var(--slider-color-primary) 0%, var(--slider-color-primary) calc(var(--slider-percent) - calc(var(--ids_size_general_8x) / 2)), var(--ids_color_border_soft) calc(var(--slider-percent) - calc(var(--ids_size_general_8x) / 2)), var(--ids_color_border_soft) 100%);
}
.ids-slider::-moz-range-progress {
  border-radius: calc(var(--ids_size_general_8x) / 2);
  height: var(--ids_size_general_8x);
  background-color: var(--slider-color-primary);
}
.ids-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--ids_color_action_primary_base);
  border: 0;
  cursor: pointer;
  height: 2.125rem;
  margin-top: calc(var(--ids_spacing_1x) + var(--ids_size_general_8x));
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="28" height="34" viewBox="0 0 28 34" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M28 19.9825C28 27.7241 21.7136 34 13.959 34C6.20439 34 0 27.7241 0 19.9825C0 11 6.99999 7.98663 14 0C21 7.98663 28 11 28 19.9825Z" /></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg width="28" height="34" viewBox="0 0 28 34" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M28 19.9825C28 27.7241 21.7136 34 13.959 34C6.20439 34 0 27.7241 0 19.9825C0 11 6.99999 7.98663 14 0C21 7.98663 28 11 28 19.9825Z" /></svg>');
  transform: translateX(calc(var(--ids_size_general_28x) / -2)) translateX(var(--slider-percent));
  -webkit-transition: box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear;
  width: var(--ids_size_general_28x);
}
.ids-slider::-moz-range-thumb {
  -moz-appearance: none;
       appearance: none;
  background-color: var(--ids_color_action_primary_base);
  border: 0;
  cursor: pointer;
  height: 2.125rem;
  margin-top: calc(var(--ids_spacing_1x) + var(--ids_size_general_8x));
  mask-image: url('data:image/svg+xml;utf8,<svg width="28" height="34" viewBox="0 0 28 34" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M28 19.9825C28 27.7241 21.7136 34 13.959 34C6.20439 34 0 27.7241 0 19.9825C0 11 6.99999 7.98663 14 0C21 7.98663 28 11 28 19.9825Z" /></svg>');
  transform: translateX(calc(var(--ids_size_general_28x) / -2)) translateX(var(--slider-percent));
  -moz-transition: box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear;
  width: var(--ids_size_general_28x);
  transform: translateY(calc(0.8125rem + var(--ids_size_general_8x) + var(--ids_spacing_1x))) translateX(calc(var(--ids_size_general_28x) / -2)) translateX(var(--slider-percent));
}
.ids-slider:active::-webkit-slider-thumb, .ids-slider:focus::-webkit-slider-thumb, .ids-slider:hover::-webkit-slider-thumb {
  background-color: var(--ids_color_action_primary_variant);
  outline: 0;
}
.ids-slider:active::-moz-range-thumb, .ids-slider:focus::-moz-range-thumb, .ids-slider:hover::-moz-range-thumb {
  background-color: var(--ids_color_action_primary_variant);
}
.ids-slider:disabled {
  --slider-color-primary: ids_color_action_disabled_variant;
  pointer-events: none;
}
.ids-slider:disabled::-moz-range-thumb {
  box-shadow: none;
}
.ids-slider:disabled::-webkit-slider-thumb {
  box-shadow: none;
}
.ids-slider:disabled:focus, .ids-slider:disabled:active, .ids-slider:disabled:hover {
  color: transparent;
}
.ids-slider:disabled.ids-slider--light {
  opacity: 0.6;
}
.ids-slider + .ids-slider-range {
  margin-top: calc(var(--ids_size_general_24x) * -1);
  transform: translateY(calc(-1 * calc(calc(2.125rem + var(--ids_spacing_1x)) + var(--ids_size_general_8x)) - var(--ids_spacing_2x)));
}

/* stylelint-disable plugin/no-low-performance-animation-properties */
@keyframes ids-snackbar-fade-in {
  from {
    bottom: 0;
    opacity: var(--ids_motion_opacity_0);
  }
  to {
    bottom: var(--ids-snackbar-bottom);
    opacity: var(--ids_motion_opacity_100);
  }
}
@keyframes ids-snackbar-fade-out {
  from {
    bottom: var(--ids-snackbar-bottom);
    opacity: var(--ids_motion_opacity_100);
  }
  to {
    bottom: 0;
    opacity: var(--ids_motion_opacity_0);
  }
}
.ids-snackbar {
  --ids-snackbar-bottom: rem(24);
  --ids-snackbar-duration: 4s;
  align-items: center;
  background: var(--ids_color_feedback_neutral);
  border-radius: var(--ids_size_cornerRadius_snackbar);
  color: var(--ids_color_feedback_neutral_contrast);
  font: var(--ids_textStyle_f02_s14_h20_wrg);
  gap: var(--ids_size_general_12x);
  max-width: 45rem;
  min-width: 17rem;
  padding: var(--ids_size_general_16x);
  /* stylelint-disable-next-line selector-pseudo-class-no-unknown */
}
.ids-snackbar:popover-open {
  animation: ids-snackbar-fade-in var(--ids_motion_time_slow_01) var(--ids_motion_easing_effective_decelerate_standard), ids-snackbar-fade-out var(--ids_motion_time_fast_03) var(--ids_motion_easing_effective_accelerate_standard) calc(var(--ids-snackbar-duration) - 0.18s);
  display: flex;
  inset: auto var(--ids_size_general_24x) var(--ids-snackbar-bottom) var(--ids_size_general_24x);
  margin: 0 auto;
  position: fixed;
}
.ids-snackbar.\:popover-open {
  animation: ids-snackbar-fade-in var(--ids_motion_time_slow_01) var(--ids_motion_easing_effective_decelerate_standard), ids-snackbar-fade-out var(--ids_motion_time_fast_03) var(--ids_motion_easing_effective_accelerate_standard) calc(var(--ids-snackbar-duration) - 0.18s);
  display: flex;
  inset: auto var(--ids_size_general_24x) var(--ids-snackbar-bottom) var(--ids_size_general_24x);
  margin: 0 auto;
  position: fixed;
}
.ids-snackbar.-warning {
  background: var(--ids_color_feedback_alert);
  color: var(--ids_color_feedback_alert_contrast);
}
.ids-snackbar.-success {
  background: var(--ids_color_feedback_success);
  color: var(--ids_color_feedback_success_contrast);
}
.ids-snackbar.-error {
  background: var(--ids_color_feedback_error);
  color: var(--ids_color_feedback_error_contrast);
}
.ids-snackbar.-information {
  background: var(--ids_color_feedback_information);
  color: var(--ids_color_feedback_information_contrast);
}
.ids-snackbar.-on-brand {
  background: var(--ids_color_bg_base);
  color: var(--ids_color_feedback_neutral);
}
@media screen and (width <= 64rem) {
  .ids-snackbar {
    margin: 0;
    max-width: calc(100% - var(--ids_size_general_48x));
    width: 100%;
  }
}
@media not all and (hover: hover) and (pointer: fine) {
  .ids-snackbar {
    margin: 0;
    width: 100%;
  }
}

.ids-switch {
  align-items: center;
  color: var(--ids_color_text_body_01);
  display: inline-flex;
  font-size: 0;
  justify-content: center;
  line-height: 0;
  min-height: var(--ids_size_general_48x);
  min-width: var(--ids_size_general_48x);
  position: relative;
}
.ids-switch__input {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  appearance: none;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  border: 0;
}
@media (pointer: coarse) {
  .ids-switch__input {
    outline: 0 !important;
  }
  .ids-switch__input:focus {
    outline: 0 !important;
  }
}
@media (pointer: coarse) and (pointer: fine) {
  .ids-switch__input:focus-visible, .ids-switch__input:focus.focus-visible {
    outline: 0 !important;
  }
}
@media (pointer: fine) {
  .ids-switch__input:focus-visible, .ids-switch__input:focus.focus-visible {
    /* stylelint-disable-next-line declaration-no-important */
    outline: revert !important;
  }
}
@media (pointer: fine) and (pointer: fine) {
  .ids-switch__input:focus-visible, .ids-switch__input:focus.focus-visible {
    outline: 5px auto Highlight !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
}
.ids-switch__input:disabled {
  cursor: not-allowed;
}
.ids-switch__icon {
  background: transparent;
  border: var(--ids_size_border_small) solid var(--ids_color_action_neutral_base);
  border-radius: var(--ids_size_general_14x);
  display: flex;
  flex-direction: column;
  height: var(--ids_size_general_20x);
  inset: 0;
  justify-content: center;
  pointer-events: none;
  position: relative;
  transition: transform 0.2s, background-color 0.2s;
  width: var(--ids_size_general_36x);
}
.ids-switch__icon::before {
  background: var(--ids_color_action_neutral_base);
  border-radius: 50%;
  content: "";
  height: var(--ids_size_general_14x);
  left: var(--ids_size_general_2x);
  position: absolute;
  transition: transform 0.2s, background-color 0.2s;
  width: var(--ids_size_general_14x);
}
.ids-switch--on-brand .ids-switch__icon {
  background: transparent;
  border-color: var(--ids_color_contrast_onBrand_primary);
}
.ids-switch--on-brand .ids-switch__icon::before {
  background: var(--ids_color_contrast_onBrand_primary);
}
.ids-switch__input[aria-pressed=true] + .ids-switch__icon, .ids-switch__input:checked + .ids-switch__icon {
  background: var(--ids_color_action_primary_base);
  border-color: var(--ids_color_action_primary_base);
}
.ids-switch__input[aria-pressed=true] + .ids-switch__icon::before, .ids-switch__input:checked + .ids-switch__icon::before {
  background: var(--ids_color_action_primary_contrast);
  transform: translateX(var(--ids_size_general_16x));
}
.ids-switch__input:disabled + .ids-switch__icon {
  border-color: var(--ids_color_action_disabled_base);
  cursor: not-allowed;
}
.ids-switch__input:disabled + .ids-switch__icon::before {
  background: var(--ids_color_action_disabled_base);
}
.ids-switch__input[aria-pressed=true]:disabled + .ids-switch__icon, .ids-switch__input:checked:disabled + .ids-switch__icon {
  background: var(--ids_color_action_disabled_base);
  border-color: var(--ids_color_action_disabled_base);
}
.ids-switch__input[aria-pressed=true]:disabled + .ids-switch__icon::before, .ids-switch__input:checked:disabled + .ids-switch__icon::before {
  background-color: var(--ids_color_action_primary_contrast);
}
.ids-switch--on-brand .ids-switch__input:disabled + .ids-switch__icon {
  background: transparent;
  border-color: var(--ids_color_contrast_onBrand_primary_medium);
}
.ids-switch--on-brand .ids-switch__input:disabled + .ids-switch__icon::before {
  background-color: var(--ids_color_contrast_onBrand_primary_medium);
}
.ids-switch--on-brand .ids-switch__input[aria-pressed=true] + .ids-switch__icon, .ids-switch--on-brand .ids-switch__input:checked + .ids-switch__icon {
  background: var(--ids_color_contrast_onBrand_primary);
  border-color: var(--ids_color_contrast_onBrand_primary);
}
.ids-switch--on-brand .ids-switch__input[aria-pressed=true] + .ids-switch__icon::before, .ids-switch--on-brand .ids-switch__input:checked + .ids-switch__icon::before {
  background-color: var(--ids_color_action_primary_base);
}
.ids-switch__input:not(:disabled):hover + .ids-switch__icon, .ids-switch__input:not(:disabled):focus-visible + .ids-switch__icon {
  border-color: var(--ids_color_action_neutral_variant);
}
.ids-switch__input:not(:disabled):hover + .ids-switch__icon::before, .ids-switch__input:not(:disabled):focus-visible + .ids-switch__icon::before {
  background: var(--ids_color_action_neutral_variant);
}
.ids-switch__input[aria-pressed=true]:not(:disabled):hover + .ids-switch__icon, .ids-switch__input:checked:not(:disabled):hover + .ids-switch__icon, .ids-switch__input[aria-pressed=true]:not(:disabled):focus-visible + .ids-switch__icon, .ids-switch__input:checked:not(:disabled):focus-visible + .ids-switch__icon {
  background: var(--ids_color_action_primary_variant);
  border-color: var(--ids_color_action_primary_variant);
}
.ids-switch__input[aria-pressed=true]:not(:disabled):hover + .ids-switch__icon::before, .ids-switch__input:checked:not(:disabled):hover + .ids-switch__icon::before, .ids-switch__input[aria-pressed=true]:not(:disabled):focus-visible + .ids-switch__icon::before, .ids-switch__input:checked:not(:disabled):focus-visible + .ids-switch__icon::before {
  background: var(--ids_color_contrast_onBrand_primary);
}
.ids-switch--on-brand .ids-switch__input:not(:disabled):hover + .ids-switch__icon, .ids-switch--on-brand .ids-switch__input:not(:disabled):focus-visible + .ids-switch__icon {
  border-color: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-switch--on-brand .ids-switch__input:not(:disabled):hover + .ids-switch__icon::before, .ids-switch--on-brand .ids-switch__input:not(:disabled):focus-visible + .ids-switch__icon::before {
  background: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-switch--on-brand .ids-switch__input[aria-pressed=true]:disabled + .ids-switch__icon, .ids-switch--on-brand .ids-switch__input:checked:disabled + .ids-switch__icon {
  background: var(--ids_color_contrast_onBrand_primary_medium);
  border-color: var(--ids_color_contrast_onBrand_primary_soft);
}
.ids-switch--on-brand .ids-switch__input[aria-pressed=true]:disabled + .ids-switch__icon::before, .ids-switch--on-brand .ids-switch__input:checked:disabled + .ids-switch__icon::before {
  background: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-switch--on-brand .ids-switch__input[aria-pressed=true]:not(:disabled):hover + .ids-switch__icon, .ids-switch--on-brand .ids-switch__input:checked:not(:disabled):hover + .ids-switch__icon, .ids-switch--on-brand .ids-switch__input[aria-pressed=true]:not(:disabled):focus-visible + .ids-switch__icon, .ids-switch--on-brand .ids-switch__input:checked:not(:disabled):focus-visible + .ids-switch__icon {
  background: var(--ids_color_contrast_onBrand_primary_strong);
  border-color: var(--ids_color_contrast_onBrand_primary_strong);
}
.ids-switch--on-brand .ids-switch__input[aria-pressed=true]:not(:disabled):hover + .ids-switch__icon::before, .ids-switch--on-brand .ids-switch__input:checked:not(:disabled):hover + .ids-switch__icon::before, .ids-switch--on-brand .ids-switch__input[aria-pressed=true]:not(:disabled):focus-visible + .ids-switch__icon::before, .ids-switch--on-brand .ids-switch__input:checked:not(:disabled):focus-visible + .ids-switch__icon::before {
  background: var(--ids_color_action_primary_base);
}

/* stylelint-disable no-descending-specificity */
.ids-table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  position: relative;
  width: 100%;
  /*
    Quando a table não tem dados a exibir, é colocado uma tr com a classe ids-table__no-data-row e
    dentro uma td com a mensagem de que não tem registros. No handoff, essa mensagem está alinhada a
    esquerda, porém na table com dados, a TD tem o texto centralizado.
    Foi feito isso para garantir o texto a esquerda quando não tem dados a exibir.
  */
}
.ids-table th {
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  width: var(--ids_size_general_72x);
  background-color: var(--ids_color_bg_variant_01);
  color: var(--ids_color_text_heading_01);
  font: var(--ids_textStyle_f02_s16_h24_wbd);
  border-bottom: var(--ids_size_general_2x) solid var(--ids_color_border_medium);
  height: var(--ids_size_general_48x);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ids-table th:hover {
  background-color: var(--ids_color_bg_variant_02);
  color: var(--ids_color_text_heading_01);
}
.ids-table th:active {
  background-color: var(--ids_color_action_neutral_base);
  color: var(--ids_color_action_primary_contrast);
}
.ids-table th:first-child {
  border-top-left-radius: var(--ids_size_cornerRadius_table);
}
.ids-table th:last-child {
  border-top-right-radius: var(--ids_size_cornerRadius_table);
}
.ids-table th:not(.ids-sort) {
  padding: 0 var(--ids_spacing_4x);
}
.ids-table td {
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  width: var(--ids_size_general_72x);
  background-color: var(--ids_color_bg_base);
  color: var(--ids_color_text_body_02);
  font: var(--ids_textStyle_f02_s16_h24_wrg);
  height: var(--ids_size_general_48x);
  padding: var(--ids_size_general_8x) var(--ids_size_general_24x);
}
.ids-table .ids-table__cell--truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ids-table th,
.ids-table td {
  min-width: var(--ids_size_general_48x);
  position: relative;
}
.ids-table th .ids-checkbox,
.ids-table td .ids-checkbox {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ids-table th .ids-checkbox__input,
.ids-table td .ids-checkbox__input {
  outline-offset: -0.0625rem;
}
.ids-table--compact td {
  height: var(--ids_size_general_40x);
  padding: var(--ids_size_general_8x) var(--ids_size_general_16x);
}
.ids-table--comfortable td {
  height: var(--ids_size_general_64x);
  padding: var(--ids_size_general_8x) var(--ids_size_general_24x);
}
.ids-table tfoot td, .ids-table__footer-cell {
  box-sizing: border-box;
  text-align: center;
  vertical-align: middle;
  width: var(--ids_size_general_72x);
  background-color: var(--ids_color_bg_variant_01);
  color: var(--ids_color_text_heading_01);
  font: var(--ids_textStyle_f02_s16_h24_wbd);
  border-top: var(--ids_size_general_2x) solid var(--ids_color_border_medium);
}
.ids-table tfoot td:hover, .ids-table__footer-cell:hover {
  background-color: var(--ids_color_bg_variant_02);
  color: var(--ids_color_text_heading_01);
}
.ids-table tfoot td:active, .ids-table__footer-cell:active {
  background-color: var(--ids_color_action_neutral_base);
  color: var(--ids_color_action_primary_contrast);
}
.ids-table--solid-border td, .ids-table--full-border td,
.ids-table .ids-table__row--full-border td {
  border: var(--ids_size_general_1x) solid var(--ids_color_border_medium);
}
.ids-table--horizontal-border td,
.ids-table .ids-table__row--horizontal-border td {
  border-bottom: var(--ids_size_general_1x) solid var(--ids_color_border_medium);
}
.ids-table .ids-table__header-row--horizontal-border th {
  border-bottom: var(--ids_size_general_2x) solid var(--ids_color_border_medium);
}
.ids-table--no-border th,
.ids-table--no-border td,
.ids-table .ids-table__header-row--no-border th,
.ids-table .ids-table__header-row--no-border td,
.ids-table .ids-table__footer-row--no-border th,
.ids-table .ids-table__footer-row--no-border td,
.ids-table .ids-table__row--no-border th,
.ids-table .ids-table__row--no-border td {
  border: 0;
}
.ids-table .ids-table__header-row--no-background th:not(:hover, :active),
.ids-table .ids-table__footer-row--no-background td:not(:hover, :active),
.ids-table .ids-table__row--no-background td {
  background-color: transparent;
}
.ids-table tbody tr:hover td {
  background-color: var(--ids_color_bg_variant_02);
}
.ids-table--zebra-style tr:nth-child(even):not(:hover) td {
  background-color: var(--ids_color_bg_variant_01);
}
.ids-table--loading {
  display: flex;
  flex-direction: column;
  gap: var(--ids_spacing_5x);
}
.ids-table--loading thead,
.ids-table--loading tbody,
.ids-table--loading tfoot {
  display: none;
}
.ids-table--loading .ids-shimmer {
  height: var(--ids_size_general_40x);
}
.ids-table__no-data-row td {
  text-align: left;
}

.ids-table-sticky {
  position: sticky;
}

.ids-table-sticky-border-elem-left {
  border-right: var(--ids_size_general_1x) solid var(--ids_color_border_medium);
}

.ids-table-sticky-border-elem-right {
  border-left: var(--ids_size_general_1x) solid var(--ids_color_border_medium);
}

.ids-table-wrapper__table {
  overflow: auto;
}
.ids-table-wrapper--outline {
  border: var(--ids_size_border_medium) solid var(--ids_color_border_medium);
  border-radius: var(--ids_size_cornerRadius_table);
}
.ids-table-wrapper--outline .ids-table--full-border tr:last-of-type td, .ids-table-wrapper--outline .ids-table--solid-border tr:last-of-type td {
  border-bottom: 0;
}
.ids-table-wrapper--outline .ids-table--full-border td, .ids-table-wrapper--outline .ids-table--solid-border td {
  border-left: 0;
  border-top: 0;
}
.ids-table-wrapper--outline .ids-table--full-border td:last-of-type, .ids-table-wrapper--outline .ids-table--solid-border td:last-of-type {
  border-right: 0;
}

.ids-tag {
  background-color: var(--ids_color_feedback_neutral);
  border: var(--ids_size_border_small) solid var(--ids_color_feedback_neutral);
  border-radius: var(--ids_size_cornerRadius_tags_01);
  box-sizing: border-box;
  color: var(--ids_color_feedback_neutral_contrast);
  display: inline-block;
  font: var(--ids_textStyle_f02_s12_h18_wrg);
  height: var(--ids_size_general_22x);
  padding: var(--ids_size_general_1x) var(--ids_spacing_2x);
  vertical-align: baseline;
  white-space: nowrap;
}
.ids-tag.-on-brand {
  background-color: var(--ids_color_bg_base);
  border-color: var(--ids_color_bg_base);
  color: var(--ids_color_feedback_neutral);
}
.ids-tag.-on-brand.-disabled {
  background-color: var(--ids_color_bg_base_medium);
  border-color: var(--ids_color_bg_base_medium);
  color: var(--ids_color_feedback_neutral_medium);
}
.ids-tag.-error {
  background-color: var(--ids_color_feedback_error);
  border-color: var(--ids_color_feedback_error);
  color: var(--ids_color_feedback_error_contrast);
}
.ids-tag.-warning {
  background-color: var(--ids_color_feedback_alert);
  border-color: var(--ids_color_feedback_alert);
  color: var(--ids_color_feedback_alert_contrast);
}
.ids-tag.-success {
  background-color: var(--ids_color_feedback_success);
  border-color: var(--ids_color_feedback_success);
  color: var(--ids_color_feedback_success_contrast);
}
.ids-tag.-information {
  background-color: var(--ids_color_feedback_information);
  border-color: var(--ids_color_feedback_information);
  color: var(--ids_color_feedback_information_contrast);
}
.ids-tag.-outline {
  background-color: transparent;
  border-color: currentcolor;
  color: var(--ids_color_feedback_neutral);
}
.ids-tag.-outline.-on-brand {
  border-color: var(--ids_color_contrast_onBrand_primary);
  color: var(--ids_color_contrast_onBrand_primary);
}
.ids-tag.-outline.-error {
  color: var(--ids_color_feedback_error);
}
.ids-tag.-outline.-warning {
  color: var(--ids_color_feedback_alert);
}
.ids-tag.-outline.-success {
  color: var(--ids_color_feedback_success);
}
.ids-tag.-outline.-information {
  color: var(--ids_color_feedback_information);
}
.ids-tag.-disabled {
  background-color: var(--ids_color_feedback_neutral_medium);
  border: var(--ids_size_border_small) solid var(--ids_color_feedback_neutral_medium);
}
@media (width >= 64rem) {
  .ids-tag {
    font: var(--ids_textStyle_f02_s14_h20_wrg);
    height: var(--ids_size_general_24x);
  }
}

/* stylelint-disable no-descending-specificity */
.ids-tooltip-wrapper,
.ids-tooltip-wrapper.ids-icon-button,
button.ids-tooltip-wrapper.ids-icon-button {
  position: relative;
}
.ids-tooltip-wrapper .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip {
  bottom: 100%;
  display: flex;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1;
}
.ids-tooltip-wrapper .ids-tooltip--end,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--end,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--end {
  left: auto;
  right: calc(50% - var(--ids_size_general_10x));
}
.ids-tooltip-wrapper .ids-tooltip--start,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--start,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--start {
  left: calc(50% - var(--ids_size_general_10x));
}
.ids-tooltip-wrapper .ids-tooltip--bottom,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--bottom,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--bottom {
  bottom: auto;
  top: 100%;
}
.ids-tooltip-wrapper .ids-tooltip--left, .ids-tooltip-wrapper .ids-tooltip--right,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--left,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--right,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--left,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--right {
  bottom: 50%;
  transform: translateY(50%);
}
.ids-tooltip-wrapper .ids-tooltip--left.ids-tooltip--start, .ids-tooltip-wrapper .ids-tooltip--right.ids-tooltip--start,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--left.ids-tooltip--start,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--right.ids-tooltip--start,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--left.ids-tooltip--start,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--right.ids-tooltip--start {
  bottom: auto;
  top: calc(50% - var(--ids_size_general_10x));
}
.ids-tooltip-wrapper .ids-tooltip--left,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--left,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--left {
  left: auto;
  right: 100%;
}
.ids-tooltip-wrapper .ids-tooltip--right,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--right,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--right {
  left: 100%;
}
.ids-tooltip-wrapper .ids-tooltip--end, .ids-tooltip-wrapper .ids-tooltip--start,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--end,
.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--start,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--end,
button.ids-tooltip-wrapper.ids-icon-button .ids-tooltip--start {
  transform: initial;
}
.ids-tooltip-wrapper:hover:not(.-click) .ids-tooltip,
.ids-tooltip-wrapper:hover:not(.-click) + .ids-tooltip,
.ids-tooltip-wrapper:hover:not(.-click) + * .ids-tooltip, .ids-tooltip-wrapper.focus-visible:not(.-click) .ids-tooltip,
.ids-tooltip-wrapper.focus-visible:not(.-click) + .ids-tooltip,
.ids-tooltip-wrapper.focus-visible:not(.-click) + * .ids-tooltip, .ids-tooltip-wrapper:focus-visible:not(.-click) .ids-tooltip,
.ids-tooltip-wrapper:focus-visible:not(.-click) + .ids-tooltip,
.ids-tooltip-wrapper:focus-visible:not(.-click) + * .ids-tooltip, .ids-tooltip-wrapper:not(.-click) > *:hover .ids-tooltip,
.ids-tooltip-wrapper:not(.-click) > *:hover + .ids-tooltip,
.ids-tooltip-wrapper:not(.-click) > *:hover + * .ids-tooltip, .ids-tooltip-wrapper:not(.-click) > *.focus-visible .ids-tooltip,
.ids-tooltip-wrapper:not(.-click) > *.focus-visible + .ids-tooltip,
.ids-tooltip-wrapper:not(.-click) > *.focus-visible + * .ids-tooltip, .ids-tooltip-wrapper:not(.-click) > *:focus-visible .ids-tooltip,
.ids-tooltip-wrapper:not(.-click) > *:focus-visible + .ids-tooltip,
.ids-tooltip-wrapper:not(.-click) > *:focus-visible + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:hover:not(.-click) .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:hover:not(.-click) + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:hover:not(.-click) + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.focus-visible:not(.-click) .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.focus-visible:not(.-click) + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.focus-visible:not(.-click) + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:focus-visible:not(.-click) .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:focus-visible:not(.-click) + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:focus-visible:not(.-click) + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:hover .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:hover + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:hover + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *.focus-visible .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *.focus-visible + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *.focus-visible + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:focus-visible .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:focus-visible + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:focus-visible + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:hover:not(.-click) .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:hover:not(.-click) + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:hover:not(.-click) + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.focus-visible:not(.-click) .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.focus-visible:not(.-click) + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.focus-visible:not(.-click) + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:focus-visible:not(.-click) .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:focus-visible:not(.-click) + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:focus-visible:not(.-click) + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:hover .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:hover + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:hover + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *.focus-visible .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *.focus-visible + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *.focus-visible + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:focus-visible .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:focus-visible + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button:not(.-click) > *:focus-visible + * .ids-tooltip {
  opacity: 1;
  pointer-events: auto;
}
.ids-tooltip-wrapper.-click > *[aria-expanded=true] .ids-tooltip,
.ids-tooltip-wrapper.-click > *[aria-expanded=true] + .ids-tooltip,
.ids-tooltip-wrapper.-click > *[aria-expanded=true] + * .ids-tooltip, .ids-tooltip-wrapper.-click > *:focus:not([aria-expanded=false]) .ids-tooltip,
.ids-tooltip-wrapper.-click > *:focus:not([aria-expanded=false]) + .ids-tooltip,
.ids-tooltip-wrapper.-click > *:focus:not([aria-expanded=false]) + * .ids-tooltip, .ids-tooltip-wrapper.-click[aria-expanded=true] .ids-tooltip,
.ids-tooltip-wrapper.-click[aria-expanded=true] + .ids-tooltip,
.ids-tooltip-wrapper.-click[aria-expanded=true] + * .ids-tooltip, .ids-tooltip-wrapper.-click:focus:not([aria-expanded=false]) .ids-tooltip,
.ids-tooltip-wrapper.-click:focus:not([aria-expanded=false]) + .ids-tooltip,
.ids-tooltip-wrapper.-click:focus:not([aria-expanded=false]) + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click > *[aria-expanded=true] .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click > *[aria-expanded=true] + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click > *[aria-expanded=true] + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click > *:focus:not([aria-expanded=false]) .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click > *:focus:not([aria-expanded=false]) + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click > *:focus:not([aria-expanded=false]) + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click[aria-expanded=true] .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click[aria-expanded=true] + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click[aria-expanded=true] + * .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click:focus:not([aria-expanded=false]) .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click:focus:not([aria-expanded=false]) + .ids-tooltip,
.ids-tooltip-wrapper.ids-icon-button.-click:focus:not([aria-expanded=false]) + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click > *[aria-expanded=true] .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click > *[aria-expanded=true] + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click > *[aria-expanded=true] + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click > *:focus:not([aria-expanded=false]) .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click > *:focus:not([aria-expanded=false]) + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click > *:focus:not([aria-expanded=false]) + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click[aria-expanded=true] .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click[aria-expanded=true] + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click[aria-expanded=true] + * .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click:focus:not([aria-expanded=false]) .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click:focus:not([aria-expanded=false]) + .ids-tooltip,
button.ids-tooltip-wrapper.ids-icon-button.-click:focus:not([aria-expanded=false]) + * .ids-tooltip {
  opacity: 1;
  pointer-events: auto;
}

.ids-tracker {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  gap: var(--ids_spacing_3x);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.js-no-flexbox-gap .ids-tracker {
  margin: calc(var(--ids_spacing_3x) / -2) !important;
}
.js-no-flexbox-gap .ids-tracker > * {
  padding: calc(var(--ids_spacing_3x) / 2) !important;
}

@media (width >= 48rem) {
  .ids-tracker {
    flex-direction: row;
  }
}
.ids-tracker--vertical {
  flex-direction: column;
}

.ids-shortcut-flex {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  /* stylelint-disable-next-line selector-pseudo-element-no-unknown */
}
.ids-shortcut-flex--auto-gap {
  display: grid;
  grid-template-columns: repeat(auto-fill, 9.375rem);
}
@container idsshortcutflex (inline-size > 10.375rem) {
  .ids-shortcut-flex--auto-gap {
    column-gap: calc((100% - 9.375rem) / 0);
  }
}
@container idsshortcutflex (inline-size > 20.25rem) {
  .ids-shortcut-flex--auto-gap {
    column-gap: calc((100% - 18.75rem) / 1);
  }
}
@container idsshortcutflex (inline-size > 30.125rem) {
  .ids-shortcut-flex--auto-gap {
    column-gap: calc((100% - 28.125rem) / 2);
  }
}
@container idsshortcutflex (inline-size > 40rem) {
  .ids-shortcut-flex--auto-gap {
    column-gap: calc((100% - 37.5rem) / 3);
  }
}
@container idsshortcutflex (inline-size > 49.875rem) {
  .ids-shortcut-flex--auto-gap {
    column-gap: calc((100% - 46.875rem) / 4);
  }
}
@container idsshortcutflex (inline-size > 59.75rem) {
  .ids-shortcut-flex--auto-gap {
    column-gap: calc((100% - 56.25rem) / 5);
  }
}
@container idsshortcutflex (inline-size > 69.625rem) {
  .ids-shortcut-flex--auto-gap {
    column-gap: calc((100% - 65.625rem) / 6);
  }
}
.ids-shortcut-flex--auto-gap:has(.ids-shortcut--small) {
  display: grid;
  grid-template-columns: repeat(auto-fill, 6.25rem);
}
@container idsshortcutflex (inline-size > 7.25rem) {
  .ids-shortcut-flex--auto-gap:has(.ids-shortcut--small) {
    column-gap: calc((100% - 6.25rem) / 0);
  }
}
@container idsshortcutflex (inline-size > 14rem) {
  .ids-shortcut-flex--auto-gap:has(.ids-shortcut--small) {
    column-gap: calc((100% - 12.5rem) / 1);
  }
}
@container idsshortcutflex (inline-size > 20.75rem) {
  .ids-shortcut-flex--auto-gap:has(.ids-shortcut--small) {
    column-gap: calc((100% - 18.75rem) / 2);
  }
}
@container idsshortcutflex (inline-size > 27.5rem) {
  .ids-shortcut-flex--auto-gap:has(.ids-shortcut--small) {
    column-gap: calc((100% - 25rem) / 3);
  }
}
@container idsshortcutflex (inline-size > 34.25rem) {
  .ids-shortcut-flex--auto-gap:has(.ids-shortcut--small) {
    column-gap: calc((100% - 31.25rem) / 4);
  }
}
@container idsshortcutflex (inline-size > 41rem) {
  .ids-shortcut-flex--auto-gap:has(.ids-shortcut--small) {
    column-gap: calc((100% - 37.5rem) / 5);
  }
}
@container idsshortcutflex (inline-size > 47.75rem) {
  .ids-shortcut-flex--auto-gap:has(.ids-shortcut--small) {
    column-gap: calc((100% - 43.75rem) / 6);
  }
}
.ids-shortcut-flex .ids-shortcut {
  height: 9.375rem;
  min-width: 9.375rem;
  /* valor negativo para que a borda apareça sem corte do container */
  outline-offset: -0.1875rem;
}
.ids-shortcut-flex .ids-shortcut--2x1 {
  width: 18.75rem;
}
.ids-shortcut-flex .ids-shortcut--small {
  height: var(--ids_size_general_100x);
  min-width: var(--ids_size_general_100x);
}
.ids-shortcut-flex .ids-shortcut--small.ids-shortcut--2x1 {
  width: 12.5rem;
}
.ids-shortcut-flex ::ng-deep .ids-shortcut {
  height: 9.375rem;
  min-width: 9.375rem;
  /* valor negativo para que a borda apareça sem corte do container */
  outline-offset: -0.1875rem;
}
.ids-shortcut-flex ::ng-deep .ids-shortcut--2x1 {
  width: 18.75rem;
}
.ids-shortcut-flex ::ng-deep .ids-shortcut--small {
  height: var(--ids_size_general_100x);
  min-width: var(--ids_size_general_100x);
}
.ids-shortcut-flex ::ng-deep .ids-shortcut--small.ids-shortcut--2x1 {
  width: 12.5rem;
}
.ids-shortcut-flex li {
  all: unset;
  /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
  all: revert;
  box-sizing: border-box;
  list-style-type: none;
}
.ids-shortcut-flex--full > li {
  flex: 1;
}

*:has(> .ids-shortcut-flex) {
  container-name: idsshortcutflex;
  container-type: inline-size;
  width: 100%;
}

@keyframes fade-in {
  0% {
    opacity: var(--ids_motion_opacity_0);
  }
  100% {
    opacity: var(--ids_motion_opacity_100)/100;
  }
}
@keyframes fade-out {
  0% {
    opacity: var(--ids_motion_opacity_100)/100;
  }
  100% {
    opacity: var(--ids_motion_opacity_0);
  }
}
@keyframes up-initial {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes down-initial {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes initial-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes initial-down {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(100%);
  }
}
.ids-motion-pattern-fade-in {
  animation-duration: var(--ids_motion_time_fast_02);
  animation-name: fade-in;
  animation-timing-function: var(--ids_motion_easing_effective_decelerate_standard);
}
.ids-motion-pattern-fade-in-up {
  animation-duration: var(--ids_motion_time_slow_01);
  animation-timing-function: var(--ids_motion_easing_effective_decelerate_standard);
  animation-name: fade-in, up-initial;
}
.ids-motion-pattern-fade-in-down {
  animation-duration: var(--ids_motion_time_slow_01);
  animation-timing-function: var(--ids_motion_easing_effective_decelerate_standard);
  animation-name: fade-in, down-initial;
}
.ids-motion-pattern-fade-in-slow {
  animation-duration: var(--ids_motion_time_moderate_02);
  animation-name: fade-in;
  animation-timing-function: var(--ids_motion_easing_effective_decelerate_standard);
}
.ids-motion-pattern-fade-out {
  animation-duration: var(--ids_motion_time_fast_02);
  animation-name: fade-out;
  animation-timing-function: var(--ids_motion_easing_effective_accelerate_standard);
}
.ids-motion-pattern-fade-out-up {
  animation-duration: var(--ids_motion_time_fast_03);
  animation-timing-function: var(--ids_motion_easing_effective_accelerate_standard);
  animation-name: fade-out, initial-up;
}
.ids-motion-pattern-fade-out-down {
  animation-duration: var(--ids_motion_time_fast_03);
  animation-timing-function: var(--ids_motion_easing_effective_accelerate_standard);
  animation-name: fade-out, initial-down;
}
.ids-motion-pattern-fade-out-slow {
  animation-duration: var(--ids_motion_time_moderate_02);
  animation-name: fade-out;
  animation-timing-function: var(--ids_motion_easing_effective_accelerate_standard);
}

@keyframes scale-up {
  0% {
    transform: scale(var(--ids_motion_scale_0));
  }
  100% {
    transform: scale(var(--ids_motion_scale_100)/100);
  }
}
@keyframes scale-down {
  0% {
    transform: scale(var(--ids_motion_scale_100)/100);
  }
  100% {
    transform: scale(var(--ids_motion_scale_0));
  }
}
.ids-motion-pattern-scale-up {
  animation-duration: var(--ids_motion_time_fast_03);
  animation-name: scale-up;
  animation-timing-function: var(--ids_motion_easing_effective_decelerate_standard);
}
.ids-motion-pattern-scale-up-bouncing {
  animation-duration: var(--ids_motion_time_moderate_02);
  animation-name: scale-up;
  animation-timing-function: var(--ids_motion_easing_vivid_decelerate_back);
}
.ids-motion-pattern-scale-down {
  animation-duration: var(--ids_motion_time_fast_03);
  animation-name: scale-down;
  animation-timing-function: var(--ids_motion_easing_effective_accelerate_standard);
}
.ids-motion-pattern-scale-down-bouncing {
  animation-duration: var(--ids_motion_time_moderate_02);
  animation-name: scale-down;
  animation-timing-function: var(--ids_motion_easing_vivid_accelerate_back);
}

.ids-motion-pattern-shake {
  animation-delay: 0s, var(--ids_motion_time_fast_03), calc(var(--ids_motion_time_fast_03) + var(--ids_motion_time_fast_02));
  animation-duration: var(--ids_motion_time_fast_03), var(--ids_motion_time_fast_02), var(--ids_motion_time_fast_02);
  animation-name: move-right, move-left, move-back;
  animation-timing-function: var(--ids_motion_easing_effective_standard);
}
@keyframes move-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(var(--ids_size_general_10x));
  }
}
@keyframes move-left {
  0% {
    transform: translateX(var(--ids_size_general_10x));
  }
  100% {
    transform: translateX(-11px);
  }
}
@keyframes move-back {
  0% {
    transform: translateX(-11px);
  }
  100% {
    transform: translateX(0);
  }
}

/*
** Public Foundation CSS API
*/
/*
** Public Foundation Fonts Register
*/
@font-face {
  font-display: swap;
  font-family: itau-icon;
  src: url('Ids_Itau_Icons.ttf') format("ttf");
  src: url('Ids_Itau_Icons.eot') format("eot");
  src: url('Ids_Itau_Icons.svg') format("svg");
  src: url('Ids_Itau_Icons.woff') format("woff");
}
@font-face {
  font-display: swap;
  font-family: "Itau Icon";
  src: url('Ids_Itau_Icons.ttf') format("ttf");
  src: url('Ids_Itau_Icons.eot') format("eot");
  src: url('Ids_Itau_Icons.svg') format("svg");
  src: url('Ids_Itau_Icons.woff') format("woff");
}
main {
  padding-top: 120px !important;
}