/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@maersk-global/fonts/maeu/fonts.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Maersk Text";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('MaerskText-Regular.eot?') format("eot"), 
    url('MaerskText-Regular.woff2') format("woff2"), 
    url('MaerskText-Regular.woff') format("woff");
}
@font-face {
  font-family: "Maersk Text";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('MaerskText-Medium.eot?') format("eot"), 
    url('MaerskText-Medium.woff2') format("woff2"), 
    url('MaerskText-Medium.woff') format("woff");
}
@font-face {
  font-family: "Maersk Text";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('MaerskText-Bold.eot?') format("eot"), 
    url('MaerskText-Bold.woff2') format("woff2"), 
    url('MaerskText-Bold.woff') format("woff");
}
@font-face {
  font-family: "Maersk Text";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('MaerskText-Italic.eot?') format("eot"), 
    url('MaerskText-Italic.woff2') format("woff2"), 
    url('MaerskText-Italic.woff') format("woff");
}
@font-face {
  font-family: "Maersk Text";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('MaerskText-MediumItalic.eot?') format("eot"), 
    url('MaerskText-MediumItalic.woff2') format("woff2"), 
    url('MaerskText-MediumItalic.woff') format("woff");
}
@font-face {
  font-family: "Maersk Text";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('MaerskText-BoldItalic.eot?') format("eot"), 
    url('MaerskText-BoldItalic.woff2') format("woff2"), 
    url('MaerskText-BoldItalic.woff') format("woff");
}
@font-face {
  font-family: "Maersk Headline";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('MaerskHeadline-Regular.eot?') format("eot"), 
    url('MaerskHeadline-Regular.woff2') format("woff2"), 
    url('MaerskHeadline-Regular.woff') format("woff");
}
@font-face {
  font-family: "Maersk Headline";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('MaerskHeadline-Bold.eot?') format("eot"), 
    url('MaerskHeadline-Bold.woff2') format("woff2"), 
    url('MaerskHeadline-Bold.woff') format("woff");
}
@font-face {
  font-family: "Maersk Headline";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('MaerskHeadline-Light.eot?') format("eot"), 
    url('MaerskHeadline-Light.woff2') format("woff2"), 
    url('MaerskHeadline-Light.woff') format("woff");
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@maersk-global/mds-design-tokens/apmterminals/light/css/design-tokens-px.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
:root {  --mds_global_border_width: 1px;  --mds_global_border_style: solid;  --mds_global_breakpoint_xs_min-width: 0px;  --mds_global_breakpoint_xs_max-width: 599px;  --mds_global_breakpoint_sm_min-width: 600px;  --mds_global_breakpoint_sm_max-width: 839px;  --mds_global_breakpoint_md_min-width: 840px;  --mds_global_breakpoint_md_max-width: 1199px;  --mds_global_breakpoint_lg_min-width: 1200px;  --mds_global_breakpoint_lg_max-width: 1599px;  --mds_global_breakpoint_xl_min-width: 1600px;  --mds_global_link_inline_text-decoration: underline;  --mds_global_link_inline_hover_text-decoration: none;  --mds_global_link_stand-alone_text-decoration: none;  --mds_global_link_stand-alone_hover_text-decoration: underline;  --mds_global_transition_slow_duration: 0.75s;  --mds_global_transition_slow_timing: ease-in-out;  --mds_global_transition_medium_duration: 0.5s;  --mds_global_transition_medium_timing: ease-in-out;  --mds_global_transition_fast_duration: 0.2s;  --mds_global_transition_fast_timing: ease-in-out;  --mds_brand_border_small_radius: 3px;  --mds_brand_border_medium_radius: 4px;  --mds_brand_border_large_radius: 6px;  --mds_brand_typography_headline_font-family: "Maersk Text";  --mds_brand_typography_headline_font-family-fallback: -apple-system, BlinkMacSystemFont, "Microsoft JhengHei", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, sans-serif;  --mds_brand_typography_headline_x-small_font-style: normal;  --mds_brand_typography_headline_x-small_font-weight: 300;  --mds_brand_typography_headline_x-small_text-transform: none;  --mds_brand_typography_headline_x-small_desktop_font-size: 20px;  --mds_brand_typography_headline_x-small_desktop_line-height: 24px;  --mds_brand_typography_headline_x-small_mobile_font-size: 20px;  --mds_brand_typography_headline_x-small_mobile_line-height: 24px;  --mds_brand_typography_headline_small_font-style: normal;  --mds_brand_typography_headline_small_font-weight: 300;  --mds_brand_typography_headline_small_text-transform: none;  --mds_brand_typography_headline_small_desktop_font-size: 26px;  --mds_brand_typography_headline_small_desktop_line-height: 32px;  --mds_brand_typography_headline_small_mobile_font-size: 22px;  --mds_brand_typography_headline_small_mobile_line-height: 26px;  --mds_brand_typography_headline_medium_font-style: normal;  --mds_brand_typography_headline_medium_font-weight: 300;  --mds_brand_typography_headline_medium_text-transform: none;  --mds_brand_typography_headline_medium_desktop_font-size: 40px;  --mds_brand_typography_headline_medium_desktop_line-height: 40px;  --mds_brand_typography_headline_medium_mobile_font-size: 26px;  --mds_brand_typography_headline_medium_mobile_line-height: 32px;  --mds_brand_typography_headline_large_font-style: normal;  --mds_brand_typography_headline_large_font-weight: 300;  --mds_brand_typography_headline_large_text-transform: none;  --mds_brand_typography_headline_large_desktop_font-size: 50px;  --mds_brand_typography_headline_large_desktop_line-height: 56px;  --mds_brand_typography_headline_large_mobile_font-size: 38px;  --mds_brand_typography_headline_large_mobile_line-height: 38px;  --mds_brand_typography_headline_x-large_font-style: normal;  --mds_brand_typography_headline_x-large_font-weight: 300;  --mds_brand_typography_headline_x-large_text-transform: none;  --mds_brand_typography_headline_x-large_desktop_font-size: 80px;  --mds_brand_typography_headline_x-large_desktop_line-height: 80px;  --mds_brand_typography_headline_x-large_mobile_font-size: 56px;  --mds_brand_typography_headline_x-large_mobile_line-height: 56px;  --mds_brand_typography_text_font-family: "Maersk Text";  --mds_brand_typography_text_font-family-fallback: -apple-system, BlinkMacSystemFont, "Microsoft JhengHei", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, sans-serif;  --mds_brand_typography_text_x-small_desktop_font-size: 12px;  --mds_brand_typography_text_x-small_desktop_line-height: 16px;  --mds_brand_typography_text_x-small_mobile_font-size: 12px;  --mds_brand_typography_text_x-small_mobile_line-height: 16px;  --mds_brand_typography_text_x-small_normal_font-style: normal;  --mds_brand_typography_text_x-small_normal_font-weight: 400;  --mds_brand_typography_text_x-small_medium_font-style: normal;  --mds_brand_typography_text_x-small_medium_font-weight: 500;  --mds_brand_typography_text_x-small_bold_font-style: normal;  --mds_brand_typography_text_x-small_bold_font-weight: 700;  --mds_brand_typography_text_x-small_italic_font-style: italic;  --mds_brand_typography_text_x-small_italic_font-weight: 400;  --mds_brand_typography_text_x-small_mediumitalic_font-style: italic;  --mds_brand_typography_text_x-small_mediumitalic_font-weight: 500;  --mds_brand_typography_text_x-small_bolditalic_font-style: italic;  --mds_brand_typography_text_x-small_bolditalic_font-weight: 700;  --mds_brand_typography_text_small_desktop_font-size: 14px;  --mds_brand_typography_text_small_desktop_line-height: 20px;  --mds_brand_typography_text_small_mobile_font-size: 14px;  --mds_brand_typography_text_small_mobile_line-height: 20px;  --mds_brand_typography_text_small_normal_font-style: normal;  --mds_brand_typography_text_small_normal_font-weight: 400;  --mds_brand_typography_text_small_medium_font-style: normal;  --mds_brand_typography_text_small_medium_font-weight: 500;  --mds_brand_typography_text_small_bold_font-style: normal;  --mds_brand_typography_text_small_bold_font-weight: 700;  --mds_brand_typography_text_small_italic_font-style: italic;  --mds_brand_typography_text_small_italic_font-weight: 400;  --mds_brand_typography_text_small_mediumitalic_font-style: italic;  --mds_brand_typography_text_small_mediumitalic_font-weight: 500;  --mds_brand_typography_text_small_bolditalic_font-style: italic;  --mds_brand_typography_text_small_bolditalic_font-weight: 700;  --mds_brand_typography_text_medium_desktop_font-size: 16px;  --mds_brand_typography_text_medium_desktop_line-height: 24px;  --mds_brand_typography_text_medium_mobile_font-size: 16px;  --mds_brand_typography_text_medium_mobile_line-height: 24px;  --mds_brand_typography_text_medium_normal_font-style: normal;  --mds_brand_typography_text_medium_normal_font-weight: 400;  --mds_brand_typography_text_medium_medium_font-style: normal;  --mds_brand_typography_text_medium_medium_font-weight: 500;  --mds_brand_typography_text_medium_bold_font-style: normal;  --mds_brand_typography_text_medium_bold_font-weight: 700;  --mds_brand_typography_text_medium_italic_font-style: italic;  --mds_brand_typography_text_medium_italic_font-weight: 400;  --mds_brand_typography_text_medium_mediumitalic_font-style: italic;  --mds_brand_typography_text_medium_mediumitalic_font-weight: 500;  --mds_brand_typography_text_medium_bolditalic_font-style: italic;  --mds_brand_typography_text_medium_bolditalic_font-weight: 700;  --mds_brand_typography_text_large_desktop_font-size: 18px;  --mds_brand_typography_text_large_desktop_line-height: 28px;  --mds_brand_typography_text_large_mobile_font-size: 18px;  --mds_brand_typography_text_large_mobile_line-height: 28px;  --mds_brand_typography_text_large_normal_font-style: normal;  --mds_brand_typography_text_large_normal_font-weight: 400;  --mds_brand_typography_text_large_medium_font-style: normal;  --mds_brand_typography_text_large_medium_font-weight: 500;  --mds_brand_typography_text_large_bold_font-style: normal;  --mds_brand_typography_text_large_bold_font-weight: 700;  --mds_brand_typography_text_large_italic_font-style: italic;  --mds_brand_typography_text_large_italic_font-weight: 400;  --mds_brand_typography_text_large_mediumitalic_font-style: italic;  --mds_brand_typography_text_large_mediumitalic_font-weight: 500;  --mds_brand_typography_text_large_bolditalic_font-style: italic;  --mds_brand_typography_text_large_bolditalic_font-weight: 700;  --mds_brand_appearance_neutral_default_text-color: rgb(60, 60, 70);  --mds_brand_appearance_neutral_default_background-color: rgb(255, 255, 255);  --mds_brand_appearance_neutral_default_on-background-color: rgb(60, 60, 70);  --mds_brand_appearance_neutral_default_border-color: rgb(187, 195, 207);  --mds_brand_appearance_neutral_weakest_text-color: rgb(138, 138, 144);  --mds_brand_appearance_neutral_weakest_background-color: rgb(245, 247, 250);  --mds_brand_appearance_neutral_weakest_on-background-color: rgb(60, 60, 70);  --mds_brand_appearance_neutral_weak_text-color: rgb(99, 99, 107);  --mds_brand_appearance_neutral_weak_background-color: rgb(230, 235, 242);  --mds_brand_appearance_neutral_weak_on-background-color: rgb(60, 60, 70);  --mds_brand_appearance_neutral_weak_border-color: rgb(221, 225, 231);  --mds_brand_appearance_neutral_strong_background-color: rgb(170, 180, 195);  --mds_brand_appearance_neutral_strong_on-background-color: rgb(255, 255, 255);  --mds_brand_appearance_neutral_strongest_background-color: rgb(99, 99, 107);  --mds_brand_appearance_neutral_strongest_on-background-color: rgb(255, 255, 255);  --mds_brand_appearance_neutral_alt_text-color: rgb(99, 99, 107);  --mds_brand_appearance_neutral_alt_background-color: rgb(170, 180, 195);  --mds_brand_appearance_neutral_alt_on-background-color: rgb(255, 255, 255);  --mds_brand_appearance_neutral_subtle_text-color: rgb(138, 138, 144);  --mds_brand_appearance_neutral_subtle_background-color: rgb(245, 247, 250);  --mds_brand_appearance_neutral_subtle_on-background-color: rgb(60, 60, 70);  --mds_brand_appearance_neutral_subtle_border-color: rgb(221, 225, 231);  --mds_brand_appearance_neutral_inverse_text-color: rgb(255, 255, 255);  --mds_brand_appearance_neutral_inverse_background-color: rgb(60, 60, 70);  --mds_brand_appearance_neutral_inverse_on-background-color: rgb(255, 255, 255);  --mds_brand_appearance_neutral_inverse_border-color: rgb(255, 255, 255);  --mds_brand_appearance_primary_default_text-color: rgb(255, 96, 0);  --mds_brand_appearance_primary_default_background-color: rgb(255, 96, 0);  --mds_brand_appearance_primary_default_on-background-color: rgb(255, 255, 255);  --mds_brand_appearance_primary_default_border-color: rgb(255, 96, 0);  --mds_brand_appearance_primary_default_link-color: rgb(255, 96, 0);  --mds_brand_appearance_primary_weak_background-color: rgb(255, 239, 230);  --mds_brand_appearance_primary_weak_on-background-color: rgb(60, 60, 70);  --mds_brand_appearance_primary_weak_border-color: rgb(255, 191, 153);  --mds_brand_appearance_primary_subtle_background-color: rgb(255, 239, 230);  --mds_brand_appearance_primary_subtle_on-background-color: rgb(60, 60, 70);  --mds_brand_appearance_primary_subtle_border-color: rgb(255, 191, 153);  --mds_brand_appearance_secondary_default_text-color: rgb(10, 110, 130);  --mds_brand_appearance_secondary_default_background-color: rgb(10, 110, 130);  --mds_brand_appearance_secondary_default_on-background-color: rgb(255, 255, 255);  --mds_brand_appearance_secondary_default_border-color: rgb(10, 110, 130);  --mds_brand_appearance_secondary_weak_background-color: rgb(231, 241, 243);  --mds_brand_appearance_secondary_weak_on-background-color: rgb(60, 60, 70);  --mds_brand_appearance_secondary_weak_border-color: rgb(157, 197, 205);  --mds_brand_appearance_secondary_subtle_background-color: rgb(231, 241, 243);  --mds_brand_appearance_secondary_subtle_on-background-color: rgb(60, 60, 70);  --mds_brand_appearance_secondary_subtle_border-color: rgb(157, 197, 205);  --mds_brand_appearance_success_default_text-color: rgb(50,133,41);  --mds_brand_appearance_success_default_background-color: rgb(64,171,53);  --mds_brand_appearance_success_default_on-background-color: rgb(255,255,255);  --mds_brand_appearance_success_default_border-color: rgb(64,171,53);  --mds_brand_appearance_success_weak_background-color: rgb(220,246,217);  --mds_brand_appearance_success_weak_on-background-color: rgb(19,51,16);  --mds_brand_appearance_success_weak_border-color: rgb(197,229,194);  --mds_brand_appearance_success_subtle_background-color: rgb(220,246,217);  --mds_brand_appearance_success_subtle_on-background-color: rgb(19,51,16);  --mds_brand_appearance_success_subtle_border-color: rgb(197,229,194);  --mds_brand_appearance_warning_default_text-color: rgb(128,104,20);  --mds_brand_appearance_warning_default_background-color: rgb(255,208,41);  --mds_brand_appearance_warning_default_on-background-color: rgb(77,62,12);  --mds_brand_appearance_warning_default_border-color: rgb(255,208,41);  --mds_brand_appearance_warning_weak_background-color: rgb(255,241,194);  --mds_brand_appearance_warning_weak_on-background-color: rgb(77,62,12);  --mds_brand_appearance_warning_weak_border-color: rgb(255,235,168);  --mds_brand_appearance_warning_subtle_background-color: rgb(255,241,194);  --mds_brand_appearance_warning_subtle_on-background-color: rgb(77,62,12);  --mds_brand_appearance_warning_subtle_border-color: rgb(255,235,168);  --mds_brand_appearance_error_default_text-color: rgb(184,0,18);  --mds_brand_appearance_error_default_background-color: rgb(184,0,18);  --mds_brand_appearance_error_default_on-background-color: rgb(255,255,255);  --mds_brand_appearance_error_default_border-color: rgb(184,0,18);  --mds_brand_appearance_error_weak_background-color: rgb(252,221,224);  --mds_brand_appearance_error_weak_on-background-color: rgb(55,0,5);  --mds_brand_appearance_error_weak_border-color: rgb(233,178,183);  --mds_brand_appearance_error_subtle_background-color: rgb(252,221,224);  --mds_brand_appearance_error_subtle_on-background-color: rgb(55,0,5);  --mds_brand_appearance_error_subtle_border-color: rgb(233,178,183);  --mds_brand_appearance_info_default_text-color: rgb(0,115,171);  --mds_brand_appearance_info_default_background-color: rgb(66,176,213);  --mds_brand_appearance_info_default_on-background-color: rgb(255,255,255);  --mds_brand_appearance_info_default_border-color: rgb(66,176,213);  --mds_brand_appearance_info_weak_background-color: rgb(211,236,249);  --mds_brand_appearance_info_weak_on-background-color: rgb(0,36,61);  --mds_brand_appearance_info_weak_border-color: rgb(181,224,245);  --mds_brand_appearance_info_subtle_background-color: rgb(211,236,249);  --mds_brand_appearance_info_subtle_on-background-color: rgb(0,36,61);  --mds_brand_appearance_info_subtle_border-color: rgb(181,224,245);  --mds_brand_appearance_static_dark: rgb(60, 60, 70);  --mds_brand_appearance_static_light: rgb(255, 255, 255);  --mds_brand_appearance_opacity_default_10: rgba(255, 255, 255, 0.1);  --mds_brand_appearance_opacity_default_30: rgba(255, 255, 255, 0.3);  --mds_brand_appearance_opacity_default_50: rgba(255, 255, 255, 0.5);  --mds_brand_appearance_opacity_default_70: rgba(255, 255, 255, 0.7);  --mds_brand_appearance_opacity_default_90: rgba(255, 255, 255, 0.9);  --mds_brand_appearance_opacity_inverse_10: rgba(60, 60, 70, 0.1);  --mds_brand_appearance_opacity_inverse_30: rgba(60, 60, 70, 0.3);  --mds_brand_appearance_opacity_inverse_50: rgba(60, 60, 70, 0.5);  --mds_brand_appearance_opacity_inverse_70: rgba(60, 60, 70, 0.7);  --mds_brand_appearance_opacity_inverse_90: rgba(60, 60, 70, 0.9);  --mds_brand_appearance_shadow_low_first-layer_color: rgba(0, 0, 0, 0.04);  --mds_brand_appearance_shadow_low_first-layer_offset-x: 0px;  --mds_brand_appearance_shadow_low_first-layer_offset-y: 3px;  --mds_brand_appearance_shadow_low_first-layer_blur-radius: 5px;  --mds_brand_appearance_shadow_low_first-layer_spread-radius: -1px;  --mds_brand_appearance_shadow_low_second-layer_color: rgba(0, 0, 0, 0.03);  --mds_brand_appearance_shadow_low_second-layer_offset-x: 0px;  --mds_brand_appearance_shadow_low_second-layer_offset-y: 1px;  --mds_brand_appearance_shadow_low_second-layer_blur-radius: 18px;  --mds_brand_appearance_shadow_low_second-layer_spread-radius: 0px;  --mds_brand_appearance_shadow_low_third-layer_color: rgba(0, 0, 0, 0.03);  --mds_brand_appearance_shadow_low_third-layer_offset-x: 0px;  --mds_brand_appearance_shadow_low_third-layer_offset-y: 6px;  --mds_brand_appearance_shadow_low_third-layer_blur-radius: 10px;  --mds_brand_appearance_shadow_low_third-layer_spread-radius: 0px;  --mds_brand_appearance_shadow_medium_first-layer_color: rgba(0, 0, 0, 0.04);  --mds_brand_appearance_shadow_medium_first-layer_offset-x: 0px;  --mds_brand_appearance_shadow_medium_first-layer_offset-y: 3px;  --mds_brand_appearance_shadow_medium_first-layer_blur-radius: 5px;  --mds_brand_appearance_shadow_medium_first-layer_spread-radius: -1px;  --mds_brand_appearance_shadow_medium_second-layer_color: rgba(0, 0, 0, 0.03);  --mds_brand_appearance_shadow_medium_second-layer_offset-x: 0px;  --mds_brand_appearance_shadow_medium_second-layer_offset-y: 1px;  --mds_brand_appearance_shadow_medium_second-layer_blur-radius: 18px;  --mds_brand_appearance_shadow_medium_second-layer_spread-radius: 2px;  --mds_brand_appearance_shadow_medium_third-layer_color: rgba(0, 0, 0, 0.03);  --mds_brand_appearance_shadow_medium_third-layer_offset-x: 0px;  --mds_brand_appearance_shadow_medium_third-layer_offset-y: 6px;  --mds_brand_appearance_shadow_medium_third-layer_blur-radius: 10px;  --mds_brand_appearance_shadow_medium_third-layer_spread-radius: 4px;  --mds_brand_appearance_shadow_high_first-layer_color: rgba(0, 0, 0, 0.04);  --mds_brand_appearance_shadow_high_first-layer_offset-x: 0px;  --mds_brand_appearance_shadow_high_first-layer_offset-y: 3px;  --mds_brand_appearance_shadow_high_first-layer_blur-radius: 5px;  --mds_brand_appearance_shadow_high_first-layer_spread-radius: -1px;  --mds_brand_appearance_shadow_high_second-layer_color: rgba(0, 0, 0, 0.03);  --mds_brand_appearance_shadow_high_second-layer_offset-x: 0px;  --mds_brand_appearance_shadow_high_second-layer_offset-y: 1px;  --mds_brand_appearance_shadow_high_second-layer_blur-radius: 18px;  --mds_brand_appearance_shadow_high_second-layer_spread-radius: 4px;  --mds_brand_appearance_shadow_high_third-layer_color: rgba(0, 0, 0, 0.03);  --mds_brand_appearance_shadow_high_third-layer_offset-x: 0px;  --mds_brand_appearance_shadow_high_third-layer_offset-y: 6px;  --mds_brand_appearance_shadow_high_third-layer_blur-radius: 10px;  --mds_brand_appearance_shadow_high_third-layer_spread-radius: 8px;  --mds_brand_appearance_state_neutral_default_hover_background-color: rgb(238, 240, 243);  --mds_brand_appearance_state_neutral_default_hover_border-color: rgb(170, 180, 195);  --mds_brand_appearance_state_neutral_default_active_background-color: rgb(187, 195, 207);  --mds_brand_appearance_state_neutral_default_active_border-color: rgb(90, 110, 125);  --mds_brand_appearance_state_neutral_weak_hover_background-color: rgba(170, 180, 195, 0.08);  --mds_brand_appearance_state_neutral_weak_active_background-color: rgba(170, 180, 195, 0.14);  --mds_brand_appearance_state_neutral_alt_hover_background-color: rgb(238, 240, 243);  --mds_brand_appearance_state_neutral_alt_active_background-color: rgb(187, 195, 207);  --mds_brand_appearance_state_neutral_subtle_hover_background-color: rgba(170, 180, 195, 0.08);  --mds_brand_appearance_state_neutral_subtle_active_background-color: rgba(170, 180, 195, 0.14);  --mds_brand_appearance_state_neutral_inverse_hover_background-color: rgba(60, 60, 70, 0.2);  --mds_brand_appearance_state_neutral_inverse_active_background-color: rgba(60, 60, 70, 0.4);  --mds_brand_appearance_state_primary_default_hover_background-color: rgb(230, 86, 0);  --mds_brand_appearance_state_primary_default_hover_border-color: rgb(230, 86, 0);  --mds_brand_appearance_state_primary_default_active_background-color: rgb(204, 77, 0);  --mds_brand_appearance_state_primary_default_active_border-color: rgb(204, 77, 0);  --mds_brand_appearance_state_primary_weak_hover_background-color: rgba(255, 96, 0, 0.14);  --mds_brand_appearance_state_primary_weak_active_background-color: rgba(255, 96, 0, 0.22);  --mds_brand_appearance_state_primary_subtle_hover_background-color: rgba(255, 96, 0, 0.14);  --mds_brand_appearance_state_primary_subtle_active_background-color: rgba(255, 96, 0, 0.22);  --mds_brand_appearance_state_secondary_default_hover_background-color: rgb(9, 99, 117);  --mds_brand_appearance_state_secondary_default_active_background-color: rgb(8, 88, 104);  --mds_brand_appearance_state_secondary_weak_hover_background-color: rgba(10, 110, 130, 0.08);  --mds_brand_appearance_state_secondary_weak_active_background-color: rgba(0, 110, 130, 0.14);  --mds_brand_appearance_state_secondary_subtle_hover_background-color: rgba(10, 110, 130, 0.08);  --mds_brand_appearance_state_secondary_subtle_active_background-color: rgba(0, 110, 130, 0.14);  --mds_brand_appearance_state_success_default_hover_background-color: rgb(58, 154, 48);  --mds_brand_appearance_state_success_default_active_background-color: rgb(50, 133, 41);  --mds_brand_appearance_state_success_weak_hover_background-color: rgba(64, 171, 53, 0.1);  --mds_brand_appearance_state_success_weak_active_background-color: rgba(64, 171, 53, 0.2);  --mds_brand_appearance_state_success_subtle_hover_background-color: rgba(64, 171, 53, 0.1);  --mds_brand_appearance_state_success_subtle_active_background-color: rgba(64, 171, 53, 0.2);  --mds_brand_appearance_state_warning_default_hover_background-color: rgb(230, 187, 37);  --mds_brand_appearance_state_warning_default_active_background-color: rgb(179, 146, 29);  --mds_brand_appearance_state_warning_weak_hover_background-color: rgba(255, 208, 41, 0.14);  --mds_brand_appearance_state_warning_weak_active_background-color: rgba(255, 208, 41, 0.24);  --mds_brand_appearance_state_warning_subtle_hover_background-color: rgba(255, 208, 41, 0.14);  --mds_brand_appearance_state_warning_subtle_active_background-color: rgba(255, 208, 41, 0.24);  --mds_brand_appearance_state_error_default_hover_background-color: rgb(166, 0, 16);  --mds_brand_appearance_state_error_default_active_background-color: rgb(129, 0, 13);  --mds_brand_appearance_state_error_weak_hover_background-color: rgba(184, 0, 18, 0.06);  --mds_brand_appearance_state_error_weak_active_background-color: rgba(184, 0, 18, 0.1);  --mds_brand_appearance_state_error_subtle_hover_background-color: rgba(184, 0, 18, 0.06);  --mds_brand_appearance_state_error_subtle_active_background-color: rgba(184, 0, 18, 0.1);  --mds_brand_appearance_state_info_default_hover_background-color: rgb(12, 160, 206);  --mds_brand_appearance_state_info_default_active_background-color: rgb(5, 142, 198);  --mds_brand_appearance_state_info_weak_hover_background-color: rgba(66, 176, 213, 0.1);  --mds_brand_appearance_state_info_weak_active_background-color: rgba(66, 176, 213, 0.2);  --mds_brand_appearance_state_info_subtle_hover_background-color: rgba(66, 176, 213, 0.1);  --mds_brand_appearance_state_info_subtle_active_background-color: rgba(66, 176, 213, 0.2);  --mds_brand_appearance_state_focus_border-color: rgb(10, 110, 130);  --mds_brand_appearance_state_focus_default_shadow_offset-x: 0px;  --mds_brand_appearance_state_focus_default_shadow_offset-y: 0px;  --mds_brand_appearance_state_focus_default_shadow_blur-radius: 0px;  --mds_brand_appearance_state_focus_default_shadow_spread-radius: 3px;  --mds_brand_appearance_state_focus_default_shadow_color: rgb(157, 197, 205);  --mds_brand_appearance_state_focus_vanity_shadow_offset-x: 0px;  --mds_brand_appearance_state_focus_vanity_shadow_offset-y: 3px;  --mds_brand_appearance_state_focus_vanity_shadow_blur-radius: 0px;  --mds_brand_appearance_state_focus_vanity_shadow_spread-radius: 0px;  --mds_brand_appearance_state_focus_vanity_shadow_color: rgb(157, 197, 205);  --mds_brand_appearance_state_disabled_opacity: 0.5;  --mds_foundations_body_background-color: var(--mds_brand_appearance_neutral_default_background-color);  --mds_foundations_body_text-color: var(--mds_brand_appearance_neutral_default_text-color);  --mds_foundations_breadcrumb_item_text-color: var(--mds_brand_appearance_neutral_weak_text-color);  --mds_foundations_breadcrumb_item_padding: 6px;  --mds_foundations_breadcrumb_separator_text-color: var(--mds_brand_appearance_neutral_weakest_text-color);  --mds_foundations_breadcrumb_collapsed_padding: 3px;  --mds_foundations_breadcrumb_truncated_item_padding: 20px;  --mds_foundations_grid_xs_columns: 2;  --mds_foundations_grid_xs_column-gap: 16px;  --mds_foundations_grid_xs_row-gap: 16px;  --mds_foundations_grid_sm_columns: 6;  --mds_foundations_grid_sm_column-gap: 24px;  --mds_foundations_grid_sm_row-gap: 24px;  --mds_foundations_grid_md_columns: 12;  --mds_foundations_grid_md_column-gap: 24px;  --mds_foundations_grid_md_row-gap: 24px;  --mds_foundations_grid_lg_columns: 12;  --mds_foundations_grid_lg_column-gap: 32px;  --mds_foundations_grid_lg_row-gap: 32px;  --mds_foundations_grid_xl_columns: 12;  --mds_foundations_grid_xl_column-gap: 40px;  --mds_foundations_grid_xl_row-gap: 40px;  --mds_foundations_horizontal-rule_margin-top: 40px;  --mds_foundations_horizontal-rule_margin-bottom: 40px;  --mds_foundations_horizontal-rule_border-width: var(--mds_global_border_width);  --mds_foundations_horizontal-rule_border-style: var(--mds_global_border_style);  --mds_foundations_horizontal-rule_border-color: var(--mds_brand_appearance_neutral_default_border-color);  --mds_foundations_link_transition-properties: all;  --mds_foundations_link_transition-duration: var(--mds_global_transition_fast_duration);  --mds_foundations_link_transition-timing: var(--mds_global_transition_fast_timing);  --mds_foundations_link_focus_border-radius: var(--mds_brand_border_medium_radius);  --mds_foundations_link_inline_text-decoration: var(--mds_global_link_inline_text-decoration);  --mds_foundations_link_inline_hover_text-decoration: var(--mds_global_link_inline_hover_text-decoration);  --mds_foundations_link_stand-alone_text-decoration: var(--mds_global_link_stand-alone_text-decoration);  --mds_foundations_link_stand-alone_hover_text-decoration: var(--mds_global_link_stand-alone_hover_text-decoration);  --mds_foundations_link_external_icon_width: 20px;  --mds_foundations_link_external_icon_height: 20px;  --mds_foundations_link_default_text-color: var(--mds_brand_appearance_primary_default_link-color);  --mds_foundations_list_margin-top: 24px;  --mds_foundations_list_margin-bottom: 24px;  --mds_foundations_list_item_padding-left: 8px;  --mds_foundations_list_vertical_padding-left: 24px;  --mds_foundations_list_vertical_item_gap: 4px;  --mds_foundations_list_horizontal_item_gap: 40px;  --mds_foundations_list_unordered_list-style: outside circle;  --mds_foundations_list_ordered_list-style: outside decimal;  --mds_foundations_modal_background-color: var(--mds_brand_appearance_neutral_default_background-color);  --mds_foundations_modal_body_padding-top: 12px;  --mds_foundations_modal_body_padding-right: 24px;  --mds_foundations_modal_body_padding-left: 24px;  --mds_foundations_modal_body_padding-bottom: 24px;  --mds_foundations_modal_close_background-color: var(--mds_brand_appearance_opacity_default_50);  --mds_foundations_modal_close_hover_background-color: transparent;  --mds_foundations_modal_close_active_background-color: transparent;  --mds_foundations_modal_footer_background-color: var(--mds_brand_appearance_neutral_weakest_background-color);  --mds_foundations_modal_footer_gap: 12px;  --mds_foundations_modal_footer_padding-top: 12px;  --mds_foundations_modal_footer_padding-right: 24px;  --mds_foundations_modal_footer_padding-left: 24px;  --mds_foundations_modal_footer_padding-bottom: 12px;  --mds_foundations_modal_heading_padding-top: 20px;  --mds_foundations_modal_heading_padding-right: 24px;  --mds_foundations_modal_heading_padding-left: 24px;  --mds_foundations_modal_heading_padding-bottom: 12px;  --mds_foundations_modal_heading_title_margin-top: 4px;  --mds_foundations_modal_z-index: 9999;  --mds_foundations_slot_gap: 4px;  --mds_foundations_table_border-width: var(--mds_global_border_width);  --mds_foundations_table_border-radius: var(--mds_brand_border_large_radius);  --mds_foundations_table_border-style: var(--mds_global_border_style);  --mds_foundations_table_border-color: var(--mds_brand_appearance_neutral_default_border-color);  --mds_foundations_table_row-selector_margin-top: -3px;  --mds_foundations_table_row-expander_margin-top: -3px;  --mds_foundations_table_row-expander-trigger_transition-duration: 350ms;  --mds_foundations_table_cell_background-color: var(--mds_brand_appearance_neutral_default_background-color);  --mds_foundations_table_cell_text-color: var(--mds_brand_appearance_neutral_default_on-background-color);  --mds_foundations_table_cell_hover_background-color: var(--mds_brand_appearance_state_neutral_default_hover_background-color);  --mds_foundations_table_cell_hover_text-color: var(--mds_brand_appearance_neutral_default_on-background-color);  --mds_foundations_table_cell_selected_background-color: var(--mds_brand_appearance_primary_weak_background-color);  --mds_foundations_table_cell_selected_text-color: var(--mds_brand_appearance_primary_weak_on-background-color);  --mds_foundations_table_header-cell_sort-button_font-weight: var(--mds_brand_typography_text_medium_bold_font-weight);  --mds_foundations_table_header-cell_background-color: var(--mds_brand_appearance_neutral_weakest_background-color);  --mds_foundations_table_header-cell_text-color: var(--mds_brand_appearance_neutral_weakest_on-background-color);  --mds_foundations_table_header-cell_sort_hover_background-color: var(--mds_brand_appearance_state_neutral_default_hover_background-color);  --mds_foundations_table_header-cell_sort_active_background-color: var(--mds_brand_appearance_state_neutral_default_active_background-color);  --mds_foundations_table_zebra-stripe_background-color: var(--mds_brand_appearance_neutral_weakest_background-color);  --mds_foundations_table_zebra-stripe_text-color: var(--mds_brand_appearance_neutral_weakest_on-background-color);  --mds_foundations_table_caption_text-color: var(--mds_brand_appearance_neutral_default_on-background-color);  --mds_foundations_table_subtext_text-color: var(--mds_brand_appearance_neutral_weak_text-color);  --mds_foundations_table_subtext_font-weight: var(--mds_brand_typography_text_medium_normal_font-weight);  --mds_foundations_table_small_caption_margin-bottom: 12px;  --mds_foundations_table_small_cell_padding-top: 6px;  --mds_foundations_table_small_cell_padding-right: 12px;  --mds_foundations_table_small_cell_padding-bottom: 6px;  --mds_foundations_table_small_cell_padding-left: 12px;  --mds_foundations_table_small_header-cell_sortable_padding-top: 5px;  --mds_foundations_table_small_header-cell_sortable_padding-bottom: 5px;  --mds_foundations_table_small_expanded-row_padding-top: 12px;  --mds_foundations_table_small_expanded-row_padding-right: 12px;  --mds_foundations_table_small_expanded-row_padding-bottom: 20px;  --mds_foundations_table_small_expanded-row_padding-left: 12px;  --mds_foundations_table_medium_caption_margin-bottom: 16px;  --mds_foundations_table_medium_cell_padding-top: 8px;  --mds_foundations_table_medium_cell_padding-right: 16px;  --mds_foundations_table_medium_cell_padding-bottom: 8px;  --mds_foundations_table_medium_cell_padding-left: 16px;  --mds_foundations_table_medium_header-cell_sortable_padding-top: 7px;  --mds_foundations_table_medium_header-cell_sortable_padding-bottom: 7px;  --mds_foundations_table_medium_expanded-row_padding-top: 16px;  --mds_foundations_table_medium_expanded-row_padding-right: 16px;  --mds_foundations_table_medium_expanded-row_padding-bottom: 24px;  --mds_foundations_table_medium_expanded-row_padding-left: 16px;  --mds_foundations_table_large_caption_margin-bottom: 24px;  --mds_foundations_table_large_cell_padding-top: 12px;  --mds_foundations_table_large_cell_padding-right: 24px;  --mds_foundations_table_large_cell_padding-bottom: 12px;  --mds_foundations_table_large_cell_padding-left: 24px;  --mds_foundations_table_large_header-cell_sortable_padding-top: 11px;  --mds_foundations_table_large_header-cell_sortable_padding-bottom: 11px;  --mds_foundations_table_large_expanded-row_padding-top: 24px;  --mds_foundations_table_large_expanded-row_padding-right: 24px;  --mds_foundations_table_large_expanded-row_padding-bottom: 32px;  --mds_foundations_table_large_expanded-row_padding-left: 24px;  --mds_foundations_toast_padding: 16px;  --mds_foundations_toast_gap: 16px;  --mds_foundations_toast_min-width: 280px;  --mds_foundations_toast_max-width: 600px;  --mds_foundations_toast_width: 480px;  --mds_foundations_toast_transition-properties: box-shadow;  --mds_foundations_toast_transition-duration: var(--mds_global_transition_fast_duration);  --mds_foundations_toast_transition-timing: var(--mds_global_transition_fast_timing);  --mds_foundations_typography_heading-1_margin-top: 48px;  --mds_foundations_typography_heading-1_margin-bottom: 24px;  --mds_foundations_typography_heading-2_margin-top: 48px;  --mds_foundations_typography_heading-2_margin-bottom: 24px;  --mds_foundations_typography_heading-3_margin-top: 48px;  --mds_foundations_typography_heading-3_margin-bottom: 16px;  --mds_foundations_typography_heading-4_margin-top: 24px;  --mds_foundations_typography_heading-4_margin-bottom: 16px;  --mds_foundations_typography_heading-5_margin-top: 24px;  --mds_foundations_typography_heading-5_margin-bottom: 16px;  --mds_foundations_typography_heading-6_margin-top: 24px;  --mds_foundations_typography_heading-6_margin-bottom: 16px;  --mds_foundations_typography_paragraph_margin-top: 24px;  --mds_foundations_typography_paragraph_margin-bottom: 24px;}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@maersk-global/mds-foundations/css/foundations.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
/** 
 * These SASS variables are auto-generated out of their counter-part design-tokens 
 * during build of foundations using scripts/utils/generate-breakpoint-sass-variables.mjs 
 **/
/** 
 * These classes are auto-generated out of their counter-part design-tokens 
 * during build of foundations using scripts/utils/generate-gap-utility-classes.mjs 
 **/
/** 
 * These SASS variables are auto-generated out of their counter-part design-tokens 
 * during build of foundations using scripts/utils/generate-breakpoint-sass-variables.mjs 
 **/
.mds {
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
  /* Document
     ========================================================================== */
  /**
   * Render the `main` element consistently in IE.
   */
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  /* Grouping content
     ========================================================================== */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /* Text-level semantics
     ========================================================================== */
  /**
   * Remove the gray background on active links in IE 10.
   */
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /**
   * Add the correct font size in all browsers.
   */
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  /* Embedded content
     ========================================================================== */
  /**
   * Remove the border on images inside links in IE 10.
   */
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
  /**
   * Correct the padding in Firefox.
   */
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  /*
   * Add the correct display in all browsers.
   */
  /* Misc
     ========================================================================== */
  /**
   * Add the correct display in IE 10+.
   */
  /**
   * Add the correct display in IE 10.
   */
  /** 
   * These SASS variables are auto-generated out of their counter-part design-tokens 
   * during build of foundations using scripts/utils/generate-breakpoint-sass-variables.mjs 
   **/
  /** 
   * These SASS variables are auto-generated out of their counter-part design-tokens 
   * during build of foundations using scripts/utils/generate-breakpoint-sass-variables.mjs 
   **/
  /** 
   * These SASS variables are auto-generated out of their counter-part design-tokens 
   * during build of foundations using scripts/utils/generate-breakpoint-sass-variables.mjs 
   **/
  /** 
   * These SASS variables are auto-generated out of their counter-part design-tokens 
   * during build of foundations using scripts/utils/generate-breakpoint-sass-variables.mjs 
   **/
  /** 
   * These SASS variables are auto-generated out of their counter-part design-tokens 
   * during build of foundations using scripts/utils/generate-breakpoint-sass-variables.mjs 
   **/
  /** 
   * These SASS variables are auto-generated out of their counter-part design-tokens 
   * during build of foundations using scripts/utils/generate-breakpoint-sass-variables.mjs 
   **/
  /** 
   * These classes are auto-generated out of their counter-part design-tokens 
   * during build of foundations using scripts/utils/generate-gap-utility-classes.mjs 
   **/
  /** Table with caption **/
  /** Caption **/
}
.mds main {
  display: block;
}
.mds h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.mds hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
.mds pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}
.mds a {
  background-color: transparent;
}
.mds abbr[title] {
  border-bottom-width: 0; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
.mds b,
.mds strong {
  font-weight: bolder;
}
.mds code,
.mds kbd,
.mds samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}
.mds small {
  font-size: 80%;
}
.mds sub,
.mds sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.mds sub {
  bottom: -0.25em;
}
.mds sup {
  top: -0.5em;
}
.mds img {
  border-style: none;
}
.mds button,
.mds input,
.mds optgroup,
.mds select,
.mds textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
.mds button,
.mds input {
  /* 1 */
  overflow: visible;
}
.mds button,
.mds select {
  /* 1 */
  text-transform: none;
}
.mds button,
.mds [type=button],
.mds [type=reset],
.mds [type=submit] {
  -webkit-appearance: button;
}
.mds button::-moz-focus-inner,
.mds [type=button]::-moz-focus-inner,
.mds [type=reset]::-moz-focus-inner,
.mds [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.mds button:-moz-focusring,
.mds [type=button]:-moz-focusring,
.mds [type=reset]:-moz-focusring,
.mds [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.mds fieldset {
  border-width: 0;
  padding: 0;
  margin: 0;
}
.mds legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
.mds progress {
  vertical-align: baseline;
}
.mds textarea {
  overflow: auto;
}
.mds [type=checkbox],
.mds [type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
.mds [type=number]::-webkit-inner-spin-button,
.mds [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.mds [type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
.mds [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.mds ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
.mds details {
  display: block;
}
.mds summary {
  display: list-item;
}
.mds template {
  display: none;
}
.mds [hidden] {
  display: none;
}
.mds * {
  box-sizing: border-box;
}
.mds footer,
.mds main {
  display: block;
}
.mds button,
.mds input,
.mds optgroup,
.mds select,
.mds textarea {
  font-family: inherit;
}
.mds code {
  word-break: break-word;
}
.mds .mds-breadcrumb ol {
  list-style: none;
  flex-flow: row wrap;
  gap: 0;
  margin: 0;
  padding: 0;
}
.mds .mds-breadcrumb ol li {
  display: flex;
  padding: 0;
}
.mds .mds-breadcrumb ol a {
  text-decoration: none;
  color: var(--mds_foundations_breadcrumb_item_text-color);
  align-items: center;
}
.mds .mds-breadcrumb ol a:hover {
  text-decoration: underline;
}
.mds .mds-breadcrumb ol a mc-icon::part(icon) {
  fill: var(--mds_foundations_breadcrumb_item_text-color);
}
.mds .mds-breadcrumb ol li::after {
  padding: 0 var(--mds_foundations_breadcrumb_item_padding);
  color: var(--mds_brand_appearance_neutral_weakest_text-color);
  content: "/";
}
.mds .mds-breadcrumb ol li:last-child {
  color: var(--mds_foundations_breadcrumb_item_text-color);
}
.mds .mds-breadcrumb ol li:last-child::after {
  content: "";
}
.mds .mds-breadcrumb ol li:last-child {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-breadcrumb ol li:last-child {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-breadcrumb ol li:last-child {
  font-style: var(--mds_brand_typography_text_small_normal_font-style);
  font-weight: var(--mds_brand_typography_text_small_normal_font-weight);
}
.mds .mds-breadcrumb ol .mds-breadcrumb__long-and-truncated {
  flex: 0.5;
  display: block;
  max-width: max-content;
  padding-right: var(--mds_foundations_breadcrumb_truncated_item_padding);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.mds .mds-breadcrumb ol .mds-breadcrumb__long-and-truncated a {
  display: inline;
}
.mds .mds-breadcrumb ol .mds-breadcrumb__long-and-truncated::after {
  position: absolute;
  top: 0;
  right: 0;
}
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li {
  display: none;
}
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li:first-child,
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3),
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(2),
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li:last-child {
  display: flex;
}
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3) ~ li.mds-breadcrumb__long-and-truncated,
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(2) ~ li.mds-breadcrumb__long-and-truncated {
  display: block;
}
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3) a {
  display: none;
}
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3)::after {
  content: "...";
  padding: 0 var(--mds_foundations_breadcrumb_collapsed_padding) 0 0;
  color: var(--mds_foundations_breadcrumb_item_text-color);
}
.mds .mds-breadcrumb.mds-breadcrumb__collapsed ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(2)::before {
  content: "/";
  padding: 0 var(--mds_foundations_breadcrumb_item_padding);
  color: var(--mds_foundations_breadcrumb_separator_text-color);
}
.mds .mds-breadcrumb {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-breadcrumb {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-breadcrumb {
  font-style: var(--mds_brand_typography_text_small_normal_font-style);
  font-weight: var(--mds_brand_typography_text_small_normal_font-weight);
}
@media only screen and (max-width: 599px) {
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li {
    display: none;
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:first-child,
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3),
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(2),
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:last-child {
    display: flex;
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3) ~ li.mds-breadcrumb__long-and-truncated,
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(2) ~ li.mds-breadcrumb__long-and-truncated {
    display: block;
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3) a {
    display: none;
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3)::after {
    content: "...";
    padding: 0 var(--mds_foundations_breadcrumb_collapsed_padding) 0 0;
    color: var(--mds_foundations_breadcrumb_item_text-color);
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(2)::before {
    content: "/";
    padding: 0 var(--mds_foundations_breadcrumb_item_padding);
    color: var(--mds_foundations_breadcrumb_separator_text-color);
  }
}
@container (max-width: 599px) {
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li {
    display: none;
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:first-child,
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3),
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(2),
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:last-child {
    display: flex;
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3) ~ li.mds-breadcrumb__long-and-truncated,
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(2) ~ li.mds-breadcrumb__long-and-truncated {
    display: block;
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3) a {
    display: none;
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(3)::after {
    content: "...";
    padding: 0 var(--mds_foundations_breadcrumb_collapsed_padding) 0 0;
    color: var(--mds_foundations_breadcrumb_item_text-color);
  }
  .mds .mds-breadcrumb ol:has(> :nth-last-child(4):nth-child(-n+20)) li:nth-last-child(2)::before {
    content: "/";
    padding: 0 var(--mds_foundations_breadcrumb_item_padding);
    color: var(--mds_foundations_breadcrumb_separator_text-color);
  }
}
.mds .mds-neutral__text-color {
  color: var(--mds_brand_appearance_neutral_default_text-color);
}
.mds .mds-neutral--weakest__text-color {
  color: var(--mds_brand_appearance_neutral_weakest_text-color);
}
.mds .mds-neutral--weak__text-color {
  color: var(--mds_brand_appearance_neutral_weak_text-color);
}
.mds .mds-neutral--strong__text-color {
  color: var(--mds_brand_appearance_neutral_strong_text-color);
}
.mds .mds-neutral--strongest__text-color {
  color: var(--mds_brand_appearance_neutral_strongest_text-color);
}
.mds .mds-neutral--inverse__text-color {
  color: var(--mds_brand_appearance_neutral_inverse_text-color);
}
.mds .mds-neutral--subtle__text-color {
  color: var(--mds_brand_appearance_neutral_subtle_text-color);
}
.mds .mds-neutral--alt__text-color {
  color: var(--mds_brand_appearance_neutral_alt_text-color);
}
.mds .mds-neutral__background-color {
  background-color: var(--mds_brand_appearance_neutral_default_background-color);
}
.mds .mds-neutral--weakest__background-color {
  background-color: var(--mds_brand_appearance_neutral_weakest_background-color);
}
.mds .mds-neutral--weak__background-color {
  background-color: var(--mds_brand_appearance_neutral_weak_background-color);
}
.mds .mds-neutral--strong__background-color {
  background-color: var(--mds_brand_appearance_neutral_strong_background-color);
}
.mds .mds-neutral--strongest__background-color {
  background-color: var(--mds_brand_appearance_neutral_strongest_background-color);
}
.mds .mds-neutral--inverse__background-color {
  background-color: var(--mds_brand_appearance_neutral_inverse_background-color);
}
.mds .mds-neutral--subtle__background-color {
  background-color: var(--mds_brand_appearance_neutral_subtle_background-color);
}
.mds .mds-neutral--alt__background-color {
  background-color: var(--mds_brand_appearance_neutral_alt_background-color);
}
.mds .mds-neutral__on-background-color {
  color: var(--mds_brand_appearance_neutral_default_on-background-color);
}
.mds .mds-neutral--weakest__on-background-color {
  color: var(--mds_brand_appearance_neutral_weakest_on-background-color);
}
.mds .mds-neutral--weak__on-background-color {
  color: var(--mds_brand_appearance_neutral_weak_on-background-color);
}
.mds .mds-neutral--strong__on-background-color {
  color: var(--mds_brand_appearance_neutral_strong_on-background-color);
}
.mds .mds-neutral--strongest__on-background-color {
  color: var(--mds_brand_appearance_neutral_strongest_on-background-color);
}
.mds .mds-neutral--inverse__on-background-color {
  color: var(--mds_brand_appearance_neutral_inverse_on-background-color);
}
.mds .mds-neutral--subtle__on-background-color {
  color: var(--mds_brand_appearance_neutral_subtle_on-background-color);
}
.mds .mds-neutral--alt__on-background-color {
  color: var(--mds_brand_appearance_neutral_alt_on-background-color);
}
.mds .mds-neutral__border-color {
  border-color: var(--mds_brand_appearance_neutral_default_border-color);
}
.mds .mds-neutral--weakest__border-color {
  border-color: var(--mds_brand_appearance_neutral_weakest_border-color);
}
.mds .mds-neutral--weak__border-color {
  border-color: var(--mds_brand_appearance_neutral_weak_border-color);
}
.mds .mds-neutral--strong__border-color {
  border-color: var(--mds_brand_appearance_neutral_strong_border-color);
}
.mds .mds-neutral--strongest__border-color {
  border-color: var(--mds_brand_appearance_neutral_strongest_border-color);
}
.mds .mds-neutral--inverse__border-color {
  border-color: var(--mds_brand_appearance_neutral_inverse_border-color);
}
.mds .mds-neutral--subtle__border-color {
  border-color: var(--mds_brand_appearance_neutral_subtle_border-color);
}
.mds .mds-neutral--alt__border-color {
  border-color: var(--mds_brand_appearance_neutral_alt_border-color);
}
.mds a.mds-neutral__text-color,
.mds a.mds-neutral__text-color:active,
.mds a.mds-neutral__text-color:visited {
  color: var(--mds_brand_appearance_neutral_default_text-color);
}
.mds a.mds-neutral--weakest__text-color,
.mds a.mds-neutral--weakest__text-color:active,
.mds a.mds-neutral--weakest__text-color:visited {
  color: var(--mds_brand_appearance_neutral_weakest_text-color);
}
.mds a.mds-neutral--weak__text-color,
.mds a.mds-neutral--weak__text-color:active,
.mds a.mds-neutral--weak__text-color:visited {
  color: var(--mds_brand_appearance_neutral_weak_text-color);
}
.mds a.mds-neutral--strong__text-color,
.mds a.mds-neutral--strong__text-color:active,
.mds a.mds-neutral--strong__text-color:visited {
  color: var(--mds_brand_appearance_neutral_strong_text-color);
}
.mds a.mds-neutral--strongest__text-color,
.mds a.mds-neutral--strongest__text-color:active,
.mds a.mds-neutral--strongest__text-color:visited {
  color: var(--mds_brand_appearance_neutral_strongest_text-color);
}
.mds a.mds-neutral--inverse__text-color,
.mds a.mds-neutral--inverse__text-color:active,
.mds a.mds-neutral--inverse__text-color:visited {
  color: var(--mds_brand_appearance_neutral_inverse_text-color);
}
.mds a.mds-neutral--subtle__text-color,
.mds a.mds-neutral--subtle__text-color:active,
.mds a.mds-neutral--subtle__text-color:visited {
  color: var(--mds_brand_appearance_neutral_subtle_text-color);
}
.mds a.mds-neutral--alt__text-color,
.mds a.mds-neutral--alt__text-color:active,
.mds a.mds-neutral--alt__text-color:visited {
  color: var(--mds_brand_appearance_neutral_alt_text-color);
}
.mds .mds-primary__text-color {
  color: var(--mds_brand_appearance_primary_default_text-color);
}
.mds .mds-primary--weak__text-color {
  color: var(--mds_brand_appearance_primary_weak_text-color);
}
.mds .mds-primary--subtle__text-color {
  color: var(--mds_brand_appearance_primary_subtle_text-color);
}
.mds .mds-primary__background-color {
  background-color: var(--mds_brand_appearance_primary_default_background-color);
}
.mds .mds-primary--weak__background-color {
  background-color: var(--mds_brand_appearance_primary_weak_background-color);
}
.mds .mds-primary--subtle__background-color {
  background-color: var(--mds_brand_appearance_primary_subtle_background-color);
}
.mds .mds-primary__on-background-color {
  color: var(--mds_brand_appearance_primary_default_on-background-color);
}
.mds .mds-primary--weak__on-background-color {
  color: var(--mds_brand_appearance_primary_weak_on-background-color);
}
.mds .mds-primary--subtle__on-background-color {
  color: var(--mds_brand_appearance_primary_subtle_on-background-color);
}
.mds .mds-primary__border-color {
  border-color: var(--mds_brand_appearance_primary_default_border-color);
}
.mds .mds-primary--weak__border-color {
  border-color: var(--mds_brand_appearance_primary_weak_border-color);
}
.mds .mds-primary--subtle__border-color {
  border-color: var(--mds_brand_appearance_primary_subtle_border-color);
}
.mds a.mds-primary__text-color,
.mds a.mds-primary__text-color:active,
.mds a.mds-primary__text-color:visited {
  color: var(--mds_brand_appearance_primary_default_text-color);
}
.mds a.mds-primary--weak__text-color,
.mds a.mds-primary--weak__text-color:active,
.mds a.mds-primary--weak__text-color:visited {
  color: var(--mds_brand_appearance_primary_weak_text-color);
}
.mds a.mds-primary--subtle__text-color,
.mds a.mds-primary--subtle__text-color:active,
.mds a.mds-primary--subtle__text-color:visited {
  color: var(--mds_brand_appearance_primary_subtle_text-color);
}
.mds .mds-secondary__text-color {
  color: var(--mds_brand_appearance_secondary_default_text-color);
}
.mds .mds-secondary--weak__text-color {
  color: var(--mds_brand_appearance_secondary_weak_text-color);
}
.mds .mds-secondary--subtle__text-color {
  color: var(--mds_brand_appearance_secondary_subtle_text-color);
}
.mds .mds-secondary__background-color {
  background-color: var(--mds_brand_appearance_secondary_default_background-color);
}
.mds .mds-secondary--weak__background-color {
  background-color: var(--mds_brand_appearance_secondary_weak_background-color);
}
.mds .mds-secondary--subtle__background-color {
  background-color: var(--mds_brand_appearance_secondary_subtle_background-color);
}
.mds .mds-secondary__on-background-color {
  color: var(--mds_brand_appearance_secondary_default_on-background-color);
}
.mds .mds-secondary--weak__on-background-color {
  color: var(--mds_brand_appearance_secondary_weak_on-background-color);
}
.mds .mds-secondary--subtle__on-background-color {
  color: var(--mds_brand_appearance_secondary_subtle_on-background-color);
}
.mds .mds-secondary__border-color {
  border-color: var(--mds_brand_appearance_secondary_default_border-color);
}
.mds .mds-secondary--weak__border-color {
  border-color: var(--mds_brand_appearance_secondary_weak_border-color);
}
.mds .mds-secondary--subtle__border-color {
  border-color: var(--mds_brand_appearance_secondary_subtle_border-color);
}
.mds a.mds-secondary__text-color,
.mds a.mds-secondary__text-color:active,
.mds a.mds-secondary__text-color:visited {
  color: var(--mds_brand_appearance_secondary_default_text-color);
}
.mds a.mds-secondary--weak__text-color,
.mds a.mds-secondary--weak__text-color:active,
.mds a.mds-secondary--weak__text-color:visited {
  color: var(--mds_brand_appearance_secondary_weak_text-color);
}
.mds a.mds-secondary--subtle__text-color,
.mds a.mds-secondary--subtle__text-color:active,
.mds a.mds-secondary--subtle__text-color:visited {
  color: var(--mds_brand_appearance_secondary_subtle_text-color);
}
.mds .mds-info__text-color {
  color: var(--mds_brand_appearance_info_default_text-color);
}
.mds .mds-info--weak__text-color {
  color: var(--mds_brand_appearance_info_weak_text-color);
}
.mds .mds-info--subtle__text-color {
  color: var(--mds_brand_appearance_info_subtle_text-color);
}
.mds .mds-info__background-color {
  background-color: var(--mds_brand_appearance_info_default_background-color);
}
.mds .mds-info--weak__background-color {
  background-color: var(--mds_brand_appearance_info_weak_background-color);
}
.mds .mds-info--subtle__background-color {
  background-color: var(--mds_brand_appearance_info_subtle_background-color);
}
.mds .mds-info__on-background-color {
  color: var(--mds_brand_appearance_info_default_on-background-color);
}
.mds .mds-info--weak__on-background-color {
  color: var(--mds_brand_appearance_info_weak_on-background-color);
}
.mds .mds-info--subtle__on-background-color {
  color: var(--mds_brand_appearance_info_subtle_on-background-color);
}
.mds .mds-info__border-color {
  border-color: var(--mds_brand_appearance_info_default_border-color);
}
.mds .mds-info--weak__border-color {
  border-color: var(--mds_brand_appearance_info_weak_border-color);
}
.mds .mds-info--subtle__border-color {
  border-color: var(--mds_brand_appearance_info_subtle_border-color);
}
.mds a.mds-info__text-color,
.mds a.mds-info__text-color:active,
.mds a.mds-info__text-color:visited {
  color: var(--mds_brand_appearance_info_default_text-color);
}
.mds a.mds-info--weak__text-color,
.mds a.mds-info--weak__text-color:active,
.mds a.mds-info--weak__text-color:visited {
  color: var(--mds_brand_appearance_info_weak_text-color);
}
.mds a.mds-info--subtle__text-color,
.mds a.mds-info--subtle__text-color:active,
.mds a.mds-info--subtle__text-color:visited {
  color: var(--mds_brand_appearance_info_subtle_text-color);
}
.mds .mds-error__text-color {
  color: var(--mds_brand_appearance_error_default_text-color);
}
.mds .mds-error--weak__text-color {
  color: var(--mds_brand_appearance_error_weak_text-color);
}
.mds .mds-error--subtle__text-color {
  color: var(--mds_brand_appearance_error_subtle_text-color);
}
.mds .mds-error__background-color {
  background-color: var(--mds_brand_appearance_error_default_background-color);
}
.mds .mds-error--weak__background-color {
  background-color: var(--mds_brand_appearance_error_weak_background-color);
}
.mds .mds-error--subtle__background-color {
  background-color: var(--mds_brand_appearance_error_subtle_background-color);
}
.mds .mds-error__on-background-color {
  color: var(--mds_brand_appearance_error_default_on-background-color);
}
.mds .mds-error--weak__on-background-color {
  color: var(--mds_brand_appearance_error_weak_on-background-color);
}
.mds .mds-error--subtle__on-background-color {
  color: var(--mds_brand_appearance_error_subtle_on-background-color);
}
.mds .mds-error__border-color {
  border-color: var(--mds_brand_appearance_error_default_border-color);
}
.mds .mds-error--weak__border-color {
  border-color: var(--mds_brand_appearance_error_weak_border-color);
}
.mds .mds-error--subtle__border-color {
  border-color: var(--mds_brand_appearance_error_subtle_border-color);
}
.mds a.mds-error__text-color,
.mds a.mds-error__text-color:active,
.mds a.mds-error__text-color:visited {
  color: var(--mds_brand_appearance_error_default_text-color);
}
.mds a.mds-error--weak__text-color,
.mds a.mds-error--weak__text-color:active,
.mds a.mds-error--weak__text-color:visited {
  color: var(--mds_brand_appearance_error_weak_text-color);
}
.mds a.mds-error--subtle__text-color,
.mds a.mds-error--subtle__text-color:active,
.mds a.mds-error--subtle__text-color:visited {
  color: var(--mds_brand_appearance_error_subtle_text-color);
}
.mds .mds-warning__text-color {
  color: var(--mds_brand_appearance_warning_default_text-color);
}
.mds .mds-warning--weak__text-color {
  color: var(--mds_brand_appearance_warning_weak_text-color);
}
.mds .mds-warning--subtle__text-color {
  color: var(--mds_brand_appearance_warning_subtle_text-color);
}
.mds .mds-warning__background-color {
  background-color: var(--mds_brand_appearance_warning_default_background-color);
}
.mds .mds-warning--weak__background-color {
  background-color: var(--mds_brand_appearance_warning_weak_background-color);
}
.mds .mds-warning--subtle__background-color {
  background-color: var(--mds_brand_appearance_warning_subtle_background-color);
}
.mds .mds-warning__on-background-color {
  color: var(--mds_brand_appearance_warning_default_on-background-color);
}
.mds .mds-warning--weak__on-background-color {
  color: var(--mds_brand_appearance_warning_weak_on-background-color);
}
.mds .mds-warning--subtle__on-background-color {
  color: var(--mds_brand_appearance_warning_subtle_on-background-color);
}
.mds .mds-warning__border-color {
  border-color: var(--mds_brand_appearance_warning_default_border-color);
}
.mds .mds-warning--weak__border-color {
  border-color: var(--mds_brand_appearance_warning_weak_border-color);
}
.mds .mds-warning--subtle__border-color {
  border-color: var(--mds_brand_appearance_warning_subtle_border-color);
}
.mds a.mds-warning__text-color,
.mds a.mds-warning__text-color:active,
.mds a.mds-warning__text-color:visited {
  color: var(--mds_brand_appearance_warning_default_text-color);
}
.mds a.mds-warning--weak__text-color,
.mds a.mds-warning--weak__text-color:active,
.mds a.mds-warning--weak__text-color:visited {
  color: var(--mds_brand_appearance_warning_weak_text-color);
}
.mds a.mds-warning--subtle__text-color,
.mds a.mds-warning--subtle__text-color:active,
.mds a.mds-warning--subtle__text-color:visited {
  color: var(--mds_brand_appearance_warning_subtle_text-color);
}
.mds .mds-success__text-color {
  color: var(--mds_brand_appearance_success_default_text-color);
}
.mds .mds-success--weak__text-color {
  color: var(--mds_brand_appearance_success_weak_text-color);
}
.mds .mds-success--subtle__text-color {
  color: var(--mds_brand_appearance_success_subtle_text-color);
}
.mds .mds-success__background-color {
  background-color: var(--mds_brand_appearance_success_default_background-color);
}
.mds .mds-success--weak__background-color {
  background-color: var(--mds_brand_appearance_success_weak_background-color);
}
.mds .mds-success--subtle__background-color {
  background-color: var(--mds_brand_appearance_success_subtle_background-color);
}
.mds .mds-success__on-background-color {
  color: var(--mds_brand_appearance_success_default_on-background-color);
}
.mds .mds-success--weak__on-background-color {
  color: var(--mds_brand_appearance_success_weak_on-background-color);
}
.mds .mds-success--subtle__on-background-color {
  color: var(--mds_brand_appearance_success_subtle_on-background-color);
}
.mds .mds-success__border-color {
  border-color: var(--mds_brand_appearance_success_default_border-color);
}
.mds .mds-success--weak__border-color {
  border-color: var(--mds_brand_appearance_success_weak_border-color);
}
.mds .mds-success--subtle__border-color {
  border-color: var(--mds_brand_appearance_success_subtle_border-color);
}
.mds a.mds-success__text-color,
.mds a.mds-success__text-color:active,
.mds a.mds-success__text-color:visited {
  color: var(--mds_brand_appearance_success_default_text-color);
}
.mds a.mds-success--weak__text-color,
.mds a.mds-success--weak__text-color:active,
.mds a.mds-success--weak__text-color:visited {
  color: var(--mds_brand_appearance_success_weak_text-color);
}
.mds a.mds-success--subtle__text-color,
.mds a.mds-success--subtle__text-color:active,
.mds a.mds-success--subtle__text-color:visited {
  color: var(--mds_brand_appearance_success_subtle_text-color);
}
.mds .mds-layout {
  height: 100vh;
  width: 100vw;
  display: grid;
}
.mds .mds-layout.mds-layout-no-side-bar {
  grid-template-columns: 0 1fr;
}
.mds .mds-layout mc-top-bar,
.mds .mds-layout .mds-top-bar {
  grid-area: top-bar;
  height: 64px;
  width: 100%;
  background-color: var(--mds_brand_appearance_neutral_default_background-color);
  border-bottom: 1px solid var(--mds_brand_appearance_neutral_weak_border-color);
}
.mds .mds-layout mc-side-bar,
.mds .mds-layout .mds-side-bar {
  grid-area: side-bar;
  background-color: var(--mds_brand_appearance_neutral_default_background-color);
}
@media only screen and (max-width: 599px) {
  .mds .mds-layout mc-side-bar,
  .mds .mds-layout .mds-side-bar {
    border-bottom: 1px solid var(--mds_brand_appearance_neutral_weak_border-color);
    border-right: 0;
    height: 64px;
    width: 48px;
    padding: 0;
  }
}
@media only screen and (min-width: 600px) {
  .mds .mds-layout mc-side-bar,
  .mds .mds-layout .mds-side-bar {
    border-bottom: 1px solid var(--mds_brand_appearance_neutral_weak_border-color);
    border-right: 0;
    height: 64px;
    width: 48px;
    padding: 0;
  }
}
@media only screen and (min-width: 840px) {
  .mds .mds-layout mc-side-bar,
  .mds .mds-layout .mds-side-bar {
    border-right: 1px solid var(--mds_brand_appearance_neutral_weak_border-color);
    border-bottom: 0;
    height: calc(100vh - 64px);
    width: 242px;
    padding: 8px;
  }
}
@media only screen and (min-width: 1200px) {
  .mds .mds-layout mc-side-bar,
  .mds .mds-layout .mds-side-bar {
    border-right: 1px solid var(--mds_brand_appearance_neutral_weak_border-color);
    border-bottom: 0;
    height: calc(100vh - 64px);
    width: 296px;
    padding: 8px;
  }
}
@media only screen and (min-width: 1600px) {
  .mds .mds-layout mc-side-bar,
  .mds .mds-layout .mds-side-bar {
    border-right: 1px solid var(--mds_brand_appearance_neutral_weak_border-color);
    border-bottom: 0;
    height: calc(100vh - 64px);
    width: 296px;
    padding: 8px;
  }
}
.mds .mds-layout .mds-page {
  grid-area: page;
  overflow: auto;
}
@media only screen and (max-width: 599px) {
  .mds .mds-layout .mds-page > .mds-grid {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .mds .mds-layout .mds-page > .mds-grid {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 840px) {
  .mds .mds-layout .mds-page > .mds-grid {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .mds .mds-layout .mds-page > .mds-grid {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1600px) {
  .mds .mds-layout .mds-page > .mds-grid {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
}
.mds .mds-layout .mds-page .mds-grid.mds-full-width {
  max-width: none;
}
@media only screen and (min-width: 1600px) {
  .mds .mds-layout .mds-page .mds-grid.mds-full-width {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.mds .mds-layout .mds-footer {
  grid-area: footer;
}
@media only screen and (max-width: 599px) {
  .mds .mds-layout {
    grid-template-areas: "side-bar top-bar" "page page" "footer footer";
    grid-template-rows: 64px 1fr auto;
    grid-template-columns: 48px 1fr;
    height: auto;
  }
}
@media only screen and (min-width: 600px) {
  .mds .mds-layout {
    grid-template-areas: "side-bar top-bar" "page page" "footer footer";
    grid-template-rows: 64px 1fr auto;
    grid-template-columns: 48px 1fr;
  }
}
@media only screen and (min-width: 840px) {
  .mds .mds-layout {
    grid-template-areas: "top-bar top-bar" "side-bar page" "side-bar footer";
    grid-template-rows: 64px 1fr auto;
    grid-template-columns: 242px 1fr;
  }
}
@media only screen and (min-width: 1200px) {
  .mds .mds-layout {
    grid-template-areas: "top-bar top-bar" "side-bar page" "side-bar footer";
    grid-template-rows: 64px 1fr auto;
    grid-template-columns: 296px 1fr;
  }
}
@media only screen and (min-width: 1600px) {
  .mds .mds-layout {
    grid-template-areas: "top-bar top-bar" "side-bar page" "side-bar footer";
    grid-template-rows: 64px 1fr auto;
    grid-template-columns: 296px 1fr;
  }
}
@media only screen and (max-width: 599px) {
  .mds .mds-page-centered {
    margin-left: 16px;
    margin-right: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .mds .mds-page-centered {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 840px) {
  .mds .mds-page-centered {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .mds .mds-page-centered {
    margin-left: 24px;
    margin-right: 24px;
  }
}
@media only screen and (min-width: 1600px) {
  .mds .mds-page-centered {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
  }
}
.mds .mds-page-full-width {
  max-width: none;
}
@media only screen and (min-width: 1600px) {
  .mds .mds-page-full-width {
    margin-left: 24px;
    margin-right: 24px;
  }
}
.mds .mds-container .mds-grid {
  display: grid;
}
.mds .mds-container .mds-grid .mds-row-1 {
  grid-row-start: 1;
}
.mds .mds-container .mds-grid .mds-row-2 {
  grid-row-start: 2;
}
.mds .mds-container .mds-grid .mds-row-3 {
  grid-row-start: 3;
}
.mds .mds-container .mds-grid .mds-row-4 {
  grid-row-start: 4;
}
.mds .mds-container .mds-grid .mds-row-5 {
  grid-row-start: 5;
}
.mds .mds-container .mds-grid .mds-row-6 {
  grid-row-start: 6;
}
.mds .mds-container .mds-grid .mds-row-7 {
  grid-row-start: 7;
}
.mds .mds-container .mds-grid .mds-row-8 {
  grid-row-start: 8;
}
.mds .mds-container .mds-grid .mds-row-9 {
  grid-row-start: 9;
}
.mds .mds-container .mds-grid .mds-row-10 {
  grid-row-start: 10;
}
.mds .mds-container .mds-grid .mds-row-11 {
  grid-row-start: 11;
}
.mds .mds-container .mds-grid .mds-row-12 {
  grid-row-start: 12;
}
.mds .mds-container .mds-grid .mds-row-13 {
  grid-row-start: 13;
}
.mds .mds-container .mds-grid .mds-row-14 {
  grid-row-start: 14;
}
.mds .mds-container .mds-grid .mds-row-15 {
  grid-row-start: 15;
}
.mds .mds-container .mds-grid .mds-row-16 {
  grid-row-start: 16;
}
.mds .mds-container .mds-grid .mds-row-17 {
  grid-row-start: 17;
}
.mds .mds-container .mds-grid .mds-row-18 {
  grid-row-start: 18;
}
.mds .mds-container .mds-grid .mds-row-19 {
  grid-row-start: 19;
}
.mds .mds-container .mds-grid .mds-row-20 {
  grid-row-start: 20;
}
.mds .mds-container .mds-grid .mds-row-21 {
  grid-row-start: 21;
}
.mds .mds-container .mds-grid .mds-row-22 {
  grid-row-start: 22;
}
.mds .mds-container .mds-grid .mds-row-23 {
  grid-row-start: 23;
}
.mds .mds-container .mds-grid .mds-row-24 {
  grid-row-start: 24;
}
.mds .mds-container .mds-grid .mds-row-span-to-end {
  grid-row-end: -1;
}
.mds .mds-container .mds-grid .mds-row-span-to-start {
  grid-row-end: 1;
}
.mds .mds-container .mds-grid .mds-row-span-1 {
  grid-row-end: span 1;
}
.mds .mds-container .mds-grid .mds-row-span-2 {
  grid-row-end: span 2;
}
.mds .mds-container .mds-grid .mds-row-span-3 {
  grid-row-end: span 3;
}
.mds .mds-container .mds-grid .mds-row-span-4 {
  grid-row-end: span 4;
}
.mds .mds-container .mds-grid .mds-row-span-5 {
  grid-row-end: span 5;
}
.mds .mds-container .mds-grid .mds-row-span-6 {
  grid-row-end: span 6;
}
.mds .mds-container .mds-grid .mds-row-span-7 {
  grid-row-end: span 7;
}
.mds .mds-container .mds-grid .mds-row-span-8 {
  grid-row-end: span 8;
}
.mds .mds-container .mds-grid .mds-row-span-9 {
  grid-row-end: span 9;
}
.mds .mds-container .mds-grid .mds-row-span-10 {
  grid-row-end: span 10;
}
.mds .mds-container .mds-grid .mds-row-span-11 {
  grid-row-end: span 11;
}
.mds .mds-container .mds-grid .mds-row-span-12 {
  grid-row-end: span 12;
}
.mds .mds-container .mds-grid .mds-row-span-13 {
  grid-row-end: span 13;
}
.mds .mds-container .mds-grid .mds-row-span-14 {
  grid-row-end: span 14;
}
.mds .mds-container .mds-grid .mds-row-span-15 {
  grid-row-end: span 15;
}
.mds .mds-container .mds-grid .mds-row-span-16 {
  grid-row-end: span 16;
}
.mds .mds-container .mds-grid .mds-row-span-17 {
  grid-row-end: span 17;
}
.mds .mds-container .mds-grid .mds-row-span-18 {
  grid-row-end: span 18;
}
.mds .mds-container .mds-grid .mds-row-span-19 {
  grid-row-end: span 19;
}
.mds .mds-container .mds-grid .mds-row-span-20 {
  grid-row-end: span 20;
}
.mds .mds-container .mds-grid .mds-row-span-21 {
  grid-row-end: span 21;
}
.mds .mds-container .mds-grid .mds-row-span-22 {
  grid-row-end: span 22;
}
.mds .mds-container .mds-grid .mds-row-span-23 {
  grid-row-end: span 23;
}
.mds .mds-container .mds-grid .mds-row-span-24 {
  grid-row-end: span 24;
}
.mds .mds-container .mds-grid .mds-col-1 {
  grid-column-start: 1;
}
.mds .mds-container .mds-grid .mds-col-2 {
  grid-column-start: 2;
}
.mds .mds-container .mds-grid .mds-col-3 {
  grid-column-start: 3;
}
.mds .mds-container .mds-grid .mds-col-4 {
  grid-column-start: 4;
}
.mds .mds-container .mds-grid .mds-col-5 {
  grid-column-start: 5;
}
.mds .mds-container .mds-grid .mds-col-6 {
  grid-column-start: 6;
}
.mds .mds-container .mds-grid .mds-col-7 {
  grid-column-start: 7;
}
.mds .mds-container .mds-grid .mds-col-8 {
  grid-column-start: 8;
}
.mds .mds-container .mds-grid .mds-col-9 {
  grid-column-start: 9;
}
.mds .mds-container .mds-grid .mds-col-10 {
  grid-column-start: 10;
}
.mds .mds-container .mds-grid .mds-col-11 {
  grid-column-start: 11;
}
.mds .mds-container .mds-grid .mds-col-12 {
  grid-column-start: 12;
}
.mds .mds-container .mds-grid .mds-col-1-reverse {
  grid-column-start: -2;
}
.mds .mds-container .mds-grid .mds-col-2-reverse {
  grid-column-start: -3;
}
.mds .mds-container .mds-grid .mds-col-3-reverse {
  grid-column-start: -4;
}
.mds .mds-container .mds-grid .mds-col-4-reverse {
  grid-column-start: -5;
}
.mds .mds-container .mds-grid .mds-col-5-reverse {
  grid-column-start: -6;
}
.mds .mds-container .mds-grid .mds-col-6-reverse {
  grid-column-start: -7;
}
.mds .mds-container .mds-grid .mds-col-7-reverse {
  grid-column-start: -8;
}
.mds .mds-container .mds-grid .mds-col-8-reverse {
  grid-column-start: -9;
}
.mds .mds-container .mds-grid .mds-col-9-reverse {
  grid-column-start: -10;
}
.mds .mds-container .mds-grid .mds-col-10-reverse {
  grid-column-start: -11;
}
.mds .mds-container .mds-grid .mds-col-11-reverse {
  grid-column-start: -12;
}
.mds .mds-container .mds-grid .mds-col-12-reverse {
  grid-column-start: -13;
}
.mds .mds-container .mds-grid .mds-col-13-reverse {
  grid-column-start: -14;
}
.mds .mds-container .mds-grid .mds-col-span-to-end {
  grid-column-end: -1;
}
.mds .mds-container .mds-grid .mds-col-span-to-start {
  grid-column-end: 1;
}
.mds .mds-container .mds-grid .mds-col-span-1 {
  grid-column-end: span 1;
}
.mds .mds-container .mds-grid .mds-col-span-2 {
  grid-column-end: span 2;
}
.mds .mds-container .mds-grid .mds-col-span-3 {
  grid-column-end: span 3;
}
.mds .mds-container .mds-grid .mds-col-span-4 {
  grid-column-end: span 4;
}
.mds .mds-container .mds-grid .mds-col-span-5 {
  grid-column-end: span 5;
}
.mds .mds-container .mds-grid .mds-col-span-6 {
  grid-column-end: span 6;
}
.mds .mds-container .mds-grid .mds-col-span-7 {
  grid-column-end: span 7;
}
.mds .mds-container .mds-grid .mds-col-span-8 {
  grid-column-end: span 8;
}
.mds .mds-container .mds-grid .mds-col-span-9 {
  grid-column-end: span 9;
}
.mds .mds-container .mds-grid .mds-col-span-10 {
  grid-column-end: span 10;
}
.mds .mds-container .mds-grid .mds-col-span-11 {
  grid-column-end: span 11;
}
.mds .mds-container .mds-grid .mds-col-span-12 {
  grid-column-end: span 12;
}
.mds .mds-container .mds-grid.mds-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.mds .mds-container .mds-grid.mds-rows-1 {
  grid-template-rows: repeat(1, auto);
}
.mds .mds-container .mds-grid.mds-rows-2 {
  grid-template-rows: repeat(2, auto);
}
.mds .mds-container .mds-grid.mds-rows-3 {
  grid-template-rows: repeat(3, auto);
}
.mds .mds-container .mds-grid.mds-rows-4 {
  grid-template-rows: repeat(4, auto);
}
.mds .mds-container .mds-grid.mds-rows-5 {
  grid-template-rows: repeat(5, auto);
}
.mds .mds-container .mds-grid.mds-rows-6 {
  grid-template-rows: repeat(6, auto);
}
.mds .mds-container .mds-grid.mds-rows-7 {
  grid-template-rows: repeat(7, auto);
}
.mds .mds-container .mds-grid.mds-rows-8 {
  grid-template-rows: repeat(8, auto);
}
.mds .mds-container .mds-grid.mds-rows-9 {
  grid-template-rows: repeat(9, auto);
}
.mds .mds-container .mds-grid.mds-rows-10 {
  grid-template-rows: repeat(10, auto);
}
.mds .mds-container .mds-grid.mds-rows-11 {
  grid-template-rows: repeat(11, auto);
}
.mds .mds-container .mds-grid.mds-rows-12 {
  grid-template-rows: repeat(12, auto);
}
.mds .mds-container .mds-grid.mds-rows-13 {
  grid-template-rows: repeat(13, auto);
}
.mds .mds-container .mds-grid.mds-rows-14 {
  grid-template-rows: repeat(14, auto);
}
.mds .mds-container .mds-grid.mds-rows-15 {
  grid-template-rows: repeat(15, auto);
}
.mds .mds-container .mds-grid.mds-rows-16 {
  grid-template-rows: repeat(16, auto);
}
.mds .mds-container .mds-grid.mds-rows-17 {
  grid-template-rows: repeat(17, auto);
}
.mds .mds-container .mds-grid.mds-rows-18 {
  grid-template-rows: repeat(18, auto);
}
.mds .mds-container .mds-grid.mds-rows-19 {
  grid-template-rows: repeat(19, auto);
}
.mds .mds-container .mds-grid.mds-rows-20 {
  grid-template-rows: repeat(20, auto);
}
.mds .mds-container .mds-grid.mds-rows-21 {
  grid-template-rows: repeat(21, auto);
}
.mds .mds-container .mds-grid.mds-rows-22 {
  grid-template-rows: repeat(22, auto);
}
.mds .mds-container .mds-grid.mds-rows-23 {
  grid-template-rows: repeat(23, auto);
}
.mds .mds-container .mds-grid.mds-rows-24 {
  grid-template-rows: repeat(24, auto);
}
.mds .mds-container {
  container-type: inline-size;
  contain: layout;
  position: relative;
}
@container (max-width: 599px) {
  .mds .mds-container .mds-grid {
    gap: var(--mds_foundations_grid_xs_column-gap) var(--mds_foundations_grid_xs_row-gap);
    grid-template-columns: repeat(var(--mds_foundations_grid_xs_columns), minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-xs-col-1 {
    grid-column-start: 1;
  }
  .mds .mds-container .mds-grid .mds-xs-col-2 {
    grid-column-start: 2;
  }
  .mds .mds-container .mds-grid .mds-xs-col-3 {
    grid-column-start: 3;
  }
  .mds .mds-container .mds-grid .mds-xs-col-4 {
    grid-column-start: 4;
  }
  .mds .mds-container .mds-grid .mds-xs-col-5 {
    grid-column-start: 5;
  }
  .mds .mds-container .mds-grid .mds-xs-col-6 {
    grid-column-start: 6;
  }
  .mds .mds-container .mds-grid .mds-xs-col-7 {
    grid-column-start: 7;
  }
  .mds .mds-container .mds-grid .mds-xs-col-8 {
    grid-column-start: 8;
  }
  .mds .mds-container .mds-grid .mds-xs-col-9 {
    grid-column-start: 9;
  }
  .mds .mds-container .mds-grid .mds-xs-col-10 {
    grid-column-start: 10;
  }
  .mds .mds-container .mds-grid .mds-xs-col-11 {
    grid-column-start: 11;
  }
  .mds .mds-container .mds-grid .mds-xs-col-12 {
    grid-column-start: 12;
  }
  .mds .mds-container .mds-grid .mds-xs-col-1-reverse {
    grid-column-start: -2;
  }
  .mds .mds-container .mds-grid .mds-xs-col-2-reverse {
    grid-column-start: -3;
  }
  .mds .mds-container .mds-grid .mds-xs-col-3-reverse {
    grid-column-start: -4;
  }
  .mds .mds-container .mds-grid .mds-xs-col-4-reverse {
    grid-column-start: -5;
  }
  .mds .mds-container .mds-grid .mds-xs-col-5-reverse {
    grid-column-start: -6;
  }
  .mds .mds-container .mds-grid .mds-xs-col-6-reverse {
    grid-column-start: -7;
  }
  .mds .mds-container .mds-grid .mds-xs-col-7-reverse {
    grid-column-start: -8;
  }
  .mds .mds-container .mds-grid .mds-xs-col-8-reverse {
    grid-column-start: -9;
  }
  .mds .mds-container .mds-grid .mds-xs-col-9-reverse {
    grid-column-start: -10;
  }
  .mds .mds-container .mds-grid .mds-xs-col-10-reverse {
    grid-column-start: -11;
  }
  .mds .mds-container .mds-grid .mds-xs-col-11-reverse {
    grid-column-start: -12;
  }
  .mds .mds-container .mds-grid .mds-xs-col-12-reverse {
    grid-column-start: -13;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-1 {
    grid-column-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-2 {
    grid-column-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-3 {
    grid-column-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-4 {
    grid-column-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-5 {
    grid-column-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-6 {
    grid-column-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-7 {
    grid-column-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-8 {
    grid-column-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-9 {
    grid-column-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-10 {
    grid-column-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-11 {
    grid-column-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-xs-col-span-12 {
    grid-column-end: span 12;
  }
  .mds .mds-container .mds-grid.mds-xs-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xs-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-xs-row-1 {
    grid-row-start: 1;
  }
  .mds .mds-container .mds-grid .mds-xs-row-2 {
    grid-row-start: 2;
  }
  .mds .mds-container .mds-grid .mds-xs-row-3 {
    grid-row-start: 3;
  }
  .mds .mds-container .mds-grid .mds-xs-row-4 {
    grid-row-start: 4;
  }
  .mds .mds-container .mds-grid .mds-xs-row-5 {
    grid-row-start: 5;
  }
  .mds .mds-container .mds-grid .mds-xs-row-6 {
    grid-row-start: 6;
  }
  .mds .mds-container .mds-grid .mds-xs-row-7 {
    grid-row-start: 7;
  }
  .mds .mds-container .mds-grid .mds-xs-row-8 {
    grid-row-start: 8;
  }
  .mds .mds-container .mds-grid .mds-xs-row-9 {
    grid-row-start: 9;
  }
  .mds .mds-container .mds-grid .mds-xs-row-10 {
    grid-row-start: 10;
  }
  .mds .mds-container .mds-grid .mds-xs-row-11 {
    grid-row-start: 11;
  }
  .mds .mds-container .mds-grid .mds-xs-row-12 {
    grid-row-start: 12;
  }
  .mds .mds-container .mds-grid .mds-xs-row-13 {
    grid-row-start: 13;
  }
  .mds .mds-container .mds-grid .mds-xs-row-14 {
    grid-row-start: 14;
  }
  .mds .mds-container .mds-grid .mds-xs-row-15 {
    grid-row-start: 15;
  }
  .mds .mds-container .mds-grid .mds-xs-row-16 {
    grid-row-start: 16;
  }
  .mds .mds-container .mds-grid .mds-xs-row-17 {
    grid-row-start: 17;
  }
  .mds .mds-container .mds-grid .mds-xs-row-18 {
    grid-row-start: 18;
  }
  .mds .mds-container .mds-grid .mds-xs-row-19 {
    grid-row-start: 19;
  }
  .mds .mds-container .mds-grid .mds-xs-row-20 {
    grid-row-start: 20;
  }
  .mds .mds-container .mds-grid .mds-xs-row-21 {
    grid-row-start: 21;
  }
  .mds .mds-container .mds-grid .mds-xs-row-22 {
    grid-row-start: 22;
  }
  .mds .mds-container .mds-grid .mds-xs-row-23 {
    grid-row-start: 23;
  }
  .mds .mds-container .mds-grid .mds-xs-row-24 {
    grid-row-start: 24;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-1 {
    grid-row-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-2 {
    grid-row-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-3 {
    grid-row-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-4 {
    grid-row-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-5 {
    grid-row-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-6 {
    grid-row-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-7 {
    grid-row-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-8 {
    grid-row-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-9 {
    grid-row-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-10 {
    grid-row-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-11 {
    grid-row-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-12 {
    grid-row-end: span 12;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-13 {
    grid-row-end: span 13;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-14 {
    grid-row-end: span 14;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-15 {
    grid-row-end: span 15;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-16 {
    grid-row-end: span 16;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-17 {
    grid-row-end: span 17;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-18 {
    grid-row-end: span 18;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-19 {
    grid-row-end: span 19;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-20 {
    grid-row-end: span 20;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-21 {
    grid-row-end: span 21;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-22 {
    grid-row-end: span 22;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-23 {
    grid-row-end: span 23;
  }
  .mds .mds-container .mds-grid .mds-xs-row-span-24 {
    grid-row-end: span 24;
  }
  .mds .mds-container .mds-grid.mds-xs-rows-1 {
    grid-template-rows: repeat(1, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-2 {
    grid-template-rows: repeat(2, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-3 {
    grid-template-rows: repeat(3, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-4 {
    grid-template-rows: repeat(4, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-5 {
    grid-template-rows: repeat(5, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-6 {
    grid-template-rows: repeat(6, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-7 {
    grid-template-rows: repeat(7, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-8 {
    grid-template-rows: repeat(8, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-9 {
    grid-template-rows: repeat(9, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-10 {
    grid-template-rows: repeat(10, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-11 {
    grid-template-rows: repeat(11, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-12 {
    grid-template-rows: repeat(12, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-13 {
    grid-template-rows: repeat(13, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-14 {
    grid-template-rows: repeat(14, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-15 {
    grid-template-rows: repeat(15, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-16 {
    grid-template-rows: repeat(16, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-17 {
    grid-template-rows: repeat(17, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-18 {
    grid-template-rows: repeat(18, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-19 {
    grid-template-rows: repeat(19, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-20 {
    grid-template-rows: repeat(20, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-21 {
    grid-template-rows: repeat(21, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-22 {
    grid-template-rows: repeat(22, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-23 {
    grid-template-rows: repeat(23, auto);
  }
  .mds .mds-container .mds-grid.mds-xs-rows-24 {
    grid-template-rows: repeat(24, auto);
  }
}
@container (min-width: 600px) {
  .mds .mds-container .mds-grid {
    gap: var(--mds_foundations_grid_sm_column-gap) var(--mds_foundations_grid_sm_row-gap);
    grid-template-columns: repeat(var(--mds_foundations_grid_sm_columns), minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-sm-col-1 {
    grid-column-start: 1;
  }
  .mds .mds-container .mds-grid .mds-sm-col-2 {
    grid-column-start: 2;
  }
  .mds .mds-container .mds-grid .mds-sm-col-3 {
    grid-column-start: 3;
  }
  .mds .mds-container .mds-grid .mds-sm-col-4 {
    grid-column-start: 4;
  }
  .mds .mds-container .mds-grid .mds-sm-col-5 {
    grid-column-start: 5;
  }
  .mds .mds-container .mds-grid .mds-sm-col-6 {
    grid-column-start: 6;
  }
  .mds .mds-container .mds-grid .mds-sm-col-7 {
    grid-column-start: 7;
  }
  .mds .mds-container .mds-grid .mds-sm-col-8 {
    grid-column-start: 8;
  }
  .mds .mds-container .mds-grid .mds-sm-col-9 {
    grid-column-start: 9;
  }
  .mds .mds-container .mds-grid .mds-sm-col-10 {
    grid-column-start: 10;
  }
  .mds .mds-container .mds-grid .mds-sm-col-11 {
    grid-column-start: 11;
  }
  .mds .mds-container .mds-grid .mds-sm-col-12 {
    grid-column-start: 12;
  }
  .mds .mds-container .mds-grid .mds-sm-col-1-reverse {
    grid-column-start: -2;
  }
  .mds .mds-container .mds-grid .mds-sm-col-2-reverse {
    grid-column-start: -3;
  }
  .mds .mds-container .mds-grid .mds-sm-col-3-reverse {
    grid-column-start: -4;
  }
  .mds .mds-container .mds-grid .mds-sm-col-4-reverse {
    grid-column-start: -5;
  }
  .mds .mds-container .mds-grid .mds-sm-col-5-reverse {
    grid-column-start: -6;
  }
  .mds .mds-container .mds-grid .mds-sm-col-6-reverse {
    grid-column-start: -7;
  }
  .mds .mds-container .mds-grid .mds-sm-col-7-reverse {
    grid-column-start: -8;
  }
  .mds .mds-container .mds-grid .mds-sm-col-8-reverse {
    grid-column-start: -9;
  }
  .mds .mds-container .mds-grid .mds-sm-col-9-reverse {
    grid-column-start: -10;
  }
  .mds .mds-container .mds-grid .mds-sm-col-10-reverse {
    grid-column-start: -11;
  }
  .mds .mds-container .mds-grid .mds-sm-col-11-reverse {
    grid-column-start: -12;
  }
  .mds .mds-container .mds-grid .mds-sm-col-12-reverse {
    grid-column-start: -13;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-1 {
    grid-column-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-2 {
    grid-column-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-3 {
    grid-column-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-4 {
    grid-column-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-5 {
    grid-column-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-6 {
    grid-column-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-7 {
    grid-column-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-8 {
    grid-column-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-9 {
    grid-column-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-10 {
    grid-column-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-11 {
    grid-column-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-sm-col-span-12 {
    grid-column-end: span 12;
  }
  .mds .mds-container .mds-grid.mds-sm-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-sm-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-sm-row-1 {
    grid-row-start: 1;
  }
  .mds .mds-container .mds-grid .mds-sm-row-2 {
    grid-row-start: 2;
  }
  .mds .mds-container .mds-grid .mds-sm-row-3 {
    grid-row-start: 3;
  }
  .mds .mds-container .mds-grid .mds-sm-row-4 {
    grid-row-start: 4;
  }
  .mds .mds-container .mds-grid .mds-sm-row-5 {
    grid-row-start: 5;
  }
  .mds .mds-container .mds-grid .mds-sm-row-6 {
    grid-row-start: 6;
  }
  .mds .mds-container .mds-grid .mds-sm-row-7 {
    grid-row-start: 7;
  }
  .mds .mds-container .mds-grid .mds-sm-row-8 {
    grid-row-start: 8;
  }
  .mds .mds-container .mds-grid .mds-sm-row-9 {
    grid-row-start: 9;
  }
  .mds .mds-container .mds-grid .mds-sm-row-10 {
    grid-row-start: 10;
  }
  .mds .mds-container .mds-grid .mds-sm-row-11 {
    grid-row-start: 11;
  }
  .mds .mds-container .mds-grid .mds-sm-row-12 {
    grid-row-start: 12;
  }
  .mds .mds-container .mds-grid .mds-sm-row-13 {
    grid-row-start: 13;
  }
  .mds .mds-container .mds-grid .mds-sm-row-14 {
    grid-row-start: 14;
  }
  .mds .mds-container .mds-grid .mds-sm-row-15 {
    grid-row-start: 15;
  }
  .mds .mds-container .mds-grid .mds-sm-row-16 {
    grid-row-start: 16;
  }
  .mds .mds-container .mds-grid .mds-sm-row-17 {
    grid-row-start: 17;
  }
  .mds .mds-container .mds-grid .mds-sm-row-18 {
    grid-row-start: 18;
  }
  .mds .mds-container .mds-grid .mds-sm-row-19 {
    grid-row-start: 19;
  }
  .mds .mds-container .mds-grid .mds-sm-row-20 {
    grid-row-start: 20;
  }
  .mds .mds-container .mds-grid .mds-sm-row-21 {
    grid-row-start: 21;
  }
  .mds .mds-container .mds-grid .mds-sm-row-22 {
    grid-row-start: 22;
  }
  .mds .mds-container .mds-grid .mds-sm-row-23 {
    grid-row-start: 23;
  }
  .mds .mds-container .mds-grid .mds-sm-row-24 {
    grid-row-start: 24;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-1 {
    grid-row-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-2 {
    grid-row-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-3 {
    grid-row-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-4 {
    grid-row-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-5 {
    grid-row-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-6 {
    grid-row-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-7 {
    grid-row-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-8 {
    grid-row-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-9 {
    grid-row-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-10 {
    grid-row-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-11 {
    grid-row-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-12 {
    grid-row-end: span 12;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-13 {
    grid-row-end: span 13;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-14 {
    grid-row-end: span 14;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-15 {
    grid-row-end: span 15;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-16 {
    grid-row-end: span 16;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-17 {
    grid-row-end: span 17;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-18 {
    grid-row-end: span 18;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-19 {
    grid-row-end: span 19;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-20 {
    grid-row-end: span 20;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-21 {
    grid-row-end: span 21;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-22 {
    grid-row-end: span 22;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-23 {
    grid-row-end: span 23;
  }
  .mds .mds-container .mds-grid .mds-sm-row-span-24 {
    grid-row-end: span 24;
  }
  .mds .mds-container .mds-grid.mds-sm-rows-1 {
    grid-template-rows: repeat(1, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-2 {
    grid-template-rows: repeat(2, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-3 {
    grid-template-rows: repeat(3, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-4 {
    grid-template-rows: repeat(4, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-5 {
    grid-template-rows: repeat(5, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-6 {
    grid-template-rows: repeat(6, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-7 {
    grid-template-rows: repeat(7, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-8 {
    grid-template-rows: repeat(8, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-9 {
    grid-template-rows: repeat(9, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-10 {
    grid-template-rows: repeat(10, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-11 {
    grid-template-rows: repeat(11, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-12 {
    grid-template-rows: repeat(12, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-13 {
    grid-template-rows: repeat(13, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-14 {
    grid-template-rows: repeat(14, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-15 {
    grid-template-rows: repeat(15, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-16 {
    grid-template-rows: repeat(16, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-17 {
    grid-template-rows: repeat(17, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-18 {
    grid-template-rows: repeat(18, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-19 {
    grid-template-rows: repeat(19, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-20 {
    grid-template-rows: repeat(20, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-21 {
    grid-template-rows: repeat(21, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-22 {
    grid-template-rows: repeat(22, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-23 {
    grid-template-rows: repeat(23, auto);
  }
  .mds .mds-container .mds-grid.mds-sm-rows-24 {
    grid-template-rows: repeat(24, auto);
  }
}
@container (min-width: 840px) {
  .mds .mds-container .mds-grid {
    gap: var(--mds_foundations_grid_md_column-gap) var(--mds_foundations_grid_md_row-gap);
    grid-template-columns: repeat(var(--mds_foundations_grid_md_columns), minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-md-col-1 {
    grid-column-start: 1;
  }
  .mds .mds-container .mds-grid .mds-md-col-2 {
    grid-column-start: 2;
  }
  .mds .mds-container .mds-grid .mds-md-col-3 {
    grid-column-start: 3;
  }
  .mds .mds-container .mds-grid .mds-md-col-4 {
    grid-column-start: 4;
  }
  .mds .mds-container .mds-grid .mds-md-col-5 {
    grid-column-start: 5;
  }
  .mds .mds-container .mds-grid .mds-md-col-6 {
    grid-column-start: 6;
  }
  .mds .mds-container .mds-grid .mds-md-col-7 {
    grid-column-start: 7;
  }
  .mds .mds-container .mds-grid .mds-md-col-8 {
    grid-column-start: 8;
  }
  .mds .mds-container .mds-grid .mds-md-col-9 {
    grid-column-start: 9;
  }
  .mds .mds-container .mds-grid .mds-md-col-10 {
    grid-column-start: 10;
  }
  .mds .mds-container .mds-grid .mds-md-col-11 {
    grid-column-start: 11;
  }
  .mds .mds-container .mds-grid .mds-md-col-12 {
    grid-column-start: 12;
  }
  .mds .mds-container .mds-grid .mds-md-col-1-reverse {
    grid-column-start: -2;
  }
  .mds .mds-container .mds-grid .mds-md-col-2-reverse {
    grid-column-start: -3;
  }
  .mds .mds-container .mds-grid .mds-md-col-3-reverse {
    grid-column-start: -4;
  }
  .mds .mds-container .mds-grid .mds-md-col-4-reverse {
    grid-column-start: -5;
  }
  .mds .mds-container .mds-grid .mds-md-col-5-reverse {
    grid-column-start: -6;
  }
  .mds .mds-container .mds-grid .mds-md-col-6-reverse {
    grid-column-start: -7;
  }
  .mds .mds-container .mds-grid .mds-md-col-7-reverse {
    grid-column-start: -8;
  }
  .mds .mds-container .mds-grid .mds-md-col-8-reverse {
    grid-column-start: -9;
  }
  .mds .mds-container .mds-grid .mds-md-col-9-reverse {
    grid-column-start: -10;
  }
  .mds .mds-container .mds-grid .mds-md-col-10-reverse {
    grid-column-start: -11;
  }
  .mds .mds-container .mds-grid .mds-md-col-11-reverse {
    grid-column-start: -12;
  }
  .mds .mds-container .mds-grid .mds-md-col-12-reverse {
    grid-column-start: -13;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-1 {
    grid-column-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-2 {
    grid-column-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-3 {
    grid-column-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-4 {
    grid-column-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-5 {
    grid-column-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-6 {
    grid-column-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-7 {
    grid-column-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-8 {
    grid-column-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-9 {
    grid-column-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-10 {
    grid-column-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-11 {
    grid-column-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-md-col-span-12 {
    grid-column-end: span 12;
  }
  .mds .mds-container .mds-grid.mds-md-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-md-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-md-row-1 {
    grid-row-start: 1;
  }
  .mds .mds-container .mds-grid .mds-md-row-2 {
    grid-row-start: 2;
  }
  .mds .mds-container .mds-grid .mds-md-row-3 {
    grid-row-start: 3;
  }
  .mds .mds-container .mds-grid .mds-md-row-4 {
    grid-row-start: 4;
  }
  .mds .mds-container .mds-grid .mds-md-row-5 {
    grid-row-start: 5;
  }
  .mds .mds-container .mds-grid .mds-md-row-6 {
    grid-row-start: 6;
  }
  .mds .mds-container .mds-grid .mds-md-row-7 {
    grid-row-start: 7;
  }
  .mds .mds-container .mds-grid .mds-md-row-8 {
    grid-row-start: 8;
  }
  .mds .mds-container .mds-grid .mds-md-row-9 {
    grid-row-start: 9;
  }
  .mds .mds-container .mds-grid .mds-md-row-10 {
    grid-row-start: 10;
  }
  .mds .mds-container .mds-grid .mds-md-row-11 {
    grid-row-start: 11;
  }
  .mds .mds-container .mds-grid .mds-md-row-12 {
    grid-row-start: 12;
  }
  .mds .mds-container .mds-grid .mds-md-row-13 {
    grid-row-start: 13;
  }
  .mds .mds-container .mds-grid .mds-md-row-14 {
    grid-row-start: 14;
  }
  .mds .mds-container .mds-grid .mds-md-row-15 {
    grid-row-start: 15;
  }
  .mds .mds-container .mds-grid .mds-md-row-16 {
    grid-row-start: 16;
  }
  .mds .mds-container .mds-grid .mds-md-row-17 {
    grid-row-start: 17;
  }
  .mds .mds-container .mds-grid .mds-md-row-18 {
    grid-row-start: 18;
  }
  .mds .mds-container .mds-grid .mds-md-row-19 {
    grid-row-start: 19;
  }
  .mds .mds-container .mds-grid .mds-md-row-20 {
    grid-row-start: 20;
  }
  .mds .mds-container .mds-grid .mds-md-row-21 {
    grid-row-start: 21;
  }
  .mds .mds-container .mds-grid .mds-md-row-22 {
    grid-row-start: 22;
  }
  .mds .mds-container .mds-grid .mds-md-row-23 {
    grid-row-start: 23;
  }
  .mds .mds-container .mds-grid .mds-md-row-24 {
    grid-row-start: 24;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-1 {
    grid-row-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-2 {
    grid-row-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-3 {
    grid-row-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-4 {
    grid-row-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-5 {
    grid-row-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-6 {
    grid-row-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-7 {
    grid-row-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-8 {
    grid-row-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-9 {
    grid-row-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-10 {
    grid-row-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-11 {
    grid-row-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-12 {
    grid-row-end: span 12;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-13 {
    grid-row-end: span 13;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-14 {
    grid-row-end: span 14;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-15 {
    grid-row-end: span 15;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-16 {
    grid-row-end: span 16;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-17 {
    grid-row-end: span 17;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-18 {
    grid-row-end: span 18;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-19 {
    grid-row-end: span 19;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-20 {
    grid-row-end: span 20;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-21 {
    grid-row-end: span 21;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-22 {
    grid-row-end: span 22;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-23 {
    grid-row-end: span 23;
  }
  .mds .mds-container .mds-grid .mds-md-row-span-24 {
    grid-row-end: span 24;
  }
  .mds .mds-container .mds-grid.mds-md-rows-1 {
    grid-template-rows: repeat(1, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-2 {
    grid-template-rows: repeat(2, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-3 {
    grid-template-rows: repeat(3, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-4 {
    grid-template-rows: repeat(4, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-5 {
    grid-template-rows: repeat(5, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-6 {
    grid-template-rows: repeat(6, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-7 {
    grid-template-rows: repeat(7, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-8 {
    grid-template-rows: repeat(8, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-9 {
    grid-template-rows: repeat(9, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-10 {
    grid-template-rows: repeat(10, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-11 {
    grid-template-rows: repeat(11, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-12 {
    grid-template-rows: repeat(12, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-13 {
    grid-template-rows: repeat(13, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-14 {
    grid-template-rows: repeat(14, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-15 {
    grid-template-rows: repeat(15, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-16 {
    grid-template-rows: repeat(16, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-17 {
    grid-template-rows: repeat(17, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-18 {
    grid-template-rows: repeat(18, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-19 {
    grid-template-rows: repeat(19, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-20 {
    grid-template-rows: repeat(20, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-21 {
    grid-template-rows: repeat(21, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-22 {
    grid-template-rows: repeat(22, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-23 {
    grid-template-rows: repeat(23, auto);
  }
  .mds .mds-container .mds-grid.mds-md-rows-24 {
    grid-template-rows: repeat(24, auto);
  }
}
@container (min-width: 1200px) {
  .mds .mds-container .mds-grid {
    gap: var(--mds_foundations_grid_lg_column-gap) var(--mds_foundations_grid_lg_row-gap);
    grid-template-columns: repeat(var(--mds_foundations_grid_lg_columns), minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-lg-col-1 {
    grid-column-start: 1;
  }
  .mds .mds-container .mds-grid .mds-lg-col-2 {
    grid-column-start: 2;
  }
  .mds .mds-container .mds-grid .mds-lg-col-3 {
    grid-column-start: 3;
  }
  .mds .mds-container .mds-grid .mds-lg-col-4 {
    grid-column-start: 4;
  }
  .mds .mds-container .mds-grid .mds-lg-col-5 {
    grid-column-start: 5;
  }
  .mds .mds-container .mds-grid .mds-lg-col-6 {
    grid-column-start: 6;
  }
  .mds .mds-container .mds-grid .mds-lg-col-7 {
    grid-column-start: 7;
  }
  .mds .mds-container .mds-grid .mds-lg-col-8 {
    grid-column-start: 8;
  }
  .mds .mds-container .mds-grid .mds-lg-col-9 {
    grid-column-start: 9;
  }
  .mds .mds-container .mds-grid .mds-lg-col-10 {
    grid-column-start: 10;
  }
  .mds .mds-container .mds-grid .mds-lg-col-11 {
    grid-column-start: 11;
  }
  .mds .mds-container .mds-grid .mds-lg-col-12 {
    grid-column-start: 12;
  }
  .mds .mds-container .mds-grid .mds-lg-col-1-reverse {
    grid-column-start: -2;
  }
  .mds .mds-container .mds-grid .mds-lg-col-2-reverse {
    grid-column-start: -3;
  }
  .mds .mds-container .mds-grid .mds-lg-col-3-reverse {
    grid-column-start: -4;
  }
  .mds .mds-container .mds-grid .mds-lg-col-4-reverse {
    grid-column-start: -5;
  }
  .mds .mds-container .mds-grid .mds-lg-col-5-reverse {
    grid-column-start: -6;
  }
  .mds .mds-container .mds-grid .mds-lg-col-6-reverse {
    grid-column-start: -7;
  }
  .mds .mds-container .mds-grid .mds-lg-col-7-reverse {
    grid-column-start: -8;
  }
  .mds .mds-container .mds-grid .mds-lg-col-8-reverse {
    grid-column-start: -9;
  }
  .mds .mds-container .mds-grid .mds-lg-col-9-reverse {
    grid-column-start: -10;
  }
  .mds .mds-container .mds-grid .mds-lg-col-10-reverse {
    grid-column-start: -11;
  }
  .mds .mds-container .mds-grid .mds-lg-col-11-reverse {
    grid-column-start: -12;
  }
  .mds .mds-container .mds-grid .mds-lg-col-12-reverse {
    grid-column-start: -13;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-1 {
    grid-column-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-2 {
    grid-column-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-3 {
    grid-column-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-4 {
    grid-column-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-5 {
    grid-column-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-6 {
    grid-column-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-7 {
    grid-column-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-8 {
    grid-column-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-9 {
    grid-column-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-10 {
    grid-column-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-11 {
    grid-column-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-lg-col-span-12 {
    grid-column-end: span 12;
  }
  .mds .mds-container .mds-grid.mds-lg-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-lg-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-lg-row-1 {
    grid-row-start: 1;
  }
  .mds .mds-container .mds-grid .mds-lg-row-2 {
    grid-row-start: 2;
  }
  .mds .mds-container .mds-grid .mds-lg-row-3 {
    grid-row-start: 3;
  }
  .mds .mds-container .mds-grid .mds-lg-row-4 {
    grid-row-start: 4;
  }
  .mds .mds-container .mds-grid .mds-lg-row-5 {
    grid-row-start: 5;
  }
  .mds .mds-container .mds-grid .mds-lg-row-6 {
    grid-row-start: 6;
  }
  .mds .mds-container .mds-grid .mds-lg-row-7 {
    grid-row-start: 7;
  }
  .mds .mds-container .mds-grid .mds-lg-row-8 {
    grid-row-start: 8;
  }
  .mds .mds-container .mds-grid .mds-lg-row-9 {
    grid-row-start: 9;
  }
  .mds .mds-container .mds-grid .mds-lg-row-10 {
    grid-row-start: 10;
  }
  .mds .mds-container .mds-grid .mds-lg-row-11 {
    grid-row-start: 11;
  }
  .mds .mds-container .mds-grid .mds-lg-row-12 {
    grid-row-start: 12;
  }
  .mds .mds-container .mds-grid .mds-lg-row-13 {
    grid-row-start: 13;
  }
  .mds .mds-container .mds-grid .mds-lg-row-14 {
    grid-row-start: 14;
  }
  .mds .mds-container .mds-grid .mds-lg-row-15 {
    grid-row-start: 15;
  }
  .mds .mds-container .mds-grid .mds-lg-row-16 {
    grid-row-start: 16;
  }
  .mds .mds-container .mds-grid .mds-lg-row-17 {
    grid-row-start: 17;
  }
  .mds .mds-container .mds-grid .mds-lg-row-18 {
    grid-row-start: 18;
  }
  .mds .mds-container .mds-grid .mds-lg-row-19 {
    grid-row-start: 19;
  }
  .mds .mds-container .mds-grid .mds-lg-row-20 {
    grid-row-start: 20;
  }
  .mds .mds-container .mds-grid .mds-lg-row-21 {
    grid-row-start: 21;
  }
  .mds .mds-container .mds-grid .mds-lg-row-22 {
    grid-row-start: 22;
  }
  .mds .mds-container .mds-grid .mds-lg-row-23 {
    grid-row-start: 23;
  }
  .mds .mds-container .mds-grid .mds-lg-row-24 {
    grid-row-start: 24;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-1 {
    grid-row-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-2 {
    grid-row-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-3 {
    grid-row-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-4 {
    grid-row-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-5 {
    grid-row-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-6 {
    grid-row-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-7 {
    grid-row-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-8 {
    grid-row-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-9 {
    grid-row-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-10 {
    grid-row-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-11 {
    grid-row-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-12 {
    grid-row-end: span 12;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-13 {
    grid-row-end: span 13;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-14 {
    grid-row-end: span 14;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-15 {
    grid-row-end: span 15;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-16 {
    grid-row-end: span 16;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-17 {
    grid-row-end: span 17;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-18 {
    grid-row-end: span 18;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-19 {
    grid-row-end: span 19;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-20 {
    grid-row-end: span 20;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-21 {
    grid-row-end: span 21;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-22 {
    grid-row-end: span 22;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-23 {
    grid-row-end: span 23;
  }
  .mds .mds-container .mds-grid .mds-lg-row-span-24 {
    grid-row-end: span 24;
  }
  .mds .mds-container .mds-grid.mds-lg-rows-1 {
    grid-template-rows: repeat(1, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-2 {
    grid-template-rows: repeat(2, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-3 {
    grid-template-rows: repeat(3, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-4 {
    grid-template-rows: repeat(4, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-5 {
    grid-template-rows: repeat(5, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-6 {
    grid-template-rows: repeat(6, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-7 {
    grid-template-rows: repeat(7, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-8 {
    grid-template-rows: repeat(8, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-9 {
    grid-template-rows: repeat(9, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-10 {
    grid-template-rows: repeat(10, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-11 {
    grid-template-rows: repeat(11, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-12 {
    grid-template-rows: repeat(12, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-13 {
    grid-template-rows: repeat(13, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-14 {
    grid-template-rows: repeat(14, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-15 {
    grid-template-rows: repeat(15, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-16 {
    grid-template-rows: repeat(16, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-17 {
    grid-template-rows: repeat(17, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-18 {
    grid-template-rows: repeat(18, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-19 {
    grid-template-rows: repeat(19, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-20 {
    grid-template-rows: repeat(20, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-21 {
    grid-template-rows: repeat(21, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-22 {
    grid-template-rows: repeat(22, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-23 {
    grid-template-rows: repeat(23, auto);
  }
  .mds .mds-container .mds-grid.mds-lg-rows-24 {
    grid-template-rows: repeat(24, auto);
  }
}
@container (min-width: 1600px) {
  .mds .mds-container .mds-grid {
    gap: var(--mds_foundations_grid_xl_column-gap) var(--mds_foundations_grid_xl_row-gap);
    grid-template-columns: repeat(var(--mds_foundations_grid_xl_columns), minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-xl-col-1 {
    grid-column-start: 1;
  }
  .mds .mds-container .mds-grid .mds-xl-col-2 {
    grid-column-start: 2;
  }
  .mds .mds-container .mds-grid .mds-xl-col-3 {
    grid-column-start: 3;
  }
  .mds .mds-container .mds-grid .mds-xl-col-4 {
    grid-column-start: 4;
  }
  .mds .mds-container .mds-grid .mds-xl-col-5 {
    grid-column-start: 5;
  }
  .mds .mds-container .mds-grid .mds-xl-col-6 {
    grid-column-start: 6;
  }
  .mds .mds-container .mds-grid .mds-xl-col-7 {
    grid-column-start: 7;
  }
  .mds .mds-container .mds-grid .mds-xl-col-8 {
    grid-column-start: 8;
  }
  .mds .mds-container .mds-grid .mds-xl-col-9 {
    grid-column-start: 9;
  }
  .mds .mds-container .mds-grid .mds-xl-col-10 {
    grid-column-start: 10;
  }
  .mds .mds-container .mds-grid .mds-xl-col-11 {
    grid-column-start: 11;
  }
  .mds .mds-container .mds-grid .mds-xl-col-12 {
    grid-column-start: 12;
  }
  .mds .mds-container .mds-grid .mds-xl-col-1-reverse {
    grid-column-start: -2;
  }
  .mds .mds-container .mds-grid .mds-xl-col-2-reverse {
    grid-column-start: -3;
  }
  .mds .mds-container .mds-grid .mds-xl-col-3-reverse {
    grid-column-start: -4;
  }
  .mds .mds-container .mds-grid .mds-xl-col-4-reverse {
    grid-column-start: -5;
  }
  .mds .mds-container .mds-grid .mds-xl-col-5-reverse {
    grid-column-start: -6;
  }
  .mds .mds-container .mds-grid .mds-xl-col-6-reverse {
    grid-column-start: -7;
  }
  .mds .mds-container .mds-grid .mds-xl-col-7-reverse {
    grid-column-start: -8;
  }
  .mds .mds-container .mds-grid .mds-xl-col-8-reverse {
    grid-column-start: -9;
  }
  .mds .mds-container .mds-grid .mds-xl-col-9-reverse {
    grid-column-start: -10;
  }
  .mds .mds-container .mds-grid .mds-xl-col-10-reverse {
    grid-column-start: -11;
  }
  .mds .mds-container .mds-grid .mds-xl-col-11-reverse {
    grid-column-start: -12;
  }
  .mds .mds-container .mds-grid .mds-xl-col-12-reverse {
    grid-column-start: -13;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-1 {
    grid-column-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-2 {
    grid-column-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-3 {
    grid-column-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-4 {
    grid-column-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-5 {
    grid-column-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-6 {
    grid-column-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-7 {
    grid-column-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-8 {
    grid-column-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-9 {
    grid-column-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-10 {
    grid-column-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-11 {
    grid-column-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-xl-col-span-12 {
    grid-column-end: span 12;
  }
  .mds .mds-container .mds-grid.mds-xl-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid.mds-xl-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .mds .mds-container .mds-grid .mds-xl-row-1 {
    grid-row-start: 1;
  }
  .mds .mds-container .mds-grid .mds-xl-row-2 {
    grid-row-start: 2;
  }
  .mds .mds-container .mds-grid .mds-xl-row-3 {
    grid-row-start: 3;
  }
  .mds .mds-container .mds-grid .mds-xl-row-4 {
    grid-row-start: 4;
  }
  .mds .mds-container .mds-grid .mds-xl-row-5 {
    grid-row-start: 5;
  }
  .mds .mds-container .mds-grid .mds-xl-row-6 {
    grid-row-start: 6;
  }
  .mds .mds-container .mds-grid .mds-xl-row-7 {
    grid-row-start: 7;
  }
  .mds .mds-container .mds-grid .mds-xl-row-8 {
    grid-row-start: 8;
  }
  .mds .mds-container .mds-grid .mds-xl-row-9 {
    grid-row-start: 9;
  }
  .mds .mds-container .mds-grid .mds-xl-row-10 {
    grid-row-start: 10;
  }
  .mds .mds-container .mds-grid .mds-xl-row-11 {
    grid-row-start: 11;
  }
  .mds .mds-container .mds-grid .mds-xl-row-12 {
    grid-row-start: 12;
  }
  .mds .mds-container .mds-grid .mds-xl-row-13 {
    grid-row-start: 13;
  }
  .mds .mds-container .mds-grid .mds-xl-row-14 {
    grid-row-start: 14;
  }
  .mds .mds-container .mds-grid .mds-xl-row-15 {
    grid-row-start: 15;
  }
  .mds .mds-container .mds-grid .mds-xl-row-16 {
    grid-row-start: 16;
  }
  .mds .mds-container .mds-grid .mds-xl-row-17 {
    grid-row-start: 17;
  }
  .mds .mds-container .mds-grid .mds-xl-row-18 {
    grid-row-start: 18;
  }
  .mds .mds-container .mds-grid .mds-xl-row-19 {
    grid-row-start: 19;
  }
  .mds .mds-container .mds-grid .mds-xl-row-20 {
    grid-row-start: 20;
  }
  .mds .mds-container .mds-grid .mds-xl-row-21 {
    grid-row-start: 21;
  }
  .mds .mds-container .mds-grid .mds-xl-row-22 {
    grid-row-start: 22;
  }
  .mds .mds-container .mds-grid .mds-xl-row-23 {
    grid-row-start: 23;
  }
  .mds .mds-container .mds-grid .mds-xl-row-24 {
    grid-row-start: 24;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-1 {
    grid-row-end: span 1;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-2 {
    grid-row-end: span 2;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-3 {
    grid-row-end: span 3;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-4 {
    grid-row-end: span 4;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-5 {
    grid-row-end: span 5;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-6 {
    grid-row-end: span 6;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-7 {
    grid-row-end: span 7;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-8 {
    grid-row-end: span 8;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-9 {
    grid-row-end: span 9;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-10 {
    grid-row-end: span 10;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-11 {
    grid-row-end: span 11;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-12 {
    grid-row-end: span 12;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-13 {
    grid-row-end: span 13;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-14 {
    grid-row-end: span 14;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-15 {
    grid-row-end: span 15;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-16 {
    grid-row-end: span 16;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-17 {
    grid-row-end: span 17;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-18 {
    grid-row-end: span 18;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-19 {
    grid-row-end: span 19;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-20 {
    grid-row-end: span 20;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-21 {
    grid-row-end: span 21;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-22 {
    grid-row-end: span 22;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-23 {
    grid-row-end: span 23;
  }
  .mds .mds-container .mds-grid .mds-xl-row-span-24 {
    grid-row-end: span 24;
  }
  .mds .mds-container .mds-grid.mds-xl-rows-1 {
    grid-template-rows: repeat(1, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-2 {
    grid-template-rows: repeat(2, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-3 {
    grid-template-rows: repeat(3, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-4 {
    grid-template-rows: repeat(4, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-5 {
    grid-template-rows: repeat(5, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-6 {
    grid-template-rows: repeat(6, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-7 {
    grid-template-rows: repeat(7, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-8 {
    grid-template-rows: repeat(8, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-9 {
    grid-template-rows: repeat(9, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-10 {
    grid-template-rows: repeat(10, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-11 {
    grid-template-rows: repeat(11, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-12 {
    grid-template-rows: repeat(12, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-13 {
    grid-template-rows: repeat(13, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-14 {
    grid-template-rows: repeat(14, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-15 {
    grid-template-rows: repeat(15, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-16 {
    grid-template-rows: repeat(16, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-17 {
    grid-template-rows: repeat(17, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-18 {
    grid-template-rows: repeat(18, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-19 {
    grid-template-rows: repeat(19, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-20 {
    grid-template-rows: repeat(20, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-21 {
    grid-template-rows: repeat(21, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-22 {
    grid-template-rows: repeat(22, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-23 {
    grid-template-rows: repeat(23, auto);
  }
  .mds .mds-container .mds-grid.mds-xl-rows-24 {
    grid-template-rows: repeat(24, auto);
  }
}
.mds {
  background: var(--mds_foundations_body_background-color);
  color: var(--mds_foundations_body_text-color);
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizelegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
}
.mds {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds {
  font-style: var(--mds_brand_typography_text_medium_normal_font-style);
  font-weight: var(--mds_brand_typography_text_medium_normal_font-weight);
}

.mds .mds-headline--x-small, .mds h4 {
  font-family: var(--mds_brand_typography_headline_font-family), var(--mds_brand_typography_headline_font-family-fallback);
  font-size: var(--mds_brand_typography_headline_x-small_mobile_font-size);
  line-height: var(--mds_brand_typography_headline_x-small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-headline--x-small, .mds h4 {
    font-size: var(--mds_brand_typography_headline_x-small_desktop_font-size);
    line-height: var(--mds_brand_typography_headline_x-small_desktop_line-height);
  }
}
.mds .mds-headline--x-small, .mds h4 {
  text-transform: var(--mds_brand_typography_headline_x-small_text-transform);
  font-style: var(--mds_brand_typography_headline_x-small_font-style);
  font-weight: var(--mds_brand_typography_headline_x-small_font-weight);
}
.mds .mds-headline--small, .mds h3 {
  font-family: var(--mds_brand_typography_headline_font-family), var(--mds_brand_typography_headline_font-family-fallback);
  font-size: var(--mds_brand_typography_headline_small_mobile_font-size);
  line-height: var(--mds_brand_typography_headline_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-headline--small, .mds h3 {
    font-size: var(--mds_brand_typography_headline_small_desktop_font-size);
    line-height: var(--mds_brand_typography_headline_small_desktop_line-height);
  }
}
.mds .mds-headline--small, .mds h3 {
  text-transform: var(--mds_brand_typography_headline_small_text-transform);
  font-style: var(--mds_brand_typography_headline_small_font-style);
  font-weight: var(--mds_brand_typography_headline_small_font-weight);
}
.mds .mds-headline--medium, .mds h2 {
  font-family: var(--mds_brand_typography_headline_font-family), var(--mds_brand_typography_headline_font-family-fallback);
  font-size: var(--mds_brand_typography_headline_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_headline_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-headline--medium, .mds h2 {
    font-size: var(--mds_brand_typography_headline_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_headline_medium_desktop_line-height);
  }
}
.mds .mds-headline--medium, .mds h2 {
  text-transform: var(--mds_brand_typography_headline_medium_text-transform);
  font-style: var(--mds_brand_typography_headline_medium_font-style);
  font-weight: var(--mds_brand_typography_headline_medium_font-weight);
}
.mds .mds-headline--large, .mds h1 {
  font-family: var(--mds_brand_typography_headline_font-family), var(--mds_brand_typography_headline_font-family-fallback);
  font-size: var(--mds_brand_typography_headline_large_mobile_font-size);
  line-height: var(--mds_brand_typography_headline_large_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-headline--large, .mds h1 {
    font-size: var(--mds_brand_typography_headline_large_desktop_font-size);
    line-height: var(--mds_brand_typography_headline_large_desktop_line-height);
  }
}
.mds .mds-headline--large, .mds h1 {
  text-transform: var(--mds_brand_typography_headline_large_text-transform);
  font-style: var(--mds_brand_typography_headline_large_font-style);
  font-weight: var(--mds_brand_typography_headline_large_font-weight);
}
.mds .mds-headline--x-large {
  font-family: var(--mds_brand_typography_headline_font-family), var(--mds_brand_typography_headline_font-family-fallback);
  font-size: var(--mds_brand_typography_headline_x-large_mobile_font-size);
  line-height: var(--mds_brand_typography_headline_x-large_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-headline--x-large {
    font-size: var(--mds_brand_typography_headline_x-large_desktop_font-size);
    line-height: var(--mds_brand_typography_headline_x-large_desktop_line-height);
  }
}
.mds .mds-headline--x-large {
  text-transform: var(--mds_brand_typography_headline_x-large_text-transform);
  font-style: var(--mds_brand_typography_headline_x-large_font-style);
  font-weight: var(--mds_brand_typography_headline_x-large_font-weight);
}
.mds .mds-text--x-small-normal {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_x-small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_x-small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--x-small-normal {
    font-size: var(--mds_brand_typography_text_x-small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_x-small_desktop_line-height);
  }
}
.mds .mds-text--x-small-normal {
  font-style: var(--mds_brand_typography_text_x-small_normal_font-style);
  font-weight: var(--mds_brand_typography_text_x-small_normal_font-weight);
}
.mds .mds-text--x-small-medium {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_x-small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_x-small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--x-small-medium {
    font-size: var(--mds_brand_typography_text_x-small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_x-small_desktop_line-height);
  }
}
.mds .mds-text--x-small-medium {
  font-style: var(--mds_brand_typography_text_x-small_medium_font-style);
  font-weight: var(--mds_brand_typography_text_x-small_medium_font-weight);
}
.mds .mds-text--x-small-bold {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_x-small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_x-small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--x-small-bold {
    font-size: var(--mds_brand_typography_text_x-small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_x-small_desktop_line-height);
  }
}
.mds .mds-text--x-small-bold {
  font-style: var(--mds_brand_typography_text_x-small_bold_font-style);
  font-weight: var(--mds_brand_typography_text_x-small_bold_font-weight);
}
.mds .mds-text--x-small-italic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_x-small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_x-small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--x-small-italic {
    font-size: var(--mds_brand_typography_text_x-small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_x-small_desktop_line-height);
  }
}
.mds .mds-text--x-small-italic {
  font-style: var(--mds_brand_typography_text_x-small_italic_font-style);
  font-weight: var(--mds_brand_typography_text_x-small_italic_font-weight);
}
.mds .mds-text--x-small-mediumitalic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_x-small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_x-small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--x-small-mediumitalic {
    font-size: var(--mds_brand_typography_text_x-small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_x-small_desktop_line-height);
  }
}
.mds .mds-text--x-small-mediumitalic {
  font-style: var(--mds_brand_typography_text_x-small_mediumitalic_font-style);
  font-weight: var(--mds_brand_typography_text_x-small_mediumitalic_font-weight);
}
.mds .mds-text--x-small-bolditalic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_x-small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_x-small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--x-small-bolditalic {
    font-size: var(--mds_brand_typography_text_x-small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_x-small_desktop_line-height);
  }
}
.mds .mds-text--x-small-bolditalic {
  font-style: var(--mds_brand_typography_text_x-small_bolditalic_font-style);
  font-weight: var(--mds_brand_typography_text_x-small_bolditalic_font-weight);
}
.mds .mds-text--small-normal {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--small-normal {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-text--small-normal {
  font-style: var(--mds_brand_typography_text_small_normal_font-style);
  font-weight: var(--mds_brand_typography_text_small_normal_font-weight);
}
.mds .mds-text--small-medium {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--small-medium {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-text--small-medium {
  font-style: var(--mds_brand_typography_text_small_medium_font-style);
  font-weight: var(--mds_brand_typography_text_small_medium_font-weight);
}
.mds .mds-text--small-bold {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--small-bold {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-text--small-bold {
  font-style: var(--mds_brand_typography_text_small_bold_font-style);
  font-weight: var(--mds_brand_typography_text_small_bold_font-weight);
}
.mds .mds-text--small-italic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--small-italic {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-text--small-italic {
  font-style: var(--mds_brand_typography_text_small_italic_font-style);
  font-weight: var(--mds_brand_typography_text_small_italic_font-weight);
}
.mds .mds-text--small-mediumitalic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--small-mediumitalic {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-text--small-mediumitalic {
  font-style: var(--mds_brand_typography_text_small_mediumitalic_font-style);
  font-weight: var(--mds_brand_typography_text_small_mediumitalic_font-weight);
}
.mds .mds-text--small-bolditalic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--small-bolditalic {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-text--small-bolditalic {
  font-style: var(--mds_brand_typography_text_small_bolditalic_font-style);
  font-weight: var(--mds_brand_typography_text_small_bolditalic_font-weight);
}
.mds .mds-text--medium-normal {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--medium-normal {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-text--medium-normal {
  font-style: var(--mds_brand_typography_text_medium_normal_font-style);
  font-weight: var(--mds_brand_typography_text_medium_normal_font-weight);
}
.mds .mds-text--medium-medium {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--medium-medium {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-text--medium-medium {
  font-style: var(--mds_brand_typography_text_medium_medium_font-style);
  font-weight: var(--mds_brand_typography_text_medium_medium_font-weight);
}
.mds .mds-text--medium-bold, .mds h5,
.mds h6 {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--medium-bold, .mds h5,
  .mds h6 {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-text--medium-bold, .mds h5,
.mds h6 {
  font-style: var(--mds_brand_typography_text_medium_bold_font-style);
  font-weight: var(--mds_brand_typography_text_medium_bold_font-weight);
}
.mds .mds-text--medium-italic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--medium-italic {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-text--medium-italic {
  font-style: var(--mds_brand_typography_text_medium_italic_font-style);
  font-weight: var(--mds_brand_typography_text_medium_italic_font-weight);
}
.mds .mds-text--medium-mediumitalic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--medium-mediumitalic {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-text--medium-mediumitalic {
  font-style: var(--mds_brand_typography_text_medium_mediumitalic_font-style);
  font-weight: var(--mds_brand_typography_text_medium_mediumitalic_font-weight);
}
.mds .mds-text--medium-bolditalic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--medium-bolditalic {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-text--medium-bolditalic {
  font-style: var(--mds_brand_typography_text_medium_bolditalic_font-style);
  font-weight: var(--mds_brand_typography_text_medium_bolditalic_font-weight);
}
.mds .mds-text--large-normal {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_large_mobile_font-size);
  line-height: var(--mds_brand_typography_text_large_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--large-normal {
    font-size: var(--mds_brand_typography_text_large_desktop_font-size);
    line-height: var(--mds_brand_typography_text_large_desktop_line-height);
  }
}
.mds .mds-text--large-normal {
  font-style: var(--mds_brand_typography_text_large_normal_font-style);
  font-weight: var(--mds_brand_typography_text_large_normal_font-weight);
}
.mds .mds-text--large-medium {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_large_mobile_font-size);
  line-height: var(--mds_brand_typography_text_large_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--large-medium {
    font-size: var(--mds_brand_typography_text_large_desktop_font-size);
    line-height: var(--mds_brand_typography_text_large_desktop_line-height);
  }
}
.mds .mds-text--large-medium {
  font-style: var(--mds_brand_typography_text_large_medium_font-style);
  font-weight: var(--mds_brand_typography_text_large_medium_font-weight);
}
.mds .mds-text--large-bold {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_large_mobile_font-size);
  line-height: var(--mds_brand_typography_text_large_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--large-bold {
    font-size: var(--mds_brand_typography_text_large_desktop_font-size);
    line-height: var(--mds_brand_typography_text_large_desktop_line-height);
  }
}
.mds .mds-text--large-bold {
  font-style: var(--mds_brand_typography_text_large_bold_font-style);
  font-weight: var(--mds_brand_typography_text_large_bold_font-weight);
}
.mds .mds-text--large-italic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_large_mobile_font-size);
  line-height: var(--mds_brand_typography_text_large_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--large-italic {
    font-size: var(--mds_brand_typography_text_large_desktop_font-size);
    line-height: var(--mds_brand_typography_text_large_desktop_line-height);
  }
}
.mds .mds-text--large-italic {
  font-style: var(--mds_brand_typography_text_large_italic_font-style);
  font-weight: var(--mds_brand_typography_text_large_italic_font-weight);
}
.mds .mds-text--large-mediumitalic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_large_mobile_font-size);
  line-height: var(--mds_brand_typography_text_large_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--large-mediumitalic {
    font-size: var(--mds_brand_typography_text_large_desktop_font-size);
    line-height: var(--mds_brand_typography_text_large_desktop_line-height);
  }
}
.mds .mds-text--large-mediumitalic {
  font-style: var(--mds_brand_typography_text_large_mediumitalic_font-style);
  font-weight: var(--mds_brand_typography_text_large_mediumitalic_font-weight);
}
.mds .mds-text--large-bolditalic {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_large_mobile_font-size);
  line-height: var(--mds_brand_typography_text_large_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-text--large-bolditalic {
    font-size: var(--mds_brand_typography_text_large_desktop_font-size);
    line-height: var(--mds_brand_typography_text_large_desktop_line-height);
  }
}
.mds .mds-text--large-bolditalic {
  font-style: var(--mds_brand_typography_text_large_bolditalic_font-style);
  font-weight: var(--mds_brand_typography_text_large_bolditalic_font-weight);
}
.mds .mds-tabular-figures {
  font-feature-settings: "tnum";
}
.mds .mds-numeric {
  font-feature-settings: "salt" on;
}
.mds .mds-numeric.mds-tabular-figures {
  font-feature-settings: "salt" on, "tnum";
}
.mds h1,
.mds h2,
.mds h3,
.mds h4,
.mds h5,
.mds h6,
.mds p {
  padding: 0;
  margin: 0;
}
.mds em {
  font-style: var(--mds_brand_typography_text_medium_italic_font-style);
}
.mds strong {
  font-weight: var(--mds_brand_typography_text_medium_bold_font-weight);
}
.mds .mds-underline--dotted {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.mds .mds-gap-50,
.mds .mds-container .mds-gap-50,
.mds .mds-viewport .mds-gap-50 {
  gap: 2px;
}
.mds .mds-col-gap-50,
.mds .mds-container .mds-col-gap-50,
.mds .mds-viewport .mds-col-gap-50 {
  column-gap: 2px;
}
.mds .mds-row-gap-50,
.mds .mds-container .mds-row-gap-50,
.mds .mds-viewport .mds-row-gap-50 {
  row-gap: 2px;
}
.mds .mds-gap-100,
.mds .mds-container .mds-gap-100,
.mds .mds-viewport .mds-gap-100 {
  gap: 4px;
}
.mds .mds-col-gap-100,
.mds .mds-container .mds-col-gap-100,
.mds .mds-viewport .mds-col-gap-100 {
  column-gap: 4px;
}
.mds .mds-row-gap-100,
.mds .mds-container .mds-row-gap-100,
.mds .mds-viewport .mds-row-gap-100 {
  row-gap: 4px;
}
.mds .mds-gap-150,
.mds .mds-container .mds-gap-150,
.mds .mds-viewport .mds-gap-150 {
  gap: 6px;
}
.mds .mds-col-gap-150,
.mds .mds-container .mds-col-gap-150,
.mds .mds-viewport .mds-col-gap-150 {
  column-gap: 6px;
}
.mds .mds-row-gap-150,
.mds .mds-container .mds-row-gap-150,
.mds .mds-viewport .mds-row-gap-150 {
  row-gap: 6px;
}
.mds .mds-gap-200,
.mds .mds-container .mds-gap-200,
.mds .mds-viewport .mds-gap-200 {
  gap: 8px;
}
.mds .mds-col-gap-200,
.mds .mds-container .mds-col-gap-200,
.mds .mds-viewport .mds-col-gap-200 {
  column-gap: 8px;
}
.mds .mds-row-gap-200,
.mds .mds-container .mds-row-gap-200,
.mds .mds-viewport .mds-row-gap-200 {
  row-gap: 8px;
}
.mds .mds-gap-300,
.mds .mds-container .mds-gap-300,
.mds .mds-viewport .mds-gap-300 {
  gap: 12px;
}
.mds .mds-col-gap-300,
.mds .mds-container .mds-col-gap-300,
.mds .mds-viewport .mds-col-gap-300 {
  column-gap: 12px;
}
.mds .mds-row-gap-300,
.mds .mds-container .mds-row-gap-300,
.mds .mds-viewport .mds-row-gap-300 {
  row-gap: 12px;
}
.mds .mds-gap-400,
.mds .mds-container .mds-gap-400,
.mds .mds-viewport .mds-gap-400 {
  gap: 16px;
}
.mds .mds-col-gap-400,
.mds .mds-container .mds-col-gap-400,
.mds .mds-viewport .mds-col-gap-400 {
  column-gap: 16px;
}
.mds .mds-row-gap-400,
.mds .mds-container .mds-row-gap-400,
.mds .mds-viewport .mds-row-gap-400 {
  row-gap: 16px;
}
.mds .mds-gap-500,
.mds .mds-container .mds-gap-500,
.mds .mds-viewport .mds-gap-500 {
  gap: 20px;
}
.mds .mds-col-gap-500,
.mds .mds-container .mds-col-gap-500,
.mds .mds-viewport .mds-col-gap-500 {
  column-gap: 20px;
}
.mds .mds-row-gap-500,
.mds .mds-container .mds-row-gap-500,
.mds .mds-viewport .mds-row-gap-500 {
  row-gap: 20px;
}
.mds .mds-gap-600,
.mds .mds-container .mds-gap-600,
.mds .mds-viewport .mds-gap-600 {
  gap: 24px;
}
.mds .mds-col-gap-600,
.mds .mds-container .mds-col-gap-600,
.mds .mds-viewport .mds-col-gap-600 {
  column-gap: 24px;
}
.mds .mds-row-gap-600,
.mds .mds-container .mds-row-gap-600,
.mds .mds-viewport .mds-row-gap-600 {
  row-gap: 24px;
}
.mds .mds-gap-700,
.mds .mds-container .mds-gap-700,
.mds .mds-viewport .mds-gap-700 {
  gap: 28px;
}
.mds .mds-col-gap-700,
.mds .mds-container .mds-col-gap-700,
.mds .mds-viewport .mds-col-gap-700 {
  column-gap: 28px;
}
.mds .mds-row-gap-700,
.mds .mds-container .mds-row-gap-700,
.mds .mds-viewport .mds-row-gap-700 {
  row-gap: 28px;
}
.mds .mds-gap-800,
.mds .mds-container .mds-gap-800,
.mds .mds-viewport .mds-gap-800 {
  gap: 32px;
}
.mds .mds-col-gap-800,
.mds .mds-container .mds-col-gap-800,
.mds .mds-viewport .mds-col-gap-800 {
  column-gap: 32px;
}
.mds .mds-row-gap-800,
.mds .mds-container .mds-row-gap-800,
.mds .mds-viewport .mds-row-gap-800 {
  row-gap: 32px;
}
.mds .mds-gap-900,
.mds .mds-container .mds-gap-900,
.mds .mds-viewport .mds-gap-900 {
  gap: 36px;
}
.mds .mds-col-gap-900,
.mds .mds-container .mds-col-gap-900,
.mds .mds-viewport .mds-col-gap-900 {
  column-gap: 36px;
}
.mds .mds-row-gap-900,
.mds .mds-container .mds-row-gap-900,
.mds .mds-viewport .mds-row-gap-900 {
  row-gap: 36px;
}
.mds .mds-gap-1000,
.mds .mds-container .mds-gap-1000,
.mds .mds-viewport .mds-gap-1000 {
  gap: 40px;
}
.mds .mds-col-gap-1000,
.mds .mds-container .mds-col-gap-1000,
.mds .mds-viewport .mds-col-gap-1000 {
  column-gap: 40px;
}
.mds .mds-row-gap-1000,
.mds .mds-container .mds-row-gap-1000,
.mds .mds-viewport .mds-row-gap-1000 {
  row-gap: 40px;
}
.mds .mds-gap-1200,
.mds .mds-container .mds-gap-1200,
.mds .mds-viewport .mds-gap-1200 {
  gap: 48px;
}
.mds .mds-col-gap-1200,
.mds .mds-container .mds-col-gap-1200,
.mds .mds-viewport .mds-col-gap-1200 {
  column-gap: 48px;
}
.mds .mds-row-gap-1200,
.mds .mds-container .mds-row-gap-1200,
.mds .mds-viewport .mds-row-gap-1200 {
  row-gap: 48px;
}
.mds .mds-gap-1600,
.mds .mds-container .mds-gap-1600,
.mds .mds-viewport .mds-gap-1600 {
  gap: 64px;
}
.mds .mds-col-gap-1600,
.mds .mds-container .mds-col-gap-1600,
.mds .mds-viewport .mds-col-gap-1600 {
  column-gap: 64px;
}
.mds .mds-row-gap-1600,
.mds .mds-container .mds-row-gap-1600,
.mds .mds-viewport .mds-row-gap-1600 {
  row-gap: 64px;
}
.mds .mds-gap-2000,
.mds .mds-container .mds-gap-2000,
.mds .mds-viewport .mds-gap-2000 {
  gap: 80px;
}
.mds .mds-col-gap-2000,
.mds .mds-container .mds-col-gap-2000,
.mds .mds-viewport .mds-col-gap-2000 {
  column-gap: 80px;
}
.mds .mds-row-gap-2000,
.mds .mds-container .mds-row-gap-2000,
.mds .mds-viewport .mds-row-gap-2000 {
  row-gap: 80px;
}
.mds .mds-gap-2400,
.mds .mds-container .mds-gap-2400,
.mds .mds-viewport .mds-gap-2400 {
  gap: 96px;
}
.mds .mds-col-gap-2400,
.mds .mds-container .mds-col-gap-2400,
.mds .mds-viewport .mds-col-gap-2400 {
  column-gap: 96px;
}
.mds .mds-row-gap-2400,
.mds .mds-container .mds-row-gap-2400,
.mds .mds-viewport .mds-row-gap-2400 {
  row-gap: 96px;
}
.mds .mds-gap-2800,
.mds .mds-container .mds-gap-2800,
.mds .mds-viewport .mds-gap-2800 {
  gap: 112px;
}
.mds .mds-col-gap-2800,
.mds .mds-container .mds-col-gap-2800,
.mds .mds-viewport .mds-col-gap-2800 {
  column-gap: 112px;
}
.mds .mds-row-gap-2800,
.mds .mds-container .mds-row-gap-2800,
.mds .mds-viewport .mds-row-gap-2800 {
  row-gap: 112px;
}
.mds .mds-gap-3200,
.mds .mds-container .mds-gap-3200,
.mds .mds-viewport .mds-gap-3200 {
  gap: 128px;
}
.mds .mds-col-gap-3200,
.mds .mds-container .mds-col-gap-3200,
.mds .mds-viewport .mds-col-gap-3200 {
  column-gap: 128px;
}
.mds .mds-row-gap-3200,
.mds .mds-container .mds-row-gap-3200,
.mds .mds-viewport .mds-row-gap-3200 {
  row-gap: 128px;
}
.mds hr {
  border-bottom: var(--mds_foundations_horizontal-rule_border-width) var(--mds_foundations_horizontal-rule_border-style) var(--mds_foundations_horizontal-rule_border-color);
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}
.mds a.mds-link--stand-alone {
  -webkit-text-decoration: var(--mds_foundations_link_stand-alone_text-decoration);
          text-decoration: var(--mds_foundations_link_stand-alone_text-decoration);
}
.mds a.mds-link--stand-alone:hover, .mds a.mds-link--stand-alone:active {
  -webkit-text-decoration: var(--mds_foundations_link_stand-alone_hover_text-decoration);
          text-decoration: var(--mds_foundations_link_stand-alone_hover_text-decoration);
}
.mds a.mds-link--stand-alone:visited {
  -webkit-text-decoration: var(--mds_foundations_link_stand-alone_text-decoration);
          text-decoration: var(--mds_foundations_link_stand-alone_text-decoration);
}
.mds a.mds-link--disabled {
  pointer-events: inherit;
  cursor: not-allowed;
}
.mds a.mds-link--disabled:hover {
  -webkit-text-decoration: var(--mds_foundations_link_inline_text-decoration);
          text-decoration: var(--mds_foundations_link_inline_text-decoration);
}
.mds a.mds-link--disabled:hover.mds-link--stand-alone {
  -webkit-text-decoration: var(--mds_foundations_link_stand-alone_text-decoration);
          text-decoration: var(--mds_foundations_link_stand-alone_text-decoration);
}
.mds a.mds-link--disabled {
  pointer-events: none;
  touch-action: none;
  opacity: var(--mds_brand_appearance_state_disabled_opacity);
  -webkit-user-select: none;
          user-select: none;
}
.mds a.mds-link--disabled * {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  touch-action: none;
}
.mds a.mds-link--external {
  display: inline-flex;
}
.mds a.mds-link--external::after {
  content: "";
  text-decoration: none;
  height: var(--mds_foundations_link_external_icon_height);
  width: var(--mds_foundations_link_external_icon_width);
  background-color: var(--mds_foundations_link_default_text-color);
  mask: url('data:image/svg+xml,<svg part="icon" shape-rendering="geometricPrecision" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M15.293 4H12V3h3.293a1 1 0 0 1 .707.293l.707.707a1 1 0 0 1 .293.707V8h-1V4.707l-6.646 6.647-.708-.708L15.293 4zM3 7a2 2 0 0 1 2-2h4v1H5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-4h1v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7z"></path></svg>') no-repeat 50% 50%;
  mask-size: cover;
}
.mds a.mds-link--focus-shadow-inset:focus-visible {
  outline: 0;
  box-shadow: inset var(--mds_brand_appearance_state_focus_default_shadow_offset-x) var(--mds_brand_appearance_state_focus_default_shadow_offset-y) var(--mds_brand_appearance_state_focus_default_shadow_blur-radius) var(--mds_brand_appearance_state_focus_default_shadow_spread-radius) var(--mds_brand_appearance_state_focus_default_shadow_color);
}
.mds a {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  -webkit-text-decoration: var(--mds_foundations_link_inline_text-decoration);
          text-decoration: var(--mds_foundations_link_inline_text-decoration);
  transition-duration: var(--mds_foundations_link_transition-duration);
  transition-property: var(--mds_foundations_link_transition-properties);
  transition-timing-function: var(--mds_foundations_link_transition-timing);
}
.mds a:focus-visible {
  border-radius: var(--mds_foundations_link_focus_border-radius);
  -webkit-text-decoration: var(--mds_foundations_link_inline_hover_text-decoration);
          text-decoration: var(--mds_foundations_link_inline_hover_text-decoration);
  outline: 0;
  box-shadow: var(--mds_brand_appearance_state_focus_default_shadow_offset-x) var(--mds_brand_appearance_state_focus_default_shadow_offset-y) var(--mds_brand_appearance_state_focus_default_shadow_blur-radius) var(--mds_brand_appearance_state_focus_default_shadow_spread-radius) var(--mds_brand_appearance_state_focus_default_shadow_color);
}
.mds a:hover, .mds a:active {
  -webkit-text-decoration: var(--mds_foundations_link_inline_hover_text-decoration);
          text-decoration: var(--mds_foundations_link_inline_hover_text-decoration);
}
.mds a:visited {
  -webkit-text-decoration: var(--mds_foundations_link_inline_text-decoration);
          text-decoration: var(--mds_foundations_link_inline_text-decoration);
}
.mds a {
  color: var(--mds_foundations_link_default_text-color);
}
.mds a:active, .mds a:visited {
  color: var(--mds_foundations_link_default_text-color);
}
.mds a mc-icon::part(icon) {
  fill: var(--mds_foundations_link_default_text-color);
}
.mds mc-button a,
.mds mc-button a:visited,
.mds mc-button-group-item a,
.mds mc-button-group-item a:visited,
.mds mc-link-button a,
.mds mc-link-button a:visited,
.mds mc-list-item a,
.mds mc-list-item a:visited,
.mds mc-pagination a,
.mds mc-pagination a:visited,
.mds mc-segmented-control-item a,
.mds mc-segmented-control-item a:visited,
.mds mc-tab a,
.mds mc-tab a:visited {
  text-decoration: none;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.mds mc-button-group-item a:focus-visible,
.mds mc-list-item a:focus-visible,
.mds mc-pagination a:focus-visible,
.mds mc-segmented-control-item a:focus-visible,
.mds mc-tab a:focus-visible {
  outline: 0;
  box-shadow: inset var(--mds_brand_appearance_state_focus_default_shadow_offset-x) var(--mds_brand_appearance_state_focus_default_shadow_offset-y) var(--mds_brand_appearance_state_focus_default_shadow_blur-radius) var(--mds_brand_appearance_state_focus_default_shadow_spread-radius) var(--mds_brand_appearance_state_focus_default_shadow_color);
}
.mds ul {
  list-style: var(--mds_foundations_list_unordered_list-style);
  display: flex;
  flex-direction: column;
  gap: var(--mds_foundations_list_vertical_item_gap);
  margin: 0;
  padding: 0;
}
.mds ul.mds-list--horizontal {
  flex-direction: row;
  gap: var(--mds_foundations_list_horizontal_item_gap);
  padding: 0;
}
.mds ul li {
  padding: 0;
  margin: 0;
}
.mds ol {
  list-style: var(--mds_foundations_list_ordered_list-style);
  display: flex;
  flex-direction: column;
  gap: var(--mds_foundations_list_vertical_item_gap);
  margin: 0;
  padding: 0;
}
.mds ol.mds-list--horizontal {
  flex-direction: row;
  gap: var(--mds_foundations_list_horizontal_item_gap);
  padding: 0;
}
.mds ol li {
  padding: 0;
  margin: 0;
}
.mds nav ol,
.mds nav ul {
  list-style: none;
}
.mds svg:not([fill]) {
  fill: currentcolor;
}
.mds mc-c-table {
  display: block;
}
.mds .mds-table {
  --row-border-radius: calc(var(--mds_foundations_table_border-radius) - 1px);
  border-radius: var(--mds_foundations_table_border-radius);
  border: var(--mds_foundations_table_border-width) var(--mds_foundations_table_border-style) var(--mds_foundations_table_border-color);
  max-width: 100%;
  /** Large fit **/
  /** Small fit **/
  /** Zebra stripes **/
  /** Highlight on hover **/
  /** Horizontal line styles **/
  /** Vertical line styles **/
  /** Outer border styles **/
  /** Wrapping **/
  /** Vertical alignment **/
  /** Row selector **/
  /** Row expander **/
  /** Sortable header **/
  /** Scrollable **/
  /** No header **/
  /** Footer **/
  /** Sticky **/
  /** exapnded row **/
}
.mds .mds-table table {
  border-collapse: collapse;
  width: 100%;
}
.mds .mds-table td,
.mds .mds-table th {
  padding: var(--mds_foundations_table_medium_cell_padding-top) var(--mds_foundations_table_medium_cell_padding-right) var(--mds_foundations_table_medium_cell_padding-bottom) var(--mds_foundations_table_medium_cell_padding-left);
  text-align: left;
  vertical-align: middle;
}
.mds .mds-table td .mds-table__subtext,
.mds .mds-table th .mds-table__subtext {
  color: var(--mds_foundations_table_subtext_text-color);
  display: block;
  font-weight: var(--mds_foundations_table_subtext_font-weight);
}
.mds .mds-table td .mds-table__subtext,
.mds .mds-table th .mds-table__subtext {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table td .mds-table__subtext,
  .mds .mds-table th .mds-table__subtext {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-table td .mds-table__subtext,
.mds .mds-table th .mds-table__subtext {
  font-style: var(--mds_brand_typography_text_small_normal_font-style);
  font-weight: var(--mds_brand_typography_text_small_normal_font-weight);
}
.mds .mds-table thead tr:first-child > *:first-child {
  border-top-left-radius: var(--row-border-radius);
}
.mds .mds-table thead tr:first-child > *:last-child {
  border-top-right-radius: var(--row-border-radius);
}
.mds .mds-table tbody tr:last-child > *:first-child {
  border-bottom-left-radius: var(--row-border-radius);
}
.mds .mds-table tbody tr:last-child > *:last-child {
  border-bottom-right-radius: var(--row-border-radius);
}
.mds .mds-table tfoot tr:last-child > *:first-child {
  border-bottom-left-radius: var(--row-border-radius);
}
.mds .mds-table tfoot tr:last-child > *:last-child {
  border-bottom-right-radius: var(--row-border-radius);
}
.mds .mds-table th {
  background-color: var(--mds_foundations_table_header-cell_background-color);
  color: var(--mds_foundations_table_header-cell_text-color);
}
.mds .mds-table th {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table th {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-table th {
  font-style: var(--mds_brand_typography_text_medium_bold_font-style);
  font-weight: var(--mds_brand_typography_text_medium_bold_font-weight);
}
.mds .mds-table td {
  background-color: var(--mds_foundations_table_cell_background-color);
  color: var(--mds_foundations_table_cell_text-color);
}
.mds .mds-table td {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table td {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-table td {
  font-style: var(--mds_brand_typography_text_medium_normal_font-style);
  font-weight: var(--mds_brand_typography_text_medium_normal_font-weight);
}
.mds .mds-table tfoot td {
  background-color: var(--mds_foundations_table_cell_background-color);
  color: var(--mds_foundations_table_cell_text-color);
}
.mds .mds-table tfoot td {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table tfoot td {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-table tfoot td {
  font-style: var(--mds_brand_typography_text_medium_bold_font-style);
  font-weight: var(--mds_brand_typography_text_medium_bold_font-weight);
}
.mds .mds-table thead tr th,
.mds .mds-table tbody tr td,
.mds .mds-table tbody tr th,
.mds .mds-table tfoot tr td {
  position: relative;
}
.mds .mds-table.mds-table--large th,
.mds .mds-table.mds-table--large td {
  padding: var(--mds_foundations_table_large_cell_padding-top) var(--mds_foundations_table_large_cell_padding-right) var(--mds_foundations_table_large_cell_padding-bottom) var(--mds_foundations_table_large_cell_padding-left);
}
.mds .mds-table.mds-table--large .mds-table__row-selector > mc-checkbox {
  margin-top: 0;
}
.mds .mds-table.mds-table--large .mds-table__row-expander > mc-button {
  margin-top: 0;
}
.mds .mds-table.mds-table--large .mds-table__header-cell--sortable {
  padding-top: var(--mds_foundations_table_large_header-cell_sortable_padding-top);
  padding-bottom: var(--mds_foundations_table_large_header-cell_sortable_padding-bottom);
}
.mds .mds-table.mds-table--large .mds-table__expanded-row.mds-table__expanded-row--no-padding td {
  padding: 0;
}
.mds .mds-table.mds-table--large .mds-table__expanded-row td {
  padding: var(--mds_foundations_table_large_expanded-row_padding-top) var(--mds_foundations_table_large_expanded-row_padding-right) var(--mds_foundations_table_large_expanded-row_padding-bottom) var(--mds_foundations_table_large_expanded-row_padding-left);
}
.mds .mds-table.mds-table--small th {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table.mds-table--small th {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-table.mds-table--small th {
  font-style: var(--mds_brand_typography_text_small_bold_font-style);
  font-weight: var(--mds_brand_typography_text_small_bold_font-weight);
}
.mds .mds-table.mds-table--small td {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table.mds-table--small td {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-table.mds-table--small td {
  font-style: var(--mds_brand_typography_text_small_normal_font-style);
  font-weight: var(--mds_brand_typography_text_small_normal_font-weight);
}
.mds .mds-table.mds-table--small th,
.mds .mds-table.mds-table--small td {
  padding: var(--mds_foundations_table_small_cell_padding-top) var(--mds_foundations_table_small_cell_padding-right) var(--mds_foundations_table_small_cell_padding-bottom) var(--mds_foundations_table_small_cell_padding-left);
}
.mds .mds-table.mds-table--small th .mds-table__subtext,
.mds .mds-table.mds-table--small td .mds-table__subtext {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_x-small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_x-small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table.mds-table--small th .mds-table__subtext,
  .mds .mds-table.mds-table--small td .mds-table__subtext {
    font-size: var(--mds_brand_typography_text_x-small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_x-small_desktop_line-height);
  }
}
.mds .mds-table.mds-table--small th .mds-table__subtext,
.mds .mds-table.mds-table--small td .mds-table__subtext {
  font-style: var(--mds_brand_typography_text_x-small_normal_font-style);
  font-weight: var(--mds_brand_typography_text_x-small_normal_font-weight);
}
.mds .mds-table.mds-table--small tfoot td {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table.mds-table--small tfoot td {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-table.mds-table--small tfoot td {
  font-style: var(--mds_brand_typography_text_small_bold_font-style);
  font-weight: var(--mds_brand_typography_text_small_bold_font-weight);
}
.mds .mds-table.mds-table--small .mds-table__header-cell--sortable {
  padding-top: var(--mds_foundations_table_small_header-cell_sortable_padding-top);
  padding-bottom: var(--mds_foundations_table_small_header-cell_sortable_padding-bottom);
}
.mds .mds-table.mds-table--small .mds-table__expanded-row.mds-table__expanded-row--no-padding td {
  padding: 0;
}
.mds .mds-table.mds-table--small .mds-table__expanded-row td {
  padding: var(--mds_foundations_table_small_expanded-row_padding-top) var(--mds_foundations_table_small_expanded-row_padding-right) var(--mds_foundations_table_small_expanded-row_padding-bottom) var(--mds_foundations_table_small_expanded-row_padding-left);
}
.mds .mds-table.mds-table--zebra-stripes tbody tr:nth-child(even) td {
  background-color: var(--mds_foundations_table_zebra-stripe_background-color);
  color: var(--mds_foundations_table_zebra-stripe_text-color);
}
.mds .mds-table tbody tr:nth-child(even):hover td,
.mds .mds-table tbody tr:nth-child(odd):hover td {
  background-color: var(--mds_foundations_table_cell_hover_background-color);
  color: var(mds_foundations_table_cell_hover_text-color);
}
.mds .mds-table.mds-table--disable-row-highlight-on-hover tbody tr:nth-child(even):hover td,
.mds .mds-table.mds-table--disable-row-highlight-on-hover tbody tr:nth-child(odd):hover td {
  background-color: var(--mds_foundations_table_cell_background-color);
  color: var(--mds_foundations_table_cell_text-color);
}
.mds .mds-table.mds-table--zebra-stripes.mds-table--disable-row-highlight-on-hover tbody tr:nth-child(even):hover td {
  background-color: var(--mds_foundations_table_zebra-stripe_background-color);
  color: var(--mds_foundations_table_zebra-stripe_text-color);
}
.mds .mds-table.mds-table--zebra-stripes.mds-table--disable-row-highlight-on-hover tbody tr:nth-child(odd):hover td {
  background-color: var(--mds_foundations_table_cell_background-color);
  color: var(--mds_foundations_table_cell_text-color);
}
.mds .mds-table thead tr th::after,
.mds .mds-table tbody tr:not(:last-child) th::after,
.mds .mds-table tbody tr:not(:last-child) td::after {
  border-bottom: var(--mds_foundations_table_border-width) var(--mds_foundations_table_border-style) var(--mds_foundations_table_border-color);
  bottom: 0;
  content: "";
  height: var(--mds_foundations_table_border-width);
  left: 0;
  position: absolute;
  right: 0;
}
.mds .mds-table tbody tr.mds-table--row-last th::after,
.mds .mds-table tbody tr.mds-table--row-last td::after {
  display: none;
}
.mds .mds-table.mds-table--horizontal-lines-dashed tbody tr:not(:last-child) th::after,
.mds .mds-table.mds-table--horizontal-lines-dashed tbody tr:not(:last-child) td::after {
  border-bottom-style: dashed;
}
.mds .mds-table.mds-table--horizontal-lines-dotted tbody tr:not(:last-child) th::after,
.mds .mds-table.mds-table--horizontal-lines-dotted tbody tr:not(:last-child) td::after {
  border-bottom-style: dotted;
}
.mds .mds-table.mds-table--horizontal-lines-none tbody tr:not(:last-child) th::after,
.mds .mds-table.mds-table--horizontal-lines-none tbody tr:not(:last-child) td::after {
  border-bottom-style: none;
}
.mds .mds-table.mds-table--vertical-lines-solid th:not(:last-child)::before,
.mds .mds-table.mds-table--vertical-lines-solid td:not(:last-child)::before, .mds .mds-table.mds-table--vertical-lines-dashed th:not(:last-child)::before,
.mds .mds-table.mds-table--vertical-lines-dashed td:not(:last-child)::before, .mds .mds-table.mds-table--vertical-lines-dotted th:not(:last-child)::before,
.mds .mds-table.mds-table--vertical-lines-dotted td:not(:last-child)::before {
  border-right: var(--mds_foundations_table_border-width) var(--mds_foundations_table_border-style) var(--mds_foundations_table_border-color);
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--mds_foundations_table_border-width);
}
.mds .mds-table.mds-table--vertical-lines-solid th:not(:last-child)::before,
.mds .mds-table.mds-table--vertical-lines-solid td:not(:last-child)::before {
  border-right-style: solid;
}
.mds .mds-table.mds-table--vertical-lines-dashed th:not(:last-child)::before,
.mds .mds-table.mds-table--vertical-lines-dashed td:not(:last-child)::before {
  border-right-style: dashed;
}
.mds .mds-table.mds-table--vertical-lines-dotted th:not(:last-child)::before,
.mds .mds-table.mds-table--vertical-lines-dotted td:not(:last-child)::before {
  border-right-style: dotted;
}
.mds .mds-table.mds-table--outer-border-dashed {
  border-style: dashed;
}
.mds .mds-table.mds-table--outer-border-dotted {
  border-style: dotted;
}
.mds .mds-table.mds-table--outer-border-none {
  border-style: none;
}
.mds .mds-table.mds-table--outer-border-corners-square {
  border-radius: 0;
}
.mds .mds-table.mds-table--outer-border-corners-square thead tr:first-child > *:first-child,
.mds .mds-table.mds-table--outer-border-corners-square thead tr:first-child > *:last-child,
.mds .mds-table.mds-table--outer-border-corners-square tbody tr:first-child > *:first-child,
.mds .mds-table.mds-table--outer-border-corners-square tbody tr:first-child > *:last-child,
.mds .mds-table.mds-table--outer-border-corners-square tbody tr:last-child > *:first-child,
.mds .mds-table.mds-table--outer-border-corners-square tbody tr:last-child > *:last-child,
.mds .mds-table.mds-table--outer-border-corners-square tfoot tr:last-child > *:first-child,
.mds .mds-table.mds-table--outer-border-corners-square tfoot tr:last-child > *:last-child {
  border-radius: 0;
}
.mds .mds-table.mds-table--nowrap {
  white-space: nowrap;
}
.mds .mds-table.mds-table--nowrap * {
  white-space: nowrap;
}
.mds .mds-table .mds-table__cell--nowrap {
  white-space: nowrap;
}
.mds .mds-table .mds-table__cell--nowrap * {
  white-space: nowrap;
}
.mds .mds-table.mds-table--vertical-align-top td,
.mds .mds-table.mds-table--vertical-align-top th {
  vertical-align: top;
}
.mds .mds-table.mds-table--vertical-align-baseline td,
.mds .mds-table.mds-table--vertical-align-baseline th {
  vertical-align: baseline;
}
.mds .mds-table.mds-table--vertical-align-bottom td,
.mds .mds-table.mds-table--vertical-align-bottom th {
  vertical-align: bottom;
}
.mds .mds-table .mds-table__column--row-selector {
  width: 1%;
  flex-grow: 0;
  flex-shrink: 0;
}
.mds .mds-table .mds_table__row--selected td {
  background-color: var(--mds_foundations_table_cell_selected_background-color);
  color: var(--mds_foundations_table_cell_selected_text-color);
}
.mds .mds-table .mds-table__column--row-expander {
  width: 1%;
  flex-grow: 0;
  flex-shrink: 0;
}
.mds .mds-table .mds-table__header-cell--sortable {
  cursor: pointer;
  -webkit-user-select: none !important;
          user-select: none !important;
  padding-top: var(--mds_foundations_table_medium_header-cell_sortable_padding-top);
  padding-bottom: var(--mds_foundations_table_medium_header-cell_sortable_padding-bottom);
}
.mds .mds-table .mds-table__header-cell--sortable:hover {
  background-color: var(--mds_foundations_table_header-cell_sort_hover_background-color);
}
.mds .mds-table .mds-table__header-cell--sortable:active {
  background-color: var(--mds_foundations_table_header-cell_sort_active_background-color);
}
.mds .mds-table .mds-table__header-cell--sortable mc-button {
  pointer-events: none;
}
.mds .mds-table .mds-table__header-cell--sortable mc-button::part(button) {
  border-radius: 0;
  padding: 0;
}
.mds .mds-table .mds-table__header-cell--sortable mc-button::part(text-and-icon) {
  font-weight: var(--mds_foundations_table_header-cell_sort-button_font-weight);
}
.mds .mds-table.mds-table--scrollable {
  overflow: auto;
}
.mds .mds-table.mds-table--header-none thead {
  display: none;
}
.mds .mds-table.mds-table--header-none tbody tr:first-child > *:first-child {
  border-top-left-radius: var(--row-border-radius);
}
.mds .mds-table.mds-table--header-none tbody tr:first-child > *:last-child {
  border-top-right-radius: var(--row-border-radius);
}
.mds .mds-table.mds-table--footer tbody tr:last-child > *:first-child {
  border-bottom-left-radius: 0;
}
.mds .mds-table.mds-table--footer tbody tr:last-child > *:last-child {
  border-bottom-right-radius: 0;
}
.mds .mds-table.mds-table--footer tfoot tr:first-child td::after,
.mds .mds-table.mds-table--footer tfoot tr:first-child th::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: var(--mds_foundations_table_border-width);
  border-top: var(--mds_foundations_table_border-width) var(--mds_foundations_table_border-style) var(--mds_foundations_table_border-color);
}
.mds .mds-table .mds-table__column--sticky {
  left: 0;
  position: sticky;
  z-index: 10;
}
.mds .mds-table.mds-table--header-sticky thead th,
.mds .mds-table.mds-table--header-sticky thead td {
  top: 0;
  position: sticky;
  z-index: 11;
}
.mds .mds-table.mds-table--header-sticky thead th.mds-table__column--sticky,
.mds .mds-table.mds-table--header-sticky thead td.mds-table__column--sticky {
  z-index: 12;
}
.mds .mds-table.mds-table--footer-sticky tfoot td,
.mds .mds-table.mds-table--footer-sticky tfoot th {
  bottom: 0;
  position: sticky;
  z-index: 11;
}
.mds .mds-table.mds-table--footer-sticky tfoot th.mds-table__column--sticky,
.mds .mds-table.mds-table--footer-sticky tfoot td.mds-table__column--sticky {
  z-index: 12;
}
.mds .mds-table th.mds-table__cell--text-center,
.mds .mds-table td.mds-table__cell--text-center {
  text-align: center;
}
.mds .mds-table th.mds-table__cell--text-right, .mds .mds-table th.mds-table__cell--number,
.mds .mds-table td.mds-table__cell--text-right,
.mds .mds-table td.mds-table__cell--number {
  text-align: right;
}
.mds .mds-table th.mds-table__cell--tabular-figures, .mds .mds-table th.mds-table__cell--number,
.mds .mds-table td.mds-table__cell--tabular-figures,
.mds .mds-table td.mds-table__cell--number {
  font-feature-settings: "tnum";
}
.mds .mds-table th.mds-table__cell--content-top,
.mds .mds-table td.mds-table__cell--content-top {
  vertical-align: top;
}
.mds .mds-table th.mds-table__cell--content-center,
.mds .mds-table td.mds-table__cell--content-center {
  vertical-align: middle;
}
.mds .mds-table th.mds-table__cell--content-bottom,
.mds .mds-table td.mds-table__cell--content-bottom {
  vertical-align: bottom;
}
.mds .mds-table .mds-table__expanded-row--hidden {
  display: none;
}
.mds .mds-table .mds-table__expanded-row--visible {
  display: table-row;
}
.mds .mds-table .mds-table__expanded-row--visible:last-of-type {
  border-top: var(--mds_foundations_table_border-width) var(--mds_foundations_table_border-style) var(--mds_foundations_table_border-color);
}
.mds .mds-table.mds-table--medium .mds-table__expanded-row.mds-table__expanded-row--no-padding td {
  padding: 0;
}
.mds .mds-table.mds-table--medium .mds-table__expanded-row td {
  padding: var(--mds_foundations_table_medium_expanded-row_padding-top) var(--mds_foundations_table_medium_expanded-row_padding-right) var(--mds_foundations_table_medium_expanded-row_padding-bottom) var(--mds_foundations_table_medium_expanded-row_padding-left);
}
.mds .mds-table .mds-table__expanded-row__trigger::part(button) {
  margin: 0;
  width: auto;
}
.mds .mds-table .mds-table__expanded-row__trigger::part(button):hover {
  background-color: transparent;
}
.mds .mds-table .mds-table__expanded-row__trigger::part(icon) {
  transition: transform var(--mds_foundations_table_row-expander-trigger_transition-duration) ease-in-out;
}
.mds .mds-table .mds-table__expanded-row__trigger--expanded::part(icon) {
  transform: rotate(-180deg);
}
.mds .mds-table-and-caption {
  margin: var(--mds_foundations_table_margin-top) 0 var(--mds_foundations_table_margin-top);
}
.mds .mds-table-and-caption .mds-table {
  margin: 0;
}
.mds .mds-table-caption {
  color: var(--mds_foundations_table_caption_text-color);
  margin-bottom: var(--mds_foundations_table_medium_caption_margin-bottom);
}
.mds .mds-table-caption.mds-table-caption--small {
  margin-bottom: var(--mds_foundations_table_small_caption_margin-bottom);
}
.mds .mds-table-caption.mds-table-caption--small {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_small_mobile_font-size);
  line-height: var(--mds_brand_typography_text_small_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table-caption.mds-table-caption--small {
    font-size: var(--mds_brand_typography_text_small_desktop_font-size);
    line-height: var(--mds_brand_typography_text_small_desktop_line-height);
  }
}
.mds .mds-table-caption.mds-table-caption--small {
  font-style: var(--mds_brand_typography_text_small_normal_font-style);
  font-weight: var(--mds_brand_typography_text_small_normal_font-weight);
}
.mds .mds-table-caption.mds-table-caption--large {
  margin-bottom: var(--mds_foundations_table_large_caption_margin-bottom);
}
.mds .mds-table-caption {
  font-family: var(--mds_brand_typography_text_font-family), var(--mds_brand_typography_text_font-family-fallback);
  font-size: var(--mds_brand_typography_text_medium_mobile_font-size);
  line-height: var(--mds_brand_typography_text_medium_mobile_line-height);
}
@media screen and (min-width: 1000px) {
  .mds .mds-table-caption {
    font-size: var(--mds_brand_typography_text_medium_desktop_font-size);
    line-height: var(--mds_brand_typography_text_medium_desktop_line-height);
  }
}
.mds .mds-table-caption {
  font-style: var(--mds_brand_typography_text_medium_normal_font-style);
  font-weight: var(--mds_brand_typography_text_medium_normal_font-weight);
}
@container (max-width: 599px) {
  .mds .mds-xs-gap-50,
  .mds .mds-container .mds-xs-gap-50,
  .mds .mds-viewport .mds-xs-gap-50 {
    gap: 2px;
  }
  .mds .mds-xs-col-gap-50,
  .mds .mds-container .mds-xs-col-gap-50,
  .mds .mds-viewport .mds-xs-col-gap-50 {
    column-gap: 2px;
  }
  .mds .mds-xs-row-gap-50,
  .mds .mds-container .mds-xs-row-gap-50,
  .mds .mds-viewport .mds-xs-row-gap-50 {
    row-gap: 2px;
  }
  .mds .mds-xs-gap-100,
  .mds .mds-container .mds-xs-gap-100,
  .mds .mds-viewport .mds-xs-gap-100 {
    gap: 4px;
  }
  .mds .mds-xs-col-gap-100,
  .mds .mds-container .mds-xs-col-gap-100,
  .mds .mds-viewport .mds-xs-col-gap-100 {
    column-gap: 4px;
  }
  .mds .mds-xs-row-gap-100,
  .mds .mds-container .mds-xs-row-gap-100,
  .mds .mds-viewport .mds-xs-row-gap-100 {
    row-gap: 4px;
  }
  .mds .mds-xs-gap-150,
  .mds .mds-container .mds-xs-gap-150,
  .mds .mds-viewport .mds-xs-gap-150 {
    gap: 6px;
  }
  .mds .mds-xs-col-gap-150,
  .mds .mds-container .mds-xs-col-gap-150,
  .mds .mds-viewport .mds-xs-col-gap-150 {
    column-gap: 6px;
  }
  .mds .mds-xs-row-gap-150,
  .mds .mds-container .mds-xs-row-gap-150,
  .mds .mds-viewport .mds-xs-row-gap-150 {
    row-gap: 6px;
  }
  .mds .mds-xs-gap-200,
  .mds .mds-container .mds-xs-gap-200,
  .mds .mds-viewport .mds-xs-gap-200 {
    gap: 8px;
  }
  .mds .mds-xs-col-gap-200,
  .mds .mds-container .mds-xs-col-gap-200,
  .mds .mds-viewport .mds-xs-col-gap-200 {
    column-gap: 8px;
  }
  .mds .mds-xs-row-gap-200,
  .mds .mds-container .mds-xs-row-gap-200,
  .mds .mds-viewport .mds-xs-row-gap-200 {
    row-gap: 8px;
  }
  .mds .mds-xs-gap-300,
  .mds .mds-container .mds-xs-gap-300,
  .mds .mds-viewport .mds-xs-gap-300 {
    gap: 12px;
  }
  .mds .mds-xs-col-gap-300,
  .mds .mds-container .mds-xs-col-gap-300,
  .mds .mds-viewport .mds-xs-col-gap-300 {
    column-gap: 12px;
  }
  .mds .mds-xs-row-gap-300,
  .mds .mds-container .mds-xs-row-gap-300,
  .mds .mds-viewport .mds-xs-row-gap-300 {
    row-gap: 12px;
  }
  .mds .mds-xs-gap-400,
  .mds .mds-container .mds-xs-gap-400,
  .mds .mds-viewport .mds-xs-gap-400 {
    gap: 16px;
  }
  .mds .mds-xs-col-gap-400,
  .mds .mds-container .mds-xs-col-gap-400,
  .mds .mds-viewport .mds-xs-col-gap-400 {
    column-gap: 16px;
  }
  .mds .mds-xs-row-gap-400,
  .mds .mds-container .mds-xs-row-gap-400,
  .mds .mds-viewport .mds-xs-row-gap-400 {
    row-gap: 16px;
  }
  .mds .mds-xs-gap-500,
  .mds .mds-container .mds-xs-gap-500,
  .mds .mds-viewport .mds-xs-gap-500 {
    gap: 20px;
  }
  .mds .mds-xs-col-gap-500,
  .mds .mds-container .mds-xs-col-gap-500,
  .mds .mds-viewport .mds-xs-col-gap-500 {
    column-gap: 20px;
  }
  .mds .mds-xs-row-gap-500,
  .mds .mds-container .mds-xs-row-gap-500,
  .mds .mds-viewport .mds-xs-row-gap-500 {
    row-gap: 20px;
  }
  .mds .mds-xs-gap-600,
  .mds .mds-container .mds-xs-gap-600,
  .mds .mds-viewport .mds-xs-gap-600 {
    gap: 24px;
  }
  .mds .mds-xs-col-gap-600,
  .mds .mds-container .mds-xs-col-gap-600,
  .mds .mds-viewport .mds-xs-col-gap-600 {
    column-gap: 24px;
  }
  .mds .mds-xs-row-gap-600,
  .mds .mds-container .mds-xs-row-gap-600,
  .mds .mds-viewport .mds-xs-row-gap-600 {
    row-gap: 24px;
  }
  .mds .mds-xs-gap-700,
  .mds .mds-container .mds-xs-gap-700,
  .mds .mds-viewport .mds-xs-gap-700 {
    gap: 28px;
  }
  .mds .mds-xs-col-gap-700,
  .mds .mds-container .mds-xs-col-gap-700,
  .mds .mds-viewport .mds-xs-col-gap-700 {
    column-gap: 28px;
  }
  .mds .mds-xs-row-gap-700,
  .mds .mds-container .mds-xs-row-gap-700,
  .mds .mds-viewport .mds-xs-row-gap-700 {
    row-gap: 28px;
  }
  .mds .mds-xs-gap-800,
  .mds .mds-container .mds-xs-gap-800,
  .mds .mds-viewport .mds-xs-gap-800 {
    gap: 32px;
  }
  .mds .mds-xs-col-gap-800,
  .mds .mds-container .mds-xs-col-gap-800,
  .mds .mds-viewport .mds-xs-col-gap-800 {
    column-gap: 32px;
  }
  .mds .mds-xs-row-gap-800,
  .mds .mds-container .mds-xs-row-gap-800,
  .mds .mds-viewport .mds-xs-row-gap-800 {
    row-gap: 32px;
  }
  .mds .mds-xs-gap-900,
  .mds .mds-container .mds-xs-gap-900,
  .mds .mds-viewport .mds-xs-gap-900 {
    gap: 36px;
  }
  .mds .mds-xs-col-gap-900,
  .mds .mds-container .mds-xs-col-gap-900,
  .mds .mds-viewport .mds-xs-col-gap-900 {
    column-gap: 36px;
  }
  .mds .mds-xs-row-gap-900,
  .mds .mds-container .mds-xs-row-gap-900,
  .mds .mds-viewport .mds-xs-row-gap-900 {
    row-gap: 36px;
  }
  .mds .mds-xs-gap-1000,
  .mds .mds-container .mds-xs-gap-1000,
  .mds .mds-viewport .mds-xs-gap-1000 {
    gap: 40px;
  }
  .mds .mds-xs-col-gap-1000,
  .mds .mds-container .mds-xs-col-gap-1000,
  .mds .mds-viewport .mds-xs-col-gap-1000 {
    column-gap: 40px;
  }
  .mds .mds-xs-row-gap-1000,
  .mds .mds-container .mds-xs-row-gap-1000,
  .mds .mds-viewport .mds-xs-row-gap-1000 {
    row-gap: 40px;
  }
  .mds .mds-xs-gap-1200,
  .mds .mds-container .mds-xs-gap-1200,
  .mds .mds-viewport .mds-xs-gap-1200 {
    gap: 48px;
  }
  .mds .mds-xs-col-gap-1200,
  .mds .mds-container .mds-xs-col-gap-1200,
  .mds .mds-viewport .mds-xs-col-gap-1200 {
    column-gap: 48px;
  }
  .mds .mds-xs-row-gap-1200,
  .mds .mds-container .mds-xs-row-gap-1200,
  .mds .mds-viewport .mds-xs-row-gap-1200 {
    row-gap: 48px;
  }
  .mds .mds-xs-gap-1600,
  .mds .mds-container .mds-xs-gap-1600,
  .mds .mds-viewport .mds-xs-gap-1600 {
    gap: 64px;
  }
  .mds .mds-xs-col-gap-1600,
  .mds .mds-container .mds-xs-col-gap-1600,
  .mds .mds-viewport .mds-xs-col-gap-1600 {
    column-gap: 64px;
  }
  .mds .mds-xs-row-gap-1600,
  .mds .mds-container .mds-xs-row-gap-1600,
  .mds .mds-viewport .mds-xs-row-gap-1600 {
    row-gap: 64px;
  }
  .mds .mds-xs-gap-2000,
  .mds .mds-container .mds-xs-gap-2000,
  .mds .mds-viewport .mds-xs-gap-2000 {
    gap: 80px;
  }
  .mds .mds-xs-col-gap-2000,
  .mds .mds-container .mds-xs-col-gap-2000,
  .mds .mds-viewport .mds-xs-col-gap-2000 {
    column-gap: 80px;
  }
  .mds .mds-xs-row-gap-2000,
  .mds .mds-container .mds-xs-row-gap-2000,
  .mds .mds-viewport .mds-xs-row-gap-2000 {
    row-gap: 80px;
  }
  .mds .mds-xs-gap-2400,
  .mds .mds-container .mds-xs-gap-2400,
  .mds .mds-viewport .mds-xs-gap-2400 {
    gap: 96px;
  }
  .mds .mds-xs-col-gap-2400,
  .mds .mds-container .mds-xs-col-gap-2400,
  .mds .mds-viewport .mds-xs-col-gap-2400 {
    column-gap: 96px;
  }
  .mds .mds-xs-row-gap-2400,
  .mds .mds-container .mds-xs-row-gap-2400,
  .mds .mds-viewport .mds-xs-row-gap-2400 {
    row-gap: 96px;
  }
  .mds .mds-xs-gap-2800,
  .mds .mds-container .mds-xs-gap-2800,
  .mds .mds-viewport .mds-xs-gap-2800 {
    gap: 112px;
  }
  .mds .mds-xs-col-gap-2800,
  .mds .mds-container .mds-xs-col-gap-2800,
  .mds .mds-viewport .mds-xs-col-gap-2800 {
    column-gap: 112px;
  }
  .mds .mds-xs-row-gap-2800,
  .mds .mds-container .mds-xs-row-gap-2800,
  .mds .mds-viewport .mds-xs-row-gap-2800 {
    row-gap: 112px;
  }
  .mds .mds-xs-gap-3200,
  .mds .mds-container .mds-xs-gap-3200,
  .mds .mds-viewport .mds-xs-gap-3200 {
    gap: 128px;
  }
  .mds .mds-xs-col-gap-3200,
  .mds .mds-container .mds-xs-col-gap-3200,
  .mds .mds-viewport .mds-xs-col-gap-3200 {
    column-gap: 128px;
  }
  .mds .mds-xs-row-gap-3200,
  .mds .mds-container .mds-xs-row-gap-3200,
  .mds .mds-viewport .mds-xs-row-gap-3200 {
    row-gap: 128px;
  }
}
@container (min-width: 600px) {
  .mds .mds-sm-gap-50,
  .mds .mds-container .mds-sm-gap-50,
  .mds .mds-viewport .mds-sm-gap-50 {
    gap: 2px;
  }
  .mds .mds-sm-col-gap-50,
  .mds .mds-container .mds-sm-col-gap-50,
  .mds .mds-viewport .mds-sm-col-gap-50 {
    column-gap: 2px;
  }
  .mds .mds-sm-row-gap-50,
  .mds .mds-container .mds-sm-row-gap-50,
  .mds .mds-viewport .mds-sm-row-gap-50 {
    row-gap: 2px;
  }
  .mds .mds-sm-gap-100,
  .mds .mds-container .mds-sm-gap-100,
  .mds .mds-viewport .mds-sm-gap-100 {
    gap: 4px;
  }
  .mds .mds-sm-col-gap-100,
  .mds .mds-container .mds-sm-col-gap-100,
  .mds .mds-viewport .mds-sm-col-gap-100 {
    column-gap: 4px;
  }
  .mds .mds-sm-row-gap-100,
  .mds .mds-container .mds-sm-row-gap-100,
  .mds .mds-viewport .mds-sm-row-gap-100 {
    row-gap: 4px;
  }
  .mds .mds-sm-gap-150,
  .mds .mds-container .mds-sm-gap-150,
  .mds .mds-viewport .mds-sm-gap-150 {
    gap: 6px;
  }
  .mds .mds-sm-col-gap-150,
  .mds .mds-container .mds-sm-col-gap-150,
  .mds .mds-viewport .mds-sm-col-gap-150 {
    column-gap: 6px;
  }
  .mds .mds-sm-row-gap-150,
  .mds .mds-container .mds-sm-row-gap-150,
  .mds .mds-viewport .mds-sm-row-gap-150 {
    row-gap: 6px;
  }
  .mds .mds-sm-gap-200,
  .mds .mds-container .mds-sm-gap-200,
  .mds .mds-viewport .mds-sm-gap-200 {
    gap: 8px;
  }
  .mds .mds-sm-col-gap-200,
  .mds .mds-container .mds-sm-col-gap-200,
  .mds .mds-viewport .mds-sm-col-gap-200 {
    column-gap: 8px;
  }
  .mds .mds-sm-row-gap-200,
  .mds .mds-container .mds-sm-row-gap-200,
  .mds .mds-viewport .mds-sm-row-gap-200 {
    row-gap: 8px;
  }
  .mds .mds-sm-gap-300,
  .mds .mds-container .mds-sm-gap-300,
  .mds .mds-viewport .mds-sm-gap-300 {
    gap: 12px;
  }
  .mds .mds-sm-col-gap-300,
  .mds .mds-container .mds-sm-col-gap-300,
  .mds .mds-viewport .mds-sm-col-gap-300 {
    column-gap: 12px;
  }
  .mds .mds-sm-row-gap-300,
  .mds .mds-container .mds-sm-row-gap-300,
  .mds .mds-viewport .mds-sm-row-gap-300 {
    row-gap: 12px;
  }
  .mds .mds-sm-gap-400,
  .mds .mds-container .mds-sm-gap-400,
  .mds .mds-viewport .mds-sm-gap-400 {
    gap: 16px;
  }
  .mds .mds-sm-col-gap-400,
  .mds .mds-container .mds-sm-col-gap-400,
  .mds .mds-viewport .mds-sm-col-gap-400 {
    column-gap: 16px;
  }
  .mds .mds-sm-row-gap-400,
  .mds .mds-container .mds-sm-row-gap-400,
  .mds .mds-viewport .mds-sm-row-gap-400 {
    row-gap: 16px;
  }
  .mds .mds-sm-gap-500,
  .mds .mds-container .mds-sm-gap-500,
  .mds .mds-viewport .mds-sm-gap-500 {
    gap: 20px;
  }
  .mds .mds-sm-col-gap-500,
  .mds .mds-container .mds-sm-col-gap-500,
  .mds .mds-viewport .mds-sm-col-gap-500 {
    column-gap: 20px;
  }
  .mds .mds-sm-row-gap-500,
  .mds .mds-container .mds-sm-row-gap-500,
  .mds .mds-viewport .mds-sm-row-gap-500 {
    row-gap: 20px;
  }
  .mds .mds-sm-gap-600,
  .mds .mds-container .mds-sm-gap-600,
  .mds .mds-viewport .mds-sm-gap-600 {
    gap: 24px;
  }
  .mds .mds-sm-col-gap-600,
  .mds .mds-container .mds-sm-col-gap-600,
  .mds .mds-viewport .mds-sm-col-gap-600 {
    column-gap: 24px;
  }
  .mds .mds-sm-row-gap-600,
  .mds .mds-container .mds-sm-row-gap-600,
  .mds .mds-viewport .mds-sm-row-gap-600 {
    row-gap: 24px;
  }
  .mds .mds-sm-gap-700,
  .mds .mds-container .mds-sm-gap-700,
  .mds .mds-viewport .mds-sm-gap-700 {
    gap: 28px;
  }
  .mds .mds-sm-col-gap-700,
  .mds .mds-container .mds-sm-col-gap-700,
  .mds .mds-viewport .mds-sm-col-gap-700 {
    column-gap: 28px;
  }
  .mds .mds-sm-row-gap-700,
  .mds .mds-container .mds-sm-row-gap-700,
  .mds .mds-viewport .mds-sm-row-gap-700 {
    row-gap: 28px;
  }
  .mds .mds-sm-gap-800,
  .mds .mds-container .mds-sm-gap-800,
  .mds .mds-viewport .mds-sm-gap-800 {
    gap: 32px;
  }
  .mds .mds-sm-col-gap-800,
  .mds .mds-container .mds-sm-col-gap-800,
  .mds .mds-viewport .mds-sm-col-gap-800 {
    column-gap: 32px;
  }
  .mds .mds-sm-row-gap-800,
  .mds .mds-container .mds-sm-row-gap-800,
  .mds .mds-viewport .mds-sm-row-gap-800 {
    row-gap: 32px;
  }
  .mds .mds-sm-gap-900,
  .mds .mds-container .mds-sm-gap-900,
  .mds .mds-viewport .mds-sm-gap-900 {
    gap: 36px;
  }
  .mds .mds-sm-col-gap-900,
  .mds .mds-container .mds-sm-col-gap-900,
  .mds .mds-viewport .mds-sm-col-gap-900 {
    column-gap: 36px;
  }
  .mds .mds-sm-row-gap-900,
  .mds .mds-container .mds-sm-row-gap-900,
  .mds .mds-viewport .mds-sm-row-gap-900 {
    row-gap: 36px;
  }
  .mds .mds-sm-gap-1000,
  .mds .mds-container .mds-sm-gap-1000,
  .mds .mds-viewport .mds-sm-gap-1000 {
    gap: 40px;
  }
  .mds .mds-sm-col-gap-1000,
  .mds .mds-container .mds-sm-col-gap-1000,
  .mds .mds-viewport .mds-sm-col-gap-1000 {
    column-gap: 40px;
  }
  .mds .mds-sm-row-gap-1000,
  .mds .mds-container .mds-sm-row-gap-1000,
  .mds .mds-viewport .mds-sm-row-gap-1000 {
    row-gap: 40px;
  }
  .mds .mds-sm-gap-1200,
  .mds .mds-container .mds-sm-gap-1200,
  .mds .mds-viewport .mds-sm-gap-1200 {
    gap: 48px;
  }
  .mds .mds-sm-col-gap-1200,
  .mds .mds-container .mds-sm-col-gap-1200,
  .mds .mds-viewport .mds-sm-col-gap-1200 {
    column-gap: 48px;
  }
  .mds .mds-sm-row-gap-1200,
  .mds .mds-container .mds-sm-row-gap-1200,
  .mds .mds-viewport .mds-sm-row-gap-1200 {
    row-gap: 48px;
  }
  .mds .mds-sm-gap-1600,
  .mds .mds-container .mds-sm-gap-1600,
  .mds .mds-viewport .mds-sm-gap-1600 {
    gap: 64px;
  }
  .mds .mds-sm-col-gap-1600,
  .mds .mds-container .mds-sm-col-gap-1600,
  .mds .mds-viewport .mds-sm-col-gap-1600 {
    column-gap: 64px;
  }
  .mds .mds-sm-row-gap-1600,
  .mds .mds-container .mds-sm-row-gap-1600,
  .mds .mds-viewport .mds-sm-row-gap-1600 {
    row-gap: 64px;
  }
  .mds .mds-sm-gap-2000,
  .mds .mds-container .mds-sm-gap-2000,
  .mds .mds-viewport .mds-sm-gap-2000 {
    gap: 80px;
  }
  .mds .mds-sm-col-gap-2000,
  .mds .mds-container .mds-sm-col-gap-2000,
  .mds .mds-viewport .mds-sm-col-gap-2000 {
    column-gap: 80px;
  }
  .mds .mds-sm-row-gap-2000,
  .mds .mds-container .mds-sm-row-gap-2000,
  .mds .mds-viewport .mds-sm-row-gap-2000 {
    row-gap: 80px;
  }
  .mds .mds-sm-gap-2400,
  .mds .mds-container .mds-sm-gap-2400,
  .mds .mds-viewport .mds-sm-gap-2400 {
    gap: 96px;
  }
  .mds .mds-sm-col-gap-2400,
  .mds .mds-container .mds-sm-col-gap-2400,
  .mds .mds-viewport .mds-sm-col-gap-2400 {
    column-gap: 96px;
  }
  .mds .mds-sm-row-gap-2400,
  .mds .mds-container .mds-sm-row-gap-2400,
  .mds .mds-viewport .mds-sm-row-gap-2400 {
    row-gap: 96px;
  }
  .mds .mds-sm-gap-2800,
  .mds .mds-container .mds-sm-gap-2800,
  .mds .mds-viewport .mds-sm-gap-2800 {
    gap: 112px;
  }
  .mds .mds-sm-col-gap-2800,
  .mds .mds-container .mds-sm-col-gap-2800,
  .mds .mds-viewport .mds-sm-col-gap-2800 {
    column-gap: 112px;
  }
  .mds .mds-sm-row-gap-2800,
  .mds .mds-container .mds-sm-row-gap-2800,
  .mds .mds-viewport .mds-sm-row-gap-2800 {
    row-gap: 112px;
  }
  .mds .mds-sm-gap-3200,
  .mds .mds-container .mds-sm-gap-3200,
  .mds .mds-viewport .mds-sm-gap-3200 {
    gap: 128px;
  }
  .mds .mds-sm-col-gap-3200,
  .mds .mds-container .mds-sm-col-gap-3200,
  .mds .mds-viewport .mds-sm-col-gap-3200 {
    column-gap: 128px;
  }
  .mds .mds-sm-row-gap-3200,
  .mds .mds-container .mds-sm-row-gap-3200,
  .mds .mds-viewport .mds-sm-row-gap-3200 {
    row-gap: 128px;
  }
}
@container (min-width: 840px) {
  .mds .mds-md-gap-50,
  .mds .mds-container .mds-md-gap-50,
  .mds .mds-viewport .mds-md-gap-50 {
    gap: 2px;
  }
  .mds .mds-md-col-gap-50,
  .mds .mds-container .mds-md-col-gap-50,
  .mds .mds-viewport .mds-md-col-gap-50 {
    column-gap: 2px;
  }
  .mds .mds-md-row-gap-50,
  .mds .mds-container .mds-md-row-gap-50,
  .mds .mds-viewport .mds-md-row-gap-50 {
    row-gap: 2px;
  }
  .mds .mds-md-gap-100,
  .mds .mds-container .mds-md-gap-100,
  .mds .mds-viewport .mds-md-gap-100 {
    gap: 4px;
  }
  .mds .mds-md-col-gap-100,
  .mds .mds-container .mds-md-col-gap-100,
  .mds .mds-viewport .mds-md-col-gap-100 {
    column-gap: 4px;
  }
  .mds .mds-md-row-gap-100,
  .mds .mds-container .mds-md-row-gap-100,
  .mds .mds-viewport .mds-md-row-gap-100 {
    row-gap: 4px;
  }
  .mds .mds-md-gap-150,
  .mds .mds-container .mds-md-gap-150,
  .mds .mds-viewport .mds-md-gap-150 {
    gap: 6px;
  }
  .mds .mds-md-col-gap-150,
  .mds .mds-container .mds-md-col-gap-150,
  .mds .mds-viewport .mds-md-col-gap-150 {
    column-gap: 6px;
  }
  .mds .mds-md-row-gap-150,
  .mds .mds-container .mds-md-row-gap-150,
  .mds .mds-viewport .mds-md-row-gap-150 {
    row-gap: 6px;
  }
  .mds .mds-md-gap-200,
  .mds .mds-container .mds-md-gap-200,
  .mds .mds-viewport .mds-md-gap-200 {
    gap: 8px;
  }
  .mds .mds-md-col-gap-200,
  .mds .mds-container .mds-md-col-gap-200,
  .mds .mds-viewport .mds-md-col-gap-200 {
    column-gap: 8px;
  }
  .mds .mds-md-row-gap-200,
  .mds .mds-container .mds-md-row-gap-200,
  .mds .mds-viewport .mds-md-row-gap-200 {
    row-gap: 8px;
  }
  .mds .mds-md-gap-300,
  .mds .mds-container .mds-md-gap-300,
  .mds .mds-viewport .mds-md-gap-300 {
    gap: 12px;
  }
  .mds .mds-md-col-gap-300,
  .mds .mds-container .mds-md-col-gap-300,
  .mds .mds-viewport .mds-md-col-gap-300 {
    column-gap: 12px;
  }
  .mds .mds-md-row-gap-300,
  .mds .mds-container .mds-md-row-gap-300,
  .mds .mds-viewport .mds-md-row-gap-300 {
    row-gap: 12px;
  }
  .mds .mds-md-gap-400,
  .mds .mds-container .mds-md-gap-400,
  .mds .mds-viewport .mds-md-gap-400 {
    gap: 16px;
  }
  .mds .mds-md-col-gap-400,
  .mds .mds-container .mds-md-col-gap-400,
  .mds .mds-viewport .mds-md-col-gap-400 {
    column-gap: 16px;
  }
  .mds .mds-md-row-gap-400,
  .mds .mds-container .mds-md-row-gap-400,
  .mds .mds-viewport .mds-md-row-gap-400 {
    row-gap: 16px;
  }
  .mds .mds-md-gap-500,
  .mds .mds-container .mds-md-gap-500,
  .mds .mds-viewport .mds-md-gap-500 {
    gap: 20px;
  }
  .mds .mds-md-col-gap-500,
  .mds .mds-container .mds-md-col-gap-500,
  .mds .mds-viewport .mds-md-col-gap-500 {
    column-gap: 20px;
  }
  .mds .mds-md-row-gap-500,
  .mds .mds-container .mds-md-row-gap-500,
  .mds .mds-viewport .mds-md-row-gap-500 {
    row-gap: 20px;
  }
  .mds .mds-md-gap-600,
  .mds .mds-container .mds-md-gap-600,
  .mds .mds-viewport .mds-md-gap-600 {
    gap: 24px;
  }
  .mds .mds-md-col-gap-600,
  .mds .mds-container .mds-md-col-gap-600,
  .mds .mds-viewport .mds-md-col-gap-600 {
    column-gap: 24px;
  }
  .mds .mds-md-row-gap-600,
  .mds .mds-container .mds-md-row-gap-600,
  .mds .mds-viewport .mds-md-row-gap-600 {
    row-gap: 24px;
  }
  .mds .mds-md-gap-700,
  .mds .mds-container .mds-md-gap-700,
  .mds .mds-viewport .mds-md-gap-700 {
    gap: 28px;
  }
  .mds .mds-md-col-gap-700,
  .mds .mds-container .mds-md-col-gap-700,
  .mds .mds-viewport .mds-md-col-gap-700 {
    column-gap: 28px;
  }
  .mds .mds-md-row-gap-700,
  .mds .mds-container .mds-md-row-gap-700,
  .mds .mds-viewport .mds-md-row-gap-700 {
    row-gap: 28px;
  }
  .mds .mds-md-gap-800,
  .mds .mds-container .mds-md-gap-800,
  .mds .mds-viewport .mds-md-gap-800 {
    gap: 32px;
  }
  .mds .mds-md-col-gap-800,
  .mds .mds-container .mds-md-col-gap-800,
  .mds .mds-viewport .mds-md-col-gap-800 {
    column-gap: 32px;
  }
  .mds .mds-md-row-gap-800,
  .mds .mds-container .mds-md-row-gap-800,
  .mds .mds-viewport .mds-md-row-gap-800 {
    row-gap: 32px;
  }
  .mds .mds-md-gap-900,
  .mds .mds-container .mds-md-gap-900,
  .mds .mds-viewport .mds-md-gap-900 {
    gap: 36px;
  }
  .mds .mds-md-col-gap-900,
  .mds .mds-container .mds-md-col-gap-900,
  .mds .mds-viewport .mds-md-col-gap-900 {
    column-gap: 36px;
  }
  .mds .mds-md-row-gap-900,
  .mds .mds-container .mds-md-row-gap-900,
  .mds .mds-viewport .mds-md-row-gap-900 {
    row-gap: 36px;
  }
  .mds .mds-md-gap-1000,
  .mds .mds-container .mds-md-gap-1000,
  .mds .mds-viewport .mds-md-gap-1000 {
    gap: 40px;
  }
  .mds .mds-md-col-gap-1000,
  .mds .mds-container .mds-md-col-gap-1000,
  .mds .mds-viewport .mds-md-col-gap-1000 {
    column-gap: 40px;
  }
  .mds .mds-md-row-gap-1000,
  .mds .mds-container .mds-md-row-gap-1000,
  .mds .mds-viewport .mds-md-row-gap-1000 {
    row-gap: 40px;
  }
  .mds .mds-md-gap-1200,
  .mds .mds-container .mds-md-gap-1200,
  .mds .mds-viewport .mds-md-gap-1200 {
    gap: 48px;
  }
  .mds .mds-md-col-gap-1200,
  .mds .mds-container .mds-md-col-gap-1200,
  .mds .mds-viewport .mds-md-col-gap-1200 {
    column-gap: 48px;
  }
  .mds .mds-md-row-gap-1200,
  .mds .mds-container .mds-md-row-gap-1200,
  .mds .mds-viewport .mds-md-row-gap-1200 {
    row-gap: 48px;
  }
  .mds .mds-md-gap-1600,
  .mds .mds-container .mds-md-gap-1600,
  .mds .mds-viewport .mds-md-gap-1600 {
    gap: 64px;
  }
  .mds .mds-md-col-gap-1600,
  .mds .mds-container .mds-md-col-gap-1600,
  .mds .mds-viewport .mds-md-col-gap-1600 {
    column-gap: 64px;
  }
  .mds .mds-md-row-gap-1600,
  .mds .mds-container .mds-md-row-gap-1600,
  .mds .mds-viewport .mds-md-row-gap-1600 {
    row-gap: 64px;
  }
  .mds .mds-md-gap-2000,
  .mds .mds-container .mds-md-gap-2000,
  .mds .mds-viewport .mds-md-gap-2000 {
    gap: 80px;
  }
  .mds .mds-md-col-gap-2000,
  .mds .mds-container .mds-md-col-gap-2000,
  .mds .mds-viewport .mds-md-col-gap-2000 {
    column-gap: 80px;
  }
  .mds .mds-md-row-gap-2000,
  .mds .mds-container .mds-md-row-gap-2000,
  .mds .mds-viewport .mds-md-row-gap-2000 {
    row-gap: 80px;
  }
  .mds .mds-md-gap-2400,
  .mds .mds-container .mds-md-gap-2400,
  .mds .mds-viewport .mds-md-gap-2400 {
    gap: 96px;
  }
  .mds .mds-md-col-gap-2400,
  .mds .mds-container .mds-md-col-gap-2400,
  .mds .mds-viewport .mds-md-col-gap-2400 {
    column-gap: 96px;
  }
  .mds .mds-md-row-gap-2400,
  .mds .mds-container .mds-md-row-gap-2400,
  .mds .mds-viewport .mds-md-row-gap-2400 {
    row-gap: 96px;
  }
  .mds .mds-md-gap-2800,
  .mds .mds-container .mds-md-gap-2800,
  .mds .mds-viewport .mds-md-gap-2800 {
    gap: 112px;
  }
  .mds .mds-md-col-gap-2800,
  .mds .mds-container .mds-md-col-gap-2800,
  .mds .mds-viewport .mds-md-col-gap-2800 {
    column-gap: 112px;
  }
  .mds .mds-md-row-gap-2800,
  .mds .mds-container .mds-md-row-gap-2800,
  .mds .mds-viewport .mds-md-row-gap-2800 {
    row-gap: 112px;
  }
  .mds .mds-md-gap-3200,
  .mds .mds-container .mds-md-gap-3200,
  .mds .mds-viewport .mds-md-gap-3200 {
    gap: 128px;
  }
  .mds .mds-md-col-gap-3200,
  .mds .mds-container .mds-md-col-gap-3200,
  .mds .mds-viewport .mds-md-col-gap-3200 {
    column-gap: 128px;
  }
  .mds .mds-md-row-gap-3200,
  .mds .mds-container .mds-md-row-gap-3200,
  .mds .mds-viewport .mds-md-row-gap-3200 {
    row-gap: 128px;
  }
}
@container (min-width: 1200px) {
  .mds .mds-lg-gap-50,
  .mds .mds-container .mds-lg-gap-50,
  .mds .mds-viewport .mds-lg-gap-50 {
    gap: 2px;
  }
  .mds .mds-lg-col-gap-50,
  .mds .mds-container .mds-lg-col-gap-50,
  .mds .mds-viewport .mds-lg-col-gap-50 {
    column-gap: 2px;
  }
  .mds .mds-lg-row-gap-50,
  .mds .mds-container .mds-lg-row-gap-50,
  .mds .mds-viewport .mds-lg-row-gap-50 {
    row-gap: 2px;
  }
  .mds .mds-lg-gap-100,
  .mds .mds-container .mds-lg-gap-100,
  .mds .mds-viewport .mds-lg-gap-100 {
    gap: 4px;
  }
  .mds .mds-lg-col-gap-100,
  .mds .mds-container .mds-lg-col-gap-100,
  .mds .mds-viewport .mds-lg-col-gap-100 {
    column-gap: 4px;
  }
  .mds .mds-lg-row-gap-100,
  .mds .mds-container .mds-lg-row-gap-100,
  .mds .mds-viewport .mds-lg-row-gap-100 {
    row-gap: 4px;
  }
  .mds .mds-lg-gap-150,
  .mds .mds-container .mds-lg-gap-150,
  .mds .mds-viewport .mds-lg-gap-150 {
    gap: 6px;
  }
  .mds .mds-lg-col-gap-150,
  .mds .mds-container .mds-lg-col-gap-150,
  .mds .mds-viewport .mds-lg-col-gap-150 {
    column-gap: 6px;
  }
  .mds .mds-lg-row-gap-150,
  .mds .mds-container .mds-lg-row-gap-150,
  .mds .mds-viewport .mds-lg-row-gap-150 {
    row-gap: 6px;
  }
  .mds .mds-lg-gap-200,
  .mds .mds-container .mds-lg-gap-200,
  .mds .mds-viewport .mds-lg-gap-200 {
    gap: 8px;
  }
  .mds .mds-lg-col-gap-200,
  .mds .mds-container .mds-lg-col-gap-200,
  .mds .mds-viewport .mds-lg-col-gap-200 {
    column-gap: 8px;
  }
  .mds .mds-lg-row-gap-200,
  .mds .mds-container .mds-lg-row-gap-200,
  .mds .mds-viewport .mds-lg-row-gap-200 {
    row-gap: 8px;
  }
  .mds .mds-lg-gap-300,
  .mds .mds-container .mds-lg-gap-300,
  .mds .mds-viewport .mds-lg-gap-300 {
    gap: 12px;
  }
  .mds .mds-lg-col-gap-300,
  .mds .mds-container .mds-lg-col-gap-300,
  .mds .mds-viewport .mds-lg-col-gap-300 {
    column-gap: 12px;
  }
  .mds .mds-lg-row-gap-300,
  .mds .mds-container .mds-lg-row-gap-300,
  .mds .mds-viewport .mds-lg-row-gap-300 {
    row-gap: 12px;
  }
  .mds .mds-lg-gap-400,
  .mds .mds-container .mds-lg-gap-400,
  .mds .mds-viewport .mds-lg-gap-400 {
    gap: 16px;
  }
  .mds .mds-lg-col-gap-400,
  .mds .mds-container .mds-lg-col-gap-400,
  .mds .mds-viewport .mds-lg-col-gap-400 {
    column-gap: 16px;
  }
  .mds .mds-lg-row-gap-400,
  .mds .mds-container .mds-lg-row-gap-400,
  .mds .mds-viewport .mds-lg-row-gap-400 {
    row-gap: 16px;
  }
  .mds .mds-lg-gap-500,
  .mds .mds-container .mds-lg-gap-500,
  .mds .mds-viewport .mds-lg-gap-500 {
    gap: 20px;
  }
  .mds .mds-lg-col-gap-500,
  .mds .mds-container .mds-lg-col-gap-500,
  .mds .mds-viewport .mds-lg-col-gap-500 {
    column-gap: 20px;
  }
  .mds .mds-lg-row-gap-500,
  .mds .mds-container .mds-lg-row-gap-500,
  .mds .mds-viewport .mds-lg-row-gap-500 {
    row-gap: 20px;
  }
  .mds .mds-lg-gap-600,
  .mds .mds-container .mds-lg-gap-600,
  .mds .mds-viewport .mds-lg-gap-600 {
    gap: 24px;
  }
  .mds .mds-lg-col-gap-600,
  .mds .mds-container .mds-lg-col-gap-600,
  .mds .mds-viewport .mds-lg-col-gap-600 {
    column-gap: 24px;
  }
  .mds .mds-lg-row-gap-600,
  .mds .mds-container .mds-lg-row-gap-600,
  .mds .mds-viewport .mds-lg-row-gap-600 {
    row-gap: 24px;
  }
  .mds .mds-lg-gap-700,
  .mds .mds-container .mds-lg-gap-700,
  .mds .mds-viewport .mds-lg-gap-700 {
    gap: 28px;
  }
  .mds .mds-lg-col-gap-700,
  .mds .mds-container .mds-lg-col-gap-700,
  .mds .mds-viewport .mds-lg-col-gap-700 {
    column-gap: 28px;
  }
  .mds .mds-lg-row-gap-700,
  .mds .mds-container .mds-lg-row-gap-700,
  .mds .mds-viewport .mds-lg-row-gap-700 {
    row-gap: 28px;
  }
  .mds .mds-lg-gap-800,
  .mds .mds-container .mds-lg-gap-800,
  .mds .mds-viewport .mds-lg-gap-800 {
    gap: 32px;
  }
  .mds .mds-lg-col-gap-800,
  .mds .mds-container .mds-lg-col-gap-800,
  .mds .mds-viewport .mds-lg-col-gap-800 {
    column-gap: 32px;
  }
  .mds .mds-lg-row-gap-800,
  .mds .mds-container .mds-lg-row-gap-800,
  .mds .mds-viewport .mds-lg-row-gap-800 {
    row-gap: 32px;
  }
  .mds .mds-lg-gap-900,
  .mds .mds-container .mds-lg-gap-900,
  .mds .mds-viewport .mds-lg-gap-900 {
    gap: 36px;
  }
  .mds .mds-lg-col-gap-900,
  .mds .mds-container .mds-lg-col-gap-900,
  .mds .mds-viewport .mds-lg-col-gap-900 {
    column-gap: 36px;
  }
  .mds .mds-lg-row-gap-900,
  .mds .mds-container .mds-lg-row-gap-900,
  .mds .mds-viewport .mds-lg-row-gap-900 {
    row-gap: 36px;
  }
  .mds .mds-lg-gap-1000,
  .mds .mds-container .mds-lg-gap-1000,
  .mds .mds-viewport .mds-lg-gap-1000 {
    gap: 40px;
  }
  .mds .mds-lg-col-gap-1000,
  .mds .mds-container .mds-lg-col-gap-1000,
  .mds .mds-viewport .mds-lg-col-gap-1000 {
    column-gap: 40px;
  }
  .mds .mds-lg-row-gap-1000,
  .mds .mds-container .mds-lg-row-gap-1000,
  .mds .mds-viewport .mds-lg-row-gap-1000 {
    row-gap: 40px;
  }
  .mds .mds-lg-gap-1200,
  .mds .mds-container .mds-lg-gap-1200,
  .mds .mds-viewport .mds-lg-gap-1200 {
    gap: 48px;
  }
  .mds .mds-lg-col-gap-1200,
  .mds .mds-container .mds-lg-col-gap-1200,
  .mds .mds-viewport .mds-lg-col-gap-1200 {
    column-gap: 48px;
  }
  .mds .mds-lg-row-gap-1200,
  .mds .mds-container .mds-lg-row-gap-1200,
  .mds .mds-viewport .mds-lg-row-gap-1200 {
    row-gap: 48px;
  }
  .mds .mds-lg-gap-1600,
  .mds .mds-container .mds-lg-gap-1600,
  .mds .mds-viewport .mds-lg-gap-1600 {
    gap: 64px;
  }
  .mds .mds-lg-col-gap-1600,
  .mds .mds-container .mds-lg-col-gap-1600,
  .mds .mds-viewport .mds-lg-col-gap-1600 {
    column-gap: 64px;
  }
  .mds .mds-lg-row-gap-1600,
  .mds .mds-container .mds-lg-row-gap-1600,
  .mds .mds-viewport .mds-lg-row-gap-1600 {
    row-gap: 64px;
  }
  .mds .mds-lg-gap-2000,
  .mds .mds-container .mds-lg-gap-2000,
  .mds .mds-viewport .mds-lg-gap-2000 {
    gap: 80px;
  }
  .mds .mds-lg-col-gap-2000,
  .mds .mds-container .mds-lg-col-gap-2000,
  .mds .mds-viewport .mds-lg-col-gap-2000 {
    column-gap: 80px;
  }
  .mds .mds-lg-row-gap-2000,
  .mds .mds-container .mds-lg-row-gap-2000,
  .mds .mds-viewport .mds-lg-row-gap-2000 {
    row-gap: 80px;
  }
  .mds .mds-lg-gap-2400,
  .mds .mds-container .mds-lg-gap-2400,
  .mds .mds-viewport .mds-lg-gap-2400 {
    gap: 96px;
  }
  .mds .mds-lg-col-gap-2400,
  .mds .mds-container .mds-lg-col-gap-2400,
  .mds .mds-viewport .mds-lg-col-gap-2400 {
    column-gap: 96px;
  }
  .mds .mds-lg-row-gap-2400,
  .mds .mds-container .mds-lg-row-gap-2400,
  .mds .mds-viewport .mds-lg-row-gap-2400 {
    row-gap: 96px;
  }
  .mds .mds-lg-gap-2800,
  .mds .mds-container .mds-lg-gap-2800,
  .mds .mds-viewport .mds-lg-gap-2800 {
    gap: 112px;
  }
  .mds .mds-lg-col-gap-2800,
  .mds .mds-container .mds-lg-col-gap-2800,
  .mds .mds-viewport .mds-lg-col-gap-2800 {
    column-gap: 112px;
  }
  .mds .mds-lg-row-gap-2800,
  .mds .mds-container .mds-lg-row-gap-2800,
  .mds .mds-viewport .mds-lg-row-gap-2800 {
    row-gap: 112px;
  }
  .mds .mds-lg-gap-3200,
  .mds .mds-container .mds-lg-gap-3200,
  .mds .mds-viewport .mds-lg-gap-3200 {
    gap: 128px;
  }
  .mds .mds-lg-col-gap-3200,
  .mds .mds-container .mds-lg-col-gap-3200,
  .mds .mds-viewport .mds-lg-col-gap-3200 {
    column-gap: 128px;
  }
  .mds .mds-lg-row-gap-3200,
  .mds .mds-container .mds-lg-row-gap-3200,
  .mds .mds-viewport .mds-lg-row-gap-3200 {
    row-gap: 128px;
  }
}
@container (min-width: 1600px) {
  .mds .mds-xl-gap-50,
  .mds .mds-container .mds-xl-gap-50,
  .mds .mds-viewport .mds-xl-gap-50 {
    gap: 2px;
  }
  .mds .mds-xl-col-gap-50,
  .mds .mds-container .mds-xl-col-gap-50,
  .mds .mds-viewport .mds-xl-col-gap-50 {
    column-gap: 2px;
  }
  .mds .mds-xl-row-gap-50,
  .mds .mds-container .mds-xl-row-gap-50,
  .mds .mds-viewport .mds-xl-row-gap-50 {
    row-gap: 2px;
  }
  .mds .mds-xl-gap-100,
  .mds .mds-container .mds-xl-gap-100,
  .mds .mds-viewport .mds-xl-gap-100 {
    gap: 4px;
  }
  .mds .mds-xl-col-gap-100,
  .mds .mds-container .mds-xl-col-gap-100,
  .mds .mds-viewport .mds-xl-col-gap-100 {
    column-gap: 4px;
  }
  .mds .mds-xl-row-gap-100,
  .mds .mds-container .mds-xl-row-gap-100,
  .mds .mds-viewport .mds-xl-row-gap-100 {
    row-gap: 4px;
  }
  .mds .mds-xl-gap-150,
  .mds .mds-container .mds-xl-gap-150,
  .mds .mds-viewport .mds-xl-gap-150 {
    gap: 6px;
  }
  .mds .mds-xl-col-gap-150,
  .mds .mds-container .mds-xl-col-gap-150,
  .mds .mds-viewport .mds-xl-col-gap-150 {
    column-gap: 6px;
  }
  .mds .mds-xl-row-gap-150,
  .mds .mds-container .mds-xl-row-gap-150,
  .mds .mds-viewport .mds-xl-row-gap-150 {
    row-gap: 6px;
  }
  .mds .mds-xl-gap-200,
  .mds .mds-container .mds-xl-gap-200,
  .mds .mds-viewport .mds-xl-gap-200 {
    gap: 8px;
  }
  .mds .mds-xl-col-gap-200,
  .mds .mds-container .mds-xl-col-gap-200,
  .mds .mds-viewport .mds-xl-col-gap-200 {
    column-gap: 8px;
  }
  .mds .mds-xl-row-gap-200,
  .mds .mds-container .mds-xl-row-gap-200,
  .mds .mds-viewport .mds-xl-row-gap-200 {
    row-gap: 8px;
  }
  .mds .mds-xl-gap-300,
  .mds .mds-container .mds-xl-gap-300,
  .mds .mds-viewport .mds-xl-gap-300 {
    gap: 12px;
  }
  .mds .mds-xl-col-gap-300,
  .mds .mds-container .mds-xl-col-gap-300,
  .mds .mds-viewport .mds-xl-col-gap-300 {
    column-gap: 12px;
  }
  .mds .mds-xl-row-gap-300,
  .mds .mds-container .mds-xl-row-gap-300,
  .mds .mds-viewport .mds-xl-row-gap-300 {
    row-gap: 12px;
  }
  .mds .mds-xl-gap-400,
  .mds .mds-container .mds-xl-gap-400,
  .mds .mds-viewport .mds-xl-gap-400 {
    gap: 16px;
  }
  .mds .mds-xl-col-gap-400,
  .mds .mds-container .mds-xl-col-gap-400,
  .mds .mds-viewport .mds-xl-col-gap-400 {
    column-gap: 16px;
  }
  .mds .mds-xl-row-gap-400,
  .mds .mds-container .mds-xl-row-gap-400,
  .mds .mds-viewport .mds-xl-row-gap-400 {
    row-gap: 16px;
  }
  .mds .mds-xl-gap-500,
  .mds .mds-container .mds-xl-gap-500,
  .mds .mds-viewport .mds-xl-gap-500 {
    gap: 20px;
  }
  .mds .mds-xl-col-gap-500,
  .mds .mds-container .mds-xl-col-gap-500,
  .mds .mds-viewport .mds-xl-col-gap-500 {
    column-gap: 20px;
  }
  .mds .mds-xl-row-gap-500,
  .mds .mds-container .mds-xl-row-gap-500,
  .mds .mds-viewport .mds-xl-row-gap-500 {
    row-gap: 20px;
  }
  .mds .mds-xl-gap-600,
  .mds .mds-container .mds-xl-gap-600,
  .mds .mds-viewport .mds-xl-gap-600 {
    gap: 24px;
  }
  .mds .mds-xl-col-gap-600,
  .mds .mds-container .mds-xl-col-gap-600,
  .mds .mds-viewport .mds-xl-col-gap-600 {
    column-gap: 24px;
  }
  .mds .mds-xl-row-gap-600,
  .mds .mds-container .mds-xl-row-gap-600,
  .mds .mds-viewport .mds-xl-row-gap-600 {
    row-gap: 24px;
  }
  .mds .mds-xl-gap-700,
  .mds .mds-container .mds-xl-gap-700,
  .mds .mds-viewport .mds-xl-gap-700 {
    gap: 28px;
  }
  .mds .mds-xl-col-gap-700,
  .mds .mds-container .mds-xl-col-gap-700,
  .mds .mds-viewport .mds-xl-col-gap-700 {
    column-gap: 28px;
  }
  .mds .mds-xl-row-gap-700,
  .mds .mds-container .mds-xl-row-gap-700,
  .mds .mds-viewport .mds-xl-row-gap-700 {
    row-gap: 28px;
  }
  .mds .mds-xl-gap-800,
  .mds .mds-container .mds-xl-gap-800,
  .mds .mds-viewport .mds-xl-gap-800 {
    gap: 32px;
  }
  .mds .mds-xl-col-gap-800,
  .mds .mds-container .mds-xl-col-gap-800,
  .mds .mds-viewport .mds-xl-col-gap-800 {
    column-gap: 32px;
  }
  .mds .mds-xl-row-gap-800,
  .mds .mds-container .mds-xl-row-gap-800,
  .mds .mds-viewport .mds-xl-row-gap-800 {
    row-gap: 32px;
  }
  .mds .mds-xl-gap-900,
  .mds .mds-container .mds-xl-gap-900,
  .mds .mds-viewport .mds-xl-gap-900 {
    gap: 36px;
  }
  .mds .mds-xl-col-gap-900,
  .mds .mds-container .mds-xl-col-gap-900,
  .mds .mds-viewport .mds-xl-col-gap-900 {
    column-gap: 36px;
  }
  .mds .mds-xl-row-gap-900,
  .mds .mds-container .mds-xl-row-gap-900,
  .mds .mds-viewport .mds-xl-row-gap-900 {
    row-gap: 36px;
  }
  .mds .mds-xl-gap-1000,
  .mds .mds-container .mds-xl-gap-1000,
  .mds .mds-viewport .mds-xl-gap-1000 {
    gap: 40px;
  }
  .mds .mds-xl-col-gap-1000,
  .mds .mds-container .mds-xl-col-gap-1000,
  .mds .mds-viewport .mds-xl-col-gap-1000 {
    column-gap: 40px;
  }
  .mds .mds-xl-row-gap-1000,
  .mds .mds-container .mds-xl-row-gap-1000,
  .mds .mds-viewport .mds-xl-row-gap-1000 {
    row-gap: 40px;
  }
  .mds .mds-xl-gap-1200,
  .mds .mds-container .mds-xl-gap-1200,
  .mds .mds-viewport .mds-xl-gap-1200 {
    gap: 48px;
  }
  .mds .mds-xl-col-gap-1200,
  .mds .mds-container .mds-xl-col-gap-1200,
  .mds .mds-viewport .mds-xl-col-gap-1200 {
    column-gap: 48px;
  }
  .mds .mds-xl-row-gap-1200,
  .mds .mds-container .mds-xl-row-gap-1200,
  .mds .mds-viewport .mds-xl-row-gap-1200 {
    row-gap: 48px;
  }
  .mds .mds-xl-gap-1600,
  .mds .mds-container .mds-xl-gap-1600,
  .mds .mds-viewport .mds-xl-gap-1600 {
    gap: 64px;
  }
  .mds .mds-xl-col-gap-1600,
  .mds .mds-container .mds-xl-col-gap-1600,
  .mds .mds-viewport .mds-xl-col-gap-1600 {
    column-gap: 64px;
  }
  .mds .mds-xl-row-gap-1600,
  .mds .mds-container .mds-xl-row-gap-1600,
  .mds .mds-viewport .mds-xl-row-gap-1600 {
    row-gap: 64px;
  }
  .mds .mds-xl-gap-2000,
  .mds .mds-container .mds-xl-gap-2000,
  .mds .mds-viewport .mds-xl-gap-2000 {
    gap: 80px;
  }
  .mds .mds-xl-col-gap-2000,
  .mds .mds-container .mds-xl-col-gap-2000,
  .mds .mds-viewport .mds-xl-col-gap-2000 {
    column-gap: 80px;
  }
  .mds .mds-xl-row-gap-2000,
  .mds .mds-container .mds-xl-row-gap-2000,
  .mds .mds-viewport .mds-xl-row-gap-2000 {
    row-gap: 80px;
  }
  .mds .mds-xl-gap-2400,
  .mds .mds-container .mds-xl-gap-2400,
  .mds .mds-viewport .mds-xl-gap-2400 {
    gap: 96px;
  }
  .mds .mds-xl-col-gap-2400,
  .mds .mds-container .mds-xl-col-gap-2400,
  .mds .mds-viewport .mds-xl-col-gap-2400 {
    column-gap: 96px;
  }
  .mds .mds-xl-row-gap-2400,
  .mds .mds-container .mds-xl-row-gap-2400,
  .mds .mds-viewport .mds-xl-row-gap-2400 {
    row-gap: 96px;
  }
  .mds .mds-xl-gap-2800,
  .mds .mds-container .mds-xl-gap-2800,
  .mds .mds-viewport .mds-xl-gap-2800 {
    gap: 112px;
  }
  .mds .mds-xl-col-gap-2800,
  .mds .mds-container .mds-xl-col-gap-2800,
  .mds .mds-viewport .mds-xl-col-gap-2800 {
    column-gap: 112px;
  }
  .mds .mds-xl-row-gap-2800,
  .mds .mds-container .mds-xl-row-gap-2800,
  .mds .mds-viewport .mds-xl-row-gap-2800 {
    row-gap: 112px;
  }
  .mds .mds-xl-gap-3200,
  .mds .mds-container .mds-xl-gap-3200,
  .mds .mds-viewport .mds-xl-gap-3200 {
    gap: 128px;
  }
  .mds .mds-xl-col-gap-3200,
  .mds .mds-container .mds-xl-col-gap-3200,
  .mds .mds-viewport .mds-xl-col-gap-3200 {
    column-gap: 128px;
  }
  .mds .mds-xl-row-gap-3200,
  .mds .mds-container .mds-xl-row-gap-3200,
  .mds .mds-viewport .mds-xl-row-gap-3200 {
    row-gap: 128px;
  }
}

.mds-content h1 {
  margin: var(--mds_foundations_typography_heading-1_margin-top) 0 var(--mds_foundations_typography_heading-1_margin-bottom);
}
.mds-content h2 {
  margin: var(--mds_foundations_typography_heading-2_margin-top) 0 var(--mds_foundations_typography_heading-2_margin-bottom);
}
.mds-content h3 {
  margin: var(--mds_foundations_typography_heading-3_margin-top) 0 var(--mds_foundations_typography_heading-3_margin-bottom);
}
.mds-content h4 {
  margin: var(--mds_foundations_typography_heading-4_margin-top) 0 var(--mds_foundations_typography_heading-4_margin-bottom);
}
.mds-content h5,
.mds-content h6 {
  margin: var(--mds_foundations_typography_heading-4_margin-top) 0 var(--mds_foundations_typography_heading-4_margin-bottom);
}
.mds-content p {
  margin: var(--mds_foundations_typography_paragraph_margin-top) 0 var(--mds_foundations_typography_paragraph_margin-bottom);
  padding: 0;
}
.mds-content hr {
  margin: var(--mds_foundations_horizontal-rule_margin-top) 0 var(--mds_foundations_horizontal-rule_margin-bottom) 0;
}
.mds-content ul,
.mds-content ol {
  margin: var(--mds_foundations_list_margin-top) var(--mds_foundations_list_margin-bottom);
  padding: 0 0 0 var(--mds_foundations_list_vertical_padding-left);
}
.mds-content ul li,
.mds-content ol li {
  padding-left: var(--mds_foundations_list_item_padding-left);
}
.mds-content slot[name=label],
.mds-content slot[name=errormessage],
.mds-content slot[name=hint],
.mds-content slot[name=legend],
.mds-content span[slot=label],
.mds-content span[slot=errormessage],
.mds-content span[slot=hint],
.mds-content span[slot=legend] {
  display: flex;
  align-items: center;
  gap: var(--mds_foundations_slot_gap);
}
.mds-content mc-modal h1,
.mds-content mc-tab-bar h1,
.mds-content mc-popover h1,
.mds-content mc-c-accordion h1 {
  margin: calc(var(--mds_foundations_typography_heading-1_margin-top) / 2) 0 calc(var(--mds_foundations_typography_heading-1_margin-bottom) / 2) 0;
}
.mds-content mc-modal h2,
.mds-content mc-tab-bar h2,
.mds-content mc-popover h2,
.mds-content mc-c-accordion h2 {
  margin: calc(var(--mds_foundations_typography_heading-2_margin-top) / 2) 0 calc(var(--mds_foundations_typography_heading-2_margin-bottom) / 2) 0;
}
.mds-content mc-modal h3,
.mds-content mc-tab-bar h3,
.mds-content mc-popover h3,
.mds-content mc-c-accordion h3 {
  margin: calc(var(--mds_foundations_typography_heading-3_margin-top) / 2) 0 calc(var(--mds_foundations_typography_heading-3_margin-bottom) / 2) 0;
}
.mds-content mc-modal h4,
.mds-content mc-tab-bar h4,
.mds-content mc-popover h4,
.mds-content mc-c-accordion h4 {
  margin: calc(var(--mds_foundations_typography_heading-4_margin-top) / 2) 0 calc(var(--mds_foundations_typography_heading-4_margin-bottom) / 2) 0;
}
.mds-content mc-modal h5,
.mds-content mc-tab-bar h5,
.mds-content mc-popover h5,
.mds-content mc-c-accordion h5 {
  margin: calc(var(--mds_foundations_typography_heading-4_margin-top) / 2) 0 calc(var(--mds_foundations_typography_heading-4_margin-bottom) / 2) 0;
}
.mds-content mc-modal h6,
.mds-content mc-tab-bar h6,
.mds-content mc-popover h6,
.mds-content mc-c-accordion h6 {
  margin: calc(var(--mds_foundations_typography_heading-4_margin-top) / 2) 0 calc(var(--mds_foundations_typography_heading-4_margin-bottom) / 2) 0;
}
.mds-content mc-modal p,
.mds-content mc-tab-bar p,
.mds-content mc-popover p,
.mds-content mc-c-accordion p {
  margin: calc(var(--mds_foundations_typography_paragraph_margin-top) / 2) 0 calc(var(--mds_foundations_typography_paragraph_margin-bottom) / 2) 0;
}
.mds-content mc-modal hr,
.mds-content mc-tab-bar hr,
.mds-content mc-popover hr,
.mds-content mc-c-accordion hr {
  margin: calc(var(----mds_foundations_horizontal-rule_margin-top) / 2) 0 calc(var(--mds_foundations_horizontal-rule_margin-bottom) / 2) 0;
}
.mds-content mc-modal ol,
.mds-content mc-modal ul,
.mds-content mc-tab-bar ol,
.mds-content mc-tab-bar ul,
.mds-content mc-popover ol,
.mds-content mc-popover ul,
.mds-content mc-c-accordion ol,
.mds-content mc-c-accordion ul {
  margin: calc(var(--mds_foundations_list_margin-top) / 2) 0 calc(var(--mds_foundations_list_margin-bottom) / 2) 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/themes/lara-light-blue/theme.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
:root {
  font-family: "Inter var", sans-serif;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  font-variation-settings: normal;
  --font-family:"Inter var", sans-serif;
  --font-feature-settings: "cv02","cv03","cv04","cv11";
  --surface-a:#ffffff;
  --surface-b:#f8f9fa;
  --surface-c:#e9ecef;
  --surface-d:#dee2e6;
  --surface-e:#ffffff;
  --surface-f:#ffffff;
  --text-color:#495057;
  --text-color-secondary:#6c757d;
  --primary-color:#3B82F6;
  --primary-color-text:#ffffff;
  --surface-0: #ffffff;
  --surface-50: #FAFAFA;
  --surface-100: #F5F5F5;
  --surface-200: #EEEEEE;
  --surface-300: #E0E0E0;
  --surface-400: #BDBDBD;
  --surface-500: #9E9E9E;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-400: #BDBDBD;
  --gray-500: #9E9E9E;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding:1.25rem;
  --inline-spacing:0.5rem;
  --border-radius:6px;
  --surface-ground:#eff3f8;
  --surface-section:#ffffff;
  --surface-card:#ffffff;
  --surface-overlay:#ffffff;
  --surface-border:#dfe7ef;
  --surface-hover:#f6f9fc;
  --focus-ring: 0 0 0 0.2rem #BFDBFE;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #EFF6FF;
  --highlight-text-color: #1D4ED8;
  color-scheme: light;
}

@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: "Regular";
  src: url('Inter-roman.var.woff2?v=3.19') format("woff2");
}
@font-face {
  font-family: "Inter var";
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: "Italic";
  src: url('Inter-italic.var.woff2?v=3.19') format("woff2");
}
:root {
  --blue-50:#f5f9ff;
  --blue-100:#d0e1fd;
  --blue-200:#abc9fb;
  --blue-300:#85b2f9;
  --blue-400:#609af8;
  --blue-500:#3b82f6;
  --blue-600:#326fd1;
  --blue-700:#295bac;
  --blue-800:#204887;
  --blue-900:#183462;
  --green-50:#f4fcf7;
  --green-100:#caf1d8;
  --green-200:#a0e6ba;
  --green-300:#76db9b;
  --green-400:#4cd07d;
  --green-500:#22c55e;
  --green-600:#1da750;
  --green-700:#188a42;
  --green-800:#136c34;
  --green-900:#0e4f26;
  --yellow-50:#fefbf3;
  --yellow-100:#faedc4;
  --yellow-200:#f6de95;
  --yellow-300:#f2d066;
  --yellow-400:#eec137;
  --yellow-500:#eab308;
  --yellow-600:#c79807;
  --yellow-700:#a47d06;
  --yellow-800:#816204;
  --yellow-900:#5e4803;
  --cyan-50:#f3fbfd;
  --cyan-100:#c3edf5;
  --cyan-200:#94e0ed;
  --cyan-300:#65d2e4;
  --cyan-400:#35c4dc;
  --cyan-500:#06b6d4;
  --cyan-600:#059bb4;
  --cyan-700:#047f94;
  --cyan-800:#036475;
  --cyan-900:#024955;
  --pink-50:#fef6fa;
  --pink-100:#fad3e7;
  --pink-200:#f7b0d3;
  --pink-300:#f38ec0;
  --pink-400:#f06bac;
  --pink-500:#ec4899;
  --pink-600:#c93d82;
  --pink-700:#a5326b;
  --pink-800:#822854;
  --pink-900:#5e1d3d;
  --indigo-50:#f7f7fe;
  --indigo-100:#dadafc;
  --indigo-200:#bcbdf9;
  --indigo-300:#9ea0f6;
  --indigo-400:#8183f4;
  --indigo-500:#6366f1;
  --indigo-600:#5457cd;
  --indigo-700:#4547a9;
  --indigo-800:#363885;
  --indigo-900:#282960;
  --teal-50:#f3fbfb;
  --teal-100:#c7eeea;
  --teal-200:#9ae0d9;
  --teal-300:#6dd3c8;
  --teal-400:#41c5b7;
  --teal-500:#14b8a6;
  --teal-600:#119c8d;
  --teal-700:#0e8174;
  --teal-800:#0b655b;
  --teal-900:#084a42;
  --orange-50:#fff8f3;
  --orange-100:#feddc7;
  --orange-200:#fcc39b;
  --orange-300:#fba86f;
  --orange-400:#fa8e42;
  --orange-500:#f97316;
  --orange-600:#d46213;
  --orange-700:#ae510f;
  --orange-800:#893f0c;
  --orange-900:#642e09;
  --bluegray-50:#f7f8f9;
  --bluegray-100:#dadee3;
  --bluegray-200:#bcc3cd;
  --bluegray-300:#9fa9b7;
  --bluegray-400:#818ea1;
  --bluegray-500:#64748b;
  --bluegray-600:#556376;
  --bluegray-700:#465161;
  --bluegray-800:#37404c;
  --bluegray-900:#282e38;
  --purple-50:#fbf7ff;
  --purple-100:#ead6fd;
  --purple-200:#dab6fc;
  --purple-300:#c996fa;
  --purple-400:#b975f9;
  --purple-500:#a855f7;
  --purple-600:#8f48d2;
  --purple-700:#763cad;
  --purple-800:#5c2f88;
  --purple-900:#432263;
  --red-50:#fff5f5;
  --red-100:#ffd0ce;
  --red-200:#ffaca7;
  --red-300:#ff8780;
  --red-400:#ff6259;
  --red-500:#ff3d32;
  --red-600:#d9342b;
  --red-700:#b32b23;
  --red-800:#8c221c;
  --red-900:#661814;
  --primary-50:#f5f9ff;
  --primary-100:#d0e1fd;
  --primary-200:#abc9fb;
  --primary-300:#85b2f9;
  --primary-400:#609af8;
  --primary-500:#3b82f6;
  --primary-600:#326fd1;
  --primary-700:#295bac;
  --primary-800:#204887;
  --primary-900:#183462;
}

.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 0.75rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #495057;
  background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.75rem 1.25rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: #495057;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #3B82F6;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #3B82F6;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #3B82F6;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: #3B82F6;
}

@layer primeng {
  * {
    box-sizing: border-box;
  }

  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    font-weight: normal;
  }

  .p-component-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    transition-duration: 0.2s;
  }

  .p-disabled, .p-component:disabled {
    opacity: 0.6;
  }

  .p-error {
    color: #e24c4c;
  }

  .p-text-secondary {
    color: #6c757d;
  }

  .pi {
    font-size: 1rem;
  }

  .p-icon {
    width: 1rem;
    height: 1rem;
  }

  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 6px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }

  .p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards;
  }

  .p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards;
  }

  @keyframes p-component-overlay-enter-animation {
    from {
      background-color: transparent;
    }
    to {
      background-color: var(--maskbg);
    }
  }
  @keyframes p-component-overlay-leave-animation {
    from {
      background-color: var(--maskbg);
    }
    to {
      background-color: transparent;
    }
  }

  .p-autocomplete .p-autocomplete-loader {
    right: 0.75rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 3.75rem;
  }
  .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
    border-color: #3B82F6;
  }
  .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.375rem 0.75rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.375rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: inherit;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.375rem 0.75rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #e24c4c;
  }

  .p-autocomplete-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-autocomplete-panel .p-autocomplete-items {
    padding: 0.75rem 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #343a40;
    background: #ffffff;
    font-weight: 700;
  }

  p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
    border-color: #e24c4c;
  }

  p-autocomplete.p-autocomplete-clearable .p-inputtext {
    padding-right: 2.5rem;
  }
  p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon {
    color: #6c757d;
    right: 0.75rem;
  }

  p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon {
    color: #6c757d;
    right: 3.75rem;
  }

  p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
    border-color: #e24c4c;
  }

  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }

  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 6px;
  }
  .p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #ffffff;
  }
  .p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #3B82F6;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
  }
  .p-datepicker table {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  .p-datepicker table th {
    padding: 0.5rem;
  }
  .p-datepicker table th > span {
    width: 2.5rem;
    height: 2.5rem;
  }
  .p-datepicker table td {
    padding: 0.5rem;
  }
  .p-datepicker table td > span {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: box-shadow 0.2s;
    border: 1px solid transparent;
  }
  .p-datepicker table td > span.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-datepicker table td.p-datepicker-today > span {
    background: #ced4da;
    color: #495057;
    border-color: transparent;
  }
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-datepicker .p-datepicker-buttonbar {
    padding: 1rem 0;
    border-top: 1px solid #dee2e6;
  }
  .p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
  }
  .p-datepicker .p-timepicker {
    border-top: 1px solid #dee2e6;
    padding: 0.5rem;
  }
  .p-datepicker .p-timepicker button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-timepicker button:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
  }
  .p-datepicker .p-timepicker span {
    font-size: 1.25rem;
  }
  .p-datepicker .p-timepicker > div {
    padding: 0 0.5rem;
  }
  .p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
  }
  .p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid #dee2e6;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
    padding-left: 0;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }

  p-calendar.p-calendar-clearable .p-inputtext {
    padding-right: 2.5rem;
  }
  p-calendar.p-calendar-clearable .p-calendar-clear-icon {
    color: #6c757d;
    right: 0.75rem;
  }

  p-calendar.p-calendar-clearable .p-calendar-w-btn .p-calendar-clear-icon {
    color: #6c757d;
    right: 3.75rem;
  }

  @media screen and (max-width: 769px) {
    .p-datepicker table th, .p-datepicker table td {
      padding: 0;
    }
  }
  .p-cascadeselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #3B82F6;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.75rem 0.75rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #e24c4c;
  }

  .p-cascadeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0.75rem 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 0.75rem 1.25rem;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
    font-size: 0.875rem;
  }

  .p-input-filled .p-cascadeselect {
    background: #e9ecef;
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
    background-color: #e9ecef;
  }
  .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }

  p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
    border-color: #e24c4c;
  }

  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label {
    padding-right: 0.75rem;
  }
  p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon {
    color: #6c757d;
    right: 3rem;
  }

  .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel {
    box-shadow: none;
    border-radius: 0;
    padding: 0.25rem 0 0.25rem 0.5rem;
  }
  .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon {
    transform: rotate(90deg);
  }

  .p-checkbox {
    width: 22px;
    height: 22px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #495057;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box.p-highlight {
    border-color: #3B82F6;
    background: #3B82F6;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    border-color: #3B82F6;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    border-color: #1D4ED8;
    background: #1D4ED8;
    color: #ffffff;
  }

  p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
    border-color: #e24c4c;
  }

  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #e9ecef;
  }
  .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
    background: #3B82F6;
  }
  .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
    background-color: #e9ecef;
  }
  .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
    background: #1D4ED8;
  }

  .p-checkbox-label {
    margin-left: 0.5rem;
  }

  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #3B82F6;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.375rem 0.75rem;
    gap: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.375rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: inherit;
    font-feature-settings: inherit;
    font-size: inherit;
    color: #495057;
    padding: 0;
    margin: 0;
  }

  p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
    border-color: #e24c4c;
  }

  p-chips.p-chips-clearable .p-inputtext {
    padding-right: 1.75rem;
  }
  p-chips.p-chips-clearable .p-chips-clear-icon {
    color: #6c757d;
    right: 0.75rem;
  }

  .p-colorpicker-preview,
.p-fluid .p-colorpicker-preview.p-inputtext {
    width: 2rem;
    height: 2rem;
  }

  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919;
  }
  .p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
    border-color: #ffffff;
  }

  .p-colorpicker-overlay-panel {
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }

  .p-dropdown {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #3B82F6;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.75rem;
  }
  .p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
  }
  .p-dropdown .p-dropdown-label.p-placeholder {
    color: #6c757d;
  }
  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6c757d;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6c757d;
    right: 3rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #e24c4c;
  }

  .p-dropdown-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-dropdown-panel .p-dropdown-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
    color: #343a40;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 1.75rem;
    margin-right: -1.75rem;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.75rem;
    color: #6c757d;
  }
  .p-dropdown-panel .p-dropdown-items {
    padding: 0.75rem 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #343a40;
    background: #ffffff;
    font-weight: 700;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.75rem 1.25rem;
    color: #495057;
    background: transparent;
  }

  .p-input-filled .p-dropdown {
    background: #e9ecef;
  }
  .p-input-filled .p-dropdown:not(.p-disabled):hover {
    background-color: #e9ecef;
  }
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }

  .p-inputgroup-addon {
    background: #e9ecef;
    color: #6c757d;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0.75rem 0.75rem;
    min-width: 3rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
  }

  .p-inputgroup > .p-component,
.p-inputgroup > .p-element,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-element + .p-inputgroup-addon,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
    border-left: 0 none;
  }
  .p-inputgroup > .p-component:focus,
.p-inputgroup > .p-element:focus,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-element:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
    z-index: 1;
  }

  .p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-component,
.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-component,
.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 3rem;
  }

  p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
    border-color: #e24c4c;
  }

  p-inputmask.p-inputmask-clearable .p-inputtext {
    padding-right: 2.5rem;
  }
  p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon {
    color: #6c757d;
    right: 0.75rem;
  }

  p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
    border-color: #e24c4c;
  }

  p-inputnumber.p-inputnumber-clearable .p-inputnumber-input {
    padding-right: 2.5rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon {
    color: #6c757d;
    right: 0.75rem;
  }

  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon {
    right: 3.75rem;
  }
  p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon {
    right: 3.75rem;
  }

  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-slider {
    background: #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
  }
  .p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition-duration: 0.2s;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    transform: translateX(1.25rem);
  }
  .p-inputswitch.p-focus .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
    background: #b6bfc8;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background: #3B82F6;
  }
  .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
    background: #ffffff;
  }
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background: #2563eb;
  }

  p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
    border-color: #e24c4c;
  }

  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.75rem 0.75rem;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    appearance: none;
    border-radius: 6px;
  }
  .p-inputtext:enabled:hover {
    border-color: #3B82F6;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-inputtext.ng-dirty.ng-invalid {
    border-color: #e24c4c;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 0.65625rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 0.9375rem;
  }

  .p-float-label > label {
    left: 0.75rem;
    color: #6c757d;
    transition-duration: 0.2s;
  }

  .p-float-label > .ng-invalid.ng-dirty + label {
    color: #e24c4c;
  }

  .p-input-icon-left > .p-icon-wrapper.p-icon,
.p-input-icon-left > i:first-of-type {
    left: 0.75rem;
    color: #6c757d;
  }

  .p-input-icon-left > .p-inputtext {
    padding-left: 2.5rem;
  }

  .p-input-icon-left.p-float-label > label {
    left: 2.5rem;
  }

  .p-input-icon-right > .p-icon-wrapper,
.p-input-icon-right > i:last-of-type {
    right: 0.75rem;
    color: #6c757d;
  }

  .p-input-icon-right > .p-inputtext {
    padding-right: 2.5rem;
  }

  ::-webkit-input-placeholder {
    color: #6c757d;
  }

  :-moz-placeholder {
    color: #6c757d;
  }

  ::-moz-placeholder {
    color: #6c757d;
  }

  :-ms-input-placeholder {
    color: #6c757d;
  }

  .p-input-filled .p-inputtext {
    background-color: #e9ecef;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #e9ecef;
  }
  .p-input-filled .p-inputtext:enabled:focus {
    background-color: #ffffff;
  }

  .p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.65625rem 0.65625rem;
  }

  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.9375rem 0.9375rem;
  }

  .p-listbox {
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-listbox .p-listbox-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
    color: #343a40;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 1.75rem;
  }
  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.75rem;
    color: #6c757d;
  }
  .p-listbox .p-listbox-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-listbox .p-listbox-list {
    padding: 0.75rem 0;
    outline: 0 none;
  }
  .p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #343a40;
    background: #ffffff;
    font-weight: 700;
  }
  .p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 0.75rem 1.25rem;
    color: #495057;
    background: transparent;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }

  p-listbox.ng-dirty.ng-invalid > .p-listbox {
    border-color: #e24c4c;
  }

  .p-multiselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #3B82F6;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-multiselect .p-multiselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.375rem 0.75rem;
  }

  .p-multiselect-clearable .p-multiselect-label-container {
    padding-right: 1.75rem;
  }
  .p-multiselect-clearable .p-multiselect-clear-icon {
    color: #6c757d;
    right: 3rem;
  }

  .p-multiselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-multiselect-panel .p-multiselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
    color: #343a40;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.75rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.75rem;
    color: #6c757d;
  }
  .p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-multiselect-panel .p-multiselect-items {
    padding: 0.75rem 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #343a40;
    background: #ffffff;
    font-weight: 700;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #495057;
    background: transparent;
  }

  .p-input-filled .p-multiselect {
    background: #e9ecef;
  }
  .p-input-filled .p-multiselect:not(.p-disabled):hover {
    background-color: #e9ecef;
  }
  .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }

  p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
    border-color: #e24c4c;
  }

  p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
    border-color: #e24c4c;
  }

  .p-password-panel {
    padding: 1.25rem;
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: #dee2e6;
  }
  .p-password-panel .p-password-meter .p-password-strength.weak {
    background: #ea5455;
  }
  .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #ff9f42;
  }
  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #29c76f;
  }

  p-password.p-password-clearable .p-password-input {
    padding-right: 2.5rem;
  }
  p-password.p-password-clearable .p-password-clear-icon {
    color: #6c757d;
    right: 0.75rem;
  }

  p-password.p-password-clearable.p-password-mask .p-password-input {
    padding-right: 4.25rem;
  }
  p-password.p-password-clearable.p-password-mask .p-password-clear-icon {
    color: #6c757d;
    right: 2.5rem;
  }

  .p-radiobutton {
    width: 22px;
    height: 22px;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 22px;
    height: 22px;
    color: #495057;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
    border-color: #3B82F6;
  }
  .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton .p-radiobutton-box.p-highlight {
    border-color: #3B82F6;
    background: #3B82F6;
  }
  .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    border-color: #1D4ED8;
    background: #1D4ED8;
    color: #ffffff;
  }

  p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
    border-color: #e24c4c;
  }

  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #e9ecef;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
    background-color: #e9ecef;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
    background: #3B82F6;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
    background: #1D4ED8;
  }

  .p-radiobutton-label {
    margin-left: 0.5rem;
  }

  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #ea5455;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #3B82F6;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #3B82F6;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #e73d3e;
  }

  .p-selectbutton .p-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #343a40;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #3B82F6;
    border-color: #3B82F6;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }

  p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
    border-color: #e24c4c;
  }

  .p-slider {
    background: #dee2e6;
    border: 0 none;
    border-radius: 6px;
  }
  .p-slider.p-slider-horizontal {
    height: 0.286rem;
  }
  .p-slider.p-slider-horizontal .p-slider-handle {
    margin-top: -0.5715rem;
    margin-left: -0.5715rem;
  }
  .p-slider.p-slider-vertical {
    width: 0.286rem;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
  }
  .p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #ffffff;
    border: 2px solid #3B82F6;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-slider .p-slider-range {
    background: #3B82F6;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #3B82F6;
    border-color: #3B82F6;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
    transition: width 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s;
  }
  .p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
    transition: height 0.2s;
  }

  .p-togglebutton.p-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #343a40;
  }
  .p-togglebutton.p-button.p-highlight {
    background: #3B82F6;
    border-color: #3B82F6;
    color: #ffffff;
  }
  .p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton.p-button.p-highlight:hover {
    background: #2563eb;
    border-color: #2563eb;
    color: #ffffff;
  }
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }

  p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
    border-color: #e24c4c;
  }

  .p-treeselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #3B82F6;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: #3B82F6;
  }
  .p-treeselect .p-treeselect-label {
    padding: 0.75rem 0.75rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect .p-treeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.375rem 0.75rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 3rem;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
    border-color: #e24c4c;
  }

  .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.375rem 0.75rem;
  }

  .p-treeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-treeselect-panel .p-treeselect-header {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
    color: #343a40;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.75rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.75rem;
    color: #6c757d;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
    border: 0 none;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding: 0.75rem 1.25rem;
    color: #495057;
    background: transparent;
  }

  .p-input-filled .p-treeselect {
    background: #e9ecef;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #e9ecef;
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }

  p-treeselect.p-treeselect-clearable .p-treeselect-label-container {
    padding-right: 1.75rem;
  }
  p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
    color: #6c757d;
    right: 3rem;
  }

  .p-button {
    color: #ffffff;
    background: #3B82F6;
    border: 1px solid #3B82F6;
    padding: 0.75rem 1.25rem;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-button:enabled:hover {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
  }
  .p-button:enabled:active {
    background: #1D4ED8;
    color: #ffffff;
    border-color: #1D4ED8;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #3B82F6;
    border: 1px solid;
  }
  .p-button.p-button-outlined:enabled:hover {
    background: rgba(59, 130, 246, 0.04);
    color: #3B82F6;
    border: 1px solid;
  }
  .p-button.p-button-outlined:enabled:active {
    background: rgba(59, 130, 246, 0.16);
    color: #3B82F6;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:enabled:hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:enabled:active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #3B82F6;
    border-color: transparent;
  }
  .p-button.p-button-text:enabled:hover {
    background: rgba(59, 130, 246, 0.04);
    color: #3B82F6;
    border-color: transparent;
  }
  .p-button.p-button-text:enabled:active {
    background: rgba(59, 130, 246, 0.16);
    color: #3B82F6;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:enabled:hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:enabled:active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .p-button .p-button-icon-left {
    margin-right: 0.5rem;
  }
  .p-button .p-button-icon-right {
    margin-left: 0.5rem;
  }
  .p-button .p-button-icon-bottom {
    margin-top: 0.5rem;
  }
  .p-button .p-button-icon-top {
    margin-bottom: 0.5rem;
  }
  .p-button .p-badge {
    margin-left: 0.5rem;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #3B82F6;
    background-color: #ffffff;
  }
  .p-button.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-button.p-button-rounded {
    border-radius: 2rem;
  }
  .p-button.p-button-icon-only {
    width: 3rem;
    padding: 0.75rem 0;
  }
  .p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
    margin: 0;
  }
  .p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 3rem;
  }
  .p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
  }
  .p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
  }
  .p-button.p-button-loading-label-only .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin-right: 0;
  }

  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 3rem;
  }
  .p-fluid .p-buttonset {
    display: flex;
  }
  .p-fluid .p-buttonset .p-button {
    flex: 1;
  }

  .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
    color: #ffffff;
    background: #64748B;
    border: 1px solid #64748B;
  }
  .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
    background: #475569;
    color: #ffffff;
    border-color: #475569;
  }
  .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #E2E8F0;
  }
  .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
    background: #334155;
    color: #ffffff;
    border-color: #334155;
  }
  .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
    background-color: transparent;
    color: #64748B;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
    background: rgba(100, 116, 139, 0.04);
    color: #64748B;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
    background: rgba(100, 116, 139, 0.16);
    color: #64748B;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
    background-color: transparent;
    color: #64748B;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
    background: rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color: #64748B;
  }
  .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
    background: rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color: #64748B;
  }

  .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
    color: #ffffff;
    background: #3B82F6;
    border: 1px solid #3B82F6;
  }
  .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
    background: #2563EB;
    color: #ffffff;
    border-color: #2563EB;
  }
  .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
    background: #1D4ED8;
    color: #ffffff;
    border-color: #1D4ED8;
  }
  .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
    background-color: transparent;
    color: #3B82F6;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
    background: rgba(59, 130, 246, 0.04);
    color: #3B82F6;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
    background: rgba(59, 130, 246, 0.16);
    color: #3B82F6;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
    background-color: transparent;
    color: #3B82F6;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
    background: rgba(59, 130, 246, 0.04);
    border-color: transparent;
    color: #3B82F6;
  }
  .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
    background: rgba(59, 130, 246, 0.16);
    border-color: transparent;
    color: #3B82F6;
  }

  .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
    color: #ffffff;
    background: #22C55E;
    border: 1px solid #22C55E;
  }
  .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
    background: #16A34A;
    color: #ffffff;
    border-color: #16A34A;
  }
  .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #BBF7D0;
  }
  .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
    background: #15803D;
    color: #ffffff;
    border-color: #15803D;
  }
  .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
    background-color: transparent;
    color: #22C55E;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
    background: rgba(34, 197, 94, 0.04);
    color: #22C55E;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
    background: rgba(34, 197, 94, 0.16);
    color: #22C55E;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
    background-color: transparent;
    color: #22C55E;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color: #22C55E;
  }
  .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
    background: rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color: #22C55E;
  }

  .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
    color: #ffffff;
    background: #F59E0B;
    border: 1px solid #F59E0B;
  }
  .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
    background: #D97706;
    color: #ffffff;
    border-color: #D97706;
  }
  .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #FDE68A;
  }
  .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
    background: #B45309;
    color: #ffffff;
    border-color: #B45309;
  }
  .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
    background-color: transparent;
    color: #F59E0B;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
    background: rgba(245, 158, 11, 0.04);
    color: #F59E0B;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
    background: rgba(245, 158, 11, 0.16);
    color: #F59E0B;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
    background-color: transparent;
    color: #F59E0B;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
    background: rgba(245, 158, 11, 0.04);
    border-color: transparent;
    color: #F59E0B;
  }
  .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
    background: rgba(245, 158, 11, 0.16);
    border-color: transparent;
    color: #F59E0B;
  }

  .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
    color: #ffffff;
    background: #A855F7;
    border: 1px solid #A855F7;
  }
  .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
    background: #9333EA;
    color: #ffffff;
    border-color: #9333EA;
  }
  .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #E9D5FF;
  }
  .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
    background: #7E22CE;
    color: #ffffff;
    border-color: #7E22CE;
  }
  .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
    background-color: transparent;
    color: #A855F7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
    background: rgba(168, 85, 247, 0.04);
    color: #A855F7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
    background: rgba(168, 85, 247, 0.16);
    color: #A855F7;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
    background-color: transparent;
    color: #A855F7;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
    background: rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color: #A855F7;
  }
  .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
    background: rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color: #A855F7;
  }

  .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
    color: #ffffff;
    background: #EF4444;
    border: 1px solid #EF4444;
  }
  .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
    background: #DC2626;
    color: #ffffff;
    border-color: #DC2626;
  }
  .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
    box-shadow: 0 0 0 0.2rem #FECACA;
  }
  .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
    background: #B91C1C;
    color: #ffffff;
    border-color: #B91C1C;
  }
  .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
    background-color: transparent;
    color: #EF4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
    background: rgba(239, 68, 68, 0.04);
    color: #EF4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
    background: rgba(239, 68, 68, 0.16);
    color: #EF4444;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
    background-color: transparent;
    color: #EF4444;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
    background: rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color: #EF4444;
  }
  .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
    background: rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color: #EF4444;
  }

  .p-button.p-button-link {
    color: #1D4ED8;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:enabled:hover {
    background: transparent;
    color: #1D4ED8;
    border-color: transparent;
  }
  .p-button.p-button-link:enabled:hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:enabled:focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
    border-color: transparent;
  }
  .p-button.p-button-link:enabled:active {
    background: transparent;
    color: #1D4ED8;
    border-color: transparent;
  }

  .p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 1.3rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }

  .p-speeddial-list {
    outline: 0 none;
  }

  .p-speeddial-item.p-focus > .p-speeddial-action {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }

  .p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #495057;
    color: #fff;
  }
  .p-speeddial-action:hover {
    background: #022354;
    color: #fff;
  }

  .p-speeddial-direction-up .p-speeddial-item {
    margin: 0.25rem 0;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }

  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem 0;
  }
  .p-speeddial-direction-down .p-speeddial-item:first-child {
    margin-top: 0.5rem;
  }

  .p-speeddial-direction-left .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-left .p-speeddial-item:first-child {
    margin-right: 0.5rem;
  }

  .p-speeddial-direction-right .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-right .p-speeddial-item:first-child {
    margin-left: 0.5rem;
  }

  .p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0;
  }
  .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
.p-speeddial-semi-circle .p-speeddial-item:first-child,
.p-speeddial-semi-circle .p-speeddial-item:last-child,
.p-speeddial-quarter-circle .p-speeddial-item:first-child,
.p-speeddial-quarter-circle .p-speeddial-item:last-child {
    margin: 0;
  }

  .p-speeddial-mask {
    background-color: rgba(0, 0, 0, 0.4);
  }

  .p-splitbutton {
    border-radius: 6px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #3B82F6;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(59, 130, 246, 0.04);
    color: #3B82F6;
  }
  .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(59, 130, 246, 0.16);
    color: #3B82F6;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #3B82F6;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(59, 130, 246, 0.04);
    color: #3B82F6;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(59, 130, 246, 0.16);
    color: #3B82F6;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.65625rem 1.09375rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.9375rem 1.5625rem;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }

  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #64748B;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    color: #64748B;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(100, 116, 139, 0.16);
    color: #64748B;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #64748B;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(100, 116, 139, 0.04);
    border-color: transparent;
    color: #64748B;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(100, 116, 139, 0.16);
    border-color: transparent;
    color: #64748B;
  }

  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #3B82F6;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(59, 130, 246, 0.04);
    color: #3B82F6;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(59, 130, 246, 0.16);
    color: #3B82F6;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #3B82F6;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(59, 130, 246, 0.04);
    border-color: transparent;
    color: #3B82F6;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(59, 130, 246, 0.16);
    border-color: transparent;
    color: #3B82F6;
  }

  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #22C55E;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    color: #22C55E;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(34, 197, 94, 0.16);
    color: #22C55E;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #22C55E;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(34, 197, 94, 0.04);
    border-color: transparent;
    color: #22C55E;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(34, 197, 94, 0.16);
    border-color: transparent;
    color: #22C55E;
  }

  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #F59E0B;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(245, 158, 11, 0.04);
    color: #F59E0B;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(245, 158, 11, 0.16);
    color: #F59E0B;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #F59E0B;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(245, 158, 11, 0.04);
    border-color: transparent;
    color: #F59E0B;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(245, 158, 11, 0.16);
    border-color: transparent;
    color: #F59E0B;
  }

  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #A855F7;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    color: #A855F7;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(168, 85, 247, 0.16);
    color: #A855F7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #A855F7;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(168, 85, 247, 0.04);
    border-color: transparent;
    color: #A855F7;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(168, 85, 247, 0.16);
    border-color: transparent;
    color: #A855F7;
  }

  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #EF4444;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    color: #EF4444;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(239, 68, 68, 0.16);
    color: #EF4444;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #EF4444;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover {
    background: rgba(239, 68, 68, 0.04);
    border-color: transparent;
    color: #EF4444;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active {
    background: rgba(239, 68, 68, 0.16);
    border-color: transparent;
    color: #EF4444;
  }

  .p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin: 0.5rem;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
.p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-carousel .p-carousel-indicators {
    padding: 1rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button {
    background-color: #ced4da;
    width: 2rem;
    height: 0.5rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
    background: #adb5bd;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #EFF6FF;
    color: #1D4ED8;
  }

  .p-datatable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-datatable-header {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-footer {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #343a40;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #343a40;
    background: #f8f9fa;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #343a40;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #1D4ED8;
    background: #EFF6FF;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):hover {
    background: #e9ecef;
    color: #343a40;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #343a40;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #1D4ED8;
  }
  .p-datatable .p-sortable-column.p-highlight:hover {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
    color: #1D4ED8;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #BFDBFE;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr:focus-visible {
    outline: 0.15rem solid #BFDBFE;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #EFF6FF;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #EFF6FF;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-column-resizer-helper {
    background: #3B82F6;
  }
  .p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f8f9fa;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
    color: #1D4ED8;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
    color: #1D4ED8;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem 1.25rem;
  }

  .p-dataview .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-dataview-header {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
    border: solid #dee2e6;
    border-width: 0 0 1px 0;
  }
  .p-dataview .p-dataview-footer {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-emptymessage {
    padding: 1.25rem;
  }

  .p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
    margin-left: 0.5rem;
  }

  .p-column-filter-menu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-menu-button:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: #e9ecef;
    color: #343a40;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }

  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-clear-button:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }

  .p-column-filter-overlay {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    min-width: 12.5rem;
  }
  .p-column-filter-overlay .p-column-filter-row-items {
    padding: 0.75rem 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin: 0;
    padding: 0.75rem 1.25rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #BFDBFE;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }

  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
    color: #343a40;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1.25rem;
    border-bottom: 1px solid #dee2e6;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
    margin-bottom: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
    margin-top: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
    border-bottom: 0 none;
  }
  .p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 0.75rem 1.25rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 1.25rem;
  }

  .p-orderlist .p-orderlist-controls {
    padding: 1.25rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-header {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    padding: 1.25rem;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-orderlist .p-orderlist-header .p-orderlist-title {
    font-weight: 700;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.75rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.75rem;
    color: #6c757d;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
    padding: 0.75rem 1.25rem;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #fcfcfc;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
  }

  .p-orderlist-item.cdk-drag-preview {
    padding: 0.75rem 1.25rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border: 0 none;
    color: #495057;
    background: #ffffff;
    margin: 0;
  }

  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #70aeff;
  }
  .p-organizationchart .p-organizationchart-line-down {
    background: #dee2e6;
  }
  .p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #dee2e6;
    border-color: #dee2e6;
  }
  .p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #dee2e6;
    border-color: #dee2e6;
  }
  .p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1.25rem;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }

  .p-paginator {
    background: #ffffff;
    color: #6c757d;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 6px;
  }
  .p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: transparent;
    color: #343a40;
  }
  .p-paginator .p-paginator-first {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
  }
  .p-paginator .p-dropdown {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    height: 3rem;
  }
  .p-paginator .p-dropdown .p-dropdown-label {
    padding-right: 0;
  }
  .p-paginator .p-paginator-page-input {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .p-paginator .p-paginator-page-input .p-inputtext {
    max-width: 3rem;
  }
  .p-paginator .p-paginator-current {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    padding: 0 0.5rem;
  }
  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 3rem;
    height: 3rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #EFF6FF;
    border-color: #EFF6FF;
    color: #1D4ED8;
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: #e9ecef;
    border-color: transparent;
    color: #343a40;
  }

  .p-picklist .p-picklist-buttons {
    padding: 1.25rem;
  }
  .p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
  }
  .p-picklist .p-picklist-header {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    padding: 1.25rem;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-picklist .p-picklist-header .p-picklist-title {
    font-weight: 700;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.75rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.75rem;
    color: #6c757d;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.75rem 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.75rem 1.25rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-picklist .p-picklist-list .p-picklist-empty-message {
    padding: 0.75rem 1.25rem;
    color: #495057;
  }
  .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) {
    background: #fcfcfc;
  }
  .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover {
    background: #e9ecef;
  }

  .p-picklist-item.cdk-drag-preview {
    padding: 0.75rem 1.25rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border: 0 none;
    color: #495057;
    background: #ffffff;
    margin: 0;
  }

  .p-timeline .p-timeline-event-marker {
    border: 2px solid #3B82F6;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #dee2e6;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px;
  }

  .p-tree {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1.25rem;
    border-radius: 6px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #BFDBFE;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 6px;
    transition: box-shadow 0.2s;
    padding: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6c757d;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #1D4ED8;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
    color: #1D4ED8;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: #e9ecef;
    color: #495057;
  }
  .p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 1.75rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.75rem;
    color: #6c757d;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background-color: #8cbeff;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
    border-radius: 6px;
    border: 1px solid #dee2e6;
    background-color: #ffffff;
    color: #495057;
    padding: 0.5rem;
    transition: box-shadow 0.2s;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
    background-color: #EFF6FF;
    color: #1D4ED8;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #1D4ED8;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
    background-color: inherit;
    color: inherit;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }

  .p-treetable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-treetable-header {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-footer {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #343a40;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    font-weight: 700;
    color: #343a40;
    background: #f8f9fa;
  }
  .p-treetable .p-sortable-column {
    outline-color: #BFDBFE;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #343a40;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #1D4ED8;
    background: #EFF6FF;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #e9ecef;
    color: #343a40;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #343a40;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #1D4ED8;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #BFDBFE;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #1D4ED8;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #1D4ED8;
  }
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
    color: #495057;
  }
  .p-treetable .p-column-resizer-helper {
    background: #3B82F6;
  }
  .p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
  }
  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem;
  }

  .p-virtualscroller .p-virtualscroller-header {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
  }
  .p-virtualscroller .p-virtualscroller-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-virtualscroller .p-virtualscroller-footer {
    background: #f8f9fa;
    color: #343a40;
    border: 1px solid #dee2e6;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 700;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
  }

  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1.25rem;
    border: 1px solid #dee2e6;
    color: #6c757d;
    background: #f8f9fa;
    font-weight: 700;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #BFDBFE;
  }
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #343a40;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #343a40;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #343a40;
  }
  .p-accordion .p-accordion-content {
    padding: 1.25rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-accordion p-accordiontab .p-accordion-tab {
    margin-bottom: 4px;
  }

  .p-card {
    background: #ffffff;
    color: #495057;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 6px;
  }
  .p-card .p-card-body {
    padding: 1.25rem;
  }
  .p-card .p-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .p-card .p-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #6c757d;
  }
  .p-card .p-card-content {
    padding: 1.25rem 0;
  }
  .p-card .p-card-footer {
    padding: 1.25rem 0 0 0;
  }

  .p-divider .p-divider-content {
    background-color: #ffffff;
  }
  .p-divider.p-divider-horizontal {
    margin: 1.25rem 0;
    padding: 0 1.25rem;
  }
  .p-divider.p-divider-horizontal:before {
    border-top: 1px #dee2e6;
  }
  .p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
  }
  .p-divider.p-divider-vertical {
    margin: 0 1.25rem;
    padding: 1.25rem 0;
  }
  .p-divider.p-divider-vertical:before {
    border-left: 1px #dee2e6;
  }
  .p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
  }

  .p-fieldset {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-radius: 6px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1.25rem;
    border: 1px solid #dee2e6;
    color: #343a40;
    background: #f8f9fa;
    font-weight: 700;
    border-radius: 6px;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1.25rem;
    color: #343a40;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #343a40;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1.25rem;
  }

  .p-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1.25rem;
    background: #f8f9fa;
    color: #343a40;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 700;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.75rem 1.25rem;
  }
  .p-panel .p-panel-content {
    padding: 1.25rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0 none;
  }
  .p-panel .p-panel-content:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-panel .p-panel-footer {
    padding: 0.75rem 1.25rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: 0 none;
  }
  .p-panel .p-panel-icons-end {
    order: 2;
    margin-left: auto;
  }
  .p-panel .p-panel-icons-start {
    order: 0;
    margin-right: 0.5rem;
  }
  .p-panel .p-panel-icons-center {
    order: 2;
    width: 100%;
    text-align: center;
  }

  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
  }

  .p-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 6px;
    color: #495057;
  }
  .p-splitter .p-splitter-gutter {
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    background: #f8f9fa;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #dee2e6;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }

  .p-tabview .p-tabview-nav-content {
    scroll-padding-inline: 3rem;
  }
  .p-tabview .p-tabview-nav {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-width: 0 0 2px 0;
  }
  .p-tabview .p-tabview-nav li {
    margin-right: 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid #dee2e6;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #dee2e6 transparent;
    background: #ffffff;
    color: #6c757d;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #BFDBFE;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #adb5bd;
    color: #6c757d;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #3B82F6;
    color: #3B82F6;
  }
  .p-tabview .p-tabview-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabview .p-tabview-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #3B82F6;
    width: 3rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #BFDBFE;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1.25rem;
    border: 0 none;
    color: #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }

  .p-toolbar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 1.25rem;
    border-radius: 6px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }

  .p-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-confirm-popup .p-confirm-popup-content {
    padding: 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0.75rem 1.25rem;
  }
  .p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
  }
  .p-confirm-popup:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #ffffff;
  }
  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }

  .p-dialog {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 0 none;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: #343a40;
    padding: 1.5rem;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 700;
    font-size: 1.25rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-align: right;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }

  .p-overlaypanel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 1.25rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #3B82F6;
    color: #ffffff;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
  }
  .p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #2563eb;
    color: #ffffff;
  }
  .p-overlaypanel:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-overlaypanel:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
  }
  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #ffffff;
  }

  .p-sidebar {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
  .p-sidebar .p-sidebar-header {
    padding: 1.25rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: #343a40;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1.25rem;
  }
  .p-sidebar .p-sidebar-footer {
    padding: 1.25rem;
  }

  .p-tooltip .p-tooltip-text {
    background: #495057;
    color: #ffffff;
    padding: 0.75rem 0.75rem;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #495057;
  }
  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #495057;
  }
  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #495057;
  }
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #495057;
  }

  .p-fileupload .p-fileupload-buttonbar {
    background: #f8f9fa;
    padding: 1.25rem;
    border: 1px solid #dee2e6;
    color: #343a40;
    border-bottom: 0 none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-fileupload .p-fileupload-content.p-fileupload-highlight {
    border-color: 1px dashed #3B82F6;
    border-style: dashed;
    background-color: #EFF6FF;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }

  .p-fileupload-choose:not(.p-disabled):hover {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
  }
  .p-fileupload-choose:not(.p-disabled):active {
    background: #1D4ED8;
    color: #ffffff;
    border-color: #1D4ED8;
  }

  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
  }

  .p-contextmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .p-contextmenu .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #1D4ED8;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #1D4ED8;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }

  .p-dock .p-dock-list-container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
  }
  .p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 6px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #BFDBFE;
  }
  .p-dock .p-dock-link {
    width: 4rem;
    height: 4rem;
  }
  .p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
  }
  .p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
  }
  .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
  }
  .p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
  }

  @media screen and (max-width: 960px) {
    .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
      overflow-x: auto;
      width: 100%;
    }
    .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
      margin: 0 auto;
    }
    .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
      overflow-y: auto;
      height: 100%;
    }
    .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
      margin: auto 0;
    }
    .p-dock .p-dock-list .p-dock-item {
      transform: none;
      margin: 0;
    }
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 6px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #1D4ED8;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #1D4ED8;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #343a40;
    background: #ffffff;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }

  .p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #1D4ED8;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #1D4ED8;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu.p-menu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-menu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1.25rem;
    color: #343a40;
    background: #ffffff;
    font-weight: 700;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .p-menu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menu .p-menuitem-badge {
    background: #3B82F6;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 6px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .p-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 6px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 6px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #1D4ED8;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #1D4ED8;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    width: 12.5rem;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }

  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6c757d;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #BFDBFE;
    }
    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0.25rem 0;
      background: #ffffff;
      border: 0 none;
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
      width: 100%;
    }
    .p-menubar .p-menubar-root-list .p-menuitem-separator {
      border-top: 1px solid #dee2e6;
      margin: 0.25rem 0;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon {
      font-size: 0.875rem;
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      margin-left: auto;
      transition: transform 0.2s;
    }
    .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-180deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list {
      width: 100%;
      position: static;
      box-shadow: none;
      border: 0 none;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
      transition: transform 0.2s;
      transform: rotate(90deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-90deg);
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 2.25rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 3.75rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 5.25rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 6.75rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
      padding-left: 8.25rem;
    }
    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
      display: flex;
      flex-direction: column;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }
  .p-panelmenu .p-panelmenu-header {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #6c757d;
    background: #f8f9fa;
    border-radius: 6px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
    color: #6c757d;
    padding: 1.25rem;
    font-weight: 700;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #BFDBFE;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #343a40;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #343a40;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #343a40;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #1D4ED8;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #1D4ED8;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 4px;
  }

  .p-slidemenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-slidemenu .p-slidemenu-root-list {
    outline: 0 none;
  }
  .p-slidemenu .p-submenu-list {
    outline: 0 none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #1D4ED8;
  }
  .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #1D4ED8;
  }
  .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-slidemenu .p-slidemenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-slidemenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1.25rem;
    color: #495057;
  }
  .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #BFDBFE;
  }
  .p-slidemenu .p-menuitem-badge {
    background: #3B82F6;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 6px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 6px;
    background: #ffffff;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #495057;
    border: 1px solid #e9ecef;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 50%;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color: #6c757d;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 700;
    color: #495057;
  }
  .p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid #dee2e6;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
  }

  .p-tabmenu .p-tabmenu-nav {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-width: 0 0 2px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-menuitem-badge {
    background: #3B82F6;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 6px;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid #dee2e6;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #dee2e6 transparent;
    background: #ffffff;
    color: #6c757d;
    padding: 1.25rem;
    font-weight: 700;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #BFDBFE;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #adb5bd;
    color: #6c757d;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #3B82F6;
    color: #3B82F6;
  }
  .p-tabmenu .p-tabmenu-left-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-right-icon {
    margin-left: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav-btn.p-link {
    background: #ffffff;
    color: #3B82F6;
    width: 3rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabmenu .p-tabmenu-nav-btn.p-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #BFDBFE;
  }

  .p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    width: 12.5rem;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }
  .p-tieredmenu .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1.25rem;
    -webkit-user-select: none;
            user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #1D4ED8;
    background: #EFF6FF;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #1D4ED8;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #1D4ED8;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: rgba(59, 130, 246, 0.24);
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }

  .p-inline-message {
    padding: 0.75rem 0.75rem;
    margin: 0;
    border-radius: 6px;
  }
  .p-inline-message.p-inline-message-info {
    background: #e9e9ff;
    border: solid #696cff;
    border-width: 0px;
    color: #696cff;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #696cff;
  }
  .p-inline-message.p-inline-message-success {
    background: #e4f8f0;
    border: solid #1ea97c;
    border-width: 0px;
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #1ea97c;
  }
  .p-inline-message.p-inline-message-warn {
    background: #fff2e2;
    border: solid #cc8925;
    border-width: 0px;
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #cc8925;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffe7e6;
    border: solid #ff5757;
    border-width: 0px;
    color: #ff5757;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #ff5757;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-inline-message .p-inline-message-text {
    font-size: 1rem;
  }
  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
  }

  .p-message {
    margin: 1rem 0;
    border-radius: 6px;
  }
  .p-message .p-message-wrapper {
    padding: 1.25rem 1.75rem;
  }
  .p-message .p-message-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-message .p-message-close:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-message.p-message-info {
    background: #e9e9ff;
    border: solid #696cff;
    border-width: 0 0 0 6px;
    color: #696cff;
  }
  .p-message.p-message-info .p-message-icon {
    color: #696cff;
  }
  .p-message.p-message-info .p-message-close {
    color: #696cff;
  }
  .p-message.p-message-success {
    background: #e4f8f0;
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-message.p-message-success .p-message-icon {
    color: #1ea97c;
  }
  .p-message.p-message-success .p-message-close {
    color: #1ea97c;
  }
  .p-message.p-message-warn {
    background: #fff2e2;
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #cc8925;
  }
  .p-message.p-message-warn .p-message-close {
    color: #cc8925;
  }
  .p-message.p-message-error {
    background: #ffe7e6;
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-message.p-message-error .p-message-icon {
    color: #ff5757;
  }
  .p-message.p-message-error .p-message-close {
    color: #ff5757;
  }
  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: 400;
  }
  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
  .p-message .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }

  .p-toast {
    opacity: 0.9;
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
    border-width: 0 0 0 6px;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-icon:not(.p-toast-icon-close-icon) {
    width: 2rem;
    height: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0 0;
  }
  .p-toast .p-toast-message .p-toast-icon-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #e9e9ff;
    border: solid #696cff;
    border-width: 0 0 0 6px;
    color: #696cff;
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #696cff;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #e4f8f0;
    border: solid #1ea97c;
    border-width: 0 0 0 6px;
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #1ea97c;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #fff2e2;
    border: solid #cc8925;
    border-width: 0 0 0 6px;
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #cc8925;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffe7e6;
    border: solid #ff5757;
    border-width: 0 0 0 6px;
    color: #ff5757;
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #ff5757;
  }

  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #f8f9fa;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }
  .p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f8f9fa;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 6px;
    margin: 0 0.5rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }
  .p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #f8f9fa;
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #ced4da;
    width: 1rem;
    height: 1rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #adb5bd;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
  }
  .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #EFF6FF;
    color: #1D4ED8;
  }
  .p-galleria .p-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding: 1rem 0.25rem;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin: 0.5rem;
    background-color: transparent;
    color: #f8f9fa;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }

  .p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }

  .p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }

  .p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }

  .p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .p-image-toolbar {
    padding: 1rem;
  }

  .p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-image-action.p-link:last-child {
    margin-right: 0;
  }
  .p-image-action.p-link:hover {
    color: #f8f9fa;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .p-image-action.p-link i {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .p-avatar {
    background-color: #dee2e6;
    border-radius: 6px;
  }
  .p-avatar.p-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }

  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }

  .p-badge {
    background: #3B82F6;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .p-badge.p-badge-secondary {
    background-color: #64748B;
    color: #ffffff;
  }
  .p-badge.p-badge-success {
    background-color: #22C55E;
    color: #ffffff;
  }
  .p-badge.p-badge-info {
    background-color: #3B82F6;
    color: #ffffff;
  }
  .p-badge.p-badge-warning {
    background-color: #F59E0B;
    color: #ffffff;
  }
  .p-badge.p-badge-danger {
    background-color: #EF4444;
    color: #ffffff;
  }
  .p-badge.p-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
  }
  .p-badge.p-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }

  .p-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.75rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip .pi-chip-remove-icon {
    margin-left: 0.5rem;
  }
  .p-chip img {
    width: 2.25rem;
    height: 2.25rem;
    margin-left: -0.75rem;
    margin-right: 0.5rem;
  }
  .p-chip .pi-chip-remove-icon {
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-chip .pi-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-chip .pi-chip-remove-icon:focus {
    outline: 0 none;
  }

  .p-inplace .p-inplace-display {
    padding: 0.75rem 0.75rem;
    border-radius: 6px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #BFDBFE;
  }

  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 6px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #3B82F6;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }

  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-scrolltop.p-link {
    background: rgba(0, 0, 0, 0.7);
  }
  .p-scrolltop.p-link:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color: #f8f9fa;
  }
  .p-scrolltop .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .p-skeleton {
    background-color: #dee2e6;
    border-radius: 6px;
  }
  .p-skeleton:after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  }

  .p-tag {
    background: #3B82F6;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 6px;
  }
  .p-tag.p-tag-success {
    background-color: #22C55E;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #3B82F6;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #F59E0B;
    color: #ffffff;
  }
  .p-tag.p-tag-danger {
    background-color: #EF4444;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }

  .p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1.25rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
}
@layer primeng {
  .p-button-label {
    font-weight: 700;
  }

  .p-accordion .p-accordion-header .p-accordion-header-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }

  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-tabview .p-tabview-nav .p-tabview-ink-bar {
    z-index: 1;
    display: block;
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
  }

  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #3B82F6;
  }

  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #3B82F6;
  }

  .p-button:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
  }
  .p-button.p-button-secondary:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
  }
  .p-button.p-button-success:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
  }
  .p-button.p-button-info:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
  }
  .p-button.p-button-warning:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
  }
  .p-button.p-button-help:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
  }
  .p-button.p-button-danger:enabled:focus {
    box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
  }

  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #3B82F6;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #3B82F6;
  }
}

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.p-overflow-hidden {
    overflow: hidden;
    padding-right: var(--scrollbar-width);
}

@layer primeng {
    .p-component,
    .p-component * {
        box-sizing: border-box;
    }

    .p-hidden {
        display: none;
    }

    .p-hidden-space {
        visibility: hidden;
    }

    .p-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .p-hidden-accessible input,
    .p-hidden-accessible select {
        transform: scale(0);
    }

    .p-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }

    .p-disabled,
    .p-disabled * {
        cursor: default !important;
        pointer-events: none;
    }

    .p-component-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .p-unselectable-text {
        -webkit-user-select: none;
                user-select: none;
    }

    .p-scrollbar-measure {
        width: 100px;
        height: 100px;
        overflow: scroll;
        position: absolute;
        top: -9999px;
    }
    @keyframes p-fadein {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }

    input[type='button'],
    input[type='submit'],
    input[type='reset'],
    input[type='file']::-webkit-file-upload-button,
    button {
        border-radius: 0;
    }

    .p-link {
        text-align: left;
        background-color: transparent;
        margin: 0;
        padding: 0;
        border: none;
        cursor: pointer;
        -webkit-user-select: none;
                user-select: none;
    }

    .p-link:disabled {
        cursor: default;
    }

    .p-sr-only {
        border: 0;
        clip: rect(1px, 1px, 1px, 1px);
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
        word-wrap: normal !important;
    }

    /* Non ng overlay animations */
    .p-connected-overlay {
        opacity: 0;
        transform: scaleY(0.8);
        transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
    }

    .p-connected-overlay-visible {
        opacity: 1;
        transform: scaleY(1);
    }

    .p-connected-overlay-hidden {
        opacity: 0;
        transform: scaleY(1);
        transition: opacity 0.1s linear;
    }

    .p-toggleable-content.ng-animating {
        overflow: hidden;
    }

    .p-icon-wrapper {
        display: inline-flex;
    }

    .p-icon {
        display: inline-block;
    }

    .p-icon-spin {
        animation: p-icon-spin 2s infinite linear;
    }
}

@keyframes p-icon-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

@layer primeng {
    .p-badge {
        display: inline-block;
        border-radius: 10px;
        text-align: center;
        padding: 0 0.5rem;
    }

    .p-overlay-badge {
        position: relative;
    }

    .p-overlay-badge .p-badge {
        position: absolute;
        top: 0;
        right: 0;
        transform: translate(50%, -50%);
        transform-origin: 100% 0;
        margin: 0;
    }

    .p-badge-dot {
        width: 0.5rem;
        min-width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        padding: 0;
    }

    .p-badge-no-gutter {
        padding: 0;
        border-radius: 50%;
    }
}

@layer primeng {
    .p-button {
        margin: 0;
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
                user-select: none;
        align-items: center;
        vertical-align: bottom;
        text-align: center;
        overflow: hidden;
        position: relative;
    }

    .p-button-label {
        flex: 1 1 auto;
    }

    .p-button-icon-right {
        order: 1;
    }

    .p-button:disabled {
        cursor: default;
        pointer-events: none;
    }

    .p-button-icon-only {
        justify-content: center;
    }

    .p-button-icon-only:after {
        content: 'p';
        visibility: hidden;
        clip: rect(0 0 0 0);
        width: 0;
    }

    .p-button-vertical {
        flex-direction: column;
    }

    .p-button-icon-bottom {
        order: 2;
    }

    .p-buttonset .p-button {
        margin: 0;
    }

    .p-buttonset .p-button:not(:last-child) {
        border-right: 0 none;
    }

    .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
        border-radius: 0;
    }

    .p-buttonset .p-button:first-of-type {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .p-buttonset .p-button:last-of-type {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .p-buttonset .p-button:focus {
        position: relative;
        z-index: 1;
    }

    p-button[iconpos='right'] spinnericon {
        order: 1;
    }
}

@layer primeng {
    .p-checkbox {
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
                user-select: none;
        vertical-align: bottom;
        position: relative;
    }

    .p-checkbox-disabled {
        cursor: default !important;
        pointer-events: none;
    }

    .p-checkbox-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    p-checkbox {
        display: inline-flex;
        vertical-align: bottom;
        align-items: center;
    }

    .p-checkbox-label {
        line-height: 1;
    }
}

.p-colorpicker-panel .p-colorpicker-color {
    background: transparent url('color.png') no-repeat left top; 
}

.p-colorpicker-panel .p-colorpicker-hue {
   background: transparent url('hue.png') no-repeat left top; 
}
@layer primeng {
    .p-inputtext {
        margin: 0;
    }

    .p-fluid .p-inputtext {
        width: 100%;
    }

    /* InputGroup */
    .p-inputgroup {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .p-inputgroup-addon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .p-inputgroup .p-float-label {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

    .p-inputgroup .p-inputtext,
    .p-fluid .p-inputgroup .p-inputtext,
    .p-inputgroup .p-inputwrapper,
    .p-inputgroup .p-inputwrapper > .p-component {
        flex: 1 1 auto;
        width: 1%;
    }

    /* Floating Label */
    .p-float-label {
        display: block;
        position: relative;
    }

    .p-float-label label {
        position: absolute;
        pointer-events: none;
        top: 50%;
        margin-top: -0.5rem;
        transition-property: all;
        transition-timing-function: ease;
        line-height: 1;
    }

    .p-float-label textarea ~ label {
        top: 1rem;
    }

    .p-float-label input:focus ~ label,
    .p-float-label input.p-filled ~ label,
    .p-float-label textarea:focus ~ label,
    .p-float-label textarea.p-filled ~ label,
    .p-float-label .p-inputwrapper-focus ~ label,
    .p-float-label .p-inputwrapper-filled ~ label {
        top: -0.75rem;
        font-size: 12px;
    }

    .p-float-label .input:-webkit-autofill ~ label {
        top: -20px;
        font-size: 12px;
    }

    .p-float-label .p-placeholder,
    .p-float-label input::placeholder,
    .p-float-label .p-inputtext::placeholder {
        opacity: 0;
        transition-property: all;
        transition-timing-function: ease;
    }
    .p-float-label .p-focus .p-placeholder,
    .p-float-label input:focus::placeholder,
    .p-float-label .p-inputtext:focus::placeholder {
        opacity: 1;
        transition-property: all;
        transition-timing-function: ease;
    }

    .p-input-icon-left,
    .p-input-icon-right {
        position: relative;
        display: inline-block;
    }

    .p-input-icon-left > i,
    .p-input-icon-left > .p-icon-wrapper,
    .p-input-icon-right > i,
    .p-input-icon-right > .p-icon-wrapper {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
    }

    .p-fluid .p-input-icon-left,
    .p-fluid .p-input-icon-right {
        display: block;
        width: 100%;
    }
}

@layer primeng {
    .p-inputtextarea-resizable {
        overflow: hidden;
        resize: none;
    }

    .p-fluid .p-inputtextarea {
        width: 100%;
    }
}

@layer primeng {
    .p-password {
        position: relative;
        display: inline-flex;
    }

    .p-password-panel {
        position: absolute;
        top: 0;
        left: 0;
    }

    .p-password .p-password-panel {
        min-width: 100%;
    }

    .p-password-meter {
        height: 10px;
    }

    .p-password-strength {
        height: 100%;
        width: 0%;
        transition: width 1s ease-in-out;
    }

    .p-fluid .p-password {
        display: flex;
    }

    .p-password-input::-ms-reveal,
    .p-password-input::-ms-clear {
        display: none;
    }

    .p-password-clear-icon {
        position: absolute;
        top: 50%;
        margin-top: -0.5rem;
        cursor: pointer;
    }

    .p-password-clearable.p-password-mask .p-password-clear-icon {
        margin-top: unset;
    }

    .p-password-clearable {
        position: relative;
    }
}

@layer primeng {
    .p-radiobutton {
        display: inline-flex;
        cursor: pointer;
        -webkit-user-select: none;
                user-select: none;
        vertical-align: bottom;
        position: relative;
    }

    .p-radiobutton-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .p-radiobutton-icon {
        backface-visibility: hidden;
        transform: translateZ(0) scale(0.1);
        border-radius: 50%;
        visibility: hidden;
    }

    .p-radiobutton-box.p-highlight .p-radiobutton-icon {
        transform: translateZ(0) scale(1, 1);
        visibility: visible;
    }

    p-radiobutton {
        display: inline-flex;
        vertical-align: bottom;
        align-items: center;
    }

    .p-radiobutton-label {
        line-height: 1;
    }
}

@layer primeng {
    .p-ripple {
        overflow: hidden;
        position: relative;
    }

    .p-ink {
        display: block;
        position: absolute;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 100%;
        transform: scale(0);
    }

    .p-ink-active {
        animation: ripple 0.4s linear;
    }

    .p-ripple-disabled .p-ink {
        display: none !important;
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@layer primeng {
    .p-tooltip {
        position: absolute;
        display: none;
        padding: 0.25em 0.5rem;
        max-width: 12.5rem;
        pointer-events: none;
    }

    .p-tooltip.p-tooltip-right,
    .p-tooltip.p-tooltip-left {
        padding: 0 0.25rem;
    }

    .p-tooltip.p-tooltip-top,
    .p-tooltip.p-tooltip-bottom {
        padding: 0.25em 0;
    }

    .p-tooltip .p-tooltip-text {
        white-space: pre-line;
        word-break: break-word;
    }

    .p-tooltip-arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .p-tooltip-right .p-tooltip-arrow {
        top: 50%;
        left: 0;
        margin-top: -0.25rem;
        border-width: 0.25em 0.25em 0.25em 0;
    }

    .p-tooltip-left .p-tooltip-arrow {
        top: 50%;
        right: 0;
        margin-top: -0.25rem;
        border-width: 0.25em 0 0.25em 0.25rem;
    }

    .p-tooltip.p-tooltip-top {
        padding: 0.25em 0;
    }

    .p-tooltip-top .p-tooltip-arrow {
        bottom: 0;
        left: 50%;
        margin-left: -0.25rem;
        border-width: 0.25em 0.25em 0;
    }

    .p-tooltip-bottom .p-tooltip-arrow {
        top: 0;
        left: 50%;
        margin-left: -0.25rem;
        border-width: 0 0.25em 0.25rem;
    }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.margin--1 {
  margin: 0.25rem;
}

.margin-left--1 {
  margin-left: 0.25rem;
}

.margin-right--1 {
  margin-right: 0.25rem;
}

.margin-top--1 {
  margin-top: 0.25rem;
}

.margin-bottom--1 {
  margin-bottom: 0.25rem;
}

.margin-x--1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.margin-y--1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.margin--2 {
  margin: 0.5rem;
}

.margin-left--2 {
  margin-left: 0.5rem;
}

.margin-right--2 {
  margin-right: 0.5rem;
}

.margin-top--2 {
  margin-top: 0.5rem;
}

.margin-bottom--2 {
  margin-bottom: 0.5rem;
}

.margin-x--2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.margin-y--2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.margin--3 {
  margin: 0.75rem;
}

.margin-left--3 {
  margin-left: 0.75rem;
}

.margin-right--3 {
  margin-right: 0.75rem;
}

.margin-top--3 {
  margin-top: 0.75rem;
}

.margin-bottom--3 {
  margin-bottom: 0.75rem;
}

.margin-x--3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.margin-y--3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.margin--4 {
  margin: 1rem;
}

.margin-left--4 {
  margin-left: 1rem;
}

.margin-right--4 {
  margin-right: 1rem;
}

.margin-top--4 {
  margin-top: 1rem;
}

.margin-bottom--4 {
  margin-bottom: 1rem;
}

.margin-x--4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.margin-y--4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.margin--5 {
  margin: 1.25rem;
}

.margin-left--5 {
  margin-left: 1.25rem;
}

.margin-right--5 {
  margin-right: 1.25rem;
}

.margin-top--5 {
  margin-top: 1.25rem;
}

.margin-bottom--5 {
  margin-bottom: 1.25rem;
}

.margin-x--5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.margin-y--5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.margin--6 {
  margin: 1.5rem;
}

.margin-left--6 {
  margin-left: 1.5rem;
}

.margin-right--6 {
  margin-right: 1.5rem;
}

.margin-top--6 {
  margin-top: 1.5rem;
}

.margin-bottom--6 {
  margin-bottom: 1.5rem;
}

.margin-x--6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

.margin-y--6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.margin--7 {
  margin: 1.75rem;
}

.margin-left--7 {
  margin-left: 1.75rem;
}

.margin-right--7 {
  margin-right: 1.75rem;
}

.margin-top--7 {
  margin-top: 1.75rem;
}

.margin-bottom--7 {
  margin-bottom: 1.75rem;
}

.margin-x--7 {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.margin-y--7 {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.margin--8 {
  margin: 2rem;
}

.margin-left--8 {
  margin-left: 2rem;
}

.margin-right--8 {
  margin-right: 2rem;
}

.margin-top--8 {
  margin-top: 2rem;
}

.margin-bottom--8 {
  margin-bottom: 2rem;
}

.margin-x--8 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.margin-y--8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.margin--9 {
  margin: 2.25rem;
}

.margin-left--9 {
  margin-left: 2.25rem;
}

.margin-right--9 {
  margin-right: 2.25rem;
}

.margin-top--9 {
  margin-top: 2.25rem;
}

.margin-bottom--9 {
  margin-bottom: 2.25rem;
}

.margin-x--9 {
  margin-left: 2.25rem;
  margin-right: 2.25rem;
}

.margin-y--9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.margin--10 {
  margin: 2.5rem;
}

.margin-left--10 {
  margin-left: 2.5rem;
}

.margin-right--10 {
  margin-right: 2.5rem;
}

.margin-top--10 {
  margin-top: 2.5rem;
}

.margin-bottom--10 {
  margin-bottom: 2.5rem;
}

.margin-x--10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.margin-y--10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.margin--11 {
  margin: 2.75rem;
}

.margin-left--11 {
  margin-left: 2.75rem;
}

.margin-right--11 {
  margin-right: 2.75rem;
}

.margin-top--11 {
  margin-top: 2.75rem;
}

.margin-bottom--11 {
  margin-bottom: 2.75rem;
}

.margin-x--11 {
  margin-left: 2.75rem;
  margin-right: 2.75rem;
}

.margin-y--11 {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}

.margin--12 {
  margin: 3rem;
}

.margin-left--12 {
  margin-left: 3rem;
}

.margin-right--12 {
  margin-right: 3rem;
}

.margin-top--12 {
  margin-top: 3rem;
}

.margin-bottom--12 {
  margin-bottom: 3rem;
}

.margin-x--12 {
  margin-left: 3rem;
  margin-right: 3rem;
}

.margin-y--12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.margin--13 {
  margin: 3.25rem;
}

.margin-left--13 {
  margin-left: 3.25rem;
}

.margin-right--13 {
  margin-right: 3.25rem;
}

.margin-top--13 {
  margin-top: 3.25rem;
}

.margin-bottom--13 {
  margin-bottom: 3.25rem;
}

.margin-x--13 {
  margin-left: 3.25rem;
  margin-right: 3.25rem;
}

.margin-y--13 {
  margin-top: 3.25rem;
  margin-bottom: 3.25rem;
}

.margin--14 {
  margin: 3.5rem;
}

.margin-left--14 {
  margin-left: 3.5rem;
}

.margin-right--14 {
  margin-right: 3.5rem;
}

.margin-top--14 {
  margin-top: 3.5rem;
}

.margin-bottom--14 {
  margin-bottom: 3.5rem;
}

.margin-x--14 {
  margin-left: 3.5rem;
  margin-right: 3.5rem;
}

.margin-y--14 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem;
}

.margin--15 {
  margin: 3.75rem;
}

.margin-left--15 {
  margin-left: 3.75rem;
}

.margin-right--15 {
  margin-right: 3.75rem;
}

.margin-top--15 {
  margin-top: 3.75rem;
}

.margin-bottom--15 {
  margin-bottom: 3.75rem;
}

.margin-x--15 {
  margin-left: 3.75rem;
  margin-right: 3.75rem;
}

.margin-y--15 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.margin--16 {
  margin: 4rem;
}

.margin-left--16 {
  margin-left: 4rem;
}

.margin-right--16 {
  margin-right: 4rem;
}

.margin-top--16 {
  margin-top: 4rem;
}

.margin-bottom--16 {
  margin-bottom: 4rem;
}

.margin-x--16 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.margin-y--16 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.margin--17 {
  margin: 4.25rem;
}

.margin-left--17 {
  margin-left: 4.25rem;
}

.margin-right--17 {
  margin-right: 4.25rem;
}

.margin-top--17 {
  margin-top: 4.25rem;
}

.margin-bottom--17 {
  margin-bottom: 4.25rem;
}

.margin-x--17 {
  margin-left: 4.25rem;
  margin-right: 4.25rem;
}

.margin-y--17 {
  margin-top: 4.25rem;
  margin-bottom: 4.25rem;
}

.margin--18 {
  margin: 4.5rem;
}

.margin-left--18 {
  margin-left: 4.5rem;
}

.margin-right--18 {
  margin-right: 4.5rem;
}

.margin-top--18 {
  margin-top: 4.5rem;
}

.margin-bottom--18 {
  margin-bottom: 4.5rem;
}

.margin-x--18 {
  margin-left: 4.5rem;
  margin-right: 4.5rem;
}

.margin-y--18 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

.margin--19 {
  margin: 4.75rem;
}

.margin-left--19 {
  margin-left: 4.75rem;
}

.margin-right--19 {
  margin-right: 4.75rem;
}

.margin-top--19 {
  margin-top: 4.75rem;
}

.margin-bottom--19 {
  margin-bottom: 4.75rem;
}

.margin-x--19 {
  margin-left: 4.75rem;
  margin-right: 4.75rem;
}

.margin-y--19 {
  margin-top: 4.75rem;
  margin-bottom: 4.75rem;
}

.margin--20 {
  margin: 5rem;
}

.margin-left--20 {
  margin-left: 5rem;
}

.margin-right--20 {
  margin-right: 5rem;
}

.margin-top--20 {
  margin-top: 5rem;
}

.margin-bottom--20 {
  margin-bottom: 5rem;
}

.margin-x--20 {
  margin-left: 5rem;
  margin-right: 5rem;
}

.margin-y--20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.margin--21 {
  margin: 5.25rem;
}

.margin-left--21 {
  margin-left: 5.25rem;
}

.margin-right--21 {
  margin-right: 5.25rem;
}

.margin-top--21 {
  margin-top: 5.25rem;
}

.margin-bottom--21 {
  margin-bottom: 5.25rem;
}

.margin-x--21 {
  margin-left: 5.25rem;
  margin-right: 5.25rem;
}

.margin-y--21 {
  margin-top: 5.25rem;
  margin-bottom: 5.25rem;
}

.margin--22 {
  margin: 5.5rem;
}

.margin-left--22 {
  margin-left: 5.5rem;
}

.margin-right--22 {
  margin-right: 5.5rem;
}

.margin-top--22 {
  margin-top: 5.5rem;
}

.margin-bottom--22 {
  margin-bottom: 5.5rem;
}

.margin-x--22 {
  margin-left: 5.5rem;
  margin-right: 5.5rem;
}

.margin-y--22 {
  margin-top: 5.5rem;
  margin-bottom: 5.5rem;
}

.margin--23 {
  margin: 5.75rem;
}

.margin-left--23 {
  margin-left: 5.75rem;
}

.margin-right--23 {
  margin-right: 5.75rem;
}

.margin-top--23 {
  margin-top: 5.75rem;
}

.margin-bottom--23 {
  margin-bottom: 5.75rem;
}

.margin-x--23 {
  margin-left: 5.75rem;
  margin-right: 5.75rem;
}

.margin-y--23 {
  margin-top: 5.75rem;
  margin-bottom: 5.75rem;
}

.margin--24 {
  margin: 6rem;
}

.margin-left--24 {
  margin-left: 6rem;
}

.margin-right--24 {
  margin-right: 6rem;
}

.margin-top--24 {
  margin-top: 6rem;
}

.margin-bottom--24 {
  margin-bottom: 6rem;
}

.margin-x--24 {
  margin-left: 6rem;
  margin-right: 6rem;
}

.margin-y--24 {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.margin--25 {
  margin: 6.25rem;
}

.margin-left--25 {
  margin-left: 6.25rem;
}

.margin-right--25 {
  margin-right: 6.25rem;
}

.margin-top--25 {
  margin-top: 6.25rem;
}

.margin-bottom--25 {
  margin-bottom: 6.25rem;
}

.margin-x--25 {
  margin-left: 6.25rem;
  margin-right: 6.25rem;
}

.margin-y--25 {
  margin-top: 6.25rem;
  margin-bottom: 6.25rem;
}

.margin--26 {
  margin: 6.5rem;
}

.margin-left--26 {
  margin-left: 6.5rem;
}

.margin-right--26 {
  margin-right: 6.5rem;
}

.margin-top--26 {
  margin-top: 6.5rem;
}

.margin-bottom--26 {
  margin-bottom: 6.5rem;
}

.margin-x--26 {
  margin-left: 6.5rem;
  margin-right: 6.5rem;
}

.margin-y--26 {
  margin-top: 6.5rem;
  margin-bottom: 6.5rem;
}

.margin--27 {
  margin: 6.75rem;
}

.margin-left--27 {
  margin-left: 6.75rem;
}

.margin-right--27 {
  margin-right: 6.75rem;
}

.margin-top--27 {
  margin-top: 6.75rem;
}

.margin-bottom--27 {
  margin-bottom: 6.75rem;
}

.margin-x--27 {
  margin-left: 6.75rem;
  margin-right: 6.75rem;
}

.margin-y--27 {
  margin-top: 6.75rem;
  margin-bottom: 6.75rem;
}

.margin--28 {
  margin: 7rem;
}

.margin-left--28 {
  margin-left: 7rem;
}

.margin-right--28 {
  margin-right: 7rem;
}

.margin-top--28 {
  margin-top: 7rem;
}

.margin-bottom--28 {
  margin-bottom: 7rem;
}

.margin-x--28 {
  margin-left: 7rem;
  margin-right: 7rem;
}

.margin-y--28 {
  margin-top: 7rem;
  margin-bottom: 7rem;
}

.margin--29 {
  margin: 7.25rem;
}

.margin-left--29 {
  margin-left: 7.25rem;
}

.margin-right--29 {
  margin-right: 7.25rem;
}

.margin-top--29 {
  margin-top: 7.25rem;
}

.margin-bottom--29 {
  margin-bottom: 7.25rem;
}

.margin-x--29 {
  margin-left: 7.25rem;
  margin-right: 7.25rem;
}

.margin-y--29 {
  margin-top: 7.25rem;
  margin-bottom: 7.25rem;
}

.margin--30 {
  margin: 7.5rem;
}

.margin-left--30 {
  margin-left: 7.5rem;
}

.margin-right--30 {
  margin-right: 7.5rem;
}

.margin-top--30 {
  margin-top: 7.5rem;
}

.margin-bottom--30 {
  margin-bottom: 7.5rem;
}

.margin-x--30 {
  margin-left: 7.5rem;
  margin-right: 7.5rem;
}

.margin-y--30 {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem;
}

.margin--31 {
  margin: 7.75rem;
}

.margin-left--31 {
  margin-left: 7.75rem;
}

.margin-right--31 {
  margin-right: 7.75rem;
}

.margin-top--31 {
  margin-top: 7.75rem;
}

.margin-bottom--31 {
  margin-bottom: 7.75rem;
}

.margin-x--31 {
  margin-left: 7.75rem;
  margin-right: 7.75rem;
}

.margin-y--31 {
  margin-top: 7.75rem;
  margin-bottom: 7.75rem;
}

.margin--32 {
  margin: 8rem;
}

.margin-left--32 {
  margin-left: 8rem;
}

.margin-right--32 {
  margin-right: 8rem;
}

.margin-top--32 {
  margin-top: 8rem;
}

.margin-bottom--32 {
  margin-bottom: 8rem;
}

.margin-x--32 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.margin-y--32 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.margin--33 {
  margin: 8.25rem;
}

.margin-left--33 {
  margin-left: 8.25rem;
}

.margin-right--33 {
  margin-right: 8.25rem;
}

.margin-top--33 {
  margin-top: 8.25rem;
}

.margin-bottom--33 {
  margin-bottom: 8.25rem;
}

.margin-x--33 {
  margin-left: 8.25rem;
  margin-right: 8.25rem;
}

.margin-y--33 {
  margin-top: 8.25rem;
  margin-bottom: 8.25rem;
}

.margin--34 {
  margin: 8.5rem;
}

.margin-left--34 {
  margin-left: 8.5rem;
}

.margin-right--34 {
  margin-right: 8.5rem;
}

.margin-top--34 {
  margin-top: 8.5rem;
}

.margin-bottom--34 {
  margin-bottom: 8.5rem;
}

.margin-x--34 {
  margin-left: 8.5rem;
  margin-right: 8.5rem;
}

.margin-y--34 {
  margin-top: 8.5rem;
  margin-bottom: 8.5rem;
}

.margin--35 {
  margin: 8.75rem;
}

.margin-left--35 {
  margin-left: 8.75rem;
}

.margin-right--35 {
  margin-right: 8.75rem;
}

.margin-top--35 {
  margin-top: 8.75rem;
}

.margin-bottom--35 {
  margin-bottom: 8.75rem;
}

.margin-x--35 {
  margin-left: 8.75rem;
  margin-right: 8.75rem;
}

.margin-y--35 {
  margin-top: 8.75rem;
  margin-bottom: 8.75rem;
}

.margin--36 {
  margin: 9rem;
}

.margin-left--36 {
  margin-left: 9rem;
}

.margin-right--36 {
  margin-right: 9rem;
}

.margin-top--36 {
  margin-top: 9rem;
}

.margin-bottom--36 {
  margin-bottom: 9rem;
}

.margin-x--36 {
  margin-left: 9rem;
  margin-right: 9rem;
}

.margin-y--36 {
  margin-top: 9rem;
  margin-bottom: 9rem;
}

.margin--37 {
  margin: 9.25rem;
}

.margin-left--37 {
  margin-left: 9.25rem;
}

.margin-right--37 {
  margin-right: 9.25rem;
}

.margin-top--37 {
  margin-top: 9.25rem;
}

.margin-bottom--37 {
  margin-bottom: 9.25rem;
}

.margin-x--37 {
  margin-left: 9.25rem;
  margin-right: 9.25rem;
}

.margin-y--37 {
  margin-top: 9.25rem;
  margin-bottom: 9.25rem;
}

.margin--38 {
  margin: 9.5rem;
}

.margin-left--38 {
  margin-left: 9.5rem;
}

.margin-right--38 {
  margin-right: 9.5rem;
}

.margin-top--38 {
  margin-top: 9.5rem;
}

.margin-bottom--38 {
  margin-bottom: 9.5rem;
}

.margin-x--38 {
  margin-left: 9.5rem;
  margin-right: 9.5rem;
}

.margin-y--38 {
  margin-top: 9.5rem;
  margin-bottom: 9.5rem;
}

.margin--39 {
  margin: 9.75rem;
}

.margin-left--39 {
  margin-left: 9.75rem;
}

.margin-right--39 {
  margin-right: 9.75rem;
}

.margin-top--39 {
  margin-top: 9.75rem;
}

.margin-bottom--39 {
  margin-bottom: 9.75rem;
}

.margin-x--39 {
  margin-left: 9.75rem;
  margin-right: 9.75rem;
}

.margin-y--39 {
  margin-top: 9.75rem;
  margin-bottom: 9.75rem;
}

.margin--40 {
  margin: 10rem;
}

.margin-left--40 {
  margin-left: 10rem;
}

.margin-right--40 {
  margin-right: 10rem;
}

.margin-top--40 {
  margin-top: 10rem;
}

.margin-bottom--40 {
  margin-bottom: 10rem;
}

.margin-x--40 {
  margin-left: 10rem;
  margin-right: 10rem;
}

.margin-y--40 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}

.margin--41 {
  margin: 10.25rem;
}

.margin-left--41 {
  margin-left: 10.25rem;
}

.margin-right--41 {
  margin-right: 10.25rem;
}

.margin-top--41 {
  margin-top: 10.25rem;
}

.margin-bottom--41 {
  margin-bottom: 10.25rem;
}

.margin-x--41 {
  margin-left: 10.25rem;
  margin-right: 10.25rem;
}

.margin-y--41 {
  margin-top: 10.25rem;
  margin-bottom: 10.25rem;
}

.margin--42 {
  margin: 10.5rem;
}

.margin-left--42 {
  margin-left: 10.5rem;
}

.margin-right--42 {
  margin-right: 10.5rem;
}

.margin-top--42 {
  margin-top: 10.5rem;
}

.margin-bottom--42 {
  margin-bottom: 10.5rem;
}

.margin-x--42 {
  margin-left: 10.5rem;
  margin-right: 10.5rem;
}

.margin-y--42 {
  margin-top: 10.5rem;
  margin-bottom: 10.5rem;
}

.margin--43 {
  margin: 10.75rem;
}

.margin-left--43 {
  margin-left: 10.75rem;
}

.margin-right--43 {
  margin-right: 10.75rem;
}

.margin-top--43 {
  margin-top: 10.75rem;
}

.margin-bottom--43 {
  margin-bottom: 10.75rem;
}

.margin-x--43 {
  margin-left: 10.75rem;
  margin-right: 10.75rem;
}

.margin-y--43 {
  margin-top: 10.75rem;
  margin-bottom: 10.75rem;
}

.margin--44 {
  margin: 11rem;
}

.margin-left--44 {
  margin-left: 11rem;
}

.margin-right--44 {
  margin-right: 11rem;
}

.margin-top--44 {
  margin-top: 11rem;
}

.margin-bottom--44 {
  margin-bottom: 11rem;
}

.margin-x--44 {
  margin-left: 11rem;
  margin-right: 11rem;
}

.margin-y--44 {
  margin-top: 11rem;
  margin-bottom: 11rem;
}

.margin--45 {
  margin: 11.25rem;
}

.margin-left--45 {
  margin-left: 11.25rem;
}

.margin-right--45 {
  margin-right: 11.25rem;
}

.margin-top--45 {
  margin-top: 11.25rem;
}

.margin-bottom--45 {
  margin-bottom: 11.25rem;
}

.margin-x--45 {
  margin-left: 11.25rem;
  margin-right: 11.25rem;
}

.margin-y--45 {
  margin-top: 11.25rem;
  margin-bottom: 11.25rem;
}

.margin--46 {
  margin: 11.5rem;
}

.margin-left--46 {
  margin-left: 11.5rem;
}

.margin-right--46 {
  margin-right: 11.5rem;
}

.margin-top--46 {
  margin-top: 11.5rem;
}

.margin-bottom--46 {
  margin-bottom: 11.5rem;
}

.margin-x--46 {
  margin-left: 11.5rem;
  margin-right: 11.5rem;
}

.margin-y--46 {
  margin-top: 11.5rem;
  margin-bottom: 11.5rem;
}

.margin--47 {
  margin: 11.75rem;
}

.margin-left--47 {
  margin-left: 11.75rem;
}

.margin-right--47 {
  margin-right: 11.75rem;
}

.margin-top--47 {
  margin-top: 11.75rem;
}

.margin-bottom--47 {
  margin-bottom: 11.75rem;
}

.margin-x--47 {
  margin-left: 11.75rem;
  margin-right: 11.75rem;
}

.margin-y--47 {
  margin-top: 11.75rem;
  margin-bottom: 11.75rem;
}

.margin--48 {
  margin: 12rem;
}

.margin-left--48 {
  margin-left: 12rem;
}

.margin-right--48 {
  margin-right: 12rem;
}

.margin-top--48 {
  margin-top: 12rem;
}

.margin-bottom--48 {
  margin-bottom: 12rem;
}

.margin-x--48 {
  margin-left: 12rem;
  margin-right: 12rem;
}

.margin-y--48 {
  margin-top: 12rem;
  margin-bottom: 12rem;
}

.margin--49 {
  margin: 12.25rem;
}

.margin-left--49 {
  margin-left: 12.25rem;
}

.margin-right--49 {
  margin-right: 12.25rem;
}

.margin-top--49 {
  margin-top: 12.25rem;
}

.margin-bottom--49 {
  margin-bottom: 12.25rem;
}

.margin-x--49 {
  margin-left: 12.25rem;
  margin-right: 12.25rem;
}

.margin-y--49 {
  margin-top: 12.25rem;
  margin-bottom: 12.25rem;
}

.margin--50 {
  margin: 12.5rem;
}

.margin-left--50 {
  margin-left: 12.5rem;
}

.margin-right--50 {
  margin-right: 12.5rem;
}

.margin-top--50 {
  margin-top: 12.5rem;
}

.margin-bottom--50 {
  margin-bottom: 12.5rem;
}

.margin-x--50 {
  margin-left: 12.5rem;
  margin-right: 12.5rem;
}

.margin-y--50 {
  margin-top: 12.5rem;
  margin-bottom: 12.5rem;
}

.margin--51 {
  margin: 12.75rem;
}

.margin-left--51 {
  margin-left: 12.75rem;
}

.margin-right--51 {
  margin-right: 12.75rem;
}

.margin-top--51 {
  margin-top: 12.75rem;
}

.margin-bottom--51 {
  margin-bottom: 12.75rem;
}

.margin-x--51 {
  margin-left: 12.75rem;
  margin-right: 12.75rem;
}

.margin-y--51 {
  margin-top: 12.75rem;
  margin-bottom: 12.75rem;
}

.margin--52 {
  margin: 13rem;
}

.margin-left--52 {
  margin-left: 13rem;
}

.margin-right--52 {
  margin-right: 13rem;
}

.margin-top--52 {
  margin-top: 13rem;
}

.margin-bottom--52 {
  margin-bottom: 13rem;
}

.margin-x--52 {
  margin-left: 13rem;
  margin-right: 13rem;
}

.margin-y--52 {
  margin-top: 13rem;
  margin-bottom: 13rem;
}

.margin--53 {
  margin: 13.25rem;
}

.margin-left--53 {
  margin-left: 13.25rem;
}

.margin-right--53 {
  margin-right: 13.25rem;
}

.margin-top--53 {
  margin-top: 13.25rem;
}

.margin-bottom--53 {
  margin-bottom: 13.25rem;
}

.margin-x--53 {
  margin-left: 13.25rem;
  margin-right: 13.25rem;
}

.margin-y--53 {
  margin-top: 13.25rem;
  margin-bottom: 13.25rem;
}

.margin--54 {
  margin: 13.5rem;
}

.margin-left--54 {
  margin-left: 13.5rem;
}

.margin-right--54 {
  margin-right: 13.5rem;
}

.margin-top--54 {
  margin-top: 13.5rem;
}

.margin-bottom--54 {
  margin-bottom: 13.5rem;
}

.margin-x--54 {
  margin-left: 13.5rem;
  margin-right: 13.5rem;
}

.margin-y--54 {
  margin-top: 13.5rem;
  margin-bottom: 13.5rem;
}

.margin--55 {
  margin: 13.75rem;
}

.margin-left--55 {
  margin-left: 13.75rem;
}

.margin-right--55 {
  margin-right: 13.75rem;
}

.margin-top--55 {
  margin-top: 13.75rem;
}

.margin-bottom--55 {
  margin-bottom: 13.75rem;
}

.margin-x--55 {
  margin-left: 13.75rem;
  margin-right: 13.75rem;
}

.margin-y--55 {
  margin-top: 13.75rem;
  margin-bottom: 13.75rem;
}

.margin--56 {
  margin: 14rem;
}

.margin-left--56 {
  margin-left: 14rem;
}

.margin-right--56 {
  margin-right: 14rem;
}

.margin-top--56 {
  margin-top: 14rem;
}

.margin-bottom--56 {
  margin-bottom: 14rem;
}

.margin-x--56 {
  margin-left: 14rem;
  margin-right: 14rem;
}

.margin-y--56 {
  margin-top: 14rem;
  margin-bottom: 14rem;
}

.margin--57 {
  margin: 14.25rem;
}

.margin-left--57 {
  margin-left: 14.25rem;
}

.margin-right--57 {
  margin-right: 14.25rem;
}

.margin-top--57 {
  margin-top: 14.25rem;
}

.margin-bottom--57 {
  margin-bottom: 14.25rem;
}

.margin-x--57 {
  margin-left: 14.25rem;
  margin-right: 14.25rem;
}

.margin-y--57 {
  margin-top: 14.25rem;
  margin-bottom: 14.25rem;
}

.margin--58 {
  margin: 14.5rem;
}

.margin-left--58 {
  margin-left: 14.5rem;
}

.margin-right--58 {
  margin-right: 14.5rem;
}

.margin-top--58 {
  margin-top: 14.5rem;
}

.margin-bottom--58 {
  margin-bottom: 14.5rem;
}

.margin-x--58 {
  margin-left: 14.5rem;
  margin-right: 14.5rem;
}

.margin-y--58 {
  margin-top: 14.5rem;
  margin-bottom: 14.5rem;
}

.margin--59 {
  margin: 14.75rem;
}

.margin-left--59 {
  margin-left: 14.75rem;
}

.margin-right--59 {
  margin-right: 14.75rem;
}

.margin-top--59 {
  margin-top: 14.75rem;
}

.margin-bottom--59 {
  margin-bottom: 14.75rem;
}

.margin-x--59 {
  margin-left: 14.75rem;
  margin-right: 14.75rem;
}

.margin-y--59 {
  margin-top: 14.75rem;
  margin-bottom: 14.75rem;
}

.margin--60 {
  margin: 15rem;
}

.margin-left--60 {
  margin-left: 15rem;
}

.margin-right--60 {
  margin-right: 15rem;
}

.margin-top--60 {
  margin-top: 15rem;
}

.margin-bottom--60 {
  margin-bottom: 15rem;
}

.margin-x--60 {
  margin-left: 15rem;
  margin-right: 15rem;
}

.margin-y--60 {
  margin-top: 15rem;
  margin-bottom: 15rem;
}

.margin--61 {
  margin: 15.25rem;
}

.margin-left--61 {
  margin-left: 15.25rem;
}

.margin-right--61 {
  margin-right: 15.25rem;
}

.margin-top--61 {
  margin-top: 15.25rem;
}

.margin-bottom--61 {
  margin-bottom: 15.25rem;
}

.margin-x--61 {
  margin-left: 15.25rem;
  margin-right: 15.25rem;
}

.margin-y--61 {
  margin-top: 15.25rem;
  margin-bottom: 15.25rem;
}

.margin--62 {
  margin: 15.5rem;
}

.margin-left--62 {
  margin-left: 15.5rem;
}

.margin-right--62 {
  margin-right: 15.5rem;
}

.margin-top--62 {
  margin-top: 15.5rem;
}

.margin-bottom--62 {
  margin-bottom: 15.5rem;
}

.margin-x--62 {
  margin-left: 15.5rem;
  margin-right: 15.5rem;
}

.margin-y--62 {
  margin-top: 15.5rem;
  margin-bottom: 15.5rem;
}

.margin--63 {
  margin: 15.75rem;
}

.margin-left--63 {
  margin-left: 15.75rem;
}

.margin-right--63 {
  margin-right: 15.75rem;
}

.margin-top--63 {
  margin-top: 15.75rem;
}

.margin-bottom--63 {
  margin-bottom: 15.75rem;
}

.margin-x--63 {
  margin-left: 15.75rem;
  margin-right: 15.75rem;
}

.margin-y--63 {
  margin-top: 15.75rem;
  margin-bottom: 15.75rem;
}

.margin--64 {
  margin: 16rem;
}

.margin-left--64 {
  margin-left: 16rem;
}

.margin-right--64 {
  margin-right: 16rem;
}

.margin-top--64 {
  margin-top: 16rem;
}

.margin-bottom--64 {
  margin-bottom: 16rem;
}

.margin-x--64 {
  margin-left: 16rem;
  margin-right: 16rem;
}

.margin-y--64 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.margin--65 {
  margin: 16.25rem;
}

.margin-left--65 {
  margin-left: 16.25rem;
}

.margin-right--65 {
  margin-right: 16.25rem;
}

.margin-top--65 {
  margin-top: 16.25rem;
}

.margin-bottom--65 {
  margin-bottom: 16.25rem;
}

.margin-x--65 {
  margin-left: 16.25rem;
  margin-right: 16.25rem;
}

.margin-y--65 {
  margin-top: 16.25rem;
  margin-bottom: 16.25rem;
}

.margin--66 {
  margin: 16.5rem;
}

.margin-left--66 {
  margin-left: 16.5rem;
}

.margin-right--66 {
  margin-right: 16.5rem;
}

.margin-top--66 {
  margin-top: 16.5rem;
}

.margin-bottom--66 {
  margin-bottom: 16.5rem;
}

.margin-x--66 {
  margin-left: 16.5rem;
  margin-right: 16.5rem;
}

.margin-y--66 {
  margin-top: 16.5rem;
  margin-bottom: 16.5rem;
}

.margin--67 {
  margin: 16.75rem;
}

.margin-left--67 {
  margin-left: 16.75rem;
}

.margin-right--67 {
  margin-right: 16.75rem;
}

.margin-top--67 {
  margin-top: 16.75rem;
}

.margin-bottom--67 {
  margin-bottom: 16.75rem;
}

.margin-x--67 {
  margin-left: 16.75rem;
  margin-right: 16.75rem;
}

.margin-y--67 {
  margin-top: 16.75rem;
  margin-bottom: 16.75rem;
}

.margin--68 {
  margin: 17rem;
}

.margin-left--68 {
  margin-left: 17rem;
}

.margin-right--68 {
  margin-right: 17rem;
}

.margin-top--68 {
  margin-top: 17rem;
}

.margin-bottom--68 {
  margin-bottom: 17rem;
}

.margin-x--68 {
  margin-left: 17rem;
  margin-right: 17rem;
}

.margin-y--68 {
  margin-top: 17rem;
  margin-bottom: 17rem;
}

.margin--69 {
  margin: 17.25rem;
}

.margin-left--69 {
  margin-left: 17.25rem;
}

.margin-right--69 {
  margin-right: 17.25rem;
}

.margin-top--69 {
  margin-top: 17.25rem;
}

.margin-bottom--69 {
  margin-bottom: 17.25rem;
}

.margin-x--69 {
  margin-left: 17.25rem;
  margin-right: 17.25rem;
}

.margin-y--69 {
  margin-top: 17.25rem;
  margin-bottom: 17.25rem;
}

.margin--70 {
  margin: 17.5rem;
}

.margin-left--70 {
  margin-left: 17.5rem;
}

.margin-right--70 {
  margin-right: 17.5rem;
}

.margin-top--70 {
  margin-top: 17.5rem;
}

.margin-bottom--70 {
  margin-bottom: 17.5rem;
}

.margin-x--70 {
  margin-left: 17.5rem;
  margin-right: 17.5rem;
}

.margin-y--70 {
  margin-top: 17.5rem;
  margin-bottom: 17.5rem;
}

.margin--71 {
  margin: 17.75rem;
}

.margin-left--71 {
  margin-left: 17.75rem;
}

.margin-right--71 {
  margin-right: 17.75rem;
}

.margin-top--71 {
  margin-top: 17.75rem;
}

.margin-bottom--71 {
  margin-bottom: 17.75rem;
}

.margin-x--71 {
  margin-left: 17.75rem;
  margin-right: 17.75rem;
}

.margin-y--71 {
  margin-top: 17.75rem;
  margin-bottom: 17.75rem;
}

.margin--72 {
  margin: 18rem;
}

.margin-left--72 {
  margin-left: 18rem;
}

.margin-right--72 {
  margin-right: 18rem;
}

.margin-top--72 {
  margin-top: 18rem;
}

.margin-bottom--72 {
  margin-bottom: 18rem;
}

.margin-x--72 {
  margin-left: 18rem;
  margin-right: 18rem;
}

.margin-y--72 {
  margin-top: 18rem;
  margin-bottom: 18rem;
}

.margin--73 {
  margin: 18.25rem;
}

.margin-left--73 {
  margin-left: 18.25rem;
}

.margin-right--73 {
  margin-right: 18.25rem;
}

.margin-top--73 {
  margin-top: 18.25rem;
}

.margin-bottom--73 {
  margin-bottom: 18.25rem;
}

.margin-x--73 {
  margin-left: 18.25rem;
  margin-right: 18.25rem;
}

.margin-y--73 {
  margin-top: 18.25rem;
  margin-bottom: 18.25rem;
}

.margin--74 {
  margin: 18.5rem;
}

.margin-left--74 {
  margin-left: 18.5rem;
}

.margin-right--74 {
  margin-right: 18.5rem;
}

.margin-top--74 {
  margin-top: 18.5rem;
}

.margin-bottom--74 {
  margin-bottom: 18.5rem;
}

.margin-x--74 {
  margin-left: 18.5rem;
  margin-right: 18.5rem;
}

.margin-y--74 {
  margin-top: 18.5rem;
  margin-bottom: 18.5rem;
}

.margin--75 {
  margin: 18.75rem;
}

.margin-left--75 {
  margin-left: 18.75rem;
}

.margin-right--75 {
  margin-right: 18.75rem;
}

.margin-top--75 {
  margin-top: 18.75rem;
}

.margin-bottom--75 {
  margin-bottom: 18.75rem;
}

.margin-x--75 {
  margin-left: 18.75rem;
  margin-right: 18.75rem;
}

.margin-y--75 {
  margin-top: 18.75rem;
  margin-bottom: 18.75rem;
}

.margin--76 {
  margin: 19rem;
}

.margin-left--76 {
  margin-left: 19rem;
}

.margin-right--76 {
  margin-right: 19rem;
}

.margin-top--76 {
  margin-top: 19rem;
}

.margin-bottom--76 {
  margin-bottom: 19rem;
}

.margin-x--76 {
  margin-left: 19rem;
  margin-right: 19rem;
}

.margin-y--76 {
  margin-top: 19rem;
  margin-bottom: 19rem;
}

.margin--77 {
  margin: 19.25rem;
}

.margin-left--77 {
  margin-left: 19.25rem;
}

.margin-right--77 {
  margin-right: 19.25rem;
}

.margin-top--77 {
  margin-top: 19.25rem;
}

.margin-bottom--77 {
  margin-bottom: 19.25rem;
}

.margin-x--77 {
  margin-left: 19.25rem;
  margin-right: 19.25rem;
}

.margin-y--77 {
  margin-top: 19.25rem;
  margin-bottom: 19.25rem;
}

.margin--78 {
  margin: 19.5rem;
}

.margin-left--78 {
  margin-left: 19.5rem;
}

.margin-right--78 {
  margin-right: 19.5rem;
}

.margin-top--78 {
  margin-top: 19.5rem;
}

.margin-bottom--78 {
  margin-bottom: 19.5rem;
}

.margin-x--78 {
  margin-left: 19.5rem;
  margin-right: 19.5rem;
}

.margin-y--78 {
  margin-top: 19.5rem;
  margin-bottom: 19.5rem;
}

.margin--79 {
  margin: 19.75rem;
}

.margin-left--79 {
  margin-left: 19.75rem;
}

.margin-right--79 {
  margin-right: 19.75rem;
}

.margin-top--79 {
  margin-top: 19.75rem;
}

.margin-bottom--79 {
  margin-bottom: 19.75rem;
}

.margin-x--79 {
  margin-left: 19.75rem;
  margin-right: 19.75rem;
}

.margin-y--79 {
  margin-top: 19.75rem;
  margin-bottom: 19.75rem;
}

.margin--80 {
  margin: 20rem;
}

.margin-left--80 {
  margin-left: 20rem;
}

.margin-right--80 {
  margin-right: 20rem;
}

.margin-top--80 {
  margin-top: 20rem;
}

.margin-bottom--80 {
  margin-bottom: 20rem;
}

.margin-x--80 {
  margin-left: 20rem;
  margin-right: 20rem;
}

.margin-y--80 {
  margin-top: 20rem;
  margin-bottom: 20rem;
}

.padding--1 {
  padding: 0.25rem;
}

.padding-left--1 {
  padding-left: 0.25rem;
}

.padding-right--1 {
  padding-right: 0.25rem;
}

.padding-top--1 {
  padding-top: 0.25rem;
}

.padding-bottom--1 {
  padding-bottom: 0.25rem;
}

.padding-x--1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.padding-y--1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.padding--2 {
  padding: 0.5rem;
}

.padding-left--2 {
  padding-left: 0.5rem;
}

.padding-right--2 {
  padding-right: 0.5rem;
}

.padding-top--2 {
  padding-top: 0.5rem;
}

.padding-bottom--2 {
  padding-bottom: 0.5rem;
}

.padding-x--2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.padding-y--2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.padding--3 {
  padding: 0.75rem;
}

.padding-left--3 {
  padding-left: 0.75rem;
}

.padding-right--3 {
  padding-right: 0.75rem;
}

.padding-top--3 {
  padding-top: 0.75rem;
}

.padding-bottom--3 {
  padding-bottom: 0.75rem;
}

.padding-x--3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.padding-y--3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.padding--4 {
  padding: 1rem;
}

.padding-left--4 {
  padding-left: 1rem;
}

.padding-right--4 {
  padding-right: 1rem;
}

.padding-top--4 {
  padding-top: 1rem;
}

.padding-bottom--4 {
  padding-bottom: 1rem;
}

.padding-x--4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.padding-y--4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.padding--5 {
  padding: 1.25rem;
}

.padding-left--5 {
  padding-left: 1.25rem;
}

.padding-right--5 {
  padding-right: 1.25rem;
}

.padding-top--5 {
  padding-top: 1.25rem;
}

.padding-bottom--5 {
  padding-bottom: 1.25rem;
}

.padding-x--5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.padding-y--5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.padding--6 {
  padding: 1.5rem;
}

.padding-left--6 {
  padding-left: 1.5rem;
}

.padding-right--6 {
  padding-right: 1.5rem;
}

.padding-top--6 {
  padding-top: 1.5rem;
}

.padding-bottom--6 {
  padding-bottom: 1.5rem;
}

.padding-x--6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.padding-y--6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.padding--7 {
  padding: 1.75rem;
}

.padding-left--7 {
  padding-left: 1.75rem;
}

.padding-right--7 {
  padding-right: 1.75rem;
}

.padding-top--7 {
  padding-top: 1.75rem;
}

.padding-bottom--7 {
  padding-bottom: 1.75rem;
}

.padding-x--7 {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.padding-y--7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.padding--8 {
  padding: 2rem;
}

.padding-left--8 {
  padding-left: 2rem;
}

.padding-right--8 {
  padding-right: 2rem;
}

.padding-top--8 {
  padding-top: 2rem;
}

.padding-bottom--8 {
  padding-bottom: 2rem;
}

.padding-x--8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.padding-y--8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.padding--9 {
  padding: 2.25rem;
}

.padding-left--9 {
  padding-left: 2.25rem;
}

.padding-right--9 {
  padding-right: 2.25rem;
}

.padding-top--9 {
  padding-top: 2.25rem;
}

.padding-bottom--9 {
  padding-bottom: 2.25rem;
}

.padding-x--9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.padding-y--9 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}

.padding--10 {
  padding: 2.5rem;
}

.padding-left--10 {
  padding-left: 2.5rem;
}

.padding-right--10 {
  padding-right: 2.5rem;
}

.padding-top--10 {
  padding-top: 2.5rem;
}

.padding-bottom--10 {
  padding-bottom: 2.5rem;
}

.padding-x--10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-y--10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.padding--11 {
  padding: 2.75rem;
}

.padding-left--11 {
  padding-left: 2.75rem;
}

.padding-right--11 {
  padding-right: 2.75rem;
}

.padding-top--11 {
  padding-top: 2.75rem;
}

.padding-bottom--11 {
  padding-bottom: 2.75rem;
}

.padding-x--11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
}

.padding-y--11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

.padding--12 {
  padding: 3rem;
}

.padding-left--12 {
  padding-left: 3rem;
}

.padding-right--12 {
  padding-right: 3rem;
}

.padding-top--12 {
  padding-top: 3rem;
}

.padding-bottom--12 {
  padding-bottom: 3rem;
}

.padding-x--12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.padding-y--12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding--13 {
  padding: 3.25rem;
}

.padding-left--13 {
  padding-left: 3.25rem;
}

.padding-right--13 {
  padding-right: 3.25rem;
}

.padding-top--13 {
  padding-top: 3.25rem;
}

.padding-bottom--13 {
  padding-bottom: 3.25rem;
}

.padding-x--13 {
  padding-left: 3.25rem;
  padding-right: 3.25rem;
}

.padding-y--13 {
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
}

.padding--14 {
  padding: 3.5rem;
}

.padding-left--14 {
  padding-left: 3.5rem;
}

.padding-right--14 {
  padding-right: 3.5rem;
}

.padding-top--14 {
  padding-top: 3.5rem;
}

.padding-bottom--14 {
  padding-bottom: 3.5rem;
}

.padding-x--14 {
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}

.padding-y--14 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.padding--15 {
  padding: 3.75rem;
}

.padding-left--15 {
  padding-left: 3.75rem;
}

.padding-right--15 {
  padding-right: 3.75rem;
}

.padding-top--15 {
  padding-top: 3.75rem;
}

.padding-bottom--15 {
  padding-bottom: 3.75rem;
}

.padding-x--15 {
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

.padding-y--15 {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}

.padding--16 {
  padding: 4rem;
}

.padding-left--16 {
  padding-left: 4rem;
}

.padding-right--16 {
  padding-right: 4rem;
}

.padding-top--16 {
  padding-top: 4rem;
}

.padding-bottom--16 {
  padding-bottom: 4rem;
}

.padding-x--16 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.padding-y--16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding--17 {
  padding: 4.25rem;
}

.padding-left--17 {
  padding-left: 4.25rem;
}

.padding-right--17 {
  padding-right: 4.25rem;
}

.padding-top--17 {
  padding-top: 4.25rem;
}

.padding-bottom--17 {
  padding-bottom: 4.25rem;
}

.padding-x--17 {
  padding-left: 4.25rem;
  padding-right: 4.25rem;
}

.padding-y--17 {
  padding-top: 4.25rem;
  padding-bottom: 4.25rem;
}

.padding--18 {
  padding: 4.5rem;
}

.padding-left--18 {
  padding-left: 4.5rem;
}

.padding-right--18 {
  padding-right: 4.5rem;
}

.padding-top--18 {
  padding-top: 4.5rem;
}

.padding-bottom--18 {
  padding-bottom: 4.5rem;
}

.padding-x--18 {
  padding-left: 4.5rem;
  padding-right: 4.5rem;
}

.padding-y--18 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.padding--19 {
  padding: 4.75rem;
}

.padding-left--19 {
  padding-left: 4.75rem;
}

.padding-right--19 {
  padding-right: 4.75rem;
}

.padding-top--19 {
  padding-top: 4.75rem;
}

.padding-bottom--19 {
  padding-bottom: 4.75rem;
}

.padding-x--19 {
  padding-left: 4.75rem;
  padding-right: 4.75rem;
}

.padding-y--19 {
  padding-top: 4.75rem;
  padding-bottom: 4.75rem;
}

.padding--20 {
  padding: 5rem;
}

.padding-left--20 {
  padding-left: 5rem;
}

.padding-right--20 {
  padding-right: 5rem;
}

.padding-top--20 {
  padding-top: 5rem;
}

.padding-bottom--20 {
  padding-bottom: 5rem;
}

.padding-x--20 {
  padding-left: 5rem;
  padding-right: 5rem;
}

.padding-y--20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding--21 {
  padding: 5.25rem;
}

.padding-left--21 {
  padding-left: 5.25rem;
}

.padding-right--21 {
  padding-right: 5.25rem;
}

.padding-top--21 {
  padding-top: 5.25rem;
}

.padding-bottom--21 {
  padding-bottom: 5.25rem;
}

.padding-x--21 {
  padding-left: 5.25rem;
  padding-right: 5.25rem;
}

.padding-y--21 {
  padding-top: 5.25rem;
  padding-bottom: 5.25rem;
}

.padding--22 {
  padding: 5.5rem;
}

.padding-left--22 {
  padding-left: 5.5rem;
}

.padding-right--22 {
  padding-right: 5.5rem;
}

.padding-top--22 {
  padding-top: 5.5rem;
}

.padding-bottom--22 {
  padding-bottom: 5.5rem;
}

.padding-x--22 {
  padding-left: 5.5rem;
  padding-right: 5.5rem;
}

.padding-y--22 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}

.padding--23 {
  padding: 5.75rem;
}

.padding-left--23 {
  padding-left: 5.75rem;
}

.padding-right--23 {
  padding-right: 5.75rem;
}

.padding-top--23 {
  padding-top: 5.75rem;
}

.padding-bottom--23 {
  padding-bottom: 5.75rem;
}

.padding-x--23 {
  padding-left: 5.75rem;
  padding-right: 5.75rem;
}

.padding-y--23 {
  padding-top: 5.75rem;
  padding-bottom: 5.75rem;
}

.padding--24 {
  padding: 6rem;
}

.padding-left--24 {
  padding-left: 6rem;
}

.padding-right--24 {
  padding-right: 6rem;
}

.padding-top--24 {
  padding-top: 6rem;
}

.padding-bottom--24 {
  padding-bottom: 6rem;
}

.padding-x--24 {
  padding-left: 6rem;
  padding-right: 6rem;
}

.padding-y--24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.padding--25 {
  padding: 6.25rem;
}

.padding-left--25 {
  padding-left: 6.25rem;
}

.padding-right--25 {
  padding-right: 6.25rem;
}

.padding-top--25 {
  padding-top: 6.25rem;
}

.padding-bottom--25 {
  padding-bottom: 6.25rem;
}

.padding-x--25 {
  padding-left: 6.25rem;
  padding-right: 6.25rem;
}

.padding-y--25 {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.padding--26 {
  padding: 6.5rem;
}

.padding-left--26 {
  padding-left: 6.5rem;
}

.padding-right--26 {
  padding-right: 6.5rem;
}

.padding-top--26 {
  padding-top: 6.5rem;
}

.padding-bottom--26 {
  padding-bottom: 6.5rem;
}

.padding-x--26 {
  padding-left: 6.5rem;
  padding-right: 6.5rem;
}

.padding-y--26 {
  padding-top: 6.5rem;
  padding-bottom: 6.5rem;
}

.padding--27 {
  padding: 6.75rem;
}

.padding-left--27 {
  padding-left: 6.75rem;
}

.padding-right--27 {
  padding-right: 6.75rem;
}

.padding-top--27 {
  padding-top: 6.75rem;
}

.padding-bottom--27 {
  padding-bottom: 6.75rem;
}

.padding-x--27 {
  padding-left: 6.75rem;
  padding-right: 6.75rem;
}

.padding-y--27 {
  padding-top: 6.75rem;
  padding-bottom: 6.75rem;
}

.padding--28 {
  padding: 7rem;
}

.padding-left--28 {
  padding-left: 7rem;
}

.padding-right--28 {
  padding-right: 7rem;
}

.padding-top--28 {
  padding-top: 7rem;
}

.padding-bottom--28 {
  padding-bottom: 7rem;
}

.padding-x--28 {
  padding-left: 7rem;
  padding-right: 7rem;
}

.padding-y--28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.padding--29 {
  padding: 7.25rem;
}

.padding-left--29 {
  padding-left: 7.25rem;
}

.padding-right--29 {
  padding-right: 7.25rem;
}

.padding-top--29 {
  padding-top: 7.25rem;
}

.padding-bottom--29 {
  padding-bottom: 7.25rem;
}

.padding-x--29 {
  padding-left: 7.25rem;
  padding-right: 7.25rem;
}

.padding-y--29 {
  padding-top: 7.25rem;
  padding-bottom: 7.25rem;
}

.padding--30 {
  padding: 7.5rem;
}

.padding-left--30 {
  padding-left: 7.5rem;
}

.padding-right--30 {
  padding-right: 7.5rem;
}

.padding-top--30 {
  padding-top: 7.5rem;
}

.padding-bottom--30 {
  padding-bottom: 7.5rem;
}

.padding-x--30 {
  padding-left: 7.5rem;
  padding-right: 7.5rem;
}

.padding-y--30 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.padding--31 {
  padding: 7.75rem;
}

.padding-left--31 {
  padding-left: 7.75rem;
}

.padding-right--31 {
  padding-right: 7.75rem;
}

.padding-top--31 {
  padding-top: 7.75rem;
}

.padding-bottom--31 {
  padding-bottom: 7.75rem;
}

.padding-x--31 {
  padding-left: 7.75rem;
  padding-right: 7.75rem;
}

.padding-y--31 {
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
}

.padding--32 {
  padding: 8rem;
}

.padding-left--32 {
  padding-left: 8rem;
}

.padding-right--32 {
  padding-right: 8rem;
}

.padding-top--32 {
  padding-top: 8rem;
}

.padding-bottom--32 {
  padding-bottom: 8rem;
}

.padding-x--32 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.padding-y--32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding--33 {
  padding: 8.25rem;
}

.padding-left--33 {
  padding-left: 8.25rem;
}

.padding-right--33 {
  padding-right: 8.25rem;
}

.padding-top--33 {
  padding-top: 8.25rem;
}

.padding-bottom--33 {
  padding-bottom: 8.25rem;
}

.padding-x--33 {
  padding-left: 8.25rem;
  padding-right: 8.25rem;
}

.padding-y--33 {
  padding-top: 8.25rem;
  padding-bottom: 8.25rem;
}

.padding--34 {
  padding: 8.5rem;
}

.padding-left--34 {
  padding-left: 8.5rem;
}

.padding-right--34 {
  padding-right: 8.5rem;
}

.padding-top--34 {
  padding-top: 8.5rem;
}

.padding-bottom--34 {
  padding-bottom: 8.5rem;
}

.padding-x--34 {
  padding-left: 8.5rem;
  padding-right: 8.5rem;
}

.padding-y--34 {
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
}

.padding--35 {
  padding: 8.75rem;
}

.padding-left--35 {
  padding-left: 8.75rem;
}

.padding-right--35 {
  padding-right: 8.75rem;
}

.padding-top--35 {
  padding-top: 8.75rem;
}

.padding-bottom--35 {
  padding-bottom: 8.75rem;
}

.padding-x--35 {
  padding-left: 8.75rem;
  padding-right: 8.75rem;
}

.padding-y--35 {
  padding-top: 8.75rem;
  padding-bottom: 8.75rem;
}

.padding--36 {
  padding: 9rem;
}

.padding-left--36 {
  padding-left: 9rem;
}

.padding-right--36 {
  padding-right: 9rem;
}

.padding-top--36 {
  padding-top: 9rem;
}

.padding-bottom--36 {
  padding-bottom: 9rem;
}

.padding-x--36 {
  padding-left: 9rem;
  padding-right: 9rem;
}

.padding-y--36 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}

.padding--37 {
  padding: 9.25rem;
}

.padding-left--37 {
  padding-left: 9.25rem;
}

.padding-right--37 {
  padding-right: 9.25rem;
}

.padding-top--37 {
  padding-top: 9.25rem;
}

.padding-bottom--37 {
  padding-bottom: 9.25rem;
}

.padding-x--37 {
  padding-left: 9.25rem;
  padding-right: 9.25rem;
}

.padding-y--37 {
  padding-top: 9.25rem;
  padding-bottom: 9.25rem;
}

.padding--38 {
  padding: 9.5rem;
}

.padding-left--38 {
  padding-left: 9.5rem;
}

.padding-right--38 {
  padding-right: 9.5rem;
}

.padding-top--38 {
  padding-top: 9.5rem;
}

.padding-bottom--38 {
  padding-bottom: 9.5rem;
}

.padding-x--38 {
  padding-left: 9.5rem;
  padding-right: 9.5rem;
}

.padding-y--38 {
  padding-top: 9.5rem;
  padding-bottom: 9.5rem;
}

.padding--39 {
  padding: 9.75rem;
}

.padding-left--39 {
  padding-left: 9.75rem;
}

.padding-right--39 {
  padding-right: 9.75rem;
}

.padding-top--39 {
  padding-top: 9.75rem;
}

.padding-bottom--39 {
  padding-bottom: 9.75rem;
}

.padding-x--39 {
  padding-left: 9.75rem;
  padding-right: 9.75rem;
}

.padding-y--39 {
  padding-top: 9.75rem;
  padding-bottom: 9.75rem;
}

.padding--40 {
  padding: 10rem;
}

.padding-left--40 {
  padding-left: 10rem;
}

.padding-right--40 {
  padding-right: 10rem;
}

.padding-top--40 {
  padding-top: 10rem;
}

.padding-bottom--40 {
  padding-bottom: 10rem;
}

.padding-x--40 {
  padding-left: 10rem;
  padding-right: 10rem;
}

.padding-y--40 {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.padding--41 {
  padding: 10.25rem;
}

.padding-left--41 {
  padding-left: 10.25rem;
}

.padding-right--41 {
  padding-right: 10.25rem;
}

.padding-top--41 {
  padding-top: 10.25rem;
}

.padding-bottom--41 {
  padding-bottom: 10.25rem;
}

.padding-x--41 {
  padding-left: 10.25rem;
  padding-right: 10.25rem;
}

.padding-y--41 {
  padding-top: 10.25rem;
  padding-bottom: 10.25rem;
}

.padding--42 {
  padding: 10.5rem;
}

.padding-left--42 {
  padding-left: 10.5rem;
}

.padding-right--42 {
  padding-right: 10.5rem;
}

.padding-top--42 {
  padding-top: 10.5rem;
}

.padding-bottom--42 {
  padding-bottom: 10.5rem;
}

.padding-x--42 {
  padding-left: 10.5rem;
  padding-right: 10.5rem;
}

.padding-y--42 {
  padding-top: 10.5rem;
  padding-bottom: 10.5rem;
}

.padding--43 {
  padding: 10.75rem;
}

.padding-left--43 {
  padding-left: 10.75rem;
}

.padding-right--43 {
  padding-right: 10.75rem;
}

.padding-top--43 {
  padding-top: 10.75rem;
}

.padding-bottom--43 {
  padding-bottom: 10.75rem;
}

.padding-x--43 {
  padding-left: 10.75rem;
  padding-right: 10.75rem;
}

.padding-y--43 {
  padding-top: 10.75rem;
  padding-bottom: 10.75rem;
}

.padding--44 {
  padding: 11rem;
}

.padding-left--44 {
  padding-left: 11rem;
}

.padding-right--44 {
  padding-right: 11rem;
}

.padding-top--44 {
  padding-top: 11rem;
}

.padding-bottom--44 {
  padding-bottom: 11rem;
}

.padding-x--44 {
  padding-left: 11rem;
  padding-right: 11rem;
}

.padding-y--44 {
  padding-top: 11rem;
  padding-bottom: 11rem;
}

.padding--45 {
  padding: 11.25rem;
}

.padding-left--45 {
  padding-left: 11.25rem;
}

.padding-right--45 {
  padding-right: 11.25rem;
}

.padding-top--45 {
  padding-top: 11.25rem;
}

.padding-bottom--45 {
  padding-bottom: 11.25rem;
}

.padding-x--45 {
  padding-left: 11.25rem;
  padding-right: 11.25rem;
}

.padding-y--45 {
  padding-top: 11.25rem;
  padding-bottom: 11.25rem;
}

.padding--46 {
  padding: 11.5rem;
}

.padding-left--46 {
  padding-left: 11.5rem;
}

.padding-right--46 {
  padding-right: 11.5rem;
}

.padding-top--46 {
  padding-top: 11.5rem;
}

.padding-bottom--46 {
  padding-bottom: 11.5rem;
}

.padding-x--46 {
  padding-left: 11.5rem;
  padding-right: 11.5rem;
}

.padding-y--46 {
  padding-top: 11.5rem;
  padding-bottom: 11.5rem;
}

.padding--47 {
  padding: 11.75rem;
}

.padding-left--47 {
  padding-left: 11.75rem;
}

.padding-right--47 {
  padding-right: 11.75rem;
}

.padding-top--47 {
  padding-top: 11.75rem;
}

.padding-bottom--47 {
  padding-bottom: 11.75rem;
}

.padding-x--47 {
  padding-left: 11.75rem;
  padding-right: 11.75rem;
}

.padding-y--47 {
  padding-top: 11.75rem;
  padding-bottom: 11.75rem;
}

.padding--48 {
  padding: 12rem;
}

.padding-left--48 {
  padding-left: 12rem;
}

.padding-right--48 {
  padding-right: 12rem;
}

.padding-top--48 {
  padding-top: 12rem;
}

.padding-bottom--48 {
  padding-bottom: 12rem;
}

.padding-x--48 {
  padding-left: 12rem;
  padding-right: 12rem;
}

.padding-y--48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.padding--49 {
  padding: 12.25rem;
}

.padding-left--49 {
  padding-left: 12.25rem;
}

.padding-right--49 {
  padding-right: 12.25rem;
}

.padding-top--49 {
  padding-top: 12.25rem;
}

.padding-bottom--49 {
  padding-bottom: 12.25rem;
}

.padding-x--49 {
  padding-left: 12.25rem;
  padding-right: 12.25rem;
}

.padding-y--49 {
  padding-top: 12.25rem;
  padding-bottom: 12.25rem;
}

.padding--50 {
  padding: 12.5rem;
}

.padding-left--50 {
  padding-left: 12.5rem;
}

.padding-right--50 {
  padding-right: 12.5rem;
}

.padding-top--50 {
  padding-top: 12.5rem;
}

.padding-bottom--50 {
  padding-bottom: 12.5rem;
}

.padding-x--50 {
  padding-left: 12.5rem;
  padding-right: 12.5rem;
}

.padding-y--50 {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.padding--51 {
  padding: 12.75rem;
}

.padding-left--51 {
  padding-left: 12.75rem;
}

.padding-right--51 {
  padding-right: 12.75rem;
}

.padding-top--51 {
  padding-top: 12.75rem;
}

.padding-bottom--51 {
  padding-bottom: 12.75rem;
}

.padding-x--51 {
  padding-left: 12.75rem;
  padding-right: 12.75rem;
}

.padding-y--51 {
  padding-top: 12.75rem;
  padding-bottom: 12.75rem;
}

.padding--52 {
  padding: 13rem;
}

.padding-left--52 {
  padding-left: 13rem;
}

.padding-right--52 {
  padding-right: 13rem;
}

.padding-top--52 {
  padding-top: 13rem;
}

.padding-bottom--52 {
  padding-bottom: 13rem;
}

.padding-x--52 {
  padding-left: 13rem;
  padding-right: 13rem;
}

.padding-y--52 {
  padding-top: 13rem;
  padding-bottom: 13rem;
}

.padding--53 {
  padding: 13.25rem;
}

.padding-left--53 {
  padding-left: 13.25rem;
}

.padding-right--53 {
  padding-right: 13.25rem;
}

.padding-top--53 {
  padding-top: 13.25rem;
}

.padding-bottom--53 {
  padding-bottom: 13.25rem;
}

.padding-x--53 {
  padding-left: 13.25rem;
  padding-right: 13.25rem;
}

.padding-y--53 {
  padding-top: 13.25rem;
  padding-bottom: 13.25rem;
}

.padding--54 {
  padding: 13.5rem;
}

.padding-left--54 {
  padding-left: 13.5rem;
}

.padding-right--54 {
  padding-right: 13.5rem;
}

.padding-top--54 {
  padding-top: 13.5rem;
}

.padding-bottom--54 {
  padding-bottom: 13.5rem;
}

.padding-x--54 {
  padding-left: 13.5rem;
  padding-right: 13.5rem;
}

.padding-y--54 {
  padding-top: 13.5rem;
  padding-bottom: 13.5rem;
}

.padding--55 {
  padding: 13.75rem;
}

.padding-left--55 {
  padding-left: 13.75rem;
}

.padding-right--55 {
  padding-right: 13.75rem;
}

.padding-top--55 {
  padding-top: 13.75rem;
}

.padding-bottom--55 {
  padding-bottom: 13.75rem;
}

.padding-x--55 {
  padding-left: 13.75rem;
  padding-right: 13.75rem;
}

.padding-y--55 {
  padding-top: 13.75rem;
  padding-bottom: 13.75rem;
}

.padding--56 {
  padding: 14rem;
}

.padding-left--56 {
  padding-left: 14rem;
}

.padding-right--56 {
  padding-right: 14rem;
}

.padding-top--56 {
  padding-top: 14rem;
}

.padding-bottom--56 {
  padding-bottom: 14rem;
}

.padding-x--56 {
  padding-left: 14rem;
  padding-right: 14rem;
}

.padding-y--56 {
  padding-top: 14rem;
  padding-bottom: 14rem;
}

.padding--57 {
  padding: 14.25rem;
}

.padding-left--57 {
  padding-left: 14.25rem;
}

.padding-right--57 {
  padding-right: 14.25rem;
}

.padding-top--57 {
  padding-top: 14.25rem;
}

.padding-bottom--57 {
  padding-bottom: 14.25rem;
}

.padding-x--57 {
  padding-left: 14.25rem;
  padding-right: 14.25rem;
}

.padding-y--57 {
  padding-top: 14.25rem;
  padding-bottom: 14.25rem;
}

.padding--58 {
  padding: 14.5rem;
}

.padding-left--58 {
  padding-left: 14.5rem;
}

.padding-right--58 {
  padding-right: 14.5rem;
}

.padding-top--58 {
  padding-top: 14.5rem;
}

.padding-bottom--58 {
  padding-bottom: 14.5rem;
}

.padding-x--58 {
  padding-left: 14.5rem;
  padding-right: 14.5rem;
}

.padding-y--58 {
  padding-top: 14.5rem;
  padding-bottom: 14.5rem;
}

.padding--59 {
  padding: 14.75rem;
}

.padding-left--59 {
  padding-left: 14.75rem;
}

.padding-right--59 {
  padding-right: 14.75rem;
}

.padding-top--59 {
  padding-top: 14.75rem;
}

.padding-bottom--59 {
  padding-bottom: 14.75rem;
}

.padding-x--59 {
  padding-left: 14.75rem;
  padding-right: 14.75rem;
}

.padding-y--59 {
  padding-top: 14.75rem;
  padding-bottom: 14.75rem;
}

.padding--60 {
  padding: 15rem;
}

.padding-left--60 {
  padding-left: 15rem;
}

.padding-right--60 {
  padding-right: 15rem;
}

.padding-top--60 {
  padding-top: 15rem;
}

.padding-bottom--60 {
  padding-bottom: 15rem;
}

.padding-x--60 {
  padding-left: 15rem;
  padding-right: 15rem;
}

.padding-y--60 {
  padding-top: 15rem;
  padding-bottom: 15rem;
}

.padding--61 {
  padding: 15.25rem;
}

.padding-left--61 {
  padding-left: 15.25rem;
}

.padding-right--61 {
  padding-right: 15.25rem;
}

.padding-top--61 {
  padding-top: 15.25rem;
}

.padding-bottom--61 {
  padding-bottom: 15.25rem;
}

.padding-x--61 {
  padding-left: 15.25rem;
  padding-right: 15.25rem;
}

.padding-y--61 {
  padding-top: 15.25rem;
  padding-bottom: 15.25rem;
}

.padding--62 {
  padding: 15.5rem;
}

.padding-left--62 {
  padding-left: 15.5rem;
}

.padding-right--62 {
  padding-right: 15.5rem;
}

.padding-top--62 {
  padding-top: 15.5rem;
}

.padding-bottom--62 {
  padding-bottom: 15.5rem;
}

.padding-x--62 {
  padding-left: 15.5rem;
  padding-right: 15.5rem;
}

.padding-y--62 {
  padding-top: 15.5rem;
  padding-bottom: 15.5rem;
}

.padding--63 {
  padding: 15.75rem;
}

.padding-left--63 {
  padding-left: 15.75rem;
}

.padding-right--63 {
  padding-right: 15.75rem;
}

.padding-top--63 {
  padding-top: 15.75rem;
}

.padding-bottom--63 {
  padding-bottom: 15.75rem;
}

.padding-x--63 {
  padding-left: 15.75rem;
  padding-right: 15.75rem;
}

.padding-y--63 {
  padding-top: 15.75rem;
  padding-bottom: 15.75rem;
}

.padding--64 {
  padding: 16rem;
}

.padding-left--64 {
  padding-left: 16rem;
}

.padding-right--64 {
  padding-right: 16rem;
}

.padding-top--64 {
  padding-top: 16rem;
}

.padding-bottom--64 {
  padding-bottom: 16rem;
}

.padding-x--64 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.padding-y--64 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.padding--65 {
  padding: 16.25rem;
}

.padding-left--65 {
  padding-left: 16.25rem;
}

.padding-right--65 {
  padding-right: 16.25rem;
}

.padding-top--65 {
  padding-top: 16.25rem;
}

.padding-bottom--65 {
  padding-bottom: 16.25rem;
}

.padding-x--65 {
  padding-left: 16.25rem;
  padding-right: 16.25rem;
}

.padding-y--65 {
  padding-top: 16.25rem;
  padding-bottom: 16.25rem;
}

.padding--66 {
  padding: 16.5rem;
}

.padding-left--66 {
  padding-left: 16.5rem;
}

.padding-right--66 {
  padding-right: 16.5rem;
}

.padding-top--66 {
  padding-top: 16.5rem;
}

.padding-bottom--66 {
  padding-bottom: 16.5rem;
}

.padding-x--66 {
  padding-left: 16.5rem;
  padding-right: 16.5rem;
}

.padding-y--66 {
  padding-top: 16.5rem;
  padding-bottom: 16.5rem;
}

.padding--67 {
  padding: 16.75rem;
}

.padding-left--67 {
  padding-left: 16.75rem;
}

.padding-right--67 {
  padding-right: 16.75rem;
}

.padding-top--67 {
  padding-top: 16.75rem;
}

.padding-bottom--67 {
  padding-bottom: 16.75rem;
}

.padding-x--67 {
  padding-left: 16.75rem;
  padding-right: 16.75rem;
}

.padding-y--67 {
  padding-top: 16.75rem;
  padding-bottom: 16.75rem;
}

.padding--68 {
  padding: 17rem;
}

.padding-left--68 {
  padding-left: 17rem;
}

.padding-right--68 {
  padding-right: 17rem;
}

.padding-top--68 {
  padding-top: 17rem;
}

.padding-bottom--68 {
  padding-bottom: 17rem;
}

.padding-x--68 {
  padding-left: 17rem;
  padding-right: 17rem;
}

.padding-y--68 {
  padding-top: 17rem;
  padding-bottom: 17rem;
}

.padding--69 {
  padding: 17.25rem;
}

.padding-left--69 {
  padding-left: 17.25rem;
}

.padding-right--69 {
  padding-right: 17.25rem;
}

.padding-top--69 {
  padding-top: 17.25rem;
}

.padding-bottom--69 {
  padding-bottom: 17.25rem;
}

.padding-x--69 {
  padding-left: 17.25rem;
  padding-right: 17.25rem;
}

.padding-y--69 {
  padding-top: 17.25rem;
  padding-bottom: 17.25rem;
}

.padding--70 {
  padding: 17.5rem;
}

.padding-left--70 {
  padding-left: 17.5rem;
}

.padding-right--70 {
  padding-right: 17.5rem;
}

.padding-top--70 {
  padding-top: 17.5rem;
}

.padding-bottom--70 {
  padding-bottom: 17.5rem;
}

.padding-x--70 {
  padding-left: 17.5rem;
  padding-right: 17.5rem;
}

.padding-y--70 {
  padding-top: 17.5rem;
  padding-bottom: 17.5rem;
}

.padding--71 {
  padding: 17.75rem;
}

.padding-left--71 {
  padding-left: 17.75rem;
}

.padding-right--71 {
  padding-right: 17.75rem;
}

.padding-top--71 {
  padding-top: 17.75rem;
}

.padding-bottom--71 {
  padding-bottom: 17.75rem;
}

.padding-x--71 {
  padding-left: 17.75rem;
  padding-right: 17.75rem;
}

.padding-y--71 {
  padding-top: 17.75rem;
  padding-bottom: 17.75rem;
}

.padding--72 {
  padding: 18rem;
}

.padding-left--72 {
  padding-left: 18rem;
}

.padding-right--72 {
  padding-right: 18rem;
}

.padding-top--72 {
  padding-top: 18rem;
}

.padding-bottom--72 {
  padding-bottom: 18rem;
}

.padding-x--72 {
  padding-left: 18rem;
  padding-right: 18rem;
}

.padding-y--72 {
  padding-top: 18rem;
  padding-bottom: 18rem;
}

.padding--73 {
  padding: 18.25rem;
}

.padding-left--73 {
  padding-left: 18.25rem;
}

.padding-right--73 {
  padding-right: 18.25rem;
}

.padding-top--73 {
  padding-top: 18.25rem;
}

.padding-bottom--73 {
  padding-bottom: 18.25rem;
}

.padding-x--73 {
  padding-left: 18.25rem;
  padding-right: 18.25rem;
}

.padding-y--73 {
  padding-top: 18.25rem;
  padding-bottom: 18.25rem;
}

.padding--74 {
  padding: 18.5rem;
}

.padding-left--74 {
  padding-left: 18.5rem;
}

.padding-right--74 {
  padding-right: 18.5rem;
}

.padding-top--74 {
  padding-top: 18.5rem;
}

.padding-bottom--74 {
  padding-bottom: 18.5rem;
}

.padding-x--74 {
  padding-left: 18.5rem;
  padding-right: 18.5rem;
}

.padding-y--74 {
  padding-top: 18.5rem;
  padding-bottom: 18.5rem;
}

.padding--75 {
  padding: 18.75rem;
}

.padding-left--75 {
  padding-left: 18.75rem;
}

.padding-right--75 {
  padding-right: 18.75rem;
}

.padding-top--75 {
  padding-top: 18.75rem;
}

.padding-bottom--75 {
  padding-bottom: 18.75rem;
}

.padding-x--75 {
  padding-left: 18.75rem;
  padding-right: 18.75rem;
}

.padding-y--75 {
  padding-top: 18.75rem;
  padding-bottom: 18.75rem;
}

.padding--76 {
  padding: 19rem;
}

.padding-left--76 {
  padding-left: 19rem;
}

.padding-right--76 {
  padding-right: 19rem;
}

.padding-top--76 {
  padding-top: 19rem;
}

.padding-bottom--76 {
  padding-bottom: 19rem;
}

.padding-x--76 {
  padding-left: 19rem;
  padding-right: 19rem;
}

.padding-y--76 {
  padding-top: 19rem;
  padding-bottom: 19rem;
}

.padding--77 {
  padding: 19.25rem;
}

.padding-left--77 {
  padding-left: 19.25rem;
}

.padding-right--77 {
  padding-right: 19.25rem;
}

.padding-top--77 {
  padding-top: 19.25rem;
}

.padding-bottom--77 {
  padding-bottom: 19.25rem;
}

.padding-x--77 {
  padding-left: 19.25rem;
  padding-right: 19.25rem;
}

.padding-y--77 {
  padding-top: 19.25rem;
  padding-bottom: 19.25rem;
}

.padding--78 {
  padding: 19.5rem;
}

.padding-left--78 {
  padding-left: 19.5rem;
}

.padding-right--78 {
  padding-right: 19.5rem;
}

.padding-top--78 {
  padding-top: 19.5rem;
}

.padding-bottom--78 {
  padding-bottom: 19.5rem;
}

.padding-x--78 {
  padding-left: 19.5rem;
  padding-right: 19.5rem;
}

.padding-y--78 {
  padding-top: 19.5rem;
  padding-bottom: 19.5rem;
}

.padding--79 {
  padding: 19.75rem;
}

.padding-left--79 {
  padding-left: 19.75rem;
}

.padding-right--79 {
  padding-right: 19.75rem;
}

.padding-top--79 {
  padding-top: 19.75rem;
}

.padding-bottom--79 {
  padding-bottom: 19.75rem;
}

.padding-x--79 {
  padding-left: 19.75rem;
  padding-right: 19.75rem;
}

.padding-y--79 {
  padding-top: 19.75rem;
  padding-bottom: 19.75rem;
}

.padding--80 {
  padding: 20rem;
}

.padding-left--80 {
  padding-left: 20rem;
}

.padding-right--80 {
  padding-right: 20rem;
}

.padding-top--80 {
  padding-top: 20rem;
}

.padding-bottom--80 {
  padding-bottom: 20rem;
}

.padding-x--80 {
  padding-left: 20rem;
  padding-right: 20rem;
}

.padding-y--80 {
  padding-top: 20rem;
  padding-bottom: 20rem;
}

/* Importing Bootstrap SCSS file. */
.carousel-inner {
  height: 300px !important;
}

html,
body {
  height: 100% !important;
  width: 100% !important;
  margin: 0;
  padding: 0;
  font-size: 12px !important;
}

.flex-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body {
  margin: 0px !important;
  padding: 0px !important;
  background-color: var(--mds_brand_appearance_neutral_weakest_background-color) !important;
}

.mainStyle {
  background-color: white !important;
  padding: 16px;
}

mc-icon::part(icon) {
  fill: var(--mds_brand_appearance_primary_default_text-color) !important;
}

.bg-white {
  background-color: white;
}

.header {
  font: Maersk Text;
  font-size: 16px;
  display: inline-block;
}

.sub_header {
  font-family: Maersk Text;
  font-size: 18px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: left;
}

.searchBox {
  height: 40px;
  background-color: var(--mds_brand_appearance_neutral_default_background-color);
  border: 1px solid var(--mds_brand_appearance_neutral_default_border-color);
  display: flex;
  align-items: center;
}

.searchBox_icons {
  height: 40px;
  border: 1px solid var(--mds_brand_appearance_neutral_default_border-color);
  display: inline-flex;
  align-content: stretch;
  justify-content: center;
  align-items: center;
}

.filterMenu {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  background-color: var(--mds_brand_appearance_neutral_default_background-color);
  overflow-x: hidden;
  transition: 0.5s;
}

.filterMenu a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: var(-mds_brand_appearance_neutral_weak_text-color);
  display: block;
  transition: 0.3s;
}

.filterMenu a:hover {
  color: white;
}

.filterMenu .closebtn {
  position: absolute;
  top: 0;
  right: 24px;
  font-size: 36px;
  margin-left: 48px;
}

.mc-pagination ul {
  justify-content: center;
}

.filters_text {
  font-family: Maersk Headline;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
}

.paging {
  height: 100px;
  align-items: center;
}

.flex-center {
  align-content: center;
  justify-content: center;
}

.flex-end {
  align-content: center;
  justify-content: flex-end;
}

.pageSizeWidth {
  width: 40%;
}

.filetrOptionsStyle {
  position: absolute;
  left: 0;
  padding: 8px;
  bottom: 0;
  width: 100%;
  background-color: var(--mds_brand_appearance_neutral_subtle_background-color) !important;
  color: var(--mds_brand_appearance_neutral_inverse_text-color);
  text-align: center;
}

filerOptions {
  padding: 8px;
}

mc-tag::part(tag) {
  background-color: var(--mds_brand_appearance_neutral_default_background-color);
  color: var(--mds_brand_appearance_neutral_default_text-color);
}

.float-right {
  float: right;
}

.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.m-t-8 {
  margin-top: 8px !important;
}

.m-t-16 {
  margin-top: 16px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.m-l-8 {
  margin-left: 8px;
}

.m-r-8 {
  margin-right: 8px;
}

.main_sub_header {
  font-family: Maersk Text;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--mds_brand_appearance_primary_default_background-color) !important;
}

::-webkit-scrollbar-track {
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--mds_brand_appearance_primary_weak_background-color) !important;
  border-radius: 4px;
}

.pure-g > div {
  box-sizing: border-box;
}

.l-box {
  padding-right: 10px;
}

.p-r-10 {
  padding-right: 10px;
}

.mds-table table thead tr {
  height: 40px !important;
  font-size: 13px !important;
}
.mds-table table thead th {
  font-size: 13px !important;
}
.mds-table table tbody tr {
  height: 40px !important;
  font-size: 13px !important;
}
.mds-table table tbody td {
  font-size: 13px !important;
}

.reefer-Table::-webkit-scrollbar {
  height: 16px !important;
  width: 16px !important;
}

.reefer-Table::-webkit-scrollbar-track {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #DBDBDB !important;
  background-color: #F7F7F7 !important;
}

.reefer-Table::-webkit-scrollbar-thumb {
  border-radius: 100px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
  background-color: #CFCFCF !important;
}

.reefer-Table .reefer_tb {
  border-top: 1px solid !important;
  border-color: gainsboro !important;
}

.reefer-Table .reefer_tb .reefer_tr {
  border-bottom: 1px solid !important;
  border-color: gainsboro !important;
}

.reefer-Table .reefer_tb .reefer_tr .reefer_anchor {
  cursor: pointer !important;
  color: #007bff !important;
  text-decoration: underline !important;
}

.loader-spinner .mc-loading-indicator svg {
  height: 100px !important;
  width: 100px !important;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -25px;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.content {
  position: relative;
}

.overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
}

.overlay-content {
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  color: #555;
}

.loaderText {
  font-size: 20px !important;
  color: white !important;
  margin-top: 10px !important;
}

.mc-toast-container {
  z-index: 999 !important;
}

.p-r-8 {
  padding-right: 8px !important;
}

table {
  empty-cells: show;
}

a {
  cursor: pointer !important;
}

nav ul li {
  cursor: pointer !important;
}

.form-hidden-label {
  font-size: 14px !important;
}

.text-danger {
  font-size: 14px;
  color: red;
}

.form_border {
  border: 1px solid lightgrey;
  padding: 10px;
}

.m-r-5 {
  margin-right: 5px;
}

.is-active {
  background-color: var(--mds_brand_appearance_primary_weak_background-color) !important;
}

.small .mdc-dialog__content {
  padding-top: 10px !important;
}

.sub-main {
  padding-top: 40px;
}

.mc-button.neutral-plain a mc-icon::part(icon),
.mc-button.neutral-plain button mc-icon::part(icon) {
  fill: rgb(184, 0, 18) !important;
}

.mc-button.neutral-plain button mc-icon::part(icon) {
  fill: rgb(184, 0, 18) !important;
}

.defgh .mc-button.neutral-plain button mc-icon::part(icon) {
  fill: rgb(184, 0, 18) !important;
}

:host ::ng-deep mc-icon::part(icon) {
  fill: red !important;
}

mc-icon::part(icon) {
  fill: var(--mds_core_button_neutral_plain_text-color);
}

.flex-container1 {
  display: flex;
}

.totalHeight {
  height: calc(100% - 64px) !important;
}

.side-panel {
  top: 0px;
  left: 0px;
  width: 70px;
  background: white;
  font-size: 13px;
  opacity: 1;
  position: relative;
}
.side-panel #menuItemDiv {
  width: 70px;
}
.side-panel .menu-itemC {
  color: black;
  height: 45px;
  background-position-x: 15px !important;
  background-position-y: 12px !important;
  cursor: pointer;
  position: relative;
  margin-left: 10px;
  margin-top: 2px;
  line-height: 42px;
  padding-left: 50px;
}
.side-panel .menu-itemC:hover {
  background-color: white !important;
}
.side-panel .menu-itemC.selected {
  background-color: #ededed !important;
}
.side-panel .menuClose {
  width: 50px;
  border-radius: 50px;
}
.side-panel .menuOpen {
  width: 200px;
  margin-left: 0px;
}

.closeArrow {
  position: absolute;
  height: 19px;
  width: 19px;
  bottom: 14px;
  right: 24px;
  cursor: pointer;
  border: none;
}

.content-cntr {
  background: #f7f7f7;
  padding: 8px;
  overflow-y: auto;
}

.main-topPanel {
  height: 64px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-bottom: 1px solid rgb(237, 237, 237);
}

.menu-item-dropdown {
  font-size: 13px;
  display: inline-block;
  margin-top: 10px;
}

.mc-card.small .actions,
.mc-card.small .content-inner {
  margin-bottom: 0px !important;
}

@media screen and (min-width: 1000px) {
  .mc-text-and-icon.small {
    font-size: 12px !important;
  }
}
mc-list-item {
  margin: 0px 0px;
  padding: 10px 0px;
}

:host(.mc-card.small .content-inner) {
  margin-bottom: 0px !important;
  margin: 0px !important;
}

mc-icon::part(icon) {
  fill: var(--mds_brand_appearance_primary_default_text-color) !important;
}

.ims-Table {
  overflow: overlay;
  min-height: 200px;
  overflow: overlay;
  max-height: 660px;
}

.ims-Table::-webkit-scrollbar {
  height: 16px !important;
  width: 16px !important;
}

.ims-Table::-webkit-scrollbar-track {
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #DBDBDB !important;
  background-color: #F7F7F7 !important;
}

.ims-Table::-webkit-scrollbar-thumb {
  border-radius: 100px !important;
  border: 4px solid transparent !important;
  background-clip: content-box !important;
  background-color: #CFCFCF !important;
}

.ims-Table .ims_tb {
  border-top: 1px solid !important;
  border-color: gainsboro !important;
}

.ims-Table .ims_tb .ims_tr {
  border-bottom: 1px solid !important;
  border-color: gainsboro !important;
}

.ims-Table .ims_tb .ims_tr .reefer_anchor {
  cursor: pointer !important;
  color: #007bff !important;
  text-decoration: underline !important;
}

ngx-slider .ngx-slider-selection {
  background: var(--mds_brand_appearance_primary_default_text-color) !important;
}

.ngx-slider .ngx-slider-pointer {
  background: var(--mds_brand_appearance_primary_default_text-color) !important;
}

ngx-slider-span ngx-slider-pointer ngx-slider-pointer-min {
  background: var(--mds_brand_appearance_primary_default_text-color) !important;
}

.resetbutons {
  float: right;
  text-align: right;
  margin-top: 21px;
}

.selected {
  background-color: red;
}

.tagsStyle {
  margin-right: 5px;
  margin-top: 5px !important;
  display: inline-block;
}

.p-datatable > .p-datatable-wrapper {
  overflow: visible;
}

.SolidChartBoxStyle {
  font-size: 10px;
  border: 1px solid lightgrey;
  border-radius: 5px;
}

.SolidChartCardStyle {
  background-color: white;
  text-align: center;
}

.globalGuageChartStyle {
  float: left;
  padding: 10px !important;
}

.f-s-14 {
  font-size: 14px;
}

.p-carousel-indicators {
  flex-direction: row !important;
}
.p-carousel-indicators ul li {
  list-style-type: none;
}

.p-carousel-indicator {
  list-style-type: none;
}

.sliderStyle {
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  height: 300px;
  display: inline-flex;
  justify-content: center;
}

.sliderImage {
  max-width: 100%;
  min-width: 100%;
  padding: 10px;
  object-fit: cover;
  height: 100%;
}

.inv-planing-chart-height {
  height: 140px !important;
}

.text-error {
  color: red;
}

.side_text_core_health {
  text-align: -webkit-center;
  background-color: #ffefe6;
  padding: 5px !important;
  color: #ff0f00;
}

.side_text_core_health_header {
  text-align: -webkit-center;
  background-color: rgb(255, 96, 0);
  padding: 5px !important;
  color: rgb(255, 255, 255);
}

.error-messages {
  color: red;
}

.headline_text {
  font-family: Maersk Text;
  font-size: 14px;
  font-weight: bold;
}

.headline_text_unbold {
  font-family: Maersk Text;
  font-size: 14px;
}

.flex-align-center {
  align-content: center;
  justify-content: center;
  text-align: center;
}

.no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 150px;
  background-color: #eeeded;
  margin: 20px;
}

.no-results-message {
  font-family: "Maersk Text";
  font-size: 14px;
  color: #363646;
  line-height: 100%;
  margin-top: 15px;
}

/*# sourceMappingURL=styles.css.map*/