:root, [data-bui-theme="traveller_ex-light"] {
    --bui_color_border: #868686;
    --bui_color_border_alt: #e7e7e7;
    --bui_color_action_border: #006ce4;
    --bui_color_border_disabled: #d9d9d9;
    --bui_color_destructive_border: #d4111e;
    --bui_color_constructive_border: #008234;
    --bui_color_foreground: #1a1a1a;
    --bui_color_foreground_alt: #595959;
    --bui_color_foreground_inverted: #f5f5f5;
    --bui_color_accent_foreground: #946800;
    --bui_color_action_foreground: #006ce4;
    --bui_color_callout_foreground: #923e01;
    --bui_color_foreground_disabled: #a2a2a2;
    --bui_color_destructive_foreground: #d4111e;
    --bui_color_constructive_foreground: #008234;
    --bui_color_foreground_disabled_alt: #d9d9d9;
    --bui_color_brand_primary_foreground: #003b95;
    --bui_color_action_foreground_inverted: #57a6f4;
    --bui_color_action_focus: rgba(0,108,228,0.24);
    --bui_color_highlighted_alt: rgba(26,26,26,0.06);
    --bui_color_action_highlighted_alt: rgba(0,108,228,0.06);
    --bui_color_destructive_highlighted_alt: rgba(212,17,30,0.06);
    --bui_color_highlighted: #cecece;
    --bui_color_destructive_focus: rgba(212,17,30,0.24);
    --bui_color_on_background: #fff;
    --bui_color_background_inverted: #1a1a1a;
    --bui_color_background_inverted_rgb: 26,26,26;
    --bui_color_background: #595959;
    --bui_color_background_rgb: 89,89,89;
    --bui_color_background_alt: #f5f5f5;
    --bui_color_background_alt_rgb: 245,245,245;
    --bui_color_background_base: #fff;
    --bui_color_background_base_rgb: 255,255,255;
    --bui_color_background_base_alt: #f5f5f5;
    --bui_color_background_base_alt_rgb: 245,245,245;
    --bui_color_background_disabled: #d9d9d9;
    --bui_color_background_disabled_rgb: 217,217,217;
    --bui_color_accent_background_alt: #fffaec;
    --bui_color_accent_background_alt_rgb: 255,250,236;
    --bui_color_action_background_alt: #f0f6ff;
    --bui_color_action_background_alt_rgb: 240,246,255;
    --bui_color_callout_background_alt: #fef3ec;
    --bui_color_callout_background_alt_rgb: 254,243,236;
    --bui_color_background_disabled_alt: #f5f5f5;
    --bui_color_background_disabled_alt_rgb: 245,245,245;
    --bui_color_destructive_background_alt: #fff5f5;
    --bui_color_destructive_background_alt_rgb: 255,245,245;
    --bui_color_constructive_background_alt: #f1fef6;
    --bui_color_constructive_background_alt_rgb: 241,254,246;
    --bui_color_on_accent_background_dynamic: #242424;
    --bui_color_on_callout_background_dynamic: #242424;
    --bui_color_on_brand_secondary_background_dynamic: #242424;
    --bui_color_on_destructive_background_dynamic: #fff;
    --bui_color_on_constructive_background_dynamic: #fff;
    --bui_color_background_elevation_one: #fff;
    --bui_color_background_elevation_two: #fff;
    --bui_color_background_elevation_two_rgb: 255,255,255;
    --bui_color_accent_background_dynamic: #ffb700;
    --bui_color_callout_background_dynamic: #f56700;
    --bui_color_destructive_background_dynamic: #d4111e;
    --bui_color_constructive_background_dynamic: #008234;
    --bui_color_brand_primary_background_dynamic: #003b95;
    --bui_color_brand_secondary_background_dynamic: #ffb700
}

[data-bui-theme="traveller_ex-dark"] {
    --bui_color_border: #a2a2a2;
    --bui_color_border_alt: #595959;
    --bui_color_action_border: #57a6f4;
    --bui_color_border_disabled: #868686;
    --bui_color_destructive_border: #e56b74;
    --bui_color_constructive_border: #24a85b;
    --bui_color_foreground: #f5f5f5;
    --bui_color_foreground_alt: #d9d9d9;
    --bui_color_foreground_inverted: #1a1a1a;
    --bui_color_accent_foreground: #ffb700;
    --bui_color_action_foreground: #57a6f4;
    --bui_color_callout_foreground: #f56700;
    --bui_color_foreground_disabled: #868686;
    --bui_color_destructive_foreground: #e56b74;
    --bui_color_constructive_foreground: #24a85b;
    --bui_color_foreground_disabled_alt: #595959;
    --bui_color_brand_primary_foreground: #cee6ff;
    --bui_color_action_foreground_inverted: #006ce4;
    --bui_color_action_focus: rgba(87,166,244,0.24);
    --bui_color_highlighted_alt: rgba(255,255,255,0.12);
    --bui_color_action_highlighted_alt: rgba(87,166,244,0.12);
    --bui_color_destructive_highlighted_alt: rgba(229,107,116,0.12);
    --bui_color_highlighted: #4b4b4b;
    --bui_color_destructive_focus: rgba(229,107,116,0.24);
    --bui_color_on_background: #242424;
    --bui_color_background_inverted: #f5f5f5;
    --bui_color_background_inverted_rgb: 245,245,245;
    --bui_color_background: #d9d9d9;
    --bui_color_background_rgb: 217,217,217;
    --bui_color_background_alt: #2b2b2b;
    --bui_color_background_alt_rgb: 43,43,43;
    --bui_color_background_base: #1a1a1a;
    --bui_color_background_base_rgb: 26,26,26;
    --bui_color_background_base_alt: #1a1a1a;
    --bui_color_background_base_alt_rgb: 26,26,26;
    --bui_color_background_disabled: #595959;
    --bui_color_background_disabled_rgb: 89,89,89;
    --bui_color_accent_background_alt: #463301;
    --bui_color_accent_background_alt_rgb: 70,51,1;
    --bui_color_action_background_alt: #041b43;
    --bui_color_action_background_alt_rgb: 4,27,67;
    --bui_color_callout_background_alt: #411b01;
    --bui_color_callout_background_alt_rgb: 65,27,1;
    --bui_color_background_disabled_alt: #2b2b2b;
    --bui_color_background_disabled_alt_rgb: 43,43,43;
    --bui_color_destructive_background_alt: #420a0e;
    --bui_color_destructive_background_alt_rgb: 66,10,14;
    --bui_color_constructive_background_alt: #083019;
    --bui_color_constructive_background_alt_rgb: 8,48,25;
    --bui_color_on_accent_background_dynamic: #ffb700;
    --bui_color_on_callout_background_dynamic: #f56700;
    --bui_color_on_brand_secondary_background_dynamic: #ffb700;
    --bui_color_on_destructive_background_dynamic: #e56b74;
    --bui_color_on_constructive_background_dynamic: #24a85b;
    --bui_color_background_elevation_one: #242424;
    --bui_color_background_elevation_two: #2b2b2b;
    --bui_color_background_elevation_two_rgb: 43,43,43;
    --bui_color_accent_background_dynamic: #2b2b2b;
    --bui_color_callout_background_dynamic: #2b2b2b;
    --bui_color_destructive_background_dynamic: #2b2b2b;
    --bui_color_constructive_background_dynamic: #2b2b2b;
    --bui_color_brand_primary_background_dynamic: #2b2b2b;
    --bui_color_brand_secondary_background_dynamic: #2b2b2b
}

:root, [data-bui-theme="traveller_ex-light"], [data-bui-theme="traveller_ex-dark"] {
    --bui_color_accent_border: #ffb700;
    --bui_color_callout_border: #f56700;
    --bui_color_brand_genius_secondary_foreground: #febb02;
    --bui_color_cta_highlighted: #0057b8;
    --bui_color_action_highlighted: #0057b8;
    --bui_color_destructive_highlighted: #af0e19;
    --bui_color_on_accent_background: #242424;
    --bui_color_on_callout_background: #242424;
    --bui_color_on_brand_secondary_background: #242424;
    --bui_color_on_cta_background: #fff;
    --bui_color_on_action_background: #fff;
    --bui_color_on_destructive_background: #fff;
    --bui_color_on_constructive_background: #fff;
    --bui_color_on_brand_primary_background: #fff;
    --bui_color_on_brand_genius_primary_background: #fff;
    --bui_color_transparent: rgba(26,26,26,0);
    --bui_color_cta_background: #006ce4;
    --bui_color_cta_background_rgb: 0,108,228;
    --bui_color_black_with_alpha: rgba(26,26,26,0.5);
    --bui_color_accent_background: #ffb700;
    --bui_color_accent_background_rgb: 255,183,0;
    --bui_color_action_background: #006ce4;
    --bui_color_action_background_rgb: 0,108,228;
    --bui_color_callout_background: #f56700;
    --bui_color_callout_background_rgb: 245,103,0;
    --bui_color_destructive_background: #d4111e;
    --bui_color_destructive_background_rgb: 212,17,30;
    --bui_color_constructive_background: #008234;
    --bui_color_constructive_background_rgb: 0,130,52;
    --bui_color_brand_primary_background: #003b95;
    --bui_color_brand_primary_background_rgb: 0,59,149;
    --bui_color_brand_secondary_background: #ffb700;
    --bui_color_brand_secondary_background_rgb: 255,183,0;
    --bui_color_brand_genius_primary_background: #003b95;
    --bui_color_brand_genius_primary_background_rgb: 0,59,149;
    --bui_color_on_brand_primary_background_dynamic: #fff;
    --bui_color_black: #1a1a1a;
    --bui_color_black_rgb: 26,26,26;
    --bui_color_white: #fff;
    --bui_color_white_rgb: 255,255,255;
    --bui_shadow_100: 0 2px 8px 0 rgba(26,26,26,0.16);
    --bui_shadow_200: 0 2px 16px 0 rgba(26,26,26,0.24);
    --bui_spacing_1x: 4px;
    --bui_spacing_2x: 8px;
    --bui_spacing_3x: 12px;
    --bui_spacing_4x: 16px;
    --bui_spacing_6x: 24px;
    --bui_spacing_8x: 32px;
    --bui_spacing_12x: 48px;
    --bui_spacing_16x: 64px;
    --bui_spacing_24x: 96px;
    --bui_spacing_half: 2px;
    --bui_border_width_100: 1px;
    --bui_border_width_200: 2px;
    --bui_border_radius_100: 4px;
    --bui_border_radius_200: 8px;
    --bui_border_radius_300: 16px;
    --bui_rem_pixel: .0625rem;
    --bui_rem_spacing_1x: -webkit-calc(4 * var(--bui_rem_pixel));
    --bui_rem_spacing_1x: calc(4 * var(--bui_rem_pixel));
    --bui_animation_exit_duration: var(--bui_animation_reduced_motion_duration,0.12s);
    --bui_animation_exit_timing_function: cubic-bezier(0.2,0,1,0.8);
    --bui_animation_exit: var(--bui_animation_exit_duration) var(--bui_animation_exit_timing_function);
    --bui_animation_enter_duration: var(--bui_animation_reduced_motion_duration,0.12s);
    --bui_animation_enter_timing_function: cubic-bezier(0,0,0.4,0.8);
    --bui_animation_enter: var(--bui_animation_enter_duration) var(--bui_animation_enter_timing_function);
    --bui_animation_hover_duration: var(--bui_animation_reduced_motion_duration,0.12s);
    --bui_animation_hover_timing_function: cubic-bezier(0.2,0,0.4,0.8);
    --bui_animation_hover: var(--bui_animation_hover_duration) var(--bui_animation_hover_timing_function);
    --bui_animation_press_duration: var(--bui_animation_reduced_motion_duration,0.12s);
    --bui_animation_press_timing_function: cubic-bezier(0.2,0,0.4,0.8);
    --bui_animation_press: var(--bui_animation_press_duration) var(--bui_animation_press_timing_function);
    --bui_animation_appear_duration: var(--bui_animation_reduced_motion_duration,0.24s);
    --bui_animation_appear_timing_function: cubic-bezier(0,0,0.4,1);
    --bui_animation_appear: var(--bui_animation_appear_duration) var(--bui_animation_appear_timing_function);
    --bui_animation_fade_in_duration: var(--bui_animation_reduced_motion_duration,0.24s);
    --bui_animation_fade_in_timing_function: cubic-bezier(0,0,0.4,1);
    --bui_animation_fade_in: var(--bui_animation_fade_in_duration) var(--bui_animation_fade_in_timing_function);
    --bui_animation_fade_out_duration: var(--bui_animation_reduced_motion_duration,0.12s);
    --bui_animation_fade_out_timing_function: cubic-bezier(1,0,1,1);
    --bui_animation_fade_out: var(--bui_animation_fade_out_duration) var(--bui_animation_fade_out_timing_function);
    --bui_animation_disappear_duration: var(--bui_animation_reduced_motion_duration,0.12s);
    --bui_animation_disappear_timing_function: cubic-bezier(0.2,0,1,0.8);
    --bui_animation_disappear: var(--bui_animation_disappear_duration) var(--bui_animation_disappear_timing_function);
    --bui_animation_page_transition_exit_duration: var(--bui_animation_reduced_motion_duration,0.48s);
    --bui_animation_page_transition_exit_timing_function: cubic-bezier(1,0,1,1);
    --bui_animation_page_transition_exit: var(--bui_animation_page_transition_exit_duration) var(--bui_animation_page_transition_exit_timing_function);
    --bui_animation_page_transition_enter_duration: var(--bui_animation_reduced_motion_duration,0.48s);
    --bui_animation_page_transition_enter_timing_function: cubic-bezier(0,0,0.4,1);
    --bui_animation_page_transition_enter: var(--bui_animation_page_transition_enter_duration) var(--bui_animation_page_transition_enter_timing_function)
}

@media(prefers-reduced-motion) {
    :root {
        --bui_animation_reduced_motion_duration: 1ms
    }
}

:root, [data-bui-theme="traveller_ex-light"], [data-bui-theme="traveller_ex-dark"] {
    --bui_font_body_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 16);
    --bui_font_body_1_font-size: calc(var(--bui_rem_pixel) * 16);
    --bui_font_body_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 24);
    --bui_font_body_1_line-height: calc(var(--bui_rem_pixel) * 24);
    --bui_font_body_1_font-weight: 400;
    --bui_font_body_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_body_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 14);
    --bui_font_body_2_font-size: calc(var(--bui_rem_pixel) * 14);
    --bui_font_body_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 20);
    --bui_font_body_2_line-height: calc(var(--bui_rem_pixel) * 20);
    --bui_font_body_2_font-weight: 400;
    --bui_font_body_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_small_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 12);
    --bui_font_small_1_font-size: calc(var(--bui_rem_pixel) * 12);
    --bui_font_small_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 18);
    --bui_font_small_1_line-height: calc(var(--bui_rem_pixel) * 18);
    --bui_font_small_1_font-weight: 400;
    --bui_font_small_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_small_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 10);
    --bui_font_small_2_font-size: calc(var(--bui_rem_pixel) * 10);
    --bui_font_small_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 16);
    --bui_font_small_2_line-height: calc(var(--bui_rem_pixel) * 16);
    --bui_font_small_2_font-weight: 500;
    --bui_font_small_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_strong_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 16);
    --bui_font_strong_1_font-size: calc(var(--bui_rem_pixel) * 16);
    --bui_font_strong_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 24);
    --bui_font_strong_1_line-height: calc(var(--bui_rem_pixel) * 24);
    --bui_font_strong_1_font-weight: 700;
    --bui_font_strong_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_strong_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 14);
    --bui_font_strong_2_font-size: calc(var(--bui_rem_pixel) * 14);
    --bui_font_strong_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 20);
    --bui_font_strong_2_line-height: calc(var(--bui_rem_pixel) * 20);
    --bui_font_strong_2_font-weight: 700;
    --bui_font_strong_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_display_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 40);
    --bui_font_display_1_font-size: calc(var(--bui_rem_pixel) * 40);
    --bui_font_display_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 52);
    --bui_font_display_1_line-height: calc(var(--bui_rem_pixel) * 52);
    --bui_font_display_1_font-weight: 800;
    --bui_font_display_1_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_display_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 36);
    --bui_font_display_2_font-size: calc(var(--bui_rem_pixel) * 36);
    --bui_font_display_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 48);
    --bui_font_display_2_line-height: calc(var(--bui_rem_pixel) * 48);
    --bui_font_display_2_font-weight: 800;
    --bui_font_display_2_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_display_3_font-size: -webkit-calc(var(--bui_rem_pixel) * 32);
    --bui_font_display_3_font-size: calc(var(--bui_rem_pixel) * 32);
    --bui_font_display_3_line-height: -webkit-calc(var(--bui_rem_pixel) * 40);
    --bui_font_display_3_line-height: calc(var(--bui_rem_pixel) * 40);
    --bui_font_display_3_font-weight: 800;
    --bui_font_display_3_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_featured_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 20);
    --bui_font_featured_1_font-size: calc(var(--bui_rem_pixel) * 20);
    --bui_font_featured_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 28);
    --bui_font_featured_1_line-height: calc(var(--bui_rem_pixel) * 28);
    --bui_font_featured_1_font-weight: 400;
    --bui_font_featured_1_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_featured_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 20);
    --bui_font_featured_2_font-size: calc(var(--bui_rem_pixel) * 20);
    --bui_font_featured_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 28);
    --bui_font_featured_2_line-height: calc(var(--bui_rem_pixel) * 28);
    --bui_font_featured_2_font-weight: 400;
    --bui_font_featured_2_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_featured_3_font-size: -webkit-calc(var(--bui_rem_pixel) * 20);
    --bui_font_featured_3_font-size: calc(var(--bui_rem_pixel) * 20);
    --bui_font_featured_3_line-height: -webkit-calc(var(--bui_rem_pixel) * 28);
    --bui_font_featured_3_line-height: calc(var(--bui_rem_pixel) * 28);
    --bui_font_featured_3_font-weight: 400;
    --bui_font_featured_3_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_headline_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 28);
    --bui_font_headline_1_font-size: calc(var(--bui_rem_pixel) * 28);
    --bui_font_headline_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 36);
    --bui_font_headline_1_line-height: calc(var(--bui_rem_pixel) * 36);
    --bui_font_headline_1_font-weight: 700;
    --bui_font_headline_1_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_headline_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 24);
    --bui_font_headline_2_font-size: calc(var(--bui_rem_pixel) * 24);
    --bui_font_headline_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 32);
    --bui_font_headline_2_line-height: calc(var(--bui_rem_pixel) * 32);
    --bui_font_headline_2_font-weight: 700;
    --bui_font_headline_2_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_headline_3_font-size: -webkit-calc(var(--bui_rem_pixel) * 20);
    --bui_font_headline_3_font-size: calc(var(--bui_rem_pixel) * 20);
    --bui_font_headline_3_line-height: -webkit-calc(var(--bui_rem_pixel) * 28);
    --bui_font_headline_3_line-height: calc(var(--bui_rem_pixel) * 28);
    --bui_font_headline_3_font-weight: 700;
    --bui_font_headline_3_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_emphasized_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 16);
    --bui_font_emphasized_1_font-size: calc(var(--bui_rem_pixel) * 16);
    --bui_font_emphasized_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 24);
    --bui_font_emphasized_1_line-height: calc(var(--bui_rem_pixel) * 24);
    --bui_font_emphasized_1_font-weight: 500;
    --bui_font_emphasized_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    --bui_font_emphasized_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 14);
    --bui_font_emphasized_2_font-size: calc(var(--bui_rem_pixel) * 14);
    --bui_font_emphasized_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 20);
    --bui_font_emphasized_2_line-height: calc(var(--bui_rem_pixel) * 20);
    --bui_font_emphasized_2_font-weight: 500;
    --bui_font_emphasized_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

@media(min-width:576px) {
    :root, [data-bui-theme="traveller_ex-light"], [data-bui-theme="traveller_ex-dark"] {
        --bui_font_body_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 16);
        --bui_font_body_1_font-size: calc(var(--bui_rem_pixel) * 16);
        --bui_font_body_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_body_1_line-height: calc(var(--bui_rem_pixel) * 24);
        --bui_font_body_1_font-weight: 400;
        --bui_font_body_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_body_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 14);
        --bui_font_body_2_font-size: calc(var(--bui_rem_pixel) * 14);
        --bui_font_body_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_body_2_line-height: calc(var(--bui_rem_pixel) * 20);
        --bui_font_body_2_font-weight: 400;
        --bui_font_body_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_small_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 12);
        --bui_font_small_1_font-size: calc(var(--bui_rem_pixel) * 12);
        --bui_font_small_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 18);
        --bui_font_small_1_line-height: calc(var(--bui_rem_pixel) * 18);
        --bui_font_small_1_font-weight: 400;
        --bui_font_small_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_small_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 12);
        --bui_font_small_2_font-size: calc(var(--bui_rem_pixel) * 12);
        --bui_font_small_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 18);
        --bui_font_small_2_line-height: calc(var(--bui_rem_pixel) * 18);
        --bui_font_small_2_font-weight: 500;
        --bui_font_small_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_strong_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 16);
        --bui_font_strong_1_font-size: calc(var(--bui_rem_pixel) * 16);
        --bui_font_strong_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_strong_1_line-height: calc(var(--bui_rem_pixel) * 24);
        --bui_font_strong_1_font-weight: 700;
        --bui_font_strong_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_strong_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 14);
        --bui_font_strong_2_font-size: calc(var(--bui_rem_pixel) * 14);
        --bui_font_strong_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_strong_2_line-height: calc(var(--bui_rem_pixel) * 20);
        --bui_font_strong_2_font-weight: 700;
        --bui_font_strong_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_display_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 64);
        --bui_font_display_1_font-size: calc(var(--bui_rem_pixel) * 64);
        --bui_font_display_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 72);
        --bui_font_display_1_line-height: calc(var(--bui_rem_pixel) * 72);
        --bui_font_display_1_font-weight: 800;
        --bui_font_display_1_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_display_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 56);
        --bui_font_display_2_font-size: calc(var(--bui_rem_pixel) * 56);
        --bui_font_display_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 64);
        --bui_font_display_2_line-height: calc(var(--bui_rem_pixel) * 64);
        --bui_font_display_2_font-weight: 800;
        --bui_font_display_2_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_display_3_font-size: -webkit-calc(var(--bui_rem_pixel) * 48);
        --bui_font_display_3_font-size: calc(var(--bui_rem_pixel) * 48);
        --bui_font_display_3_line-height: -webkit-calc(var(--bui_rem_pixel) * 62);
        --bui_font_display_3_line-height: calc(var(--bui_rem_pixel) * 62);
        --bui_font_display_3_font-weight: 800;
        --bui_font_display_3_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_featured_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 32);
        --bui_font_featured_1_font-size: calc(var(--bui_rem_pixel) * 32);
        --bui_font_featured_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 40);
        --bui_font_featured_1_line-height: calc(var(--bui_rem_pixel) * 40);
        --bui_font_featured_1_font-weight: 400;
        --bui_font_featured_1_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_featured_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_featured_2_font-size: calc(var(--bui_rem_pixel) * 24);
        --bui_font_featured_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 32);
        --bui_font_featured_2_line-height: calc(var(--bui_rem_pixel) * 32);
        --bui_font_featured_2_font-weight: 400;
        --bui_font_featured_2_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_featured_3_font-size: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_featured_3_font-size: calc(var(--bui_rem_pixel) * 20);
        --bui_font_featured_3_line-height: -webkit-calc(var(--bui_rem_pixel) * 28);
        --bui_font_featured_3_line-height: calc(var(--bui_rem_pixel) * 28);
        --bui_font_featured_3_font-weight: 400;
        --bui_font_featured_3_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_headline_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 32);
        --bui_font_headline_1_font-size: calc(var(--bui_rem_pixel) * 32);
        --bui_font_headline_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 40);
        --bui_font_headline_1_line-height: calc(var(--bui_rem_pixel) * 40);
        --bui_font_headline_1_font-weight: 700;
        --bui_font_headline_1_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_headline_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_headline_2_font-size: calc(var(--bui_rem_pixel) * 24);
        --bui_font_headline_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 32);
        --bui_font_headline_2_line-height: calc(var(--bui_rem_pixel) * 32);
        --bui_font_headline_2_font-weight: 700;
        --bui_font_headline_2_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_headline_3_font-size: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_headline_3_font-size: calc(var(--bui_rem_pixel) * 20);
        --bui_font_headline_3_line-height: -webkit-calc(var(--bui_rem_pixel) * 28);
        --bui_font_headline_3_line-height: calc(var(--bui_rem_pixel) * 28);
        --bui_font_headline_3_font-weight: 700;
        --bui_font_headline_3_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_emphasized_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 16);
        --bui_font_emphasized_1_font-size: calc(var(--bui_rem_pixel) * 16);
        --bui_font_emphasized_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_emphasized_1_line-height: calc(var(--bui_rem_pixel) * 24);
        --bui_font_emphasized_1_font-weight: 500;
        --bui_font_emphasized_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_emphasized_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 14);
        --bui_font_emphasized_2_font-size: calc(var(--bui_rem_pixel) * 14);
        --bui_font_emphasized_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_emphasized_2_line-height: calc(var(--bui_rem_pixel) * 20);
        --bui_font_emphasized_2_font-weight: 500;
        --bui_font_emphasized_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
    }
}

@media(min-width:1024px) {
    :root, [data-bui-theme="traveller_ex-light"], [data-bui-theme="traveller_ex-dark"] {
        --bui_font_body_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 16);
        --bui_font_body_1_font-size: calc(var(--bui_rem_pixel) * 16);
        --bui_font_body_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_body_1_line-height: calc(var(--bui_rem_pixel) * 24);
        --bui_font_body_1_font-weight: 400;
        --bui_font_body_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_body_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 14);
        --bui_font_body_2_font-size: calc(var(--bui_rem_pixel) * 14);
        --bui_font_body_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_body_2_line-height: calc(var(--bui_rem_pixel) * 20);
        --bui_font_body_2_font-weight: 400;
        --bui_font_body_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_small_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 12);
        --bui_font_small_1_font-size: calc(var(--bui_rem_pixel) * 12);
        --bui_font_small_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 18);
        --bui_font_small_1_line-height: calc(var(--bui_rem_pixel) * 18);
        --bui_font_small_1_font-weight: 400;
        --bui_font_small_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_small_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 12);
        --bui_font_small_2_font-size: calc(var(--bui_rem_pixel) * 12);
        --bui_font_small_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 18);
        --bui_font_small_2_line-height: calc(var(--bui_rem_pixel) * 18);
        --bui_font_small_2_font-weight: 500;
        --bui_font_small_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_strong_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 16);
        --bui_font_strong_1_font-size: calc(var(--bui_rem_pixel) * 16);
        --bui_font_strong_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_strong_1_line-height: calc(var(--bui_rem_pixel) * 24);
        --bui_font_strong_1_font-weight: 700;
        --bui_font_strong_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_strong_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 14);
        --bui_font_strong_2_font-size: calc(var(--bui_rem_pixel) * 14);
        --bui_font_strong_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_strong_2_line-height: calc(var(--bui_rem_pixel) * 20);
        --bui_font_strong_2_font-weight: 700;
        --bui_font_strong_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_display_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 96);
        --bui_font_display_1_font-size: calc(var(--bui_rem_pixel) * 96);
        --bui_font_display_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 108);
        --bui_font_display_1_line-height: calc(var(--bui_rem_pixel) * 108);
        --bui_font_display_1_font-weight: 800;
        --bui_font_display_1_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_display_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 64);
        --bui_font_display_2_font-size: calc(var(--bui_rem_pixel) * 64);
        --bui_font_display_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 72);
        --bui_font_display_2_line-height: calc(var(--bui_rem_pixel) * 72);
        --bui_font_display_2_font-weight: 800;
        --bui_font_display_2_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_display_3_font-size: -webkit-calc(var(--bui_rem_pixel) * 48);
        --bui_font_display_3_font-size: calc(var(--bui_rem_pixel) * 48);
        --bui_font_display_3_line-height: -webkit-calc(var(--bui_rem_pixel) * 62);
        --bui_font_display_3_line-height: calc(var(--bui_rem_pixel) * 62);
        --bui_font_display_3_font-weight: 800;
        --bui_font_display_3_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_featured_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 32);
        --bui_font_featured_1_font-size: calc(var(--bui_rem_pixel) * 32);
        --bui_font_featured_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 40);
        --bui_font_featured_1_line-height: calc(var(--bui_rem_pixel) * 40);
        --bui_font_featured_1_font-weight: 400;
        --bui_font_featured_1_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_featured_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_featured_2_font-size: calc(var(--bui_rem_pixel) * 24);
        --bui_font_featured_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 32);
        --bui_font_featured_2_line-height: calc(var(--bui_rem_pixel) * 32);
        --bui_font_featured_2_font-weight: 400;
        --bui_font_featured_2_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_featured_3_font-size: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_featured_3_font-size: calc(var(--bui_rem_pixel) * 20);
        --bui_font_featured_3_line-height: -webkit-calc(var(--bui_rem_pixel) * 28);
        --bui_font_featured_3_line-height: calc(var(--bui_rem_pixel) * 28);
        --bui_font_featured_3_font-weight: 400;
        --bui_font_featured_3_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_headline_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 32);
        --bui_font_headline_1_font-size: calc(var(--bui_rem_pixel) * 32);
        --bui_font_headline_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 40);
        --bui_font_headline_1_line-height: calc(var(--bui_rem_pixel) * 40);
        --bui_font_headline_1_font-weight: 700;
        --bui_font_headline_1_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_headline_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_headline_2_font-size: calc(var(--bui_rem_pixel) * 24);
        --bui_font_headline_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 32);
        --bui_font_headline_2_line-height: calc(var(--bui_rem_pixel) * 32);
        --bui_font_headline_2_font-weight: 700;
        --bui_font_headline_2_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_headline_3_font-size: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_headline_3_font-size: calc(var(--bui_rem_pixel) * 20);
        --bui_font_headline_3_line-height: -webkit-calc(var(--bui_rem_pixel) * 28);
        --bui_font_headline_3_line-height: calc(var(--bui_rem_pixel) * 28);
        --bui_font_headline_3_font-weight: 700;
        --bui_font_headline_3_font-family: "Blue Sans",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_emphasized_1_font-size: -webkit-calc(var(--bui_rem_pixel) * 16);
        --bui_font_emphasized_1_font-size: calc(var(--bui_rem_pixel) * 16);
        --bui_font_emphasized_1_line-height: -webkit-calc(var(--bui_rem_pixel) * 24);
        --bui_font_emphasized_1_line-height: calc(var(--bui_rem_pixel) * 24);
        --bui_font_emphasized_1_font-weight: 500;
        --bui_font_emphasized_1_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        --bui_font_emphasized_2_font-size: -webkit-calc(var(--bui_rem_pixel) * 14);
        --bui_font_emphasized_2_font-size: calc(var(--bui_rem_pixel) * 14);
        --bui_font_emphasized_2_line-height: -webkit-calc(var(--bui_rem_pixel) * 20);
        --bui_font_emphasized_2_line-height: calc(var(--bui_rem_pixel) * 20);
        --bui_font_emphasized_2_font-weight: 500;
        --bui_font_emphasized_2_font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
    }
}

@font-face {
    font-family: "Blue Sans";
    font-weight: 800
}

@font-face {
    font-family: "Blue Sans";
    font-weight: 400
}

@font-face {
    font-family: "Blue Sans";
    font-weight: 700
}

:root {
    --bui_unit_value: 8;
    --bui_unit_smaller: 2px;
    --bui_unit_small: 4px;
    --bui_unit_medium: 8px;
    --bui_unit_large: 16px;
    --bui_unit_larger: 24px;
    --bui_unit_largest: 32px;
    --bui_color_destructive_dark: #a30000;
    --bui_color_destructive: #c00;
    --bui_color_destructive_light: #fcb4b4;
    --bui_color_destructive_lighter: #ffebeb;
    --bui_color_destructive_lightest: #fff0f0;
    --bui_color_callout_dark: #bc5b01;
    --bui_color_callout: #ff8000;
    --bui_color_callout_light: #ffc489;
    --bui_color_callout_lighter: #fff0e0;
    --bui_color_callout_lightest: #fff8f0;
    --bui_color_complement_dark: #cd8900;
    --bui_color_complement: #febb02;
    --bui_color_complement_light: #ffe08a;
    --bui_color_complement_lighter: #fdf4d8;
    --bui_color_complement_lightest: #fefbf0;
    --bui_color_constructive_dark: #006607;
    --bui_color_constructive: #008009;
    --bui_color_constructive_light: #97e59c;
    --bui_color_constructive_lighter: #e7fde9;
    --bui_color_constructive_lightest: #f1fef2;
    --bui_color_primary_dark: #00224f;
    --bui_color_primary: #003580;
    --bui_color_primary_light: #bad4f7;
    --bui_color_primary_lighter: #ebf3ff;
    --bui_color_primary_lightest: #fafcff;
    --bui_color_grayscale_dark: #333;
    --bui_color_grayscale: #6b6b6b;
    --bui_color_grayscale_light: #bdbdbd;
    --bui_color_grayscale_lighter: #e6e6e6;
    --bui_color_grayscale_lightest: #f5f5f5;
    --bui_color_black: #000;
    --bui_color_white: #fff;
    --bui_color_action_dark: #005c9d;
    --bui_color_action: #0071c2;
    --bui_color_action_light: #a3d7fc;
    --bui_color_action_lighter: #e4f4ff;
    --genius_color_primary: #004cb8;
    --bui_easing-slow-in: cubic-bezier(0,0,0.2,1);
    --bui_easing-slow-out: cubic-bezier(0.4,0,1,1);
    --bui_easing-slow-in-out: cubic-bezier(0.4,0,0.2,1);
    --bui_easing-subtle-in: cubic-bezier(0,0,0.2,1);
    --bui_easing-subtle-out: cubic-bezier(0.4,0,1,1);
    --bui_easing-subtle-in-out: cubic-bezier(0.4,0,0.2,1);
    --bui_easing-bounce-in: cubic-bezier(0.6,-0.28,0.735,0.045);
    --bui_easing-bounce-out: cubic-bezier(0.175,0.885,0.32,1.275);
    --bui_timing-instant: 100ms;
    --bui_timing-fast: 150ms;
    --bui_timing-deliberate: 250ms;
    --bui_timing-slow: 300ms;
    --bui_timing-slower: 600ms;
    --bui_timing-slowest: 1000ms;
    --bui_timing-paused: 1600ms;
    --bui_baseline: 24px;
    --bui_padding: 12px;
    --bui_negative_padding: -12px;
    --bui_medium_breakpoint: 576px;
    --bui_large_breakpoint: 1024px;
    --bui_huge_breakpoint: 1280px;
    --bui_container: 1140px;
    --bui_animation_duration: .15s;
    --z_index_0: 0;
    --z_index_1: 100;
    --z_index_2: 200;
    --z_index_3: 300;
    --z_index_4: 400
}

.bui-f-color-destructive, .bui_color_destructive {
    color: var(--bui_color_destructive_foreground) !important
}

.bui-f-color-callout, .bui_color_callout {
    color: var(--bui_color_callout) !important
}

.bui-f-color-constructive, .bui_color_constructive {
    color: var(--bui_color_constructive_foreground) !important
}

.bui-f-color-complement, .bui_color_complement {
    color: var(--bui_color_complement) !important
}

.bui-f-color-primary, .bui_color_primary {
    color: var(--bui_color_brand_primary_foreground) !important
}

.bui-f-color-grayscale, .bui_color_grayscale {
    color: var(--bui_color_foreground_alt) !important
}

.bui-f-color-grayscale-darker {
    color: var(--bui_color_foreground) !important
}

.bui-f-color-black, .bui_color_black {
    color: var(--bui_color_black) !important
}

.bui-f-color-white, .bui_color_white {
    color: var(--bui_color_white) !important
}

.bui-f-color-action, .bui_color_action {
    color: var(--bui_color_action_foreground) !important
}

.bui-f-fill-destructive, .bui_fill_destructive {
    background-color: var(--bui_color_destructive_background) !important;
    fill: var(--bui_color_destructive_background) !important
}

.bui-f-fill-callout, .bui-f-fill-destructive, .bui_fill_callout, .bui_fill_destructive {
    border-color: var(--bui_color_white) !important;
    color: var(--bui_color_white) !important
}

.bui-f-fill-callout, .bui_fill_callout {
    background-color: var(--bui_color_callout_background) !important;
    fill: var(--bui_color_callout_background) !important
}

.bui-f-fill-complement, .bui_fill_complement {
    background-color: var(--bui_color_accent_background) !important;
    fill: var(--bui_color_accent_background) !important;
    border-color: var(--bui_color_foreground) !important;
    color: var(--bui_color_foreground) !important
}

.bui-f-fill-constructive, .bui_fill_constructive {
    background-color: var(--bui_color_constructive_background) !important;
    fill: var(--bui_color_constructive_background) !important;
    border-color: var(--bui_color_white) !important;
    color: var(--bui_color_white) !important
}

.bui-f-fill-primary, .bui_fill_primary {
    background-color: var(--bui_color_brand_primary_background) !important;
    fill: var(--bui_color_brand_primary_background) !important
}

.bui-f-fill-grayscale, .bui-f-fill-primary, .bui_fill_grayscale, .bui_fill_primary {
    border-color: var(--bui_color_white) !important;
    color: var(--bui_color_white) !important
}

.bui-f-fill-grayscale, .bui_fill_grayscale {
    background-color: var(--bui_color_background) !important;
    fill: var(--bui_color_background) !important
}

.bui-f-fill-black, .bui_fill_black {
    background-color: var(--bui_color_black) !important;
    fill: var(--bui_color_black) !important;
    border-color: var(--bui_color_white) !important;
    color: var(--bui_color_white) !important
}

.bui-f-fill-white, .bui_fill_white {
    background-color: var(--bui_color_white) !important;
    fill: var(--bui_color_white) !important;
    border-color: var(--bui_color_grayscale_dark) !important;
    color: var(--bui_color_grayscale_dark) !important
}

.bui-f-fill-action, .bui_fill_action {
    background-color: var(--bui_color_action_background) !important;
    fill: var(--bui_color_action_background) !important;
    border-color: var(--bui_color_white) !important;
    color: var(--bui_color_white) !important
}

.bui-f-outline-destructive, .bui_fill_destructive_outline {
    background-color: transparent !important;
    fill: transparent !important;
    border-color: var(--bui_color_destructive_border) !important;
    color: var(--bui_color_destructive_foreground) !important
}

.bui-f-outline-callout, .bui_fill_callout_outline {
    background-color: transparent !important;
    fill: transparent !important;
    border-color: var(--bui_color_callout_border) !important;
    color: var(--bui_color_callout) !important
}

.bui-f-outline-complement, .bui_fill_complement_outline {
    background-color: transparent !important;
    fill: transparent !important;
    border-color: var(--bui_color_accent_border) !important;
    color: var(--bui_color_complement) !important
}

.bui-f-outline-constructive, .bui_fill_constructive_outline {
    background-color: transparent !important;
    fill: transparent !important;
    border-color: var(--bui_color_constructive_border) !important;
    color: var(--bui_color_constructive_foreground) !important
}

.bui-f-outline-primary, .bui_fill_primary_outline {
    background-color: transparent !important;
    fill: transparent !important;
    border-color: var(--bui_color_primary) !important;
    color: var(--bui_color_primary) !important
}

.bui-f-outline-grayscale, .bui_fill_grayscale_outline {
    background-color: transparent !important;
    fill: transparent !important;
    border-color: var(--bui_color_border) !important;
    color: var(--bui_color_foreground_alt) !important
}

.bui-f-outline-black, .bui_fill_black_outline {
    background-color: transparent !important;
    fill: transparent !important;
    border-color: var(--bui_color_black) !important;
    color: var(--bui_color_black) !important
}

.bui-f-outline-white, .bui_fill_white_outline {
    background-color: transparent !important;
    fill: transparent !important;
    border-color: var(--bui_color_white) !important;
    color: var(--bui_color_white) !important
}

.bui-f-outline-action, .bui_fill_action_outline {
    background-color: transparent !important;
    fill: transparent !important;
    border-color: var(--bui_color_action_border) !important;
    color: var(--bui_color_action_foreground) !important
}

:root {
    --bui_depth_0_box_shadow: none !important;
    --bui_depth_1_box_shadow: 0 1px 8px 0 rgba(0,0,0,0.12),0 2px 3px -1px rgba(0,0,0,0.2);
    --bui_depth_2_box_shadow: 0 3px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.2);
    --bui_depth_3_box_shadow: 0 4px 15px 2px rgba(0,0,0,0.12),0 5px 6px -3px rgba(0,0,0,0.2);
    --bui_depth_4_box_shadow: 0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    --bui_font_smaller_size: 12px;
    --bui_font_smaller_line_height: 18px;
    --bui_font_small_size: 14px;
    --bui_font_small_line_height: 20px;
    --bui_font_medium_size: 16px;
    --bui_font_medium_line_height: 24px;
    --bui_font_large_size: 20px;
    --bui_font_large_line_height: 28px;
    --bui_font_larger_size: 24px;
    --bui_font_larger_line_height: 32px;
    --bui_font_largest_size: 32px;
    --bui_font_largest_line_height: 40px;
    --bui_font_weight_normal: 400;
    --bui_font_weight_medium: 500;
    --bui_font_weight_bold: 700;
    --bui_font_stack_sans: "BlinkMacSystemFont",-apple-system,"Segoe UI","Roboto","Helvetica","Arial",sans-serif;
    --bui_font_stack_serif: "Georgia",serif;
    --bui_font_stack_mono: "Monaco","Courier New",monospace;
    --bui_font_stack_arabic: "Geeza Pro","Tahoma",var(--bui_font_stack_sans)
}

[class^=bui-], [class^=bui-]:after, [class^=bui-]:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bui-spacer {
    margin-bottom: var(--bui_unit_larger) !important
}

.bui-spacer--smaller {
    margin-bottom: var(--bui_unit_smaller) !important
}

.bui-spacer--small {
    margin-bottom: var(--bui_unit_small) !important
}

.bui-spacer--medium {
    margin-bottom: var(--bui_unit_medium) !important
}

.bui-spacer--large {
    margin-bottom: var(--bui_unit_large) !important
}

.bui-spacer--larger {
    margin-bottom: var(--bui_unit_larger) !important
}

.bui-spacer--largest {
    margin-bottom: var(--bui_unit_largest) !important
}

.u-show {
    display: block !important
}

.bui-u-full-width, .u-full-width {
    display: block !important;
    width: 100% !important
}

.u-hidden {
    display: none !important
}

.bui-u-inline, .u-inline {
    display: inline-block !important;
    width: auto !important
}

@media(max-width:575px) {
    .u-show\@small {
        display: block !important
    }

    .u-hidden\@small {
        display: none !important
    }

    .bui-u-inline\@small, .u-inline\@small {
        display: inline-block !important;
        width: auto !important
    }

    .bui-u-full-width\@small, .u-full-width\@small {
        display: block !important;
        width: 100% !important
    }
}

@media(min-width:576px) {
    .u-show\@medium {
        display: block !important
    }

    .u-hidden\@medium {
        display: none !important
    }

    .bui-u-inline\@medium, .u-inline\@medium {
        display: inline-block !important;
        width: auto !important
    }

    .bui-u-full-width\@medium, .u-full-width\@medium {
        display: block !important;
        width: 100% !important
    }
}

@media(min-width:1024px) {
    .u-show\@large {
        display: block !important
    }

    .u-hidden\@large {
        display: none !important
    }

    .bui-u-inline\@large, .u-inline\@large {
        display: inline-block !important;
        width: auto !important
    }

    .bui-u-full-width\@large, .u-full-width\@large {
        display: block !important;
        width: 100% !important
    }
}

@media(min-width:1280px) {
    .bui-u-show\@huge, .u-show\@huge {
        display: block !important
    }

    .bui-u-hidden\@huge, .u-hidden\@huge {
        display: none !important
    }

    .bui-u-inline\@huge, .u-inline\@huge {
        display: inline-block !important;
        width: auto !important
    }

    .bui-u-full-width\@huge, .u-full-width\@huge {
        display: block !important;
        width: 100% !important
    }
}

.u-full-height {
    height: 100%
}

@media(max-width:575px) {
    .u-bleed\@small {
        margin-left: -webkit-calc(var(--bui_unit_large)*-1) !important;
        margin-left: calc(var(--bui_unit_large)*-1) !important;
        margin-right: -webkit-calc(var(--bui_unit_large)*-1) !important;
        margin-right: calc(var(--bui_unit_large)*-1) !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important
    }
}

.bui-u-text-left, .u-text-left {
    text-align: left !important
}

[dir=rtl] .bui-u-text-left, [dir=rtl] .u-text-left {
    text-align: right !important
}

.bui-u-text-center, .u-text-center {
    text-align: center !important
}

.bui-u-text-right, .u-text-right {
    text-align: right !important
}

[dir=rtl] .bui-u-text-right, [dir=rtl] .u-text-right {
    text-align: left !important
}

@media(max-width:575px) {
    .bui-u-text-left\@small {
        text-align: left !important
    }

    .bui-u-text-right\@small, [dir=rtl] .bui-u-text-left\@small {
        text-align: right !important
    }

    [dir=rtl] .bui-u-text-right\@small {
        text-align: left !important
    }

    .bui-u-text-center\@small {
        text-align: center !important
    }
}

@media(min-width:576px) {
    .bui-u-text-left\@medium {
        text-align: left !important
    }

    .bui-u-text-right\@medium, [dir=rtl] .bui-u-text-left\@medium {
        text-align: right !important
    }

    [dir=rtl] .bui-u-text-right\@medium {
        text-align: left !important
    }

    .bui-u-text-center\@medium {
        text-align: center !important
    }
}

@media(min-width:1024px) {
    .bui-u-text-left\@large {
        text-align: left !important
    }

    .bui-u-text-right\@large, [dir=rtl] .bui-u-text-left\@large {
        text-align: right !important
    }

    [dir=rtl] .bui-u-text-right\@large {
        text-align: left !important
    }

    .bui-u-text-center\@large {
        text-align: center !important
    }
}

@media(min-width:1280px) {
    .bui-u-text-left\@huge {
        text-align: left !important
    }

    .bui-u-text-right\@huge, [dir=rtl] .bui-u-text-left\@huge {
        text-align: right !important
    }

    [dir=rtl] .bui-u-text-right\@huge {
        text-align: left !important
    }

    .bui-u-text-center\@huge {
        text-align: center !important
    }
}

.u-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.u-sr-only-focusable:active, .u-sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.u-visible-print-block, .u-visible-print-inline, .u-visible-print-inline-block {
    display: none !important
}

@media print {
    .u-hidden-print {
        display: none !important
    }

    .u-visible-print-block {
        display: block !important
    }

    .u-visible-print-inline-block {
        display: inline-block !important
    }

    .u-visible-print-inline {
        display: inline !important
    }
}

.bui-u-pull-start, .u-pull-start {
    float: left !important
}

.bui-u-pull-end, .u-pull-end, [dir=rtl] .bui-u-pull-start, [dir=rtl] .u-pull-start {
    float: right !important
}

[dir=rtl] .bui-u-pull-end, [dir=rtl] .u-pull-end {
    float: left !important
}

.bui-u-clearfix:after, .bui-u-clearfix:before, .u-clearfix:after, .u-clearfix:before {
    content: " ";
    display: table;
    line-height: 0
}

.bui-u-clearfix:after, .u-clearfix:after {
    clear: both
}

.bui-u-margin-start--2 {
    margin-left: var(--bui_unit_smaller) !important
}

[dir=rtl] .bui-u-margin-start--2 {
    margin-left: 0 !important;
    margin-right: var(--bui_unit_smaller) !important
}

.bui-u-margin-start--4 {
    margin-left: var(--bui_unit_small) !important
}

[dir=rtl] .bui-u-margin-start--4 {
    margin-left: 0 !important;
    margin-right: var(--bui_unit_small) !important
}

.bui-u-margin-start--8 {
    margin-left: var(--bui_unit_medium) !important
}

[dir=rtl] .bui-u-margin-start--8 {
    margin-left: 0 !important;
    margin-right: var(--bui_unit_medium) !important
}

.bui-u-margin-start--16 {
    margin-left: var(--bui_unit_large) !important
}

[dir=rtl] .bui-u-margin-start--16 {
    margin-left: 0 !important;
    margin-right: var(--bui_unit_large) !important
}

.bui-u-margin-start--24 {
    margin-left: var(--bui_unit_larger) !important
}

[dir=rtl] .bui-u-margin-start--24 {
    margin-left: 0 !important;
    margin-right: var(--bui_unit_larger) !important
}

.bui-u-margin-start--32 {
    margin-left: var(--bui_unit_largest) !important
}

[dir=rtl] .bui-u-margin-start--32 {
    margin-left: 0 !important;
    margin-right: var(--bui_unit_largest) !important
}

.bui-u-margin-end--2 {
    margin-right: var(--bui_unit_smaller) !important
}

[dir=rtl] .bui-u-margin-end--2 {
    margin-right: 0 !important;
    margin-left: var(--bui_unit_smaller) !important
}

.bui-u-margin-end--4 {
    margin-right: var(--bui_unit_small) !important
}

[dir=rtl] .bui-u-margin-end--4 {
    margin-right: 0 !important;
    margin-left: var(--bui_unit_small) !important
}

.bui-u-margin-end--8 {
    margin-right: var(--bui_unit_medium) !important
}

[dir=rtl] .bui-u-margin-end--8 {
    margin-right: 0 !important;
    margin-left: var(--bui_unit_medium) !important
}

.bui-u-margin-end--16 {
    margin-right: var(--bui_unit_large) !important
}

[dir=rtl] .bui-u-margin-end--16 {
    margin-right: 0 !important;
    margin-left: var(--bui_unit_large) !important
}

.bui-u-margin-end--24 {
    margin-right: var(--bui_unit_larger) !important
}

[dir=rtl] .bui-u-margin-end--24 {
    margin-right: 0 !important;
    margin-left: var(--bui_unit_larger) !important
}

.bui-u-margin-end--32 {
    margin-right: var(--bui_unit_largest) !important
}

[dir=rtl] .bui-u-margin-end--32 {
    margin-right: 0 !important;
    margin-left: var(--bui_unit_largest) !important
}

.bui-u-margin-top--2 {
    margin-top: var(--bui_unit_smaller) !important
}

.bui-u-margin-top--4 {
    margin-top: var(--bui_unit_small) !important
}

.bui-u-margin-top--8 {
    margin-top: var(--bui_unit_medium) !important
}

.bui-u-margin-top--16 {
    margin-top: var(--bui_unit_large) !important
}

.bui-u-margin-top--24 {
    margin-top: var(--bui_unit_larger) !important
}

.bui-u-margin-top--32 {
    margin-top: var(--bui_unit_largest) !important
}

.bui-u-margin-bottom--2 {
    margin-bottom: var(--bui_unit_smaller) !important
}

.bui-u-margin-bottom--4 {
    margin-bottom: var(--bui_unit_small) !important
}

.bui-u-margin-bottom--8 {
    margin-bottom: var(--bui_unit_medium) !important
}

.bui-u-margin-bottom--16 {
    margin-bottom: var(--bui_unit_large) !important
}

.bui-u-margin-bottom--24 {
    margin-bottom: var(--bui_unit_larger) !important
}

.bui-u-margin-bottom--32 {
    margin-bottom: var(--bui_unit_largest) !important
}

.bui-u-padding-start--2 {
    padding-left: var(--bui_unit_smaller) !important
}

[dir=rtl] .bui-u-padding-start--2 {
    padding-left: 0 !important;
    padding-right: var(--bui_unit_smaller) !important
}

.bui-u-padding-start--4 {
    padding-left: var(--bui_unit_small) !important
}

[dir=rtl] .bui-u-padding-start--4 {
    padding-left: 0 !important;
    padding-right: var(--bui_unit_small) !important
}

.bui-u-padding-start--8 {
    padding-left: var(--bui_unit_medium) !important
}

[dir=rtl] .bui-u-padding-start--8 {
    padding-left: 0 !important;
    padding-right: var(--bui_unit_medium) !important
}

.bui-u-padding-start--16 {
    padding-left: var(--bui_unit_large) !important
}

[dir=rtl] .bui-u-padding-start--16 {
    padding-left: 0 !important;
    padding-right: var(--bui_unit_large) !important
}

.bui-u-padding-start--24 {
    padding-left: var(--bui_unit_larger) !important
}

[dir=rtl] .bui-u-padding-start--24 {
    padding-left: 0 !important;
    padding-right: var(--bui_unit_larger) !important
}

.bui-u-padding-start--32 {
    padding-left: var(--bui_unit_largest) !important
}

[dir=rtl] .bui-u-padding-start--32 {
    padding-left: 0 !important;
    padding-right: var(--bui_unit_largest) !important
}

.bui-u-padding-end--2 {
    padding-right: var(--bui_unit_smaller) !important
}

[dir=rtl] .bui-u-padding-end--2 {
    padding-right: 0 !important;
    padding-left: var(--bui_unit_smaller) !important
}

.bui-u-padding-end--4 {
    padding-right: var(--bui_unit_small) !important
}

[dir=rtl] .bui-u-padding-end--4 {
    padding-right: 0 !important;
    padding-left: var(--bui_unit_small) !important
}

.bui-u-padding-end--8 {
    padding-right: var(--bui_unit_medium) !important
}

[dir=rtl] .bui-u-padding-end--8 {
    padding-right: 0 !important;
    padding-left: var(--bui_unit_medium) !important
}

.bui-u-padding-end--16 {
    padding-right: var(--bui_unit_large) !important
}

[dir=rtl] .bui-u-padding-end--16 {
    padding-right: 0 !important;
    padding-left: var(--bui_unit_large) !important
}

.bui-u-padding-end--24 {
    padding-right: var(--bui_unit_larger) !important
}

[dir=rtl] .bui-u-padding-end--24 {
    padding-right: 0 !important;
    padding-left: var(--bui_unit_larger) !important
}

.bui-u-padding-end--32 {
    padding-right: var(--bui_unit_largest) !important
}

[dir=rtl] .bui-u-padding-end--32 {
    padding-right: 0 !important;
    padding-left: var(--bui_unit_largest) !important
}

.bui-u-padding-top--2 {
    padding-top: var(--bui_unit_smaller) !important
}

.bui-u-padding-top--4 {
    padding-top: var(--bui_unit_small) !important
}

.bui-u-padding-top--8 {
    padding-top: var(--bui_unit_medium) !important
}

.bui-u-padding-top--16 {
    padding-top: var(--bui_unit_large) !important
}

.bui-u-padding-top--24 {
    padding-top: var(--bui_unit_larger) !important
}

.bui-u-padding-top--32 {
    padding-top: var(--bui_unit_largest) !important
}

.bui-u-padding-bottom--2 {
    padding-bottom: var(--bui_unit_smaller) !important
}

.bui-u-padding-bottom--4 {
    padding-bottom: var(--bui_unit_small) !important
}

.bui-u-padding-bottom--8 {
    padding-bottom: var(--bui_unit_medium) !important
}

.bui-u-padding-bottom--16 {
    padding-bottom: var(--bui_unit_large) !important
}

.bui-u-padding-bottom--24 {
    padding-bottom: var(--bui_unit_larger) !important
}

.bui-u-padding-bottom--32 {
    padding-bottom: var(--bui_unit_largest) !important
}

.bui-f-font-defaults, .bui_font_defaults {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

    .bui-f-font-defaults h1, .bui_font_defaults h1 {
        font-size: var(--bui_font_headline_2_font-size);
        line-height: var(--bui_font_headline_2_line-height);
        font-weight: var(--bui_font_headline_2_font-weight);
        font-family: var(--bui_font_headline_2_font-family)
    }

    .bui-f-font-defaults h2, .bui_font_defaults h2 {
        font-size: var(--bui_font_headline_3_font-size);
        line-height: var(--bui_font_headline_3_line-height);
        font-weight: var(--bui_font_headline_3_font-weight);
        font-family: var(--bui_font_headline_3_font-family)
    }

    .bui-f-font-defaults h3, .bui_font_defaults h3 {
        font-size: var(--bui_font_strong_1_font-size);
        line-height: var(--bui_font_strong_1_line-height);
        font-weight: var(--bui_font_strong_1_font-weight);
        font-family: var(--bui_font_strong_1_font-family)
    }

    .bui-f-font-defaults h4, .bui-f-font-defaults h5, .bui-f-font-defaults h6, .bui_font_defaults h4, .bui_font_defaults h5, .bui_font_defaults h6 {
        font-size: var(--bui_font_strong_2_font-size);
        line-height: var(--bui_font_strong_2_line-height);
        font-weight: var(--bui_font_strong_2_font-weight);
        font-family: var(--bui_font_strong_2_font-family)
    }

    .bui-f-font-defaults button, .bui-f-font-defaults input, .bui-f-font-defaults select, .bui-f-font-defaults textarea, .bui_font_defaults button, .bui_font_defaults input, .bui_font_defaults select, .bui_font_defaults textarea {
        font-size: var(--bui_font_body_2_font-size);
        line-height: var(--bui_font_body_2_line-height);
        font-weight: var(--bui_font_body_2_font-weight);
        font-family: var(--bui_font_body_2_font-family)
    }

.bui_font_display_three, body .bui-f-font-display_three, body .bui_font_display_three {
    font-size: var(--bui_font_headline_1_font-size);
    line-height: var(--bui_font_headline_1_line-height);
    font-weight: var(--bui_font_headline_1_font-weight);
    font-family: var(--bui_font_headline_1_font-family)
}

.bui_font_display_two, body .bui-f-font-display_two, body .bui_font_display_two {
    font-size: var(--bui_font_headline_2_font-size);
    line-height: var(--bui_font_headline_2_line-height);
    font-weight: var(--bui_font_headline_2_font-weight);
    font-family: var(--bui_font_headline_2_font-family)
}

.bui_font_display_one, body .bui-f-font-display_one, body .bui_font_display_one {
    font-size: var(--bui_font_headline_3_font-size);
    line-height: var(--bui_font_headline_3_line-height);
    font-weight: var(--bui_font_headline_3_font-weight);
    font-family: var(--bui_font_headline_3_font-family)
}

.bui_font_heading, body .bui-f-font-heading, body .bui_font_heading {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui_font_featured, body .bui-f-font-featured, body .bui_font_featured {
    font-size: var(--bui_font_body_1_font-size);
    line-height: var(--bui_font_body_1_line-height);
    font-weight: var(--bui_font_body_1_font-weight);
    font-family: var(--bui_font_body_1_font-family)
}

.bui_font_strong, body .bui-f-font-strong, body .bui_font_strong {
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family)
}

.bui_font_emphasized, body .bui-f-font-emphasized, body .bui_font_emphasized {
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family)
}

.bui_font_body, body .bui-f-font-body, body .bui_font_body {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui_font_caption, body .bui-f-font-caption, body .bui_font_caption {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-u-show {
    display: block !important
}

.bui-u-hidden {
    display: none !important
}

@media(max-width:575px) {
    .bui-u-show\@small {
        display: block !important
    }

    .bui-u-hidden\@small {
        display: none !important
    }
}

@media(min-width:576px) {
    .bui-u-show\@medium {
        display: block !important
    }

    .bui-u-hidden\@medium {
        display: none !important
    }
}

@media(min-width:1024px) {
    .bui-u-show\@large {
        display: block !important
    }

    .bui-u-hidden\@large {
        display: none !important
    }
}

.bui-u-full-height {
    height: 100%
}

@media(max-width:575px) {
    .bui-u-bleed\@small, .u-bleed\@small {
        margin-left: -webkit-calc(var(--bui_spacing_4x)*-1) !important;
        margin-left: calc(var(--bui_spacing_4x)*-1) !important;
        margin-right: -webkit-calc(var(--bui_spacing_4x)*-1) !important;
        margin-right: calc(var(--bui_spacing_4x)*-1) !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important
    }
}

.bui-u-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.bui-u-sr-only-focusable:active, .bui-u-sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.bui-u-visible-print-block, .bui-u-visible-print-inline, .bui-u-visible-print-inline-block {
    display: none !important
}

@media print {
    .bui-u-hidden-print {
        display: none !important
    }

    .bui-u-visible-print-block {
        display: block !important
    }

    .bui-u-visible-print-inline-block {
        display: inline-block !important
    }

    .bui-u-visible-print-inline {
        display: inline !important
    }
}

.bui-f-depth-0, .bui_depth_0 {
    z-index: var(--z_index_0);
    -webkit-box-shadow: var(--bui_depth_0_box_shadow);
    box-shadow: var(--bui_depth_0_box_shadow)
}

.bui-f-depth-1, .bui_depth_1 {
    z-index: var(--z_index_1);
    -webkit-box-shadow: var(--bui_depth_1_box_shadow);
    box-shadow: var(--bui_depth_1_box_shadow)
}

.bui-f-depth-2, .bui_depth_2 {
    z-index: var(--z_index_2);
    -webkit-box-shadow: var(--bui_depth_2_box_shadow);
    box-shadow: var(--bui_depth_2_box_shadow)
}

.bui-f-depth-3, .bui_depth_3 {
    z-index: var(--z_index_3);
    -webkit-box-shadow: var(--bui_depth_3_box_shadow);
    box-shadow: var(--bui_depth_3_box_shadow)
}

.bui-f-depth-4, .bui_depth_4 {
    z-index: var(--z_index_4);
    -webkit-box-shadow: var(--bui_depth_4_box_shadow);
    box-shadow: var(--bui_depth_4_box_shadow)
}

.bui-f-depth-1, .bui-f-depth-2, .bui-f-depth-3, .bui-f-depth-4, .bui_depth_1, .bui_depth_2, .bui_depth_3, .bui_depth_4 {
    border-color: transparent !important
}

.bui-form__control {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    color: var(--bui_color_foreground);
    background: var(--bui_color_background_base);
    border-radius: var(--bui_border_radius_100);
    border: var(--bui_border_width_100) solid var(--bui_color_border);
    display: block;
    font-family: var(--bui_font_stack_sans);
    padding: -webkit-calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
    padding: calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    -webkit-transition: border-color var(--bui_timing-fast) var(--bui_easing-subtle-in-out);
    transition: border-color var(--bui_timing-fast) var(--bui_easing-subtle-in-out)
}

[dir=rtl] .bui-form__control {
    text-align: right
}

.bui-form__control:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    border-color: var(--bui_color_action_border)
}

button.bui-form__control[disabled], input.bui-form__control[disabled], textarea.bui-form__control[disabled] {
    color: var(--bui_color_foreground_disabled)
}

.bui-form__control--disabled, .bui-form__control:disabled {
    border-color: var(--bui_color_border_disabled);
    background-color: var(--bui_color_background_disabled_alt);
    cursor: not-allowed
}

.bui-form__control::-ms-clear {
    display: none
}

.bui-form__control::-webkit-input-placeholder {
    color: var(--bui_color_grayscale)
}

.bui-form__control::-moz-placeholder {
    color: var(--bui_color_grayscale)
}

.bui-form__control:-ms-input-placeholder {
    color: var(--bui_color_grayscale)
}

.bui-form__control::-ms-input-placeholder {
    color: var(--bui_color_grayscale)
}

.bui-form__control::-webkit-input-placeholder {
    color: var(--bui_color_grayscale)
}

.bui-form__control::-moz-placeholder {
    color: var(--bui_color_grayscale)
}

.bui-form__control:-ms-input-placeholder {
    color: var(--bui_color_grayscale)
}

.bui-form__control::placeholder {
    color: var(--bui_color_grayscale)
}

.bui-form__control:disabled::-webkit-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-form__control:disabled::-moz-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-form__control:disabled:-ms-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-form__control:disabled::-ms-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-form__control:disabled::-webkit-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-form__control:disabled::-moz-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-form__control:disabled:-ms-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-form__control:disabled::placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-form__group {
    border: 0;
    padding: 0;
    margin: 0
}

.bui-form__label {
    display: block;
    padding-bottom: var(--bui_spacing_1x);
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family)
}

.bui-form__group:last-child {
    margin-bottom: 0
}

.bui-form__error, .bui-form__helper, .bui-form__success {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    margin-top: var(--bui_spacing_1x)
}

.bui-form__error {
    display: none;
    color: var(--bui_color_destructive)
}

.bui-form__success {
    display: none;
    color: var(--bui_color_constructive)
}

.bui-form__helper {
    color: var(--bui_color_grayscale)
}

.bui-has-error .bui-form__control, .bui-has-error .bui-form__control:focus {
    border-color: var(--bui_color_destructive_border)
}

    .bui-has-error .bui-form__control:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_destructive_focus);
        box-shadow: 0 0 0 3px var(--bui_color_destructive_focus)
    }

.bui-has-error .bui-form__error {
    display: block
}

.bui-has-success .bui-form__control {
    border-color: var(--bui_color_constructive_border)
}

    .bui-has-success .bui-form__control:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
        box-shadow: 0 0 0 3px var(--bui_color_action_focus);
        border-color: var(--bui_color_action_border)
    }

.bui-has-success .bui-form__success {
    display: block
}

.bui-accordion {
    list-style: none;
    margin: 0;
    padding: 0;
    border-radius: var(--bui_border_radius_200);
    border: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    color: var(--bui_color_foreground);
    background: var(--bui_color_background_elevation_one)
}

.bui-accordion__row + .bui-accordion__row {
    border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt)
}

.bui-accordion__row-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    cursor: pointer;
    padding: var(--bui_spacing_4x);
    text-align: left;
    color: inherit
}

[dir=rtl] .bui-accordion__row-inner {
    text-align: right
}

.bui-accordion__row-inner:hover {
    background-color: var(--bui_color_highlighted_alt)
}

.bui-accordion__row.bui-is-active .bui-accordion__row-inner:hover {
    background-color: transparent
}

.bui-accordion__row-inner:active, .bui-accordion__row-inner:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    color: inherit
}

    .bui-accordion__row-inner:focus .bui-accordion__icon-container {
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
        box-shadow: 0 0 0 3px var(--bui_color_action_focus)
    }

.bui-accordion__row-header {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.bui-accordion__subtitle, .bui-accordion__title {
    margin: 0
}

.bui-accordion__title {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-accordion__subtitle {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-accordion__icon-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    fill: var(--bui_color_foreground_alt);
    margin-left: var(--bui_spacing_4x)
}

[dir=rtl] .bui-accordion__icon-container {
    margin-left: 0;
    margin-right: var(--bui_spacing_4x)
}

.bui-accordion__icon {
    height: var(--bui_spacing_6x);
    width: var(--bui_spacing_6x)
}

.bui-accordion__content {
    display: none;
    padding: 0 var(--bui_spacing_4x) var(--bui_spacing_4x)
}

.bui-accordion__row.bui-is-active .bui-accordion__content {
    display: block
}

.bui-accordion__row.bui-is-active .bui-accordion__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

[dir=rtl] .bui-accordion__row.bui-is-active .bui-accordion__icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.bui-action-bar {
    background: var(--bui_color_background_elevation_one);
    border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_4x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-action-bar__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
    margin-left: var(--bui_spacing_2x)
}

[dir=rtl] .bui-action-bar__item {
    margin-left: 0;
    margin-right: var(--bui_spacing_2x)
}

.bui-action-bar__item:first-child {
    margin-left: 0
}

[dir=rtl] .bui-action-bar__item:first-child {
    margin-left: 0;
    margin-right: 0
}

.bui-action-bar__item--shrink {
    width: auto
}

.bui-action-bar__title {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-action-bar__text {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family);
    color: var(--bui_color_foreground_alt)
}

.bui-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border: var(--bui_border_width_100) solid;
    padding: var(--bui_spacing_4x);
    border-radius: var(--bui_border_radius_200)
}

.bui-alert__icon {
    width: var(--bui_spacing_6x);
    height: var(--bui_spacing_6x);
    margin-right: var(--bui_spacing_4x)
}

[dir=rtl] .bui-alert__icon {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-alert__description {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.bui-alert__title {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family);
    display: block;
    margin-bottom: var(--bui_spacing_2x)
}

    .bui-alert__title:last-child {
        margin-bottom: 0
    }

.bui-alert__text {
    margin: 0 0 var(--bui_spacing_4x)
}

    .bui-alert__text:first-child {
        margin-top: var(--bui_spacing_half)
    }

    .bui-alert__text:last-child {
        margin-bottom: 0
    }

.bui-alert--info {
    background-color: var(--bui_color_callout_background_alt);
    border-color: var(--bui_color_callout_border)
}

    .bui-alert--info .bui-alert__icon {
        fill: var(--bui_color_callout_foreground);
        color: var(--bui_color_callout_foreground)
    }

.bui-alert--error {
    background-color: var(--bui_color_destructive_background_alt);
    border-color: var(--bui_color_destructive_border)
}

    .bui-alert--error .bui-alert__icon {
        fill: var(--bui_color_destructive_foreground);
        color: var(--bui_color_destructive_foreground)
    }

.bui-alert--success {
    background-color: var(--bui_color_constructive_background_alt);
    border-color: var(--bui_color_constructive_border)
}

    .bui-alert--success .bui-alert__icon {
        fill: var(--bui_color_constructive_foreground);
        color: var(--bui_color_constructive_foreground)
    }

.bui-alert--inline {
    padding: 0;
    border: 0;
    background: 0
}

    .bui-alert--inline .bui-alert__description {
        font-size: var(--bui_font_emphasized_2_font-size);
        line-height: var(--bui_font_emphasized_2_line-height);
        font-weight: var(--bui_font_emphasized_2_font-weight);
        font-family: var(--bui_font_emphasized_2_font-family)
    }

    .bui-alert--inline .bui-alert__icon {
        margin-right: var(--bui_spacing_2x)
    }

[dir=rtl] .bui-alert--inline .bui-alert__icon {
    margin-right: 0;
    margin-left: var(--bui_spacing_2x)
}

.bui-alert--inline.bui-alert--info {
    color: var(--bui_color_callout_foreground)
}

.bui-alert--inline.bui-alert--error {
    color: var(--bui_color_destructive_foreground)
}

.bui-alert--inline.bui-alert--success {
    color: var(--bui_color_constructive_foreground)
}

.bui-avatar {
    position: relative;
    height: var(--bui_spacing_8x);
    width: var(--bui_spacing_8x);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-color: var(--bui_color_background);
    color: var(--bui_color_on_background);
    text-transform: uppercase;
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family)
}

.bui-avatar__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: var(--bui_color_background_alt)
}

.bui-avatar__icon {
    width: var(--bui_spacing_4x);
    height: var(--bui_spacing_4x)
}

.bui-avatar--small {
    height: var(--bui_spacing_6x);
    width: var(--bui_spacing_6x);
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

    .bui-avatar--small .bui-avatar__icon {
        width: -webkit-calc(var(--bui_spacing_3x) + var(--bui_spacing_half));
        width: calc(var(--bui_spacing_3x) + var(--bui_spacing_half));
        height: -webkit-calc(var(--bui_spacing_3x) + var(--bui_spacing_half));
        height: calc(var(--bui_spacing_3x) + var(--bui_spacing_half))
    }

.bui-avatar--large {
    height: -webkit-calc(var(--bui_spacing_1x)*12);
    height: calc(var(--bui_spacing_1x)*12);
    width: -webkit-calc(var(--bui_spacing_1x)*12);
    width: calc(var(--bui_spacing_1x)*12);
    font-size: var(--bui_font_headline_3_font-size);
    line-height: var(--bui_font_headline_3_line-height);
    font-weight: var(--bui_font_headline_3_font-weight);
    font-family: var(--bui_font_headline_3_font-family)
}

    .bui-avatar--large .bui-avatar__icon {
        width: var(--bui_spacing_6x);
        height: var(--bui_spacing_6x)
    }

.bui-avatar--larger {
    height: -webkit-calc(var(--bui_spacing_1x)*16);
    height: calc(var(--bui_spacing_1x)*16);
    width: -webkit-calc(var(--bui_spacing_1x)*16);
    width: calc(var(--bui_spacing_1x)*16);
    font-size: var(--bui_font_headline_2_font-size);
    line-height: var(--bui_font_headline_2_line-height);
    font-weight: var(--bui_font_headline_2_font-weight);
    font-family: var(--bui_font_headline_2_font-family)
}

    .bui-avatar--larger .bui-avatar__icon {
        width: -webkit-calc(var(--bui_spacing_1x)*7);
        width: calc(var(--bui_spacing_1x)*7);
        height: -webkit-calc(var(--bui_spacing_1x)*7);
        height: calc(var(--bui_spacing_1x)*7)
    }

.bui-avatar--largest {
    height: -webkit-calc(var(--bui_spacing_1x)*32);
    height: calc(var(--bui_spacing_1x)*32);
    width: -webkit-calc(var(--bui_spacing_1x)*32);
    width: calc(var(--bui_spacing_1x)*32);
    font-size: var(--bui_font_headline_1_font-size);
    line-height: var(--bui_font_headline_1_line-height);
    font-weight: var(--bui_font_headline_1_font-weight);
    font-family: var(--bui_font_headline_1_font-family)
}

    .bui-avatar--largest .bui-avatar__icon {
        width: -webkit-calc(var(--bui_spacing_1x)*9);
        width: calc(var(--bui_spacing_1x)*9);
        height: -webkit-calc(var(--bui_spacing_1x)*9);
        height: calc(var(--bui_spacing_1x)*9)
    }

.bui-avatar--destructive {
    background-color: var(--bui_color_destructive_background);
    color: var(--bui_color_on_destructive_background)
}

.bui-avatar--callout {
    background-color: var(--bui_color_callout_background);
    color: var(--bui_color_on_callout_background)
}

.bui-avatar--accent {
    background-color: var(--bui_color_accent_background);
    color: var(--bui_color_on_accent_background)
}

.bui-avatar--constructive {
    background-color: var(--bui_color_constructive_background);
    color: var(--bui_color_on_constructive_background)
}

.bui-avatar--outline-white {
    border: var(--bui_border_width_200) solid var(--bui_color_white)
}

.bui-avatar--outline-accent {
    border: var(--bui_border_width_200) solid var(--bui_color_accent_border)
}

.bui-avatar--outline-callout {
    border: var(--bui_border_width_200) solid var(--bui_color_callout_border)
}

.bui-avatar--outline-destructive {
    border: var(--bui_border_width_200) solid var(--bui_color_destructive_border)
}

.bui-avatar--outline-constructive {
    border: var(--bui_border_width_200) solid var(--bui_color_constructive_border)
}

.bui-avatar-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family)
}

.bui-avatar-block__avatar {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.bui-avatar-block__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: var(--bui_spacing_2x)
}

[dir=rtl] .bui-avatar-block__text {
    margin-left: 0;
    margin-right: var(--bui_spacing_2x)
}

.bui-avatar-block__subtitle, .bui-avatar-block__title {
    display: block
}

.bui-avatar-block__subtitle {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-avatar-block--large .bui-avatar-block__title {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-avatar-block--large .bui-avatar-block__subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-avatar-block--small .bui-avatar-block__title {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-avatar-block__flag {
    margin-right: var(--bui_spacing_2x)
}

[dir=rtl] .bui-avatar-block__flag {
    margin-right: 0;
    margin-left: var(--bui_spacing_2x)
}

.bui-avatar-block--small .bui-avatar-block__flag {
    margin-right: var(--bui_spacing_1x)
}

[dir=rtl] .bui-avatar-block--small .bui-avatar-block__flag {
    margin-right: 0;
    margin-left: var(--bui_spacing_1x)
}

.bui-badge {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family);
    background-color: var(--bui_color_background);
    border: var(--bui_border_width_100) solid transparent;
    border-radius: var(--bui_border_radius_100);
    color: var(--bui_color_on_background);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: -webkit-calc(var(--bui_spacing_half) - var(--bui_border_width_100)) var(--bui_spacing_1x);
    padding: calc(var(--bui_spacing_half) - var(--bui_border_width_100)) var(--bui_spacing_1x);
    vertical-align: middle
}

.bui-badge--alt {
    background-color: var(--bui_color_background_alt);
    border-color: transparent;
    color: var(--bui_color_foreground)
}

.bui-badge--destructive {
    background-color: var(--bui_color_destructive_background_dynamic);
    border-color: var(--bui_color_destructive_border);
    color: var(--bui_color_on_destructive_background_dynamic)
}

.bui-badge--callout {
    background-color: var(--bui_color_callout_background_dynamic);
    border-color: var(--bui_color_callout_border);
    color: var(--bui_color_on_callout_background_dynamic)
}

.bui-badge--accent {
    background-color: var(--bui_color_accent_background_dynamic);
    border-color: var(--bui_color_accent_border);
    color: var(--bui_color_on_accent_background_dynamic)
}

.bui-badge--constructive {
    background-color: var(--bui_color_constructive_background_dynamic);
    border-color: var(--bui_color_constructive_border);
    color: var(--bui_color_on_constructive_background_dynamic)
}

.bui-badge--brand-primary {
    background-color: var(--bui_color_brand_primary_background);
    border-color: var(--bui_color_brand_primary_background);
    color: var(--bui_color_on_brand_primary_background)
}

.bui-badge--outline {
    border-color: var(--bui_color_border);
    background: var(--bui_color_background_elevation_one);
    color: var(--bui_color_foreground)
}

.bui-badge--media {
    border-color: transparent;
    background: var(--bui_color_background_base);
    color: var(--bui_color_foreground_alt)
}

.bui-badge--destructive.bui-badge--alt {
    border-color: transparent;
    background-color: var(--bui_color_destructive_background_alt);
    color: var(--bui_color_destructive_foreground)
}

.bui-badge--callout.bui-badge--alt {
    border-color: transparent;
    background-color: var(--bui_color_callout_background_alt);
    color: var(--bui_color_callout_foreground)
}

.bui-badge--accent.bui-badge--alt {
    border-color: transparent;
    background-color: var(--bui_color_accent_background_alt);
    color: var(--bui_color_accent_foreground)
}

.bui-badge--constructive.bui-badge--alt {
    border-color: transparent;
    background-color: var(--bui_color_constructive_background_alt);
    color: var(--bui_color_constructive_foreground)
}

.bui-badge--brand-primary.bui-badge--alt {
    border-color: transparent;
    background-color: var(--bui_color_action_background_alt);
    color: var(--bui_color_brand_primary_foreground)
}

.bui-badge--outline.bui-badge--alt {
    border-color: var(--bui_color_border_alt);
    background: var(--bui_color_background_elevation_one);
    color: var(--bui_color_foreground_alt)
}

.bui-badge--media.bui-badge--alt {
    border-color: transparent;
    background: var(--bui_color_black_with_alpha);
    color: var(--bui_color_white)
}

.badge__icon, .bui-badge__icon {
    margin-left: var(--bui_spacing_1x);
    width: var(--bui_spacing_4x);
    text-decoration: none;
    padding: 1px;
    cursor: pointer;
    background: 0;
    border: 0;
    color: inherit;
    line-height: 0;
    outline: 0
}

[dir=rtl] .badge__icon, [dir=rtl] .bui-badge__icon {
    margin-left: 0;
    margin-right: var(--bui_spacing_1x)
}

.bui-badge__icon:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-badge__text {
    display: inline-block;
    vertical-align: top
}

.bui-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    background: var(--bui_color_background_elevation_one);
    border: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_4x);
    border-radius: var(--bui_border_radius_200)
}

.bui-banner__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.bui-banner__title {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family);
    margin: 0;
    padding-right: var(--bui_spacing_8x)
}

[dir=rtl] .bui-banner__title {
    padding-right: 0;
    padding-left: var(--bui_spacing_8x)
}

.bui-banner__text {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    margin: var(--bui_spacing_2x) 0 0
}

    .bui-banner__text:first-child {
        padding-top: var(--bui_spacing_half);
        margin-top: 0
    }

.bui-banner__slot {
    margin-top: var(--bui_spacing_2x)
}

    .bui-banner__slot:first-child {
        margin-top: 0
    }

.bui-banner__image-container {
    height: -webkit-calc(var(--bui_spacing_1x)*24);
    height: calc(var(--bui_spacing_1x)*24);
    width: -webkit-calc(var(--bui_spacing_1x)*24);
    width: calc(var(--bui_spacing_1x)*24);
    min-width: -webkit-calc(var(--bui_spacing_1x)*24);
    min-width: calc(var(--bui_spacing_1x)*24);
    overflow: hidden;
    margin-right: var(--bui_spacing_4x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border-radius: var(--bui_border_radius_100)
}

[dir=rtl] .bui-banner__image-container {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-banner__image {
    width: 100%;
    height: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.bui-banner__icon {
    display: block;
    height: var(--bui_spacing_6x);
    width: var(--bui_spacing_6x);
    min-width: var(--bui_spacing_6x);
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    margin-right: var(--bui_spacing_4x)
}

[dir=rtl] .bui-banner__icon {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-banner__button {
    margin-top: var(--bui_spacing_4x)
}

.bui-banner--hint {
    background: var(--bui_color_action_background_alt)
}

.bui-banner--callout {
    border-color: transparent;
    background: var(--bui_color_callout_background_alt)
}

.bui-banner__close {
    position: absolute;
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    height: var(--bui_spacing_6x);
    width: var(--bui_spacing_6x);
    top: var(--bui_spacing_4x);
    right: var(--bui_spacing_4x);
    padding: 0;
    text-decoration: none;
    color: var(--bui_color_foreground_alt);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0
}

[dir=rtl] .bui-banner__close {
    right: auto;
    left: var(--bui_spacing_4x)
}

.bui-banner__close:focus, .bui-banner__close:hover {
    color: var(--bui_color_foreground)
}

.bui-banner__close:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-banner__close span {
    pointer-events: none
}

.bui-banner--small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .bui-banner--small .bui-banner__close, .bui-banner--small .bui-banner__icon {
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center
    }

    .bui-banner--small .bui-banner__close {
        position: static
    }

    .bui-banner--small .bui-banner__content {
        padding-right: var(--bui_spacing_4x)
    }

[dir=rtl] .bui-banner--small .bui-banner__content {
    padding-right: 0;
    padding-left: var(--bui_spacing_4x)
}

.bui-banner--small .bui-banner__text:first-child {
    padding-top: 0
}

.bui-banner--media {
    padding: 0;
    display: block
}

    .bui-banner--media .bui-banner__image-container {
        width: 100%;
        height: -webkit-calc(var(--bui_spacing_1x)*45);
        height: calc(var(--bui_spacing_1x)*45);
        margin: 0;
        position: relative;
        border-radius: 0
    }

        .bui-banner--media .bui-banner__image-container:before {
            content: "";
            position: absolute;
            top: 0;
            width: 100%;
            height: -webkit-calc(var(--bui_spacing_1x)*18);
            height: calc(var(--bui_spacing_1x)*18);
            background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),color-stop(50%,rgba(0,0,0,.2)),to(transparent));
            background: -webkit-linear-gradient(270deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.2) 50%,transparent);
            background: linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.2) 50%,transparent)
        }

    .bui-banner--media .bui-banner__content {
        padding: var(--bui_spacing_4x)
    }

    .bui-banner--media .bui-banner__title {
        padding-right: 0
    }

[dir=rtl] .bui-banner--media .bui-banner__title {
    padding-right: 0;
    padding-left: 0
}

.bui-banner--media .bui-banner__close {
    top: var(--bui_spacing_4x);
    right: var(--bui_spacing_4x);
    fill: var(--bui_color_white);
    opacity: .8
}

[dir=rtl] .bui-banner--media .bui-banner__close {
    right: auto;
    left: var(--bui_spacing_4x)
}

.bui-banner--media .bui-banner__close:focus, .bui-banner--media .bui-banner__close:hover {
    fill: var(--bui_color_white);
    opacity: 1
}

@media(max-width:575px) {
    .bui-banner__image-container {
        height: -webkit-calc(var(--bui_spacing_1x)*16);
        height: calc(var(--bui_spacing_1x)*16);
        width: -webkit-calc(var(--bui_spacing_1x)*16);
        width: calc(var(--bui_spacing_1x)*16);
        min-width: -webkit-calc(var(--bui_spacing_1x)*16);
        min-width: calc(var(--bui_spacing_1x)*16)
    }
}

.bui-bottom-navigation {
    border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    background: var(--bui_color_background_elevation_one)
}

.bui-bottom-navigation, .bui-bottom-navigation__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bui-bottom-navigation__item {
    text-align: center;
    padding: var(--bui_spacing_2x) 0;
    color: var(--bui_color_foreground_alt);
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-decoration: none;
    min-height: -webkit-calc(var(--bui_spacing_1x)*13);
    min-height: calc(var(--bui_spacing_1x)*13);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 0;
    background: 0;
    cursor: pointer
}

    .bui-bottom-navigation__item:hover {
        background-color: var(--bui_color_highlighted_alt)
    }

    .bui-bottom-navigation__item:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
        box-shadow: 0 0 0 3px var(--bui_color_action_focus)
    }

    .bui-bottom-navigation__item:active {
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.bui-bottom-navigation__item--selected {
    color: var(--bui_color_action_foreground)
}

.bui-bottom-navigation__text {
    font-size: var(--bui_font_small_2_font-size);
    line-height: var(--bui_font_small_2_line-height);
    font-weight: var(--bui_font_small_2_font-weight);
    font-family: var(--bui_font_small_2_font-family);
    margin-top: var(--bui_spacing_1x);
    display: block
}

.bui-box {
    padding: var(--bui_spacing_4x)
}

.bui-box--overflow-hidden {
    overflow: hidden
}

.bui-box--padding-none {
    padding: 0
}

.bui-box--padding-small {
    padding: var(--bui_spacing_2x)
}

.bui-box--padding-medium {
    padding: var(--bui_spacing_4x)
}

.bui-box--padding-large {
    padding: var(--bui_spacing_6x)
}

.bui-box--border-width-100 {
    border: var(--bui_border_width_100) solid
}

.bui-box--border-radius-100 {
    border-radius: var(--bui_border_radius_100)
}

.bui-box--border-radius-200 {
    border-radius: var(--bui_border_radius_200)
}

.bui-box--border-radius-300 {
    border-radius: var(--bui_border_radius_300)
}

.bui-box--border-radius-circle {
    border-radius: 9999px
}

.bui-box--background-color-destructive_alt {
    background-color: var(--bui_color_destructive_background_alt)
}

.bui-box--background-color-constructive_alt {
    background-color: var(--bui_color_constructive_background_alt)
}

.bui-box--background-color-callout_alt {
    background-color: var(--bui_color_callout_background_alt)
}

.bui-box--background-color-accent_alt {
    background-color: var(--bui_color_accent_background_alt)
}

.bui-box--background-color-action_alt {
    background-color: var(--bui_color_action_background_alt)
}

.bui-box--background-color-neutral_alt {
    background-color: var(--bui_color_background_alt)
}

.bui-box--background-color-elevation_one {
    background-color: var(--bui_color_background_elevation_one)
}

.bui-box--background-color-elevation_two {
    background-color: var(--bui_color_background_elevation_two)
}

.bui-box--background-color-brand_primary {
    color: var(--bui_color_on_brand_primary_background);
    background-color: var(--bui_color_brand_primary_background)
}

.bui-box--background-color-brand_primary_dynamic {
    color: var(--bui_color_on_brand_primary_background_dynamic);
    background-color: var(--bui_color_brand_primary_background_dynamic)
}

.bui-box--border-color-destructive {
    border-color: var(--bui_color_destructive_border)
}

.bui-box--border-color-constructive {
    border-color: var(--bui_color_constructive_border)
}

.bui-box--border-color-accent {
    border-color: var(--bui_color_accent_border)
}

.bui-box--border-color-callout {
    border-color: var(--bui_color_callout_border)
}

.bui-box--border-color-neutral_alt {
    border-color: var(--bui_color_border_alt)
}

.bui-box--border-color-neutral {
    border-color: var(--bui_color_border)
}

.bui-box--orientation-horizontal {
    padding-top: 0;
    padding-bottom: 0
}

.bui-box--orientation-vertical {
    padding-left: 0;
    padding-right: 0
}

.bui-box--size-large {
    padding: var(--bui_spacing_6x)
}

.bui-breadcrumb {
    padding: 0;
    margin: 0;
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-breadcrumb__list {
    padding: 0;
    list-style-type: none
}

.bui-breadcrumb__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-breadcrumb__icon, .bui-breadcrumb__text, .bui-breadcrumb__title {
    display: inline-block
}

.bui-breadcrumb__title {
    margin: 0;
    color: inherit;
    text-decoration: none;
    pointer-events: none
}

.bui-breadcrumb__icon {
    height: var(--bui_spacing_4x);
    width: var(--bui_spacing_4x);
    vertical-align: top
}

[dir=rtl] .bui-breadcrumb__icon {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bui-bubble {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family);
    background-color: var(--bui_color_background);
    color: var(--bui_color_on_background);
    display: inline-block;
    padding: 0 var(--bui_spacing_1x);
    text-align: center;
    min-width: -webkit-calc(var(--bui_spacing_4x) + var(--bui_spacing_half));
    min-width: calc(var(--bui_spacing_4x) + var(--bui_spacing_half));
    border-radius: 99px;
    vertical-align: top
}

.bui-bubble--destructive {
    background-color: var(--bui_color_destructive_background);
    color: var(--bui_color_on_destructive_background)
}

.bui-bubble:empty {
    width: var(--bui_spacing_2x);
    height: var(--bui_spacing_2x);
    padding: 0;
    min-width: auto
}

.bui-bubble-container {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.bui-bubble-container__value {
    position: absolute;
    top: -webkit-calc(var(--bui_spacing_half)*-1);
    top: calc(var(--bui_spacing_half)*-1);
    left: 100%;
    -webkit-transform: translateX(-webkit-calc(var(--bui_spacing_1x)*-3));
    -ms-transform: translateX(calc(var(--bui_spacing_1x)*-3));
    transform: translateX(calc(var(--bui_spacing_1x)*-3))
}

[dir=rtl] .bui-bubble-container__value {
    left: auto;
    right: 100%;
    -webkit-transform: translateX(-webkit-calc(-1*var(--bui_spacing_1x)*-3));
    -ms-transform: translateX(calc(-1*var(--bui_spacing_1x)*-3));
    transform: translateX(calc(-1*var(--bui_spacing_1x)*-3))
}

.bui-bubble-container__value:empty {
    left: auto;
    right: -webkit-calc(var(--bui_spacing_half)*-1);
    right: calc(var(--bui_spacing_half)*-1);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

[dir=rtl] .bui-bubble-container__value:empty {
    right: auto;
    left: -webkit-calc(var(--bui_spacing_half)*-1);
    left: calc(var(--bui_spacing_half)*-1)
}

.bui-button {
    border: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: left;
    padding: var(--bui_spacing_2x) var(--bui_spacing_4x);
    cursor: pointer;
    font-family: inherit;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    position: relative;
    color: var(--bui_color_on_cta_background);
    min-height: -webkit-calc(var(--bui_spacing_1x)*9);
    min-height: calc(var(--bui_spacing_1x)*9);
    min-width: -webkit-calc(var(--bui_spacing_1x)*9);
    min-width: calc(var(--bui_spacing_1x)*9);
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family);
    border-radius: var(--bui_border_radius_100);
    background: transparent
}

[dir=rtl] .bui-button {
    text-align: right
}

.bui-button:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    pointer-events: none;
    background-color: var(--bui_color_cta_background);
    border: var(--bui_border_width_100) solid var(--bui_color_cta_background);
    border-radius: var(--bui_border_radius_100);
    -webkit-transition: var(--bui_timing-fast) var(--bui_easing-subtle-in-out);
    transition: var(--bui_timing-fast) var(--bui_easing-subtle-in-out);
    -webkit-transition-property: opacity,background;
    transition-property: opacity,background
}

.bui-button:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-button:focus, .bui-button:hover {
    text-decoration: none
}

.bui-button.bui-button--active, .bui-button:active, .bui-button:focus, .bui-button:hover, .bui-button:link, .bui-button:visited {
    color: var(--bui_color_on_cta_background);
    text-decoration: none
}

    .bui-button.bui-button--active:before, .bui-button:not(.bui-is-loading):active:before, .bui-button:not(.bui-is-loading):hover:before {
        background-color: var(--bui_color_cta_highlighted);
        border-color: var(--bui_color_cta_highlighted)
    }

.bui-button__icon {
    position: relative;
    fill: currentColor;
    height: var(--bui_spacing_4x);
    width: var(--bui_spacing_4x);
    margin-right: var(--bui_spacing_2x);
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

[dir=rtl] .bui-button__icon {
    margin-right: 0;
    margin-left: var(--bui_spacing_2x)
}

.bui-button .bui-button__icon:only-child {
    margin: 0 -webkit-calc(var(--bui_spacing_3x)*-1);
    margin: 0 calc(var(--bui_spacing_3x)*-1)
}

.bui-button__icon--end {
    margin-left: var(--bui_spacing_2x);
    margin-right: 0
}

[dir=rtl] .bui-button__icon--end {
    margin-right: var(--bui_spacing_2x);
    margin-left: 0
}

.bui-button__text {
    position: relative
}

.bui-button__loader {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[dir=rtl] .bui-button__loader {
    left: auto;
    right: 50%;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

.bui-button--secondary {
    background-color: var(--bui_color_background_elevation_one);
    color: var(--bui_color_action_foreground)
}

    .bui-button--secondary.bui-button--destructive {
        background-color: var(--bui_color_background_elevation_one);
        color: var(--bui_color_destructive_foreground)
    }

    .bui-button--secondary:before {
        background: transparent;
        border-color: var(--bui_color_action_border)
    }

    .bui-button--secondary.bui-button--destructive:before {
        background: transparent;
        border-color: var(--bui_color_destructive_border)
    }

    .bui-button--secondary.bui-button--active, .bui-button--secondary:active, .bui-button--secondary:focus, .bui-button--secondary:hover, .bui-button--secondary:link, .bui-button--secondary:visited {
        color: var(--bui_color_action_foreground)
    }

    .bui-button--secondary.bui-button--destructive.bui-button--active, .bui-button--secondary.bui-button--destructive:active, .bui-button--secondary.bui-button--destructive:focus, .bui-button--secondary.bui-button--destructive:hover, .bui-button--secondary.bui-button--destructive:link, .bui-button--secondary.bui-button--destructive:visited {
        color: var(--bui_color_destructive_foreground)
    }

    .bui-button--secondary:not(.bui-is-loading):hover:before {
        background-color: var(--bui_color_action_highlighted_alt);
        border-color: var(--bui_color_action_border)
    }

    .bui-button--secondary.bui-button--destructive:not(.bui-is-loading):hover:before {
        background-color: var(--bui_color_destructive_highlighted_alt);
        border-color: var(--bui_color_destructive_border)
    }

    .bui-button--secondary.bui-button--active:before, .bui-button--secondary:not(.bui-is-loading):active:before {
        background-color: var(--bui_color_action_highlighted_alt);
        border-color: var(--bui_color_action_border)
    }

    .bui-button--secondary.bui-button--destructive.bui-button--active:before, .bui-button--secondary.bui-button--destructive:not(.bui-is-loading):active:before {
        background-color: var(--bui_color_destructive_highlighted_alt);
        border-color: var(--bui_color_destructive_border)
    }

.bui-button--tertiary, .bui-button--tertiary-neutral {
    padding-left: var(--bui_spacing_2x);
    padding-right: var(--bui_spacing_2x)
}

.bui-button--tertiary {
    color: var(--bui_color_action_foreground)
}

.bui-button--tertiary-neutral {
    color: var(--bui_color_foreground_alt)
}

    .bui-button--tertiary-neutral.bui-button--destructive, .bui-button--tertiary.bui-button--destructive {
        color: var(--bui_color_destructive_foreground)
    }

        .bui-button--tertiary-neutral.bui-button--destructive:before, .bui-button--tertiary-neutral:before, .bui-button--tertiary.bui-button--destructive:before, .bui-button--tertiary:before {
            border-color: transparent;
            background-color: transparent
        }

.bui-button--tertiary.bui-button--active, .bui-button--tertiary:active, .bui-button--tertiary:focus, .bui-button--tertiary:hover, .bui-button--tertiary:link, .bui-button--tertiary:visited {
    color: var(--bui_color_action_foreground)
}

.bui-button--tertiary-neutral.bui-button--active, .bui-button--tertiary-neutral:active, .bui-button--tertiary-neutral:focus, .bui-button--tertiary-neutral:hover, .bui-button--tertiary-neutral:link, .bui-button--tertiary-neutral:visited {
    color: var(--bui_color_foreground_alt)
}

.bui-button--tertiary-neutral.bui-button--destructive.bui-button--active, .bui-button--tertiary-neutral.bui-button--destructive:active, .bui-button--tertiary-neutral.bui-button--destructive:focus, .bui-button--tertiary-neutral.bui-button--destructive:hover, .bui-button--tertiary-neutral.bui-button--destructive:link, .bui-button--tertiary-neutral.bui-button--destructive:visited, .bui-button--tertiary.bui-button--destructive.bui-button--active, .bui-button--tertiary.bui-button--destructive:active, .bui-button--tertiary.bui-button--destructive:focus, .bui-button--tertiary.bui-button--destructive:hover, .bui-button--tertiary.bui-button--destructive:link, .bui-button--tertiary.bui-button--destructive:visited {
    color: var(--bui_color_destructive_foreground)
}

.bui-button--tertiary.bui-button--active:before, .bui-button--tertiary:not(.bui-is-loading):active:before, .bui-button--tertiary:not(.bui-is-loading):hover:before {
    background-color: var(--bui_color_action_highlighted_alt);
    border-color: transparent
}

.bui-button--tertiary-neutral.bui-button--active:before, .bui-button--tertiary-neutral:not(.bui-is-loading):active:before, .bui-button--tertiary-neutral:not(.bui-is-loading):hover:before {
    background-color: var(--bui_color_highlighted_alt);
    border-color: transparent
}

.bui-button--tertiary-neutral.bui-button--destructive.bui-button--active:before, .bui-button--tertiary-neutral.bui-button--destructive:not(.bui-is-loading):active:before, .bui-button--tertiary-neutral.bui-button--destructive:not(.bui-is-loading):hover:before, .bui-button--tertiary.bui-button--destructive.bui-button--active:before, .bui-button--tertiary.bui-button--destructive:not(.bui-is-loading):active:before, .bui-button--tertiary.bui-button--destructive:not(.bui-is-loading):hover:before {
    background-color: var(--bui_color_destructive_highlighted_alt);
    border-color: transparent
}

.bui-button--light {
    padding-left: var(--bui_spacing_2x);
    padding-right: var(--bui_spacing_2x);
    color: var(--bui_color_white)
}

    .bui-button--light:before {
        border-color: transparent;
        background-color: transparent
    }

    .bui-button--light.bui-button--active, .bui-button--light:active, .bui-button--light:focus, .bui-button--light:hover, .bui-button--light:link, .bui-button--light:visited {
        color: var(--bui_color_white)
    }

        .bui-button--light.bui-button--active:before, .bui-button--light:not(.bui-is-loading):active:before, .bui-button--light:not(.bui-is-loading):hover:before {
            background-color: hsla(0,0%,100%,.12);
            border-color: transparent
        }

    .bui-button--light .bui-button__icon:only-child, .bui-button--tertiary-neutral .bui-button__icon:only-child, .bui-button--tertiary .bui-button__icon:only-child {
        margin: 0 auto
    }

.bui-button--destructive {
    color: var(--bui_color_on_destructive_background)
}

    .bui-button--destructive:before {
        background-color: var(--bui_color_destructive_background);
        border-color: var(--bui_color_destructive_background)
    }

    .bui-button--destructive.bui-button--active, .bui-button--destructive:active, .bui-button--destructive:focus, .bui-button--destructive:hover, .bui-button--destructive:link, .bui-button--destructive:visited {
        color: var(--bui_color_on_destructive_background)
    }

    .bui-button--destructive:not(.bui-is-loading):hover:before {
        background-color: var(--bui_color_destructive_highlighted);
        border-color: var(--bui_color_destructive_highlighted)
    }

    .bui-button--destructive:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_destructive_focus);
        box-shadow: 0 0 0 3px var(--bui_color_destructive_focus)
    }

    .bui-button--destructive.bui-button--active:before, .bui-button--destructive:not(.bui-is-loading):active:before {
        background-color: var(--bui_color_destructive_highlighted);
        border-color: var(--bui_color_destructive_highlighted)
    }

.bui-button--large {
    padding: var(--bui_spacing_3x) var(--bui_spacing_6x);
    min-height: -webkit-calc(var(--bui_spacing_1x)*12);
    min-height: calc(var(--bui_spacing_1x)*12);
    min-width: -webkit-calc(var(--bui_spacing_1x)*12);
    min-width: calc(var(--bui_spacing_1x)*12);
    font-size: var(--bui_font_emphasized_1_font-size);
    line-height: var(--bui_font_emphasized_1_line-height);
    font-weight: var(--bui_font_emphasized_1_font-weight);
    font-family: var(--bui_font_emphasized_1_font-family)
}

    .bui-button--large.bui-button--light, .bui-button--large.bui-button--tertiary, .bui-button--large.bui-button--tertiary-neutral {
        padding-left: var(--bui_spacing_3x);
        padding-right: var(--bui_spacing_3x)
    }

    .bui-button--large > .bui-button__icon {
        width: var(--bui_spacing_6x);
        height: var(--bui_spacing_6x)
    }

    .bui-button--large .bui-button__icon:only-child {
        margin: 0 -webkit-calc(var(--bui_spacing_3x)*-1);
        margin: 0 calc(var(--bui_spacing_3x)*-1)
    }

    .bui-button--large.bui-button--light .bui-button__icon:only-child, .bui-button--large.bui-button--tertiary-neutral .bui-button__icon:only-child, .bui-button--large.bui-button--tertiary .bui-button__icon:only-child {
        margin: 0 auto
    }

.bui-button--wide {
    width: 100%;
    text-align: center
}

.bui-button--icon-only {
    padding-left: var(--bui_spacing_2x);
    padding-right: var(--bui_spacing_2x)
}

    .bui-button--icon-only.bui-button--large {
        padding-left: var(--bui_spacing_4x);
        padding-right: var(--bui_spacing_4x)
    }

.bui-button.bui-button--large.bui-button--negative-inset-adjustment--top {
    margin-top: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-top: calc(var(--bui_spacing_3x)*-1)
}

.bui-button.bui-button--large.bui-button--negative-inset-adjustment--bottom {
    margin-bottom: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-bottom: calc(var(--bui_spacing_3x)*-1)
}

.bui-button.bui-button--large.bui-button--negative-inset-adjustment--start {
    margin-left: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-left: calc(var(--bui_spacing_3x)*-1)
}

[dir=rtl] .bui-button.bui-button--large.bui-button--negative-inset-adjustment--start {
    margin-left: 0;
    margin-right: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-right: calc(var(--bui_spacing_3x)*-1)
}

.bui-button.bui-button--large.bui-button--negative-inset-adjustment--end {
    margin-right: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-right: calc(var(--bui_spacing_3x)*-1)
}

[dir=rtl] .bui-button.bui-button--large.bui-button--negative-inset-adjustment--end {
    margin-right: 0;
    margin-left: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-left: calc(var(--bui_spacing_3x)*-1)
}

.bui-button.bui-button--negative-inset-adjustment--top {
    margin-top: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-top: calc(var(--bui_spacing_2x)*-1)
}

.bui-button.bui-button--negative-inset-adjustment--bottom {
    margin-bottom: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-bottom: calc(var(--bui_spacing_2x)*-1)
}

.bui-button.bui-button--negative-inset-adjustment--start {
    margin-left: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-left: calc(var(--bui_spacing_2x)*-1)
}

[dir=rtl] .bui-button.bui-button--negative-inset-adjustment--start {
    margin-left: 0;
    margin-right: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-right: calc(var(--bui_spacing_2x)*-1)
}

.bui-button.bui-button--negative-inset-adjustment--end {
    margin-right: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-right: calc(var(--bui_spacing_2x)*-1)
}

[dir=rtl] .bui-button.bui-button--negative-inset-adjustment--end {
    margin-right: 0;
    margin-left: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-left: calc(var(--bui_spacing_2x)*-1)
}

.bui-button[disabled], .bui-button[disabled]:active, .bui-button[disabled]:hover {
    color: var(--bui_color_foreground_disabled);
    cursor: not-allowed;
    text-decoration: none
}

    .bui-button[disabled]:active:before, .bui-button[disabled]:before, .bui-button[disabled]:hover:before {
        background-color: var(--bui_color_background_disabled);
        border-color: var(--bui_color_background_disabled)
    }

    .bui-button[disabled].bui-button--light:active:before, .bui-button[disabled].bui-button--light:before, .bui-button[disabled].bui-button--light:hover:before, .bui-button[disabled].bui-button--tertiary-neutral:active:before, .bui-button[disabled].bui-button--tertiary-neutral:before, .bui-button[disabled].bui-button--tertiary-neutral:hover:before, .bui-button[disabled].bui-button--tertiary:active:before, .bui-button[disabled].bui-button--tertiary:before, .bui-button[disabled].bui-button--tertiary:hover:before {
        background-color: transparent;
        border-color: transparent
    }

.bui-button.bui-is-loading, .bui-button.is-loading {
    cursor: default
}

    .bui-button.bui-is-loading > .bui-button__loader, .bui-button.is-loading > .bui-button__loader {
        display: block
    }

    .bui-button.bui-is-loading > .bui-button__icon, .bui-button.bui-is-loading > .bui-button__text, .bui-button.is-loading > .bui-button__icon, .bui-button.is-loading > .bui-button__text {
        visibility: hidden
    }

.bui-button-group.bui-group--inline .bui-group__item:first-child .bui-button--light, .bui-button-group.bui-group--inline .bui-group__item:first-child .bui-button--tertiary {
    margin-left: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-left: calc(var(--bui_spacing_2x)*-1)
}

[dir=rtl] .bui-button-group.bui-group--inline .bui-group__item:first-child .bui-button--light, [dir=rtl] .bui-button-group.bui-group--inline .bui-group__item:first-child .bui-button--tertiary {
    margin-left: 0;
    margin-right: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-right: calc(var(--bui_spacing_2x)*-1)
}

.bui-button-group.bui-group--inline .bui-group__item:first-child .bui-button--light.bui-button--large, .bui-button-group.bui-group--inline .bui-group__item:first-child .bui-button--tertiary.bui-button--large {
    margin-left: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-left: calc(var(--bui_spacing_3x)*-1)
}

[dir=rtl] .bui-button-group.bui-group--inline .bui-group__item:first-child .bui-button--light.bui-button--large, [dir=rtl] .bui-button-group.bui-group--inline .bui-group__item:first-child .bui-button--tertiary.bui-button--large {
    margin-left: 0;
    margin-right: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-right: calc(var(--bui_spacing_3x)*-1)
}

.bui-button-group.bui-group--align-end.bui-group--inline .bui-group__item:last-child .bui-button--light, .bui-button-group.bui-group--align-end.bui-group--inline .bui-group__item:last-child .bui-button--tertiary {
    margin-left: 0;
    margin-right: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-right: calc(var(--bui_spacing_2x)*-1)
}

[dir=rtl] .bui-button-group.bui-group--align-end.bui-group--inline .bui-group__item:last-child .bui-button--light, [dir=rtl] .bui-button-group.bui-group--align-end.bui-group--inline .bui-group__item:last-child .bui-button--tertiary {
    margin-right: 0;
    margin-left: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-left: calc(var(--bui_spacing_2x)*-1)
}

.bui-button-group.bui-group--align-end.bui-group--inline .bui-group__item:last-child .bui-button--light.bui-button--large, .bui-button-group.bui-group--align-end.bui-group--inline .bui-group__item:last-child .bui-button--tertiary.bui-button--large {
    margin-left: 0;
    margin-right: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-right: calc(var(--bui_spacing_3x)*-1)
}

[dir=rtl] .bui-button-group.bui-group--align-end.bui-group--inline .bui-group__item:last-child .bui-button--light.bui-button--large, [dir=rtl] .bui-button-group.bui-group--align-end.bui-group--inline .bui-group__item:last-child .bui-button--tertiary.bui-button--large {
    margin-right: 0;
    margin-left: -webkit-calc(var(--bui_spacing_3x)*-1);
    margin-left: calc(var(--bui_spacing_3x)*-1)
}

.bui-calendar__main {
    position: relative
}

.bui-calendar__month {
    text-align: center;
    margin-bottom: var(--bui_spacing_2x);
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-calendar__control {
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: .4;
    padding: 0;
    background: 0;
    border: 0
}

    .bui-calendar__control:focus, .bui-calendar__control:hover {
        opacity: .8
    }

    .bui-calendar__control:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
        box-shadow: 0 0 0 3px var(--bui_color_action_focus)
    }

.bui-calendar__control--hidden {
    display: none
}

.bui-calendar__control--prev {
    left: 0
}

[dir=rtl] .bui-calendar__control--prev {
    left: auto;
    right: 0
}

.bui-calendar__control--next {
    right: 0
}

[dir=rtl] .bui-calendar__control--next {
    right: auto;
    left: 0
}

[dir=rtl] .bui-calendar__control--next, [dir=rtl] .bui-calendar__control--prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bui-calendar__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bui-calendar__wrapper {
    padding-left: var(--bui_spacing_4x)
}

[dir=rtl] .bui-calendar__wrapper {
    padding-left: 0;
    padding-right: var(--bui_spacing_4x)
}

.bui-calendar__wrapper:first-child {
    padding-left: 0
}

[dir=rtl] .bui-calendar__wrapper:first-child {
    padding-left: 0;
    padding-right: 0
}

.bui-calendar__dates {
    width: 100%;
    table-layout: fixed;
    border-spacing: 0
}

.bui-calendar__day-name {
    color: var(--bui_color_foreground_alt)
}

.bui-calendar__date {
    cursor: pointer;
    position: relative
}

.bui-calendar__date, .bui-calendar__day-name {
    height: -webkit-calc(var(--bui_spacing_1x)*9);
    height: calc(var(--bui_spacing_1x)*9);
    line-height: -webkit-calc(var(--bui_spacing_1x)*9);
    line-height: calc(var(--bui_spacing_1x)*9);
    text-align: center;
    padding: 0;
    border-spacing: 0
}

    .bui-calendar__date:hover:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: var(--bui_color_highlighted_alt);
        pointer-events: none
    }

    .bui-calendar__date:focus, .bui-calendar__date:focus-within {
        position: relative;
        z-index: 10;
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
        box-shadow: 0 0 0 3px var(--bui_color_action_focus)
    }

.bui-calendar__date--today {
    color: var(--bui_color_action_background)
}

.bui-calendar__date--in-range {
    background: var(--bui_color_background_alt)
}

.bui-calendar__date--selected, .bui-calendar__date--selected:hover {
    color: var(--bui_color_on_action_background);
    background: var(--bui_color_action_background)
}

.bui-calendar__date--disabled, .bui-calendar__date--disabled:focus, .bui-calendar__date--disabled:hover {
    color: var(--bui_color_foreground_disabled);
    background: 0;
    cursor: default;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bui-calendar__date--empty, .bui-calendar__date--empty:hover, .bui-calendar__date--empty:hover:after {
    background: 0;
    cursor: default
}

.bui-calendar__display {
    border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    text-align: center;
    margin-top: var(--bui_spacing_2x);
    padding-top: var(--bui_spacing_2x)
}

    .bui-calendar__display:empty {
        display: none
    }

.bui-calendar__vertical-header {
    position: absolute;
    padding: 0 var(--bui_spacing_4x);
    background: var(--bui_color_background_elevation_one);
    top: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.bui-calendar__vertical-day-names {
    width: 100%;
    table-layout: fixed
}

.bui-calendar--vertical .bui-calendar__content {
    display: block;
    overflow: auto;
    padding: var(--bui_spacing_8x) var(--bui_spacing_4x) var(--bui_spacing_4x);
    max-height: 340px
}

.bui-calendar--vertical .bui-calendar__wrapper {
    padding: var(--bui_spacing_4x) 0 0
}

    .bui-calendar--vertical .bui-calendar__wrapper:first-child {
        padding-top: 0
    }

.bui-calendar--vertical .bui-calendar__control {
    display: none
}

.bui-calendar--vertical .bui-calendar__month {
    text-align: right
}

[dir=rtl] .bui-calendar--vertical .bui-calendar__month {
    text-align: left
}

.bui-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: var(--bui_color_background_elevation_one);
    color: var(--bui_color_foreground);
    border: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    border-radius: var(--bui_border_radius_200);
    padding: var(--bui_spacing_4x)
}

a.bui-card, a.bui-card:link {
    text-decoration: none;
    color: var(--bui_color_foreground)
}

.bui-card:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-card__image {
    width: -webkit-calc(var(--bui_spacing_1x)*18);
    width: calc(var(--bui_spacing_1x)*18);
    height: -webkit-calc(var(--bui_spacing_1x)*18);
    height: calc(var(--bui_spacing_1x)*18);
    margin-right: var(--bui_spacing_4x);
    border: 0;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: block;
    border-radius: var(--bui_border_radius_100)
}

[dir=rtl] .bui-card__image {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-card__content {
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.bui-card__subtitle, .bui-card__title {
    margin: 0;
    padding: 0
}

.bui-card__title {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-card__subtitle {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    color: var(--bui_color_foreground_alt)
}

.bui-card__slot {
    margin-top: var(--bui_spacing_4x)
}

    .bui-card__slot:first-child {
        margin-top: 0
    }

.bui-card__text {
    margin: var(--bui_spacing_4x) 0 0
}

    .bui-card__text:first-child {
        margin-top: 0
    }

.bui-card__actions {
    padding-top: var(--bui_spacing_4x)
}

@media(min-width:576px) {
    .bui-card--size-large {
        padding: var(--bui_spacing_6x)
    }
}

.bui-card--media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0
}

    .bui-card--media.bui-card--size-large .bui-card__content, .bui-card--media .bui-card__content {
        padding: var(--bui_spacing_4x)
    }

.bui-card__image-container {
    position: relative;
    border-radius: var(--bui_border_radius_200) var(--bui_border_radius_200) 0 0;
    height: -webkit-calc(var(--bui_spacing_6x)*10);
    height: calc(var(--bui_spacing_6x)*10);
    overflow: hidden
}

.bui-card--media .bui-card__image {
    width: 100%;
    height: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.bui-card--media-alt .bui-card__header {
    position: absolute;
    padding: var(--bui_spacing_4x);
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(50%,rgba(0,0,0,.8)),to(transparent));
    background: -webkit-linear-gradient(90deg,#000 0,rgba(0,0,0,.8) 50%,transparent);
    background: linear-gradient(0deg,#000 0,rgba(0,0,0,.8) 50%,transparent)
}

[dir=rtl] .bui-card--media-alt .bui-card__header {
    left: auto;
    right: 0
}

.bui-card--media-alt .bui-card__header > .bui-card__subtitle, .bui-card--media-alt .bui-card__header > .bui-card__title, .bui-card--media-full .bui-card__header > .bui-card__subtitle, .bui-card--media-full .bui-card__header > .bui-card__title {
    color: var(--bui_color_white)
}

.bui-card--media-full {
    padding-bottom: 0;
    border: 0
}

    .bui-card--media-full > .bui-card__image-container, .bui-card__image-container:last-child {
        border-radius: var(--bui_border_radius_200)
    }

    .bui-card--media-full .bui-card__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        top: 0;
        background: rgba(0,0,0,.5)
    }

.bui-card--transparent {
    background-color: transparent;
    border: 0
}

    .bui-card--transparent.bui-card--size-large .bui-card__content, .bui-card--transparent .bui-card__content {
        padding: var(--bui_spacing_4x) 0 0
    }

    .bui-card--transparent .bui-card__image, .bui-card--transparent .bui-card__image-container {
        border-radius: var(--bui_border_radius_200)
    }

    .bui-card--transparent .bui-card__image {
        margin-left: 0;
        margin-right: var(--bui_spacing_4x)
    }

[dir=rtl] .bui-card--transparent .bui-card__image {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-card--transparent.bui-card--media .bui-card__image {
    margin: 0
}

.bui-card--fill {
    padding: 0
}

.bui-card-group > .bui-card + .bui-card {
    border-top: 0
}

.bui-card-group > .bui-card {
    border-radius: 0
}

    .bui-card-group > .bui-card:first-child {
        border-top-left-radius: var(--bui_border_radius_200);
        border-top-right-radius: var(--bui_border_radius_200)
    }

    .bui-card-group > .bui-card:last-child {
        border-bottom-left-radius: var(--bui_border_radius_200);
        border-bottom-right-radius: var(--bui_border_radius_200)
    }

.bui-carousel {
    position: relative;
    margin-left: -webkit-calc(var(--bui_spacing_4x)*-1);
    margin-left: calc(var(--bui_spacing_4x)*-1);
    margin-right: -webkit-calc(var(--bui_spacing_4x)*-1);
    margin-right: calc(var(--bui_spacing_4x)*-1)
}

.bui-carousel__inner {
    list-style: none;
    padding: 0 var(--bui_spacing_4x);
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .bui-carousel__inner::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0
    }

.bui-carousel__nav {
    display: none;
    pointer-events: none
}

.bui-carousel__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: var(--bui_spacing_3x)
}

[dir=rtl] .bui-carousel__item {
    margin-right: 0;
    margin-left: var(--bui_spacing_3x)
}

.bui-carousel__item:last-child {
    margin-right: 0
}

[dir=rtl] .bui-carousel__item:last-child {
    margin-right: 0;
    margin-left: 0
}

.bui-carousel .bui-card__image-container {
    height: auto
}

.bui-carousel--small .bui-card__title {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-carousel--medium .bui-card__title {
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family)
}

.bui-carousel--medium .bui-card__subtitle {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-carousel--small .bui-carousel__item {
    width: 28%
}

.bui-carousel--medium .bui-carousel__item {
    width: 42%
}

.bui-carousel--large .bui-carousel__item {
    width: 64%
}

.bui-carousel--larger .bui-carousel__item {
    width: 89%
}

@media(min-width:576px) {
    .bui-carousel--small .bui-carousel__item {
        width: 22%
    }

    .bui-carousel--medium .bui-carousel__item {
        width: 28%
    }

    .bui-carousel--large .bui-carousel__item {
        width: 42%
    }

    .bui-carousel--larger .bui-carousel__item {
        width: 54%
    }
}

@media(min-width:1024px) {
    .bui-carousel {
        margin: 0
    }

    .bui-carousel__inner {
        padding-left: 0;
        padding-right: 0
    }

    .bui-carousel__nav {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: -webkit-calc(var(--bui_spacing_4x)*-1);
        left: calc(var(--bui_spacing_4x)*-1);
        right: -webkit-calc(var(--bui_spacing_4x)*-1);
        right: calc(var(--bui_spacing_4x)*-1);
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .bui-carousel__button {
        z-index: var(--z_index_1);
        -webkit-box-shadow: var(--bui_shadow_100);
        box-shadow: var(--bui_shadow_100);
        padding: var(--bui_spacing_1x);
        border-radius: 50%;
        cursor: default;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 0;
        background: var(--bui_color_background_elevation_two);
        color: var(--bui_color_foreground);
        -webkit-transition: opacity var(--bui_animation_duration) var(--bui_easing-subtle-in-out);
        transition: opacity var(--bui_animation_duration) var(--bui_easing-subtle-in-out);
        pointer-events: all;
        opacity: 0;
        visibility: hidden;
        outline: 0
    }

        .bui-carousel__button.bui-is-clickable {
            visibility: visible
        }

        .bui-carousel__button.bui-is-visible {
            opacity: 1;
            cursor: pointer
        }

            .bui-carousel:focus, .bui-carousel__button.bui-is-visible:focus {
                outline: 0;
                -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
                box-shadow: 0 0 0 3px var(--bui_color_action_focus)
            }

            .bui-carousel__button.bui-is-visible:active {
                opacity: 1;
                -webkit-transform: translateY(1px);
                -ms-transform: translateY(1px);
                transform: translateY(1px)
            }

    .bui-carousel__next, .bui-carousel__prev {
        height: var(--bui_spacing_6x);
        width: var(--bui_spacing_6x);
        vertical-align: middle
    }

    [dir=rtl] .bui-carousel__next, [dir=rtl] .bui-carousel__prev {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1)
    }

    .bui-carousel--medium .bui-card__title, .bui-carousel--small .bui-card__title {
        font-size: var(--bui_font_strong_1_font-size);
        line-height: var(--bui_font_strong_1_line-height);
        font-weight: var(--bui_font_strong_1_font-weight);
        font-family: var(--bui_font_strong_1_font-family)
    }

    .bui-carousel--medium .bui-card__subtitle {
        font-size: var(--bui_font_body_2_font-size);
        line-height: var(--bui_font_body_2_line-height);
        font-weight: var(--bui_font_body_2_font-weight);
        font-family: var(--bui_font_body_2_font-family)
    }

    .bui-carousel__item {
        margin-right: var(--bui_spacing_4x)
    }

    [dir=rtl] .bui-carousel__item {
        margin-right: 0;
        margin-left: var(--bui_spacing_4x)
    }

    .bui-carousel__item:last-child {
        margin-right: 0
    }

    [dir=rtl] .bui-carousel__item:last-child {
        margin-right: 0;
        margin-left: 0
    }

    .bui-carousel--small .bui-carousel__item {
        width: -webkit-calc((100% - var(--bui_spacing_4x)*5)/6);
        width: calc((100% - var(--bui_spacing_4x)*5)/6)
    }

    .bui-carousel--medium .bui-carousel__item {
        width: -webkit-calc((100% - var(--bui_spacing_4x)*3)/4);
        width: calc((100% - var(--bui_spacing_4x)*3)/4)
    }

    .bui-carousel--large .bui-carousel__item, .bui-carousel--larger .bui-carousel__item {
        width: -webkit-calc((100% - var(--bui_spacing_4x)*2)/3);
        width: calc((100% - var(--bui_spacing_4x)*2)/3)
    }
}

.bui-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    padding: var(--bui_spacing_4x)
}

.bui-container--center {
    margin: 0 auto;
    max-width: var(--bui_container)
}

.bui-date {
    display: inline-block;
    position: relative;
    text-align: center
}

.bui-date__title {
    display: block;
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-date__subtitle {
    display: block;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-date--large {
    text-align: left
}

[dir=rtl] .bui-date--large {
    text-align: right
}

.bui-date--large .bui-date__subtitle {
    color: var(--bui_color_foreground_alt)
}

.bui-date-range {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bui-date__label {
    margin: 0 0 var(--bui_spacing_1x);
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family)
}

.bui-date-range .bui-date-range__item:first-child {
    padding-right: var(--bui_spacing_4x)
}

[dir=rtl] .bui-date-range .bui-date-range__item:first-child {
    padding-right: 0;
    padding-left: var(--bui_spacing_4x)
}

.bui-date-range .bui-date-range__item + .bui-date-range__item {
    padding-left: var(--bui_spacing_4x)
}

[dir=rtl] .bui-date-range .bui-date-range__item + .bui-date-range__item {
    padding-left: 0;
    padding-right: var(--bui_spacing_4x)
}

.bui-date-range .bui-date-range__item + .bui-date-range__item .bui-date:before {
    content: "";
    background: var(--bui_color_border_alt);
    position: absolute;
    height: 100%;
    left: -webkit-calc(var(--bui_spacing_4x)*-1);
    left: calc(var(--bui_spacing_4x)*-1);
    top: 0;
    width: var(--bui_border_width_100)
}

[dir=rtl] .bui-date-range .bui-date-range__item + .bui-date-range__item .bui-date:before {
    left: auto;
    right: -webkit-calc(var(--bui_spacing_4x)*-1);
    right: calc(var(--bui_spacing_4x)*-1)
}

.bui-date-range--large .bui-date__title {
    text-align: left
}

[dir=rtl] .bui-date-range--large .bui-date__title {
    text-align: right
}

@media(max-width:575px) {
    .bui-date-range--large > .bui-date-range__item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }
}

.bui-dismissible-container {
    position: relative
}

    .bui-dismissible-container:after, .bui-dismissible-container:before {
        content: " ";
        display: table;
        line-height: 0
    }

    .bui-dismissible-container:after {
        clear: both
    }

.bui-dismissible-container__content {
    position: relative;
    z-index: 1
}

.bui-dismissible-container__close {
    float: right;
    margin-left: var(--bui_spacing_4x);
    margin-bottom: var(--bui_spacing_4x);
    background: 0;
    padding: 0;
    color: var(--bui_color_foreground);
    opacity: .4;
    outline: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    position: relative;
    z-index: 2
}

[dir=rtl] .bui-dismissible-container__close {
    float: left;
    margin-left: 0;
    margin-right: var(--bui_spacing_4x)
}

.bui-dismissible-container__close:focus, .bui-dismissible-container__close:hover {
    opacity: .8
}

.bui-dismissible-container__close:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-dismissible-container--fill .bui-dismissible-container__close {
    position: absolute;
    top: var(--bui_spacing_4x);
    right: var(--bui_spacing_4x);
    margin: 0
}

[dir=rtl] .bui-dismissible-container--fill .bui-dismissible-container__close {
    right: auto;
    left: var(--bui_spacing_4x)
}

.bui-divider {
    margin: 0;
    border: 0;
    border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt)
}

.bui-drawer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    position: fixed;
    border-radius: var(--bui_border_radius_300) var(--bui_border_radius_300) 0 0;
    background: var(--bui_color_background_elevation_one);
    -webkit-transition: -webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    transition: -webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    transition: transform var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    -webkit-transition: -webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    transition: transform var(--bui_timing-deliberate) var(--bui_easing-slow-out),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    max-height: 100%;
    will-change: transform
}

.bui-drawer__slot {
    position: relative;
    text-align: left;
    width: 100%
}

[dir=rtl] .bui-drawer__slot {
    text-align: right
}

.bui-drawer__slot:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-drawer__content {
    padding: var(--bui_spacing_4x);
    max-height: -webkit-calc(var(--bui_spacing_1x)*120);
    max-height: calc(var(--bui_spacing_1x)*120);
    overflow-y: auto
}

.bui-drawer__header {
    margin-bottom: var(--bui_spacing_4x)
}

    .bui-drawer__header:last-child {
        margin-bottom: 0
    }

.bui-drawer__title {
    font-size: var(--bui_font_headline_3_font-size);
    line-height: var(--bui_font_headline_3_line-height);
    font-weight: var(--bui_font_headline_3_font-weight);
    font-family: var(--bui_font_headline_3_font-family);
    margin: 0 var(--bui_spacing_8x) 0 0;
    padding-left: 0
}

[dir=rtl] .bui-drawer__title {
    margin: 0 0 0 var(--bui_spacing_8x);
    padding-left: 0;
    padding-right: 0
}

.bui-drawer__subtitle {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    color: var(--bui_color_foreground_alt);
    margin: var(--bui_spacing_1x) 0 0
}

.bui-drawer__close {
    display: inline-block;
    position: absolute;
    height: var(--bui_spacing_6x);
    width: var(--bui_spacing_6x);
    top: var(--bui_spacing_4x);
    right: var(--bui_spacing_4x);
    margin-bottom: 0;
    padding: 0;
    text-decoration: none;
    color: var(--bui_color_foreground);
    opacity: .4;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    z-index: 5
}

[dir=rtl] .bui-drawer__close {
    right: auto;
    left: var(--bui_spacing_4x)
}

.bui-drawer__close:focus, .bui-drawer__close:hover {
    opacity: .8
}

.bui-drawer__close:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-drawer__close:active {
    opacity: 1;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.bui-drawer--position-bottom {
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.bui-drawer--position-start {
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

[dir=rtl] .bui-drawer--position-start {
    left: auto;
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.bui-drawer--position-start .bui-drawer__content {
    width: -webkit-calc(var(--bui_spacing_8x)*10);
    width: calc(var(--bui_spacing_8x)*10);
    max-width: 100%;
    max-height: 100%
}

.bui-drawer--active {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    -webkit-transition-timing-function: var(--bui_easing-slow-in);
    transition-timing-function: var(--bui_easing-slow-in)
}

.bui-drawer--fill .bui-drawer__content {
    padding: 0
}

@media(orientation:landscape) {
    .bui-drawer__content {
        max-height: 100%
    }
}

.bui-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.bui-dropdown__content {
    display: none;
    position: absolute;
    left: 0;
    min-width: 100%;
    top: 100%;
    -webkit-transform: translateY(var(--bui_spacing_2x));
    -ms-transform: translateY(var(--bui_spacing_2x));
    transform: translateY(var(--bui_spacing_2x));
    z-index: var(--z_index_2)
}

[dir=rtl] .bui-dropdown__content {
    left: auto;
    right: 0
}

.bui-dropdown__more {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: 0;
    cursor: pointer;
    opacity: .5;
    padding: 0
}

    .bui-dropdown__more:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
        box-shadow: 0 0 0 3px var(--bui_color_action_focus)
    }

    .bui-dropdown__more:hover {
        opacity: .7
    }

.bui-dropdown--active .bui-dropdown__more {
    opacity: 1
}

.bui-dropdown__more + .bui-dropdown__content {
    left: auto;
    right: 0
}

[dir=rtl] .bui-dropdown__more + .bui-dropdown__content {
    right: auto;
    left: 0
}

.bui-dropdown--active .bui-dropdown__content {
    display: block
}

.bui-dropdown--end .bui-dropdown__content {
    left: auto;
    right: 0
}

[dir=rtl] .bui-dropdown--end .bui-dropdown__content {
    right: auto;
    left: 0
}

.bui-dropdown-menu {
    padding: var(--bui_spacing_4x);
    background: var(--bui_color_background_elevation_two);
    border-radius: var(--bui_border_radius_200);
    overflow: hidden;
    min-width: -webkit-calc(var(--bui_spacing_1x)*50);
    min-width: calc(var(--bui_spacing_1x)*50);
    z-index: var(--z_index_1);
    -webkit-box-shadow: var(--bui_shadow_100);
    box-shadow: var(--bui_shadow_100)
}

.bui-dropdown-menu__items {
    list-style-type: none;
    margin: -webkit-calc(var(--bui_spacing_4x)*-1);
    margin: calc(var(--bui_spacing_4x)*-1);
    padding: var(--bui_spacing_1x) 0
}

.bui-dropdown-menu__button {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    outline: 0
}

[dir=rtl] .bui-dropdown-menu__button {
    text-align: right
}

.bui-dropdown-menu__button, .bui-dropdown-menu__button:link, .bui-dropdown-menu__button:visited {
    border: 0;
    margin: 0;
    cursor: pointer;
    padding: var(--bui_spacing_3x) var(--bui_spacing_4x);
    white-space: nowrap;
    text-decoration: none;
    color: var(--bui_color_foreground);
    background-color: transparent;
    fill: var(--bui_color_foreground);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

    .bui-dropdown-menu__button:active, .bui-dropdown-menu__button:focus, .bui-dropdown-menu__button:hover {
        background-color: var(--bui_color_highlighted_alt)
    }

    .bui-dropdown-menu__button[disabled], .bui-dropdown-menu__button[disabled]:link, .bui-dropdown-menu__button[disabled]:visited {
        fill: var(--bui_color_foreground_disabled);
        color: var(--bui_color_foreground_disabled);
        cursor: not-allowed
    }

        .bui-dropdown-menu__button[disabled]:active, .bui-dropdown-menu__button[disabled]:focus, .bui-dropdown-menu__button[disabled]:hover {
            background: 0
        }

.bui-dropdown-menu__icon {
    margin-right: var(--bui_spacing_3x);
    color: var(--bui_color_foreground_alt);
    vertical-align: middle
}

[dir=rtl] .bui-dropdown-menu__icon {
    margin-right: 0;
    margin-left: var(--bui_spacing_3x)
}

.bui-dropdown-menu__text {
    line-height: var(--bui_spacing_6x);
    height: var(--bui_spacing_6x)
}

.bui-dropdown-menu__text-slot {
    margin-left: var(--bui_spacing_2x)
}

[dir=rtl] .bui-dropdown-menu__text-slot {
    margin-left: 0;
    margin-right: var(--bui_spacing_2x)
}

.bui-dropdown-menu__end-slot {
    padding-left: var(--bui_spacing_2x);
    margin-left: auto
}

[dir=rtl] .bui-dropdown-menu__end-slot {
    padding-left: 0;
    padding-right: var(--bui_spacing_2x);
    margin-left: 0;
    margin-right: auto
}

.bui-dropdown-menu__divider {
    margin: var(--bui_spacing_1x) 0
}

.bui-dropdown-menu--fill {
    padding: 0
}

    .bui-dropdown-menu--fill .bui-dropdown-menu__items {
        margin: 0
    }

.bui-empty-state {
    max-width: -webkit-calc(var(--bui_spacing_8x)*12);
    max-width: calc(var(--bui_spacing_8x)*12);
    text-align: center;
    margin: 0 auto
}

.bui-empty-state__icon {
    display: block;
    fill: var(--bui_color_foreground);
    width: -webkit-calc(var(--bui_spacing_6x)*3);
    width: calc(var(--bui_spacing_6x)*3);
    height: -webkit-calc(var(--bui_spacing_6x)*3);
    height: calc(var(--bui_spacing_6x)*3);
    opacity: .6
}

.bui-empty-state__icon, .bui-empty-state__slot {
    margin: 0 auto var(--bui_spacing_6x)
}

.bui-empty-state__title {
    font-size: var(--bui_font_headline_3_font-size);
    line-height: var(--bui_font_headline_3_line-height);
    font-weight: var(--bui_font_headline_3_font-weight);
    font-family: var(--bui_font_headline_3_font-family);
    margin: 0 0 var(--bui_spacing_2x)
}

.bui-empty-state__text {
    font-size: var(--bui_font_body_1_font-size);
    line-height: var(--bui_font_body_1_line-height);
    font-weight: var(--bui_font_body_1_font-weight);
    font-family: var(--bui_font_body_1_font-family);
    margin: 0 0 var(--bui_spacing_6x)
}

    .bui-empty-state__text:last-child {
        margin-bottom: 0
    }

.bui-flag__flag {
    width: var(--bui_spacing_4x);
    vertical-align: middle
}

.bui-flag__text {
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--bui_spacing_half);
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

[dir=rtl] .bui-flag__text {
    margin-left: 0;
    margin-right: var(--bui_spacing_half)
}

.bui-flag--large .bui-flag__flag {
    width: var(--bui_spacing_6x)
}

.bui-flag--large .bui-flag__text {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-grid {
    margin: -webkit-calc(-1*var(--bui_spacing_4x)) -webkit-calc(-1*var(--bui_spacing_4x)/2) 0 -webkit-calc(-1*var(--bui_spacing_4x)/2);
    margin: calc(-1*var(--bui_spacing_4x)) calc(-1*var(--bui_spacing_4x)/2) 0 calc(-1*var(--bui_spacing_4x)/2);
    clear: both;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0;
    list-style-type: none
}

.bui-grid, [class*=bui-grid__column] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

[class*=bui-grid__column] {
    width: 100%;
    padding: var(--bui_spacing_4x) -webkit-calc(var(--bui_spacing_4x)/2) 0 -webkit-calc(var(--bui_spacing_4x)/2);
    padding: var(--bui_spacing_4x) calc(var(--bui_spacing_4x)/2) 0 calc(var(--bui_spacing_4x)/2);
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0
}

.bui-grid--bleed {
    margin: 0
}

    .bui-grid--bleed > [class*=bui-grid__column] {
        padding: 0
    }

.bui-grid__column-1, .bui-grid__column-1\/12 {
    -ms-flex-preferred-size: 8.33333%;
    -webkit-flex-basis: 8.33333%;
    flex-basis: 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%
}

.bui-grid__column-2, .bui-grid__column-2\/12 {
    -ms-flex-preferred-size: 16.66667%;
    -webkit-flex-basis: 16.66667%;
    flex-basis: 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%
}

.bui-grid__column-1\/4, .bui-grid__column-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    width: 25%;
    max-width: 25%
}

.bui-grid__column-1\/3, .bui-grid__column-4 {
    -ms-flex-preferred-size: 33.33333%;
    -webkit-flex-basis: 33.33333%;
    flex-basis: 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%
}

.bui-grid__column-5, .bui-grid__column-5\/12 {
    -ms-flex-preferred-size: 41.66667%;
    -webkit-flex-basis: 41.66667%;
    flex-basis: 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%
}

.bui-grid__column-1\/2, .bui-grid__column-6, .bui-grid__column-half {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    width: 50%;
    max-width: 50%
}

.bui-grid__column-7, .bui-grid__column-7\/12 {
    -ms-flex-preferred-size: 58.33333%;
    -webkit-flex-basis: 58.33333%;
    flex-basis: 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%
}

.bui-grid__column-2\/3, .bui-grid__column-8 {
    -ms-flex-preferred-size: 66.66667%;
    -webkit-flex-basis: 66.66667%;
    flex-basis: 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%
}

.bui-grid__column-3\/4, .bui-grid__column-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    width: 75%;
    max-width: 75%
}

.bui-grid__column-10, .bui-grid__column-10\/12 {
    -ms-flex-preferred-size: 83.33333%;
    -webkit-flex-basis: 83.33333%;
    flex-basis: 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%
}

.bui-grid__column-11, .bui-grid__column-11\/12 {
    -ms-flex-preferred-size: 91.66667%;
    -webkit-flex-basis: 91.66667%;
    flex-basis: 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%
}

.bui-grid__column-1\/1, .bui-grid__column-12, .bui-grid__column-full {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%
}

.bui-grid__column--offset-1 {
    margin-left: 8.33333%
}

[dir=rtl] .bui-grid__column--offset-1 {
    margin-left: 0;
    margin-right: 8.33333%
}

.bui-grid__column--offset-2 {
    margin-left: 16.66667%
}

[dir=rtl] .bui-grid__column--offset-2 {
    margin-left: 0;
    margin-right: 16.66667%
}

.bui-grid__column--offset-3 {
    margin-left: 25%
}

[dir=rtl] .bui-grid__column--offset-3 {
    margin-left: 0;
    margin-right: 25%
}

.bui-grid__column--offset-4 {
    margin-left: 33.33333%
}

[dir=rtl] .bui-grid__column--offset-4 {
    margin-left: 0;
    margin-right: 33.33333%
}

.bui-grid__column--offset-5 {
    margin-left: 41.66667%
}

[dir=rtl] .bui-grid__column--offset-5 {
    margin-left: 0;
    margin-right: 41.66667%
}

.bui-grid__column--offset-6, .bui-grid__column--offset-half {
    margin-left: 50%
}

[dir=rtl] .bui-grid__column--offset-6, [dir=rtl] .bui-grid__column--offset-half {
    margin-left: 0;
    margin-right: 50%
}

.bui-grid__column--offset-7 {
    margin-left: 58.33333%
}

[dir=rtl] .bui-grid__column--offset-7 {
    margin-left: 0;
    margin-right: 58.33333%
}

.bui-grid__column--offset-8 {
    margin-left: 66.66667%
}

[dir=rtl] .bui-grid__column--offset-8 {
    margin-left: 0;
    margin-right: 66.66667%
}

.bui-grid__column--offset-9 {
    margin-left: 75%
}

[dir=rtl] .bui-grid__column--offset-9 {
    margin-left: 0;
    margin-right: 75%
}

.bui-grid__column--offset-10 {
    margin-left: 83.33333%
}

[dir=rtl] .bui-grid__column--offset-10 {
    margin-left: 0;
    margin-right: 83.33333%
}

.bui-grid__column--offset-11 {
    margin-left: 91.66667%
}

[dir=rtl] .bui-grid__column--offset-11 {
    margin-left: 0;
    margin-right: 91.66667%
}

.bui-grid--align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-grid--align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.bui-grid--align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.bui-grid--justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.bui-grid--justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.bui-grid--justify-space-around {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around
}

.bui-grid--reversed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media(min-width:576px) {
    .bui-grid {
        margin: -webkit-calc(-1*var(--bui_spacing_6x)) -webkit-calc(-1*var(--bui_spacing_6x)/2) 0 -webkit-calc(-1*var(--bui_spacing_6x)/2);
        margin: calc(-1*var(--bui_spacing_6x)) calc(-1*var(--bui_spacing_6x)/2) 0 calc(-1*var(--bui_spacing_6x)/2)
    }

        .bui-grid > [class*=bui-grid__column] {
            padding: var(--bui_spacing_6x) -webkit-calc(var(--bui_spacing_6x)/2) 0 -webkit-calc(var(--bui_spacing_6x)/2);
            padding: var(--bui_spacing_6x) calc(var(--bui_spacing_6x)/2) 0 calc(var(--bui_spacing_6x)/2)
        }

    .bui-grid--size-small {
        margin: -webkit-calc(-1*var(--bui_spacing_4x)) -webkit-calc(-1*var(--bui_spacing_4x)/2) 0 -webkit-calc(-1*var(--bui_spacing_4x)/2);
        margin: calc(-1*var(--bui_spacing_4x)) calc(-1*var(--bui_spacing_4x)/2) 0 calc(-1*var(--bui_spacing_4x)/2)
    }

        .bui-grid--size-small > [class*=bui-grid__column] {
            padding: var(--bui_spacing_4x) -webkit-calc(var(--bui_spacing_4x)/2) 0 -webkit-calc(var(--bui_spacing_4x)/2);
            padding: var(--bui_spacing_4x) calc(var(--bui_spacing_4x)/2) 0 calc(var(--bui_spacing_4x)/2)
        }

    .bui-grid--bleed {
        margin: 0
    }

        .bui-grid--bleed > [class*=bui-grid__column] {
            padding: 0
        }

    .bui-grid__column-1\/12\@medium, .bui-grid__column-1\@medium {
        -ms-flex-preferred-size: 8.33333%;
        -webkit-flex-basis: 8.33333%;
        flex-basis: 8.33333%;
        width: 8.33333%;
        max-width: 8.33333%
    }

    .bui-grid__column-2\/12\@medium, .bui-grid__column-2\@medium {
        -ms-flex-preferred-size: 16.66667%;
        -webkit-flex-basis: 16.66667%;
        flex-basis: 16.66667%;
        width: 16.66667%;
        max-width: 16.66667%
    }

    .bui-grid__column-1\/4\@medium, .bui-grid__column-3\@medium {
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        width: 25%;
        max-width: 25%
    }

    .bui-grid__column-1\/3\@medium, .bui-grid__column-4\@medium {
        -ms-flex-preferred-size: 33.33333%;
        -webkit-flex-basis: 33.33333%;
        flex-basis: 33.33333%;
        width: 33.33333%;
        max-width: 33.33333%
    }

    .bui-grid__column-5\/12\@medium, .bui-grid__column-5\@medium {
        -ms-flex-preferred-size: 41.66667%;
        -webkit-flex-basis: 41.66667%;
        flex-basis: 41.66667%;
        width: 41.66667%;
        max-width: 41.66667%
    }

    .bui-grid__column-1\/2\@medium, .bui-grid__column-6\@medium, .bui-grid__column-half\@medium {
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        width: 50%;
        max-width: 50%
    }

    .bui-grid__column-7\/12\@medium, .bui-grid__column-7\@medium {
        -ms-flex-preferred-size: 58.33333%;
        -webkit-flex-basis: 58.33333%;
        flex-basis: 58.33333%;
        width: 58.33333%;
        max-width: 58.33333%
    }

    .bui-grid__column-2\/3\@medium, .bui-grid__column-8\@medium {
        -ms-flex-preferred-size: 66.66667%;
        -webkit-flex-basis: 66.66667%;
        flex-basis: 66.66667%;
        width: 66.66667%;
        max-width: 66.66667%
    }

    .bui-grid__column-3\/4\@medium, .bui-grid__column-9\@medium {
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        width: 75%;
        max-width: 75%
    }

    .bui-grid__column-10\/12\@medium, .bui-grid__column-10\@medium {
        -ms-flex-preferred-size: 83.33333%;
        -webkit-flex-basis: 83.33333%;
        flex-basis: 83.33333%;
        width: 83.33333%;
        max-width: 83.33333%
    }

    .bui-grid__column-11\/12\@medium, .bui-grid__column-11\@medium {
        -ms-flex-preferred-size: 91.66667%;
        -webkit-flex-basis: 91.66667%;
        flex-basis: 91.66667%;
        width: 91.66667%;
        max-width: 91.66667%
    }

    .bui-grid__column-1\/1\@medium, .bui-grid__column-12\@medium, .bui-grid__column-full\@medium {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        width: 100%;
        max-width: 100%
    }

    .bui-grid__column--offset-1\@medium {
        margin-left: 8.33333%
    }

    [dir=rtl] .bui-grid__column--offset-1\@medium {
        margin-left: 0;
        margin-right: 8.33333%
    }

    .bui-grid__column--offset-2\@medium {
        margin-left: 16.66667%
    }

    [dir=rtl] .bui-grid__column--offset-2\@medium {
        margin-left: 0;
        margin-right: 16.66667%
    }

    .bui-grid__column--offset-3\@medium {
        margin-left: 25%
    }

    [dir=rtl] .bui-grid__column--offset-3\@medium {
        margin-left: 0;
        margin-right: 25%
    }

    .bui-grid__column--offset-4\@medium {
        margin-left: 33.33333%
    }

    [dir=rtl] .bui-grid__column--offset-4\@medium {
        margin-left: 0;
        margin-right: 33.33333%
    }

    .bui-grid__column--offset-5\@medium {
        margin-left: 41.66667%
    }

    [dir=rtl] .bui-grid__column--offset-5\@medium {
        margin-left: 0;
        margin-right: 41.66667%
    }

    .bui-grid__column--offset-6\@medium, .bui-grid__column--offset-half\@medium {
        margin-left: 50%
    }

    [dir=rtl] .bui-grid__column--offset-6\@medium, [dir=rtl] .bui-grid__column--offset-half\@medium {
        margin-left: 0;
        margin-right: 50%
    }

    .bui-grid__column--offset-7\@medium {
        margin-left: 58.33333%
    }

    [dir=rtl] .bui-grid__column--offset-7\@medium {
        margin-left: 0;
        margin-right: 58.33333%
    }

    .bui-grid__column--offset-8\@medium {
        margin-left: 66.66667%
    }

    [dir=rtl] .bui-grid__column--offset-8\@medium {
        margin-left: 0;
        margin-right: 66.66667%
    }

    .bui-grid__column--offset-9\@medium {
        margin-left: 75%
    }

    [dir=rtl] .bui-grid__column--offset-9\@medium {
        margin-left: 0;
        margin-right: 75%
    }

    .bui-grid__column--offset-10\@medium {
        margin-left: 83.33333%
    }

    [dir=rtl] .bui-grid__column--offset-10\@medium {
        margin-left: 0;
        margin-right: 83.33333%
    }

    .bui-grid__column--offset-11\@medium {
        margin-left: 91.66667%
    }

    [dir=rtl] .bui-grid__column--offset-11\@medium {
        margin-left: 0;
        margin-right: 91.66667%
    }
}

@media(min-width:1024px) {
    .bui-grid {
        margin: -webkit-calc(-1*var(--bui_spacing_6x)) -webkit-calc(-1*var(--bui_spacing_6x)/2) 0 -webkit-calc(-1*var(--bui_spacing_6x)/2);
        margin: calc(-1*var(--bui_spacing_6x)) calc(-1*var(--bui_spacing_6x)/2) 0 calc(-1*var(--bui_spacing_6x)/2)
    }

        .bui-grid > [class*=bui-grid__column] {
            padding: var(--bui_spacing_6x) -webkit-calc(var(--bui_spacing_6x)/2) 0 -webkit-calc(var(--bui_spacing_6x)/2);
            padding: var(--bui_spacing_6x) calc(var(--bui_spacing_6x)/2) 0 calc(var(--bui_spacing_6x)/2)
        }

    .bui-grid--size-small {
        margin: -webkit-calc(-1*var(--bui_spacing_4x)) -webkit-calc(-1*var(--bui_spacing_4x)/2) 0 -webkit-calc(-1*var(--bui_spacing_4x)/2);
        margin: calc(-1*var(--bui_spacing_4x)) calc(-1*var(--bui_spacing_4x)/2) 0 calc(-1*var(--bui_spacing_4x)/2)
    }

        .bui-grid--size-small > [class*=bui-grid__column] {
            padding: var(--bui_spacing_4x) -webkit-calc(var(--bui_spacing_4x)/2) 0 -webkit-calc(var(--bui_spacing_4x)/2);
            padding: var(--bui_spacing_4x) calc(var(--bui_spacing_4x)/2) 0 calc(var(--bui_spacing_4x)/2)
        }

    .bui-grid--bleed {
        margin: 0
    }

        .bui-grid--bleed > [class*=bui-grid__column] {
            padding: 0
        }

    .bui-grid__column-1\/12\@large, .bui-grid__column-1\@large {
        -ms-flex-preferred-size: 8.33333%;
        -webkit-flex-basis: 8.33333%;
        flex-basis: 8.33333%;
        width: 8.33333%;
        max-width: 8.33333%
    }

    .bui-grid__column-2\/12\@large, .bui-grid__column-2\@large {
        -ms-flex-preferred-size: 16.66667%;
        -webkit-flex-basis: 16.66667%;
        flex-basis: 16.66667%;
        width: 16.66667%;
        max-width: 16.66667%
    }

    .bui-grid__column-1\/4\@large, .bui-grid__column-3\@large {
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
        width: 25%;
        max-width: 25%
    }

    .bui-grid__column-1\/3\@large, .bui-grid__column-4\@large {
        -ms-flex-preferred-size: 33.33333%;
        -webkit-flex-basis: 33.33333%;
        flex-basis: 33.33333%;
        width: 33.33333%;
        max-width: 33.33333%
    }

    .bui-grid__column-5\/12\@large, .bui-grid__column-5\@large {
        -ms-flex-preferred-size: 41.66667%;
        -webkit-flex-basis: 41.66667%;
        flex-basis: 41.66667%;
        width: 41.66667%;
        max-width: 41.66667%
    }

    .bui-grid__column-1\/2\@large, .bui-grid__column-6\@large {
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
        width: 50%;
        max-width: 50%
    }

    .bui-grid__column-7\/12\@large, .bui-grid__column-7\@large {
        -ms-flex-preferred-size: 58.33333%;
        -webkit-flex-basis: 58.33333%;
        flex-basis: 58.33333%;
        width: 58.33333%;
        max-width: 58.33333%
    }

    .bui-grid__column-2\/3\@large, .bui-grid__column-8\@large {
        -ms-flex-preferred-size: 66.66667%;
        -webkit-flex-basis: 66.66667%;
        flex-basis: 66.66667%;
        width: 66.66667%;
        max-width: 66.66667%
    }

    .bui-grid__column-3\/4\@large, .bui-grid__column-9\@large {
        -ms-flex-preferred-size: 75%;
        -webkit-flex-basis: 75%;
        flex-basis: 75%;
        width: 75%;
        max-width: 75%
    }

    .bui-grid__column-10\/12\@large, .bui-grid__column-10\@large {
        -ms-flex-preferred-size: 83.33333%;
        -webkit-flex-basis: 83.33333%;
        flex-basis: 83.33333%;
        width: 83.33333%;
        max-width: 83.33333%
    }

    .bui-grid__column-11\/12\@large, .bui-grid__column-11\@large {
        -ms-flex-preferred-size: 91.66667%;
        -webkit-flex-basis: 91.66667%;
        flex-basis: 91.66667%;
        width: 91.66667%;
        max-width: 91.66667%
    }

    .bui-grid__column-1\/1\@large, .bui-grid__column-12\@large {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        width: 100%;
        max-width: 100%
    }

    .bui-grid__column--offset-1\@large {
        margin-left: 8.33333%
    }

    [dir=rtl] .bui-grid__column--offset-1\@large {
        margin-left: 0;
        margin-right: 8.33333%
    }

    .bui-grid__column--offset-2\@large {
        margin-left: 16.66667%
    }

    [dir=rtl] .bui-grid__column--offset-2\@large {
        margin-left: 0;
        margin-right: 16.66667%
    }

    .bui-grid__column--offset-3\@large {
        margin-left: 25%
    }

    [dir=rtl] .bui-grid__column--offset-3\@large {
        margin-left: 0;
        margin-right: 25%
    }

    .bui-grid__column--offset-4\@large {
        margin-left: 33.33333%
    }

    [dir=rtl] .bui-grid__column--offset-4\@large {
        margin-left: 0;
        margin-right: 33.33333%
    }

    .bui-grid__column--offset-5\@large {
        margin-left: 41.66667%
    }

    [dir=rtl] .bui-grid__column--offset-5\@large {
        margin-left: 0;
        margin-right: 41.66667%
    }

    .bui-grid__column--offset-6, .bui-grid__column--offset-half\@large {
        margin-left: 50%
    }

    [dir=rtl] .bui-grid__column--offset-6, [dir=rtl] .bui-grid__column--offset-half\@large {
        margin-left: 0;
        margin-right: 50%
    }

    .bui-grid__column--offset-7\@large {
        margin-left: 58.33333%
    }

    [dir=rtl] .bui-grid__column--offset-7\@large {
        margin-left: 0;
        margin-right: 58.33333%
    }

    .bui-grid__column--offset-8\@large {
        margin-left: 66.66667%
    }

    [dir=rtl] .bui-grid__column--offset-8\@large {
        margin-left: 0;
        margin-right: 66.66667%
    }

    .bui-grid__column--offset-9\@large {
        margin-left: 75%
    }

    [dir=rtl] .bui-grid__column--offset-9\@large {
        margin-left: 0;
        margin-right: 75%
    }

    .bui-grid__column--offset-10\@large {
        margin-left: 83.33333%
    }

    [dir=rtl] .bui-grid__column--offset-10\@large {
        margin-left: 0;
        margin-right: 83.33333%
    }

    .bui-grid__column--offset-11\@large {
        margin-left: 91.66667%
    }

    [dir=rtl] .bui-grid__column--offset-11\@large {
        margin-left: 0;
        margin-right: 91.66667%
    }
}

.bui-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

ul.bui-group {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.bui-group > * {
    margin-top: var(--bui_spacing_2x) !important
}

.bui-group > :first-child {
    margin-top: 0 !important
}

.bui-group__item {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.bui-group__item--grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.bui-group__item--align-start {
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start
}

.bui-group__item--align-center {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.bui-group__item--align-end {
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end
}

.bui-group--inline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: -webkit-calc(var(--bui_spacing_2x)*-1) 0 0 -webkit-calc(var(--bui_spacing_2x)*-1);
    margin: calc(var(--bui_spacing_2x)*-1) 0 0 calc(var(--bui_spacing_2x)*-1);
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

[dir=rtl] .bui-group--inline {
    margin: -webkit-calc(var(--bui_spacing_2x)*-1) -webkit-calc(var(--bui_spacing_2x)*-1) 0 0;
    margin: calc(var(--bui_spacing_2x)*-1) calc(var(--bui_spacing_2x)*-1) 0 0
}

.bui-group--inline > .bui-group__item {
    -ms-flex-negative: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1
}

.bui-group--inline > *, .bui-group--inline > :first-child {
    margin: var(--bui_spacing_2x) 0 0 var(--bui_spacing_2x) !important
}

[dir=rtl] .bui-group--inline > *, [dir=rtl] .bui-group--inline > :first-child {
    margin: var(--bui_spacing_2x) var(--bui_spacing_2x) 0 0 !important
}

.bui-group--inline.bui-group--vertical-align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-group--large > * {
    margin-top: var(--bui_spacing_4x) !important
}

.bui-group--inline.bui-group--large {
    margin: -webkit-calc(var(--bui_spacing_4x)*-1) 0 0 -webkit-calc(var(--bui_spacing_4x)*-1);
    margin: calc(var(--bui_spacing_4x)*-1) 0 0 calc(var(--bui_spacing_4x)*-1)
}

[dir=rtl] .bui-group--inline.bui-group--large {
    margin: -webkit-calc(var(--bui_spacing_4x)*-1) -webkit-calc(var(--bui_spacing_4x)*-1) 0 0;
    margin: calc(var(--bui_spacing_4x)*-1) calc(var(--bui_spacing_4x)*-1) 0 0
}

.bui-group--inline.bui-group--large > *, .bui-group--inline.bui-group--large > :first-child {
    margin: var(--bui_spacing_4x) 0 0 var(--bui_spacing_4x) !important
}

[dir=rtl] .bui-group--inline.bui-group--large > *, [dir=rtl] .bui-group--inline.bui-group--large > :first-child {
    margin: var(--bui_spacing_4x) var(--bui_spacing_4x) 0 0 !important
}

.bui-group--small > * {
    margin-top: var(--bui_spacing_1x) !important
}

.bui-group--inline.bui-group--small {
    margin: -webkit-calc(var(--bui_spacing_1x)*-1) 0 0 -webkit-calc(var(--bui_spacing_1x)*-1);
    margin: calc(var(--bui_spacing_1x)*-1) 0 0 calc(var(--bui_spacing_1x)*-1)
}

[dir=rtl] .bui-group--inline.bui-group--small {
    margin: -webkit-calc(var(--bui_spacing_1x)*-1) -webkit-calc(var(--bui_spacing_1x)*-1) 0 0;
    margin: calc(var(--bui_spacing_1x)*-1) calc(var(--bui_spacing_1x)*-1) 0 0
}

.bui-group--inline.bui-group--small > *, .bui-group--inline.bui-group--small > :first-child {
    margin: var(--bui_spacing_1x) 0 0 var(--bui_spacing_1x) !important
}

[dir=rtl] .bui-group--inline.bui-group--small > *, [dir=rtl] .bui-group--inline.bui-group--small > :first-child {
    margin: var(--bui_spacing_1x) var(--bui_spacing_1x) 0 0 !important
}

.bui-group--align-end.bui-group--inline {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.bui-group--align-center.bui-group--inline {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.bui-group.--wrap-nowrap, .bui-group.bui-group--wrap-nowrap {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap
}

    .bui-group.--wrap-nowrap .bui-group__item:not(.bui-group__item--grow), .bui-group.bui-group--wrap-nowrap .bui-group__item:not(.bui-group__item--grow) {
        -ms-flex-negative: 0;
        -webkit-flex-shrink: 0;
        flex-shrink: 0
    }

.bui-header {
    background: var(--bui_color_brand_primary_background);
    color: var(--bui_color_on_brand_primary_background)
}

    .bui-header.bui-header--variant-transparent-light {
        background: transparent;
        color: var(--bui_color_white)
    }

.bui-header__bar {
    padding: var(--bui_spacing_2x) var(--bui_spacing_4x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: var(--bui_container);
    margin: 0 auto
}

    .bui-header__bar:not(:last-child) {
        padding-bottom: 0
    }

.bui-header__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: var(--bui_spacing_2x) var(--bui_spacing_4x) var(--bui_spacing_2x) 0
}

[dir=rtl] .bui-header__main {
    padding: var(--bui_spacing_2x) 0 var(--bui_spacing_2x) var(--bui_spacing_4x)
}

.bui-header__center {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.bui-header__logo svg {
    display: block;
    height: var(--bui_spacing_4x)
}

.bui-header__title {
    margin: var(--bui_spacing_1x) 0 0;
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-header__tab {
    max-width: var(--bui_container);
    margin: 0 auto
}

.bui-header--logo-large .bui-header__logo img, .bui-header--logo-large .bui-header__logo svg {
    height: -webkit-calc(var(--bui_spacing_1x)*5);
    height: calc(var(--bui_spacing_1x)*5);
    display: block
}

.bui-header--full-width .bui-header__bar, .bui-header--full-width .bui-header__tab {
    max-width: none
}

.bui-header--rounded-tabs .bui-tab--rounded .bui-tab__nav {
    padding: var(--bui_spacing_2x) var(--bui_spacing_4x)
}

@media(min-width:1024px) {
    .bui-header__main {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row
    }

    .bui-header--logo-large .bui-header__logo img, .bui-header--logo-large .bui-header__logo svg {
        width: auto;
        height: var(--bui_spacing_6x)
    }

    .bui-header__title {
        margin: -webkit-calc(var(--bui_spacing_half)*-1) 0 0 var(--bui_spacing_2x);
        margin: calc(var(--bui_spacing_half)*-1) 0 0 var(--bui_spacing_2x);
        font-size: var(--bui_font_body_1_font-size);
        line-height: var(--bui_font_body_1_line-height);
        font-weight: var(--bui_font_body_1_font-weight);
        font-family: var(--bui_font_body_1_font-family)
    }

    [dir=rtl] .bui-header__title {
        margin: -webkit-calc(var(--bui_spacing_half)*-1) var(--bui_spacing_2x) 0 0;
        margin: calc(var(--bui_spacing_half)*-1) var(--bui_spacing_2x) 0 0
    }

    .bui-header__bar:not(:last-child) {
        padding-bottom: var(--bui_spacing_2x)
    }

    .bui-header--rounded-tabs .bui-header__bar {
        padding: var(--bui_spacing_3x) var(--bui_spacing_8x) 0
    }

        .bui-header--rounded-tabs .bui-header__bar:last-child {
            padding-bottom: var(--bui_spacing_3x)
        }

    .bui-header--rounded-tabs .bui-tab--rounded .bui-tab__nav {
        padding: var(--bui_spacing_2x) var(--bui_spacing_4x) var(--bui_spacing_3x)
    }
}

.bui-header .bui-tab__item--more .bui-tab__link:after {
    display: none
}

.bui-icon {
    display: inline-block;
    fill: currentColor
}

    .bui-icon svg {
        display: inline-block;
        vertical-align: top;
        height: 100%;
        width: auto
    }

.bui-icon--smallest {
    height: var(--bui_spacing_3x)
}

.bui-icon--smaller {
    height: -webkit-calc(var(--bui_spacing_3x) + var(--bui_spacing_half));
    height: calc(var(--bui_spacing_3x) + var(--bui_spacing_half))
}

.bui-icon--small {
    height: var(--bui_spacing_4x)
}

.bui-icon--medium {
    height: -webkit-calc(var(--bui_spacing_1x)*5);
    height: calc(var(--bui_spacing_1x)*5)
}

.bui-icon--large {
    height: var(--bui_spacing_6x)
}

.bui-icon--larger {
    height: -webkit-calc(var(--bui_spacing_1x)*7);
    height: calc(var(--bui_spacing_1x)*7)
}

.bui-icon--largest {
    height: -webkit-calc(var(--bui_spacing_1x)*9);
    height: calc(var(--bui_spacing_1x)*9)
}

@media(-ms-high-contrast:active),(-ms-high-contrast:none) {
    .bui-icon--smallest {
        width: var(--bui_spacing_3x)
    }

    .bui-icon--smaller {
        width: -webkit-calc(var(--bui_spacing_3x) + var(--bui_spacing_half));
        width: calc(var(--bui_spacing_3x) + var(--bui_spacing_half))
    }

    .bui-icon--small {
        width: var(--bui_spacing_4x)
    }

    .bui-icon--medium {
        width: -webkit-calc(var(--bui_spacing_1x)*5);
        width: calc(var(--bui_spacing_1x)*5)
    }

    .bui-icon--large {
        width: var(--bui_spacing_6x)
    }

    .bui-icon--larger {
        width: -webkit-calc(var(--bui_spacing_1x)*7);
        width: calc(var(--bui_spacing_1x)*7)
    }

    .bui-icon--largest {
        width: -webkit-calc(var(--bui_spacing_1x)*9);
        width: calc(var(--bui_spacing_1x)*9)
    }
}

.bui-icon--color-white {
    color: var(--bui_color_white);
    fill: var(--bui_color_white)
}

.bui-icon--color-action {
    color: var(--bui_color_action_foreground);
    fill: var(--bui_color_action_foreground)
}

.bui-icon--color-destructive {
    color: var(--bui_color_destructive_foreground);
    fill: var(--bui_color_destructive_foreground)
}

.bui-icon--color-callout {
    color: var(--bui_color_callout_foreground);
    fill: var(--bui_color_callout_foreground)
}

.bui-icon--color-accent {
    color: var(--bui_color_accent_foreground);
    fill: var(--bui_color_accent_foreground)
}

.bui-icon--color-constructive {
    color: var(--bui_color_constructive_foreground);
    fill: var(--bui_color_constructive_foreground)
}

.bui-icon--color-neutral {
    color: var(--bui_color_foreground);
    fill: var(--bui_color_foreground)
}

.bui-icon--color-neutral_alt {
    color: var(--bui_color_foreground_alt);
    fill: var(--bui_color_foreground_alt)
}

.bui-inline-container, .bui-inline-container__start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bui-inline-container__start {
    margin-right: var(--bui_spacing_4x);
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

[dir=rtl] .bui-inline-container__start {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-inline-container__main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.bui-inline-container__end {
    margin-left: var(--bui_spacing_4x);
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

[dir=rtl] .bui-inline-container__end {
    margin-left: 0;
    margin-right: var(--bui_spacing_4x)
}

.bui-inline-container--align {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-inline-container--size-small .bui-inline-container__start {
    margin-right: var(--bui_spacing_3x)
}

[dir=rtl] .bui-inline-container--size-small .bui-inline-container__start {
    margin-right: 0;
    margin-left: var(--bui_spacing_3x)
}

.bui-inline-container--size-small .bui-inline-container__end {
    margin-left: var(--bui_spacing_3x)
}

[dir=rtl] .bui-inline-container--size-small .bui-inline-container__end {
    margin-left: 0;
    margin-right: var(--bui_spacing_3x)
}

.bui-input-autocomplete {
    position: relative
}

.bui-input-autocomplete__dropdown {
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(var(--bui_spacing_2x));
    -ms-transform: translateY(var(--bui_spacing_2x));
    transform: translateY(var(--bui_spacing_2x));
    left: 0;
    right: 0;
    display: none
}

.bui-input-autocomplete--active .bui-input-autocomplete__dropdown {
    display: block
}

.bui-input-autocomplete__fields {
    padding: var(--bui_spacing_4x);
    max-height: -webkit-calc(var(--bui_spacing_1x)*50);
    max-height: calc(var(--bui_spacing_1x)*50);
    overflow: auto
}

.bui-input-autocomplete__actions {
    border-top: 1px solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_4x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.bui-checkbox {
    position: relative;
    display: block;
    padding: 0 0 0 -webkit-calc(var(--bui_spacing_1x)*5);
    padding: 0 0 0 calc(var(--bui_spacing_1x)*5)
}

[dir=rtl] .bui-checkbox {
    padding: 0 -webkit-calc(var(--bui_spacing_1x)*5) 0 0;
    padding: 0 calc(var(--bui_spacing_1x)*5) 0 0
}

.bui-checkbox__input {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    left: 0;
    top: 0;
    border: 0;
    margin: 0
}

[dir=rtl] .bui-checkbox__input {
    left: auto;
    right: 0
}

.bui-checkbox__label {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    display: block;
    min-height: -webkit-calc(var(--bui_spacing_1x)*5);
    min-height: calc(var(--bui_spacing_1x)*5);
    cursor: pointer;
    padding-left: var(--bui_spacing_2x)
}

[dir=rtl] .bui-checkbox__label {
    padding-left: 0;
    padding-right: var(--bui_spacing_2x)
}

.bui-checkbox__label:empty {
    padding-left: 0
}

[dir=rtl] .bui-checkbox__label:empty {
    padding-left: 0;
    padding-right: 0
}

.bui-checkbox__label:after, .bui-checkbox__label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: -webkit-calc(var(--bui_spacing_1x)*5);
    height: calc(var(--bui_spacing_1x)*5);
    width: -webkit-calc(var(--bui_spacing_1x)*5);
    width: calc(var(--bui_spacing_1x)*5)
}

[dir=rtl] .bui-checkbox__label:after, [dir=rtl] .bui-checkbox__label:before {
    left: auto;
    right: 0
}

.bui-checkbox__label:before {
    background-color: var(--bui_color_background_elevation_one);
    border: var(--bui_border_width_100) solid var(--bui_color_border);
    border-radius: var(--bui_border_radius_100)
}

.bui-checkbox__label:after {
    top: var(--bui_spacing_half);
    left: var(--bui_spacing_half)
}

[dir=rtl] .bui-checkbox__label:after {
    left: auto;
    right: var(--bui_spacing_half)
}

.bui-has-error .bui-checkbox:hover .bui-checkbox__label:before, .bui-has-error .bui-checkbox__label:before {
    border-color: var(--bui_color_destructive_border);
    border-width: var(--bui_border_width_200)
}

.bui-checkbox:hover .bui-checkbox__input:indeterminate ~ .bui-checkbox__label:before, .bui-checkbox__input:indeterminate ~ .bui-checkbox__label:before {
    border-color: var(--bui_color_action_background);
    background-color: var(--bui_color_action_background)
}

.bui-checkbox__input:indeterminate ~ .bui-checkbox__label:after {
    content: "";
    position: absolute;
    top: -webkit-calc((var(--bui_spacing_1x)*5 - var(--bui_spacing_half))/2);
    top: calc((var(--bui_spacing_1x)*5 - var(--bui_spacing_half))/2);
    left: var(--bui_spacing_1x);
    width: var(--bui_spacing_3x);
    height: var(--bui_spacing_half);
    background: var(--bui_color_on_action_background);
    border-radius: 1px
}

[dir=rtl] .bui-checkbox__input:indeterminate ~ .bui-checkbox__label:after {
    left: auto;
    right: var(--bui_spacing_1x)
}

.bui-checkbox:hover .bui-checkbox__input:checked:focus ~ .bui-checkbox__label:before, .bui-checkbox__input:checked ~ .bui-checkbox__label:before {
    border-color: var(--bui_color_action_background);
    background: var(--bui_color_action_background)
}

.bui-checkbox__input:checked ~ .bui-checkbox__label:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 128 128' fill='%23fff'%3E%3Cpath d='M56.33 102a6 6 0 0 1-4.24-1.75L19.27 67.54A6 6 0 1 1 27.74 59l27.94 27.88 44-58.49a6 6 0 1 1 9.58 7.22l-48.17 64a6 6 0 0 1-4.34 2.39z' data-name='8x'/%3E%3C/svg%3E")
}

.bui-checkbox:hover .bui-checkbox__input:disabled ~ .bui-checkbox__label:before, .bui-checkbox__input:disabled:indeterminate ~ .bui-checkbox__label:before, .bui-checkbox__input:disabled ~ .bui-checkbox__label:before {
    border-color: var(--bui_color_border_disabled);
    background-color: var(--bui_color_background_disabled_alt)
}

.bui-checkbox:hover .bui-checkbox__input:disabled:checked ~ .bui-checkbox__label:before, .bui-checkbox__input:disabled:checked ~ .bui-checkbox__label:before {
    background-color: var(--bui_color_background_disabled);
    border-color: var(--bui_color_background_disabled)
}

.bui-checkbox__input:disabled ~ .bui-checkbox__label:after, .bui-checkbox__input:disabled ~ .bui-checkbox__label:before {
    cursor: not-allowed
}

.bui-checkbox__input:disabled ~ .bui-checkbox__label {
    color: var(--bui_color_foreground_disabled);
    cursor: not-allowed
}

.bui-checkbox__input:focus ~ .bui-checkbox__label:before {
    border-color: var(--bui_color_action_border);
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-has-error .bui-checkbox__input:not(:checked):focus ~ .bui-checkbox__label:before {
    border-color: var(--bui_color_destructive_border);
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_destructive_focus);
    box-shadow: 0 0 0 3px var(--bui_color_destructive_focus)
}

.bui-input-checkbutton__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    border: 0;
    overflow: hidden
}

.bui-input-checkbutton__item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: -webkit-calc(var(--bui_spacing_2x) - var(--bui_border_width_100)) -webkit-calc(var(--bui_spacing_4x) - var(--bui_border_width_100));
    padding: calc(var(--bui_spacing_2x) - var(--bui_border_width_100)) calc(var(--bui_spacing_4x) - var(--bui_border_width_100));
    border-radius: var(--bui_border_radius_100);
    border: var(--bui_border_width_100) solid var(--bui_color_action_border);
    background: var(--bui_color_background_elevation_one);
    color: var(--bui_color_action_foreground);
    cursor: pointer;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

    .bui-input-checkbutton__item:hover {
        background-color: var(--bui_color_action_highlighted_alt)
    }

.bui-input-checkbutton__check, .bui-input-checkbutton__uncheck {
    display: inline-block;
    fill: currentColor;
    height: -webkit-calc(var(--bui_spacing_1x)*5 - var(--bui_border_width_100)*2);
    height: calc(var(--bui_spacing_1x)*5 - var(--bui_border_width_100)*2);
    width: -webkit-calc(var(--bui_spacing_1x)*5 - var(--bui_border_width_100)*2);
    width: calc(var(--bui_spacing_1x)*5 - var(--bui_border_width_100)*2);
    vertical-align: middle;
    margin-left: var(--bui_spacing_2x);
    margin-right: -3px
}

[dir=rtl] .bui-input-checkbutton__check, [dir=rtl] .bui-input-checkbutton__uncheck {
    margin-right: var(--bui_spacing_2x);
    margin-left: -3px
}

.bui-input-checkbutton__uncheck {
    display: none
}

.bui-input-checkbutton__input:checked ~ .bui-input-checkbutton__item {
    background-color: var(--bui_color_action_background);
    border-color: var(--bui_color_action_background);
    color: var(--bui_color_on_action_background)
}

    .bui-input-checkbutton__input:checked ~ .bui-input-checkbutton__item > .bui-input-checkbutton__check {
        display: none
    }

    .bui-input-checkbutton__input:checked ~ .bui-input-checkbutton__item > .bui-input-checkbutton__uncheck {
        display: inline-block
    }

.bui-input-checkbutton__input:focus ~ .bui-input-checkbutton__item {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-input-checkbutton__input:disabled ~ .bui-input-checkbutton__item, .bui-input-checkbutton__input:disabled ~ .bui-input-checkbutton__item:hover {
    cursor: not-allowed;
    background-color: var(--bui_color_background_disabled_alt);
    border-color: var(--bui_color_border_disabled);
    color: var(--bui_color_foreground_disabled)
}

.bui-input-multiselect {
    position: relative
}

.bui-input-multiselect--active {
    z-index: var(--z_index_1)
}

.bui-input-multiselect__button {
    width: 100%;
    padding: 0;
    display: block;
    border: 0;
    background: 0;
    position: relative
}

.bui-input-multiselect__display {
    margin-right: var(--bui_spacing_4x)
}

[dir=rtl] .bui-input-multiselect__display {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-input-multiselect__icon {
    width: var(--bui_spacing_4x);
    height: var(--bui_spacing_4x);
    vertical-align: middle;
    fill: var(--bui_color_foreground);
    position: absolute;
    pointer-events: none;
    right: var(--bui_spacing_2x);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=rtl] .bui-input-multiselect__icon {
    right: auto;
    left: var(--bui_spacing_2x)
}

.bui-input-multiselect__box {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: var(--bui_spacing_1x);
    display: none;
    background: var(--bui_color_background_elevation_two);
    z-index: var(--z_index_1);
    -webkit-box-shadow: var(--bui_shadow_100);
    box-shadow: var(--bui_shadow_100)
}

[dir=rtl] .bui-input-multiselect__box {
    left: auto;
    right: 0
}

.bui-input-multiselect__fields {
    padding: var(--bui_spacing_4x);
    max-height: -webkit-calc(var(--bui_spacing_1x)*50);
    max-height: calc(var(--bui_spacing_1x)*50);
    overflow: auto
}

.bui-input-multiselect__actions {
    border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_4x);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.bui-input-multiselect--active .bui-input-multiselect__box {
    display: block
}

.bui-input-multiselect .bui-form__control[disabled] .bui-input-multiselect__icon {
    fill: var(--bui_color_foreground_disabled)
}

.bui-radio {
    position: relative;
    display: block
}

.bui-radio__input {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    opacity: 0
}

.bui-radio__label {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    display: block;
    position: relative;
    padding: 0 0 0 -webkit-calc(var(--bui_spacing_1x)*5 + var(--bui_spacing_2x));
    padding: 0 0 0 calc(var(--bui_spacing_1x)*5 + var(--bui_spacing_2x));
    cursor: pointer
}

[dir=rtl] .bui-radio__label {
    padding: 0 -webkit-calc(var(--bui_spacing_1x)*5 + var(--bui_spacing_2x)) 0 0;
    padding: 0 calc(var(--bui_spacing_1x)*5 + var(--bui_spacing_2x)) 0 0
}

.bui-radio__label:before {
    content: "";
    position: absolute;
    left: 0;
    height: -webkit-calc(var(--bui_spacing_1x)*5);
    height: calc(var(--bui_spacing_1x)*5);
    width: -webkit-calc(var(--bui_spacing_1x)*5);
    width: calc(var(--bui_spacing_1x)*5);
    background-color: var(--bui_color_background_elevation_one);
    border: var(--bui_border_width_100) solid var(--bui_color_border);
    border-radius: 50%
}

[dir=rtl] .bui-radio__label:before {
    left: auto;
    right: 0
}

.bui-radio__label:after {
    content: "";
    position: absolute;
    border-color: var(--bui_color_background_elevation_one);
    height: -webkit-calc(var(--bui_spacing_2x) + var(--bui_spacing_half));
    height: calc(var(--bui_spacing_2x) + var(--bui_spacing_half));
    width: -webkit-calc(var(--bui_spacing_2x) + var(--bui_spacing_half));
    width: calc(var(--bui_spacing_2x) + var(--bui_spacing_half));
    top: -webkit-calc((var(--bui_spacing_2x) + var(--bui_spacing_half))/2);
    top: calc((var(--bui_spacing_2x) + var(--bui_spacing_half))/2);
    left: -webkit-calc((var(--bui_spacing_2x) + var(--bui_spacing_half))/2);
    left: calc((var(--bui_spacing_2x) + var(--bui_spacing_half))/2);
    opacity: 0;
    border-radius: 50%
}

[dir=rtl] .bui-radio__label:after {
    left: auto;
    right: -webkit-calc((var(--bui_spacing_2x) + var(--bui_spacing_half))/2);
    right: calc((var(--bui_spacing_2x) + var(--bui_spacing_half))/2)
}

.bui-radio__input:checked ~ .bui-radio__label:before {
    border-color: var(--bui_color_action_border);
    border-width: var(--bui_border_width_200)
}

.bui-radio__input:checked ~ .bui-radio__label:after {
    background-color: var(--bui_color_action_border);
    opacity: 1
}

.bui-has-error .bui-radio__label:before {
    border-color: var(--bui_color_destructive_border);
    border-width: var(--bui_border_width_200)
}

.bui-radio__input:disabled ~ .bui-radio__label:before {
    border-color: var(--bui_color_border_disabled);
    background-color: var(--bui_color_background_disabled_alt);
    cursor: not-allowed
}

.bui-radio__input:disabled ~ .bui-radio__label:after {
    background-color: var(--bui_color_border_disabled);
    cursor: not-allowed
}

.bui-radio__input:disabled ~ .bui-radio__label {
    color: var(--bui_color_foreground_disabled);
    cursor: not-allowed
}

.bui-radio__input:focus ~ .bui-radio__label:before {
    border-color: var(--bui_color_action_border);
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-has-error .bui-radio__input:not(:checked):focus ~ .bui-radio__label:before {
    border-color: var(--bui_color_destructive_border);
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_destructive_focus);
    box-shadow: 0 0 0 3px var(--bui_color_destructive_focus)
}

.bui-input-select {
    position: relative
}

    .bui-input-select .bui-form__control {
        padding-left: -webkit-calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
        padding-left: calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
        padding-right: var(--bui_spacing_8x);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        min-width: -webkit-calc(var(--bui_spacing_8x)*2);
        min-width: calc(var(--bui_spacing_8x)*2);
        z-index: var(--z_index_1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

[dir=rtl] .bui-input-select .bui-form__control {
    padding-right: -webkit-calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
    padding-right: calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
    padding-left: var(--bui_spacing_8x)
}

.bui-input-select .bui-form__control:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 1px var(--bui_color_action_border);
    box-shadow: 0 0 0 1px var(--bui_color_action_border)
}

.bui-input-select--size-large .bui-form__control {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    padding: -webkit-calc(var(--bui_spacing_3x) + var(--bui_spacing_half) - var(--bui_border_width_100)) -webkit-calc(var(--bui_spacing_3x) - var(--bui_border_width_100));
    padding: calc(var(--bui_spacing_3x) + var(--bui_spacing_half) - var(--bui_border_width_100)) calc(var(--bui_spacing_3x) - var(--bui_border_width_100));
    padding-left: -webkit-calc(var(--bui_spacing_3x) - var(--bui_border_width_100));
    padding-left: calc(var(--bui_spacing_3x) - var(--bui_border_width_100));
    padding-right: var(--bui_spacing_8x)
}

[dir=rtl] .bui-input-select--size-large .bui-form__control {
    padding-right: -webkit-calc(var(--bui_spacing_3x) - var(--bui_border_width_100));
    padding-right: calc(var(--bui_spacing_3x) - var(--bui_border_width_100));
    padding-left: var(--bui_spacing_8x)
}

.bui-input-select--size-large .bui-input-select__icon {
    right: -webkit-calc(var(--bui_spacing_3x) - var(--bui_border_width_100));
    right: calc(var(--bui_spacing_3x) - var(--bui_border_width_100))
}

[dir=rtl] .bui-input-select--size-large .bui-input-select__icon {
    right: auto;
    left: -webkit-calc(var(--bui_spacing_3x) - var(--bui_border_width_100));
    left: calc(var(--bui_spacing_3x) - var(--bui_border_width_100))
}

.bui-has-error .bui-input-select .bui-form__control:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 1px var(--bui_color_destructive_border);
    box-shadow: 0 0 0 1px var(--bui_color_destructive_border)
}

.bui-input-select__icon {
    width: var(--bui_spacing_4x);
    height: var(--bui_spacing_4x);
    vertical-align: middle;
    fill: var(--bui_color_foreground);
    position: absolute;
    pointer-events: none;
    right: -webkit-calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
    right: calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=rtl] .bui-input-select__icon {
    right: auto;
    left: -webkit-calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
    left: calc(var(--bui_spacing_2x) - var(--bui_border_width_100))
}

.bui-input-select .bui-form__control[disabled] {
    color: var(--bui_color_foreground_disabled)
}

    .bui-input-select .bui-form__control[disabled] ~ .bui-input-select__icon {
        fill: var(--bui_color_foreground_disabled)
    }

.bui-input-select .bui-form__control::-ms-expand {
    display: none
}

.bui-slider__input, .bui-slider__label {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    border: 0;
    overflow: hidden
}

.bui-slider__bar {
    width: 100%;
    padding: var(--bui_spacing_4x) 0;
    border-radius: var(--bui_border_radius_100);
    position: relative;
    cursor: pointer
}

    .bui-slider__bar:before {
        width: 100%;
        background-color: var(--bui_color_border_alt);
        content: ""
    }

.bui-slider__selected-area {
    left: 0;
    right: 0;
    z-index: 1;
    background-color: var(--bui_color_action_foreground)
}

.bui-slider__bar:before, .bui-slider__selected-area {
    height: var(--bui_spacing_1x);
    margin-top: -webkit-calc(var(--bui_spacing_half)*-1);
    margin-top: calc(var(--bui_spacing_half)*-1);
    border-radius: var(--bui_border_radius_100);
    position: absolute
}

.bui-slider__handle {
    display: inline-block;
    position: absolute;
    height: -webkit-calc(var(--bui_spacing_1x)*5);
    height: calc(var(--bui_spacing_1x)*5);
    width: -webkit-calc(var(--bui_spacing_1x)*5);
    width: calc(var(--bui_spacing_1x)*5);
    margin: -webkit-calc(var(--bui_spacing_1x)*-5/2) -webkit-calc(var(--bui_spacing_1x)*-5/2) 0 -webkit-calc(var(--bui_spacing_1x)*-5/2);
    margin: calc(var(--bui_spacing_1x)*-5/2) calc(var(--bui_spacing_1x)*-5/2) 0 calc(var(--bui_spacing_1x)*-5/2);
    border-radius: 50%;
    background-color: var(--bui_color_action_foreground);
    border: 0;
    z-index: 2;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    outline: 0
}

.bui-slider__handle--active, .bui-slider__input:focus + .bui-slider__handle {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    background-color: var(--bui_color_action_highlighted);
    z-index: 3
}

.bui-slider__display {
    line-height: 20px
}

.bui-slider__handle-tooltip {
    background: var(--bui_color_background_inverted);
    color: var(--bui_color_foreground_inverted);
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    border-radius: var(--bui_border_radius_100);
    padding: var(--bui_spacing_1x) var(--bui_spacing_2x);
    max-width: -webkit-calc(var(--bui_spacing_8x)*10);
    max-width: calc(var(--bui_spacing_8x)*10);
    position: absolute;
    -webkit-transform: translate(-50%,-webkit-calc(var(--bui_spacing_2x)*-1));
    -ms-transform: translate(-50%,calc(var(--bui_spacing_2x)*-1));
    transform: translate(-50%,calc(var(--bui_spacing_2x)*-1));
    left: 50%;
    bottom: 100%;
    white-space: nowrap;
    z-index: var(--z_index_1);
    -webkit-box-shadow: var(--bui_shadow_100);
    box-shadow: var(--bui_shadow_100);
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

[dir=rtl] .bui-slider__handle-tooltip {
    -webkit-transform: translate(50%,-webkit-calc(var(--bui_spacing_2x)*-1));
    -ms-transform: translate(50%,calc(var(--bui_spacing_2x)*-1));
    transform: translate(50%,calc(var(--bui_spacing_2x)*-1));
    left: auto;
    right: 50%
}

.bui-slider__handle-tooltip:before {
    content: "";
    position: absolute;
    bottom: -webkit-calc(var(--bui_spacing_1x)*-1);
    bottom: calc(var(--bui_spacing_1x)*-1);
    left: 0;
    right: 0;
    margin: auto;
    width: var(--bui_spacing_2x);
    height: var(--bui_spacing_2x);
    background-color: var(--bui_color_background_inverted);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

[dir=rtl] .bui-slider__handle-tooltip:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bui-slider__handle--active .bui-slider__handle-tooltip, .bui-slider__handle:hover .bui-slider__handle-tooltip, .bui-slider__input:focus + .bui-slider__handle .bui-slider__handle-tooltip {
    display: inherit;
    opacity: 1;
    visibility: visible
}

.bui-slider__input[disabled] ~ .bui-slider__selected-area {
    background-color: var(--bui_color_foreground_disabled_alt)
}

.bui-slider__input[disabled] ~ .bui-slider__handle, .bui-slider__input[disabled] ~ .bui-slider__handle:active {
    cursor: not-allowed;
    background-color: var(--bui_color_foreground_disabled_alt)
}

    .bui-slider__input[disabled] ~ .bui-slider__handle:hover .bui-slider__handle-tooltip {
        display: none
    }

.bui-stepper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.bui-stepper__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none
}

    .bui-stepper__input:focus ~ .bui-button {
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
        box-shadow: 0 0 0 3px var(--bui_color_action_focus)
    }

.bui-stepper__add-button, .bui-stepper__subtract-button {
    width: -webkit-calc(var(--bui_spacing_8x) + var(--bui_spacing_2x));
    width: calc(var(--bui_spacing_8x) + var(--bui_spacing_2x));
    height: -webkit-calc(var(--bui_spacing_8x) + var(--bui_spacing_2x));
    height: calc(var(--bui_spacing_8x) + var(--bui_spacing_2x));
    margin-right: 0;
    min-width: auto
}

[dir=rtl] .bui-stepper__add-button, [dir=rtl] .bui-stepper__subtract-button {
    margin-right: 0;
    margin-left: 0
}

.bui-stepper__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-stepper__display {
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family);
    display: block;
    text-align: center;
    min-width: -webkit-calc(var(--bui_spacing_8x) + var(--bui_spacing_1x));
    min-width: calc(var(--bui_spacing_8x) + var(--bui_spacing_1x));
    margin: 0 var(--bui_spacing_1x)
}

.bui-stepper__title-wrapper {
    margin-right: var(--bui_spacing_2x)
}

[dir=rtl] .bui-stepper__title-wrapper {
    margin-right: 0;
    margin-left: var(--bui_spacing_2x)
}

.bui-stepper__title {
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family)
}

.bui-stepper__subtitle {
    display: block;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    color: var(--bui_color_foreground_alt)
}

.bui-stepper__input[disabled] ~ .bui-stepper__display {
    cursor: not-allowed
}

.bui-switch__trigger {
    position: absolute;
    width: 0;
    height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    opacity: 0
}

.bui-switch__hitbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

    .bui-switch__hitbox:after {
        content: attr(data-off-value);
        margin-left: var(--bui_spacing_4x);
        font-size: var(--bui_font_body_2_font-size);
        line-height: var(--bui_font_body_2_line-height);
        font-weight: var(--bui_font_body_2_font-weight);
        font-family: var(--bui_font_body_2_font-family)
    }

[dir=rtl] .bui-switch__hitbox:after {
    margin-left: 0;
    margin-right: var(--bui_spacing_4x)
}

.bui-switch__trigger:checked + .bui-switch__hitbox:after {
    content: attr(data-on-value)
}

.bui-switch__indicator {
    background: var(--bui_color_border);
    will-change: background;
    position: relative;
    cursor: pointer;
    border-radius: 99px;
    height: var(--bui_spacing_4x);
    -webkit-transition: background var(--bui_animation_duration) var(--bui_easing-subtle-in-out);
    transition: background var(--bui_animation_duration) var(--bui_easing-subtle-in-out);
    width: var(--bui_spacing_8x);
    min-width: var(--bui_spacing_8x)
}

    .bui-switch__indicator:before {
        position: absolute;
        display: block;
        content: "";
        height: var(--bui_spacing_6x);
        width: var(--bui_spacing_6x);
        top: -webkit-calc(var(--bui_spacing_1x)*-1);
        top: calc(var(--bui_spacing_1x)*-1);
        left: -webkit-calc(var(--bui_spacing_1x)*-2);
        left: calc(var(--bui_spacing_1x)*-2);
        background-color: var(--bui_color_white);
        border-radius: 50%;
        -webkit-transition: var(--bui_animation_duration) var(--bui_easing-subtle-in-out);
        transition: var(--bui_animation_duration) var(--bui_easing-subtle-in-out);
        -webkit-transition-property: background,-webkit-transform;
        transition-property: background,-webkit-transform;
        transition-property: background,transform;
        -webkit-transition-property: background,-webkit-transform,-webkit-transform;
        transition-property: background,transform,-webkit-transform;
        z-index: var(--z_index_1);
        -webkit-box-shadow: var(--bui_shadow_100);
        box-shadow: var(--bui_shadow_100)
    }

[dir=rtl] .bui-switch__indicator:before {
    left: auto;
    right: -webkit-calc(var(--bui_spacing_1x)*-2);
    right: calc(var(--bui_spacing_1x)*-2)
}

.bui-switch__trigger:checked + .bui-switch__hitbox .bui-switch__indicator:before {
    -webkit-transform: translateX(var(--bui_spacing_6x));
    -ms-transform: translateX(var(--bui_spacing_6x));
    transform: translateX(var(--bui_spacing_6x));
    background-color: var(--bui_color_action_foreground)
}

.bui-switch__trigger:checked + .bui-switch__hitbox .bui-switch__indicator {
    background-color: var(--bui_color_action_background_alt)
}

.bui-switch__trigger:focus + .bui-switch__hitbox .bui-switch__indicator:before {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-switch--disabled, .bui-switch__trigger[disabled] + .bui-switch__hitbox {
    cursor: not-allowed;
    opacity: .5
}

    .bui-switch__trigger[disabled] + .bui-switch__hitbox .bui-switch__indicator {
        cursor: inherit
    }

    .bui-switch--disabled > .bui-switch__hitbox {
        pointer-events: none
    }

.bui-switch--reversed .bui-switch__hitbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

    .bui-switch--reversed .bui-switch__hitbox:after {
        margin-left: 0;
        margin-right: var(--bui_spacing_4x)
    }

[dir=rtl] .bui-switch--reversed .bui-switch__hitbox:after {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-input-text__content {
    position: relative;
    z-index: 0
}

.bui-input-text__content, .bui-input-text__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bui-input-text__field {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%
}

.bui-input-text__addon {
    color: var(--bui_color_foreground_alt);
    padding: 0 var(--bui_spacing_2x);
    text-align: center;
    white-space: nowrap;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

    .bui-input-text__addon:after {
        content: "";
        position: absolute;
        right: 0;
        width: var(--bui_border_width_100);
        top: var(--bui_spacing_2x);
        bottom: var(--bui_spacing_2x);
        background: var(--bui_color_border_alt)
    }

[dir=rtl] .bui-input-text__addon:after {
    right: auto;
    left: 0
}

.bui-input-text__addon:first-child:after {
    right: 0
}

[dir=rtl] .bui-input-text__addon:first-child:after {
    right: auto;
    left: 0
}

.bui-input-text__addon:last-child:after {
    left: 0
}

[dir=rtl] .bui-input-text__addon:last-child:after {
    left: auto;
    right: 0
}

.bui-input-text__decorator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    color: var(--bui_color_foreground);
    background: var(--bui_color_background_base);
    border-radius: var(--bui_border_radius_100);
    border: var(--bui_border_width_100) solid var(--bui_color_border);
    display: block;
    font-family: var(--bui_font_stack_sans);
    padding: -webkit-calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
    padding: calc(var(--bui_spacing_2x) - var(--bui_border_width_100));
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    -webkit-transition: border-color var(--bui_timing-fast) var(--bui_easing-subtle-in-out);
    transition: border-color var(--bui_timing-fast) var(--bui_easing-subtle-in-out)
}

[dir=rtl] .bui-input-text__decorator {
    text-align: right
}

.bui-input-text__control {
    border-radius: var(--bui_border_radius_100);
    margin: 0;
    background: 0;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: var(--bui_spacing_2x);
    outline: 0
}

.bui-input-text__control, .bui-input-text__side {
    position: relative;
    z-index: 5;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-input-text__side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    white-space: nowrap
}

    .bui-input-text__side:empty {
        display: none
    }

    .bui-input-text__side:first-child {
        padding-left: var(--bui_spacing_2x)
    }

[dir=rtl] .bui-input-text__side:first-child {
    padding-left: 0;
    padding-right: var(--bui_spacing_2x)
}

.bui-input-text__side:last-child {
    padding-right: var(--bui_spacing_2x)
}

[dir=rtl] .bui-input-text__side:last-child {
    padding-right: 0;
    padding-left: var(--bui_spacing_2x)
}

.bui-input-text__content:hover .bui-input-text__control:focus + .bui-input-text__decorator, .bui-input-text__control:focus + .bui-input-text__decorator {
    border: var(--bui_border_width_200) solid var(--bui_color_action_border)
}

.bui-input-text__control:disabled::-webkit-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-input-text__control:disabled::-moz-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-input-text__control:disabled:-ms-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-input-text__control:disabled::-ms-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-input-text__control:disabled::-webkit-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-input-text__control:disabled::-moz-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-input-text__control:disabled:-ms-input-placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-input-text__control:disabled::placeholder {
    color: var(--bui_color_foreground_disabled)
}

.bui-input-text__control:disabled {
    cursor: not-allowed;
    color: var(--bui_color_foreground_disabled)
}

    .bui-input-text__content:hover .bui-input-text__control:disabled + .bui-input-text__decorator, .bui-input-text__control:disabled + .bui-input-text__decorator {
        border-color: var(--bui_color_border_disabled);
        background-color: var(--bui_color_background_disabled_alt);
        cursor: not-allowed
    }

.bui-input-text--size-large .bui-input-text__addon {
    padding: 0 var(--bui_spacing_3x)
}

.bui-input-text--size-large .bui-input-text__control {
    padding: -webkit-calc(var(--bui_spacing_3x) + var(--bui_spacing_half)) var(--bui_spacing_3x);
    padding: calc(var(--bui_spacing_3x) + var(--bui_spacing_half)) var(--bui_spacing_3x)
}

.bui-input-text--size-large .bui-input-text__side:first-child {
    padding-left: var(--bui_spacing_3x)
}

[dir=rtl] .bui-input-text--size-large .bui-input-text__side:first-child {
    padding-left: 0;
    padding-right: var(--bui_spacing_3x)
}

.bui-input-text--size-large .bui-input-text__side:last-child {
    padding-right: var(--bui_spacing_3x)
}

[dir=rtl] .bui-input-text--size-large .bui-input-text__side:last-child {
    padding-right: 0;
    padding-left: var(--bui_spacing_3x)
}

.bui-input-text--size-large .bui-input-text__addon:after {
    top: var(--bui_spacing_3x);
    bottom: var(--bui_spacing_3x)
}

.bui-has-error .bui-input-text__content:hover .bui-input-text__decorator, .bui-has-error .bui-input-text__decorator {
    border-color: var(--bui_color_destructive_border)
}

.bui-has-error .bui-input-text__content:hover .bui-input-text__control:focus + .bui-input-text__decorator, .bui-has-error .bui-input-text__control:focus + .bui-input-text__decorator {
    border: var(--bui_border_width_200) solid var(--bui_color_destructive_border)
}

.bui-input-textarea {
    max-width: 100%;
    min-width: 100%;
    cursor: text
}

.bui-link {
    color: var(--bui_color_action_foreground);
    text-decoration: underline;
    cursor: pointer;
    display: inline
}

.bui-link--primary, .bui-link--primary:link, .bui-link--secondary, .bui-link--secondary:link {
    text-decoration: none
}

.bui-link:active, .bui-link:focus, .bui-link:hover {
    color: var(--bui_color_action_foreground);
    text-decoration: underline
}

.bui-link:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-link:active, .bui-link:visited {
    color: var(--bui_color_action_foreground)
}

.bui-link__icon {
    margin-right: var(--bui_spacing_2x)
}

[dir=rtl] .bui-link__icon {
    margin-right: 0;
    margin-left: var(--bui_spacing_2x)
}

.bui-link--icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-link--secondary, .bui-link--secondary:active, .bui-link--secondary:focus, .bui-link--secondary:hover, .bui-link--secondary:visited {
    color: var(--bui_color_foreground)
}

button.bui-link {
    border: 0;
    background: 0;
    padding: 0;
    font-size: inherit
}

.bui-link[disabled], .bui-link[disabled]:active, .bui-link[disabled]:focus, .bui-link[disabled]:hover, .bui-link[disabled]:visited {
    color: var(--bui_color_foreground_disabled);
    cursor: not-allowed;
    text-decoration: none
}

.bui-list {
    padding-left: var(--bui_spacing_4x);
    margin: 0 0 var(--bui_spacing_4x) 0
}

[dir=rtl] .bui-list {
    padding-left: 0;
    padding-right: var(--bui_spacing_4x)
}

.bui-list:last-child {
    margin-bottom: 0
}

.bui-list__item {
    margin-bottom: var(--bui_spacing_4x)
}

    .bui-list__item:last-child {
        margin-bottom: 0
    }

.bui-list--text {
    list-style-type: none;
    padding-left: 0
}

[dir=rtl] .bui-list--text {
    padding-left: 0;
    padding-right: 0
}

.bui-list--unordered {
    list-style-type: disc
}

.bui-list--ordered {
    list-style-type: decimal
}

.bui-list--divided > .bui-list__item {
    margin: 0;
    padding: var(--bui_spacing_4x) 0;
    border-bottom: var(--bui_border_width_100) solid var(--bui_color_border_alt)
}

    .bui-list--divided > .bui-list__item:first-child {
        padding-top: 0
    }

    .bui-list--divided > .bui-list__item:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

.bui-list--icon > .bui-list__item, .bui-list__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bui-list__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: var(--bui_spacing_4x)
}

[dir=rtl] .bui-list__icon {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-list__body {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-list__description {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.bui-list__description-subtitle, .bui-list__description-title {
    display: block
}

.bui-list__description-title {
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family)
}

.bui-list__description-subtitle {
    color: var(--bui_color_foreground_alt)
}

.bui-list__item-action {
    margin-left: var(--bui_spacing_4x)
}

[dir=rtl] .bui-list__item-action {
    margin-left: 0;
    margin-right: var(--bui_spacing_4x)
}

@media(max-width:575px) {
    .bui-list__body, .bui-list__icon {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .bui-list__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .bui-list__description {
        width: 100%
    }

    .bui-list__item-action {
        margin-left: 0;
        margin-top: var(--bui_spacing_2x)
    }

    [dir=rtl] .bui-list__item-action {
        margin-left: 0;
        margin-right: 0
    }
}

.bui-list-item {
    display: block;
    width: 100%;
    text-align: left;
    outline: 0;
    background: 0;
    border: 0;
    padding: var(--bui_spacing_3x) var(--bui_spacing_4x);
    border-radius: var(--bui_border_radius_100);
    color: var(--bui_color_foreground);
    text-decoration: none;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

[dir=rtl] .bui-list-item {
    text-align: right
}

.bui-list-item:hover {
    background-color: var(--bui_color_highlighted_alt);
    cursor: pointer
}

.bui-list-item:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-list-item--size-small {
    padding: var(--bui_spacing_3x)
}

.bui-list-item--size-large {
    padding: var(--bui_spacing_4x) var(--bui_spacing_6x)
}

.bui-list-item--fill {
    border-radius: 0
}

.bui-list-item--active, .bui-list-item--active:focus, .bui-list-item--active:hover {
    background: var(--bui_color_action_highlighted_alt);
    color: var(--bui_color_action_foreground);
    cursor: default
}

.bui-list-item[disabled], .bui-list-item[disabled]:hover {
    color: var(--bui_color_foreground_disabled);
    background: 0;
    cursor: not-allowed
}

.bui-media-slider {
    position: relative;
    color: var(--bui_color_white);
    padding-top: 66.66%;
    overflow: hidden
}

.bui-media-slider__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.bui-media-slider__control {
    background: 0;
    padding: 0;
    border: 0;
    color: inherit;
    cursor: pointer
}

[dir=rtl] .bui-media-slider__control {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bui-media-slider__icon {
    width: -webkit-calc(var(--bui_spacing_6x)*2);
    width: calc(var(--bui_spacing_6x)*2);
    height: -webkit-calc(var(--bui_spacing_6x)*2);
    height: calc(var(--bui_spacing_6x)*2)
}

.bui-media-slider__control:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-media-slider__items {
    height: 100%;
    background: var(--bui_color_background_alt);
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    margin: 0;
    padding: 0;
    list-style-type: none
}

    .bui-media-slider__items::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0
    }

.bui-media-slider__item {
    width: 100%;
    height: 100%;
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    scroll-snap-align: start;
    scroll-snap-stop: always
}

.bui-media-slider__content {
    height: 100%;
    background-size: cover
}

.bui-media-slider__scrim {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: var(--bui_timing-fast) var(--bui_easing-subtle-in);
    transition: var(--bui_timing-fast) var(--bui_easing-subtle-in);
    -webkit-transition-property: opacity;
    transition-property: opacity
}

@media(min-width:1024px) {
    .bui-media-slider:hover .bui-media-slider__scrim {
        opacity: 1;
        pointer-events: all
    }

    .bui-media-slider__scrim:focus-within {
        opacity: 1;
        pointer-events: all
    }
}

.bui-message__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.bui-message__avatar {
    margin-right: var(--bui_spacing_1x)
}

[dir=rtl] .bui-message__avatar {
    margin-right: 0;
    margin-left: var(--bui_spacing_1x)
}

.bui-message__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.bui-message__section {
    border: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    border-bottom: 0;
    overflow: hidden
}

    .bui-message__section:first-child {
        border-top-left-radius: var(--bui_border_radius_200);
        border-top-right-radius: var(--bui_border_radius_200)
    }

    .bui-message__section:last-child {
        border-bottom: var(--bui_border_width_100) solid var(--bui_color_border_alt);
        border-bottom-left-radius: var(--bui_border_radius_200);
        border-bottom-right-radius: var(--bui_border_radius_200)
    }

.bui-message__section--text, .bui-message__section--text:last-child {
    padding: var(--bui_spacing_4x);
    background: var(--bui_color_background_alt);
    border-color: var(--bui_color_border_alt)
}

.bui-message__section + .bui-message__section--text {
    border-top-color: var(--bui_color_border_alt)
}

.bui-message__section--image {
    border: 0;
    max-height: 800px
}

.bui-message__section--text > :first-child {
    margin-top: 0
}

.bui-message__section--text > :last-child {
    margin-bottom: 0
}

.bui-message__head {
    padding: var(--bui_spacing_4x);
    background: var(--bui_color_background_elevation_one)
}

.bui-message__title {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-message__status {
    padding-top: var(--bui_spacing_1x);
    color: var(--bui_color_foreground_alt);
    text-align: right;
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

[dir=rtl] .bui-message__status {
    text-align: left
}

.bui-message__image {
    display: block;
    width: 100%
}

.bui-message__action {
    background: var(--bui_color_background_elevation_one);
    width: 100%;
    color: var(--bui_color_action_foreground);
    border: 0;
    border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_3x) var(--bui_spacing_2x);
    outline: 0;
    cursor: pointer;
    font-size: var(--bui_font_body_1_font-size);
    line-height: var(--bui_font_body_1_line-height);
    font-weight: var(--bui_font_body_1_font-weight);
    font-family: var(--bui_font_body_1_font-family)
}

    .bui-message__action:focus, .bui-message__action:hover {
        background-color: var(--bui_color_highlighted_alt)
    }

    .bui-message__action:first-child {
        border-top: 0
    }

.bui-message--author .bui-message__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.bui-message--author .bui-message__avatar {
    margin-right: 0;
    margin-left: var(--bui_spacing_1x)
}

[dir=rtl] .bui-message--author .bui-message__avatar {
    margin-left: 0;
    margin-right: var(--bui_spacing_1x)
}

.bui-message--author .bui-message__section--text {
    background-color: var(--bui_color_background_inverted);
    color: var(--bui_color_foreground_inverted);
    border-color: var(--bui_color_background_inverted)
}

.bui-modal {
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: var(--z_index_4);
    padding: var(--bui_spacing_6x);
    width: -webkit-calc(var(--bui_spacing_1x)*144);
    width: calc(var(--bui_spacing_1x)*144);
    max-width: 100vw;
    text-align: left;
    -webkit-transition: var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    transition: var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    -webkit-transition-property: opacity,-webkit-transform,-webkit-box-shadow;
    transition-property: opacity,-webkit-transform,-webkit-box-shadow;
    transition-property: opacity,transform,box-shadow;
    -webkit-transition-property: opacity,-webkit-transform,-webkit-box-shadow,-webkit-transform,-webkit-box-shadow;
    transition-property: opacity,transform,box-shadow,-webkit-transform,-webkit-box-shadow;
    -webkit-transform: translateY(var(--bui_spacing_6x));
    -ms-transform: translateY(var(--bui_spacing_6x));
    transform: translateY(var(--bui_spacing_6x));
    will-change: transform,opacity,box-shadow
}

[dir=rtl] .bui-modal {
    text-align: right
}

.bui-modal--active {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition-timing-function: var(--bui_easing-slow-in);
    transition-timing-function: var(--bui_easing-slow-in)
}

.bui-modal__inner {
    position: relative;
    border-radius: var(--bui_border_radius_300);
    background: var(--bui_color_background_elevation_one);
    z-index: var(--z_index_1);
    -webkit-box-shadow: var(--bui_shadow_100);
    box-shadow: var(--bui_shadow_100)
}

.bui-modal__slot {
    outline: 0
}

.bui-modal__close {
    display: inline-block;
    position: absolute;
    height: var(--bui_spacing_6x);
    width: var(--bui_spacing_6x);
    top: var(--bui_spacing_6x);
    right: var(--bui_spacing_6x);
    margin-bottom: 0;
    padding: 0;
    text-decoration: none;
    color: var(--bui_color_foreground);
    opacity: .4;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0;
    z-index: 5
}

[dir=rtl] .bui-modal__close {
    right: auto;
    left: var(--bui_spacing_6x)
}

.bui-modal__close:focus, .bui-modal__close:hover {
    opacity: .8
}

.bui-modal__close:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-modal__close:active {
    opacity: 1;
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.bui-modal__title {
    font-size: var(--bui_font_headline_3_font-size);
    line-height: var(--bui_font_headline_3_line-height);
    font-weight: var(--bui_font_headline_3_font-weight);
    font-family: var(--bui_font_headline_3_font-family);
    margin: 0 var(--bui_spacing_8x) var(--bui_spacing_2x) 0
}

[dir=rtl] .bui-modal__title {
    margin: 0 0 var(--bui_spacing_2x) var(--bui_spacing_8x)
}

.bui-modal__title:last-child {
    margin-bottom: 0
}

.bui-modal__heading {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-modal__paragraph {
    margin: 0;
    word-break: break-word
}

    .bui-modal__paragraph + .bui-modal__paragraph {
        margin-top: var(--bui_spacing_2x)
    }

.bui-modal__body, .bui-modal__footer, .bui-modal__header {
    display: block;
    padding: var(--bui_spacing_6x)
}

    .bui-modal__header + .bui-modal__footer {
        padding-top: 0
    }

.bui-modal__header-slot {
    margin-top: 0
}

.bui-modal--fill .bui-modal__body {
    padding: 0
}

.bui-modal--full-screen {
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

[dir=rtl] .bui-modal--full-screen {
    left: auto;
    right: 0
}

.bui-modal--full-screen .bui-modal__inner {
    height: 100%;
    overflow: auto;
    border-radius: 0
}

.bui-modal--size-large {
    width: -webkit-calc(var(--bui_spacing_1x)*207);
    width: calc(var(--bui_spacing_1x)*207)
}

    .bui-modal--padding-large .bui-modal__body, .bui-modal--padding-large .bui-modal__footer, .bui-modal--padding-large .bui-modal__header, .bui-modal--size-large .bui-modal__body, .bui-modal--size-large .bui-modal__footer, .bui-modal--size-large .bui-modal__header {
        padding: var(--bui_spacing_8x)
    }

        .bui-modal--padding-large .bui-modal__header + .bui-modal__footer, .bui-modal--size-large .bui-modal__header + .bui-modal__footer {
            padding-top: 0
        }

    .bui-modal--padding-large.bui-modal--fill .bui-modal__body, .bui-modal--size-large.bui-modal--fill .bui-modal__body {
        padding: 0
    }

    .bui-modal--padding-large .bui-modal__close, .bui-modal--size-large .bui-modal__close {
        top: var(--bui_spacing_8x);
        right: var(--bui_spacing_8x)
    }

[dir=rtl] .bui-modal--padding-large .bui-modal__close, [dir=rtl] .bui-modal--size-large .bui-modal__close {
    right: auto;
    left: var(--bui_spacing_8x)
}

.bui-modal--padding-large .bui-modal__title, .bui-modal--size-large .bui-modal__title {
    margin-bottom: var(--bui_spacing_4x)
}

    .bui-modal--padding-large .bui-modal__title:last-child, .bui-modal--size-large .bui-modal__title:last-child {
        margin-bottom: 0
    }

@media(max-width:575px) {
    .bui-modal--padding-large .bui-modal__body, .bui-modal--padding-large .bui-modal__footer, .bui-modal--padding-large .bui-modal__header, .bui-modal--size-large .bui-modal__body, .bui-modal--size-large .bui-modal__footer, .bui-modal--size-large .bui-modal__header {
        padding: var(--bui_spacing_6x)
    }

    .bui-modal--padding-large .bui-modal__close, .bui-modal--size-large .bui-modal__close {
        top: var(--bui_spacing_6x);
        right: var(--bui_spacing_6x)
    }

    [dir=rtl] .bui-modal--padding-large .bui-modal__close, [dir=rtl] .bui-modal--size-large .bui-modal__close {
        right: auto;
        left: var(--bui_spacing_6x)
    }
}

.bui-nav-progress {
    margin: 0;
    padding: 0;
    list-style: none
}

.bui-nav-progress, .bui-nav-progress__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-nav-progress__item {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    color: var(--bui_color_foreground_alt)
}

.bui-nav-progress__icon {
    width: var(--bui_spacing_4x);
    height: var(--bui_spacing_4x);
    vertical-align: middle
}

.bui-nav-progress__title {
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family)
}

.bui-nav-progress__indicator {
    border-radius: 50%;
    background: var(--bui_color_action_background);
    color: var(--bui_color_on_action_background);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    line-height: 1;
    margin-right: var(--bui_spacing_2x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: var(--bui_spacing_6x);
    height: var(--bui_spacing_6x)
}

[dir=rtl] .bui-nav-progress__indicator {
    margin-right: 0;
    margin-left: var(--bui_spacing_2x)
}

.bui-nav-progress__item--active {
    color: var(--bui_color_foreground)
}

.bui-nav-progress__item--disabled .bui-nav-progress__indicator {
    background: var(--bui_color_background);
    color: var(--bui_color_on_background)
}

.bui-nav-progress__divider {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: var(--bui_border_width_100);
    background: var(--bui_color_border_alt);
    margin: 0 var(--bui_spacing_2x);
    min-width: var(--bui_spacing_4x)
}

.bui-nav-progress__step {
    display: none
}

@media(max-width:575px) {
    .bui-nav-progress--horizontal .bui-nav-progress__divider, .bui-nav-progress--horizontal .bui-nav-progress__indicator, .bui-nav-progress--horizontal .bui-nav-progress__item {
        display: none
    }

    .bui-nav-progress--horizontal .bui-nav-progress__title {
        font-size: var(--bui_font_strong_1_font-size);
        line-height: var(--bui_font_strong_1_line-height);
        font-weight: var(--bui_font_strong_1_font-weight);
        font-family: var(--bui_font_strong_1_font-family)
    }

    .bui-nav-progress--horizontal .bui-nav-progress__item--active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

        .bui-nav-progress--horizontal .bui-nav-progress__item--active .bui-nav-progress__title {
            display: block
        }

        .bui-nav-progress--horizontal .bui-nav-progress__item--active .bui-nav-progress__step {
            display: block;
            margin-left: var(--bui_spacing_2x)
        }

    [dir=rtl] .bui-nav-progress--horizontal .bui-nav-progress__item--active .bui-nav-progress__step {
        margin-left: 0;
        margin-right: var(--bui_spacing_2x)
    }
}

.bui-nav-progress--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

    .bui-nav-progress--vertical .bui-nav-progress__item {
        display: block;
        padding-bottom: var(--bui_spacing_6x);
        position: relative;
        width: 100%
    }

        .bui-nav-progress--vertical .bui-nav-progress__item:last-child {
            padding-bottom: 0
        }

    .bui-nav-progress--vertical .bui-nav-progress__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .bui-nav-progress--vertical .bui-nav-progress__content {
        display: block;
        margin-top: var(--bui_spacing_4x);
        margin-left: -webkit-calc(var(--bui_spacing_6x) + var(--bui_spacing_2x));
        margin-left: calc(var(--bui_spacing_6x) + var(--bui_spacing_2x))
    }

[dir=rtl] .bui-nav-progress--vertical .bui-nav-progress__content {
    margin-left: 0;
    margin-right: -webkit-calc(var(--bui_spacing_6x) + var(--bui_spacing_2x));
    margin-right: calc(var(--bui_spacing_6x) + var(--bui_spacing_2x))
}

.bui-nav-progress--vertical .bui-nav-progress__divider {
    display: none
}

.bui-nav-progress--vertical .bui-nav-progress__indicator {
    position: relative
}

.bui-nav-progress--vertical .bui-nav-progress__item:before {
    content: "";
    background: var(--bui_color_border);
    position: absolute;
    height: 100%;
    left: var(--bui_spacing_3x);
    top: 0;
    width: var(--bui_border_width_100)
}

[dir=rtl] .bui-nav-progress--vertical .bui-nav-progress__item:before {
    left: auto;
    right: var(--bui_spacing_3x)
}

.bui-nav-progress--vertical .bui-nav-progress__item:last-child:before {
    content: none
}

@media(max-width:575px) {
    .bui-nav-progress--vertical .bui-nav-progress__title {
        display: block
    }
}

.bui-overlay {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: var(--z_index_2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 0;
    padding: 0;
    position: fixed;
    background: transparent;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: background-color var(--bui_timing-deliberate) var(--bui_easing-subtle-out);
    transition: background-color var(--bui_timing-deliberate) var(--bui_easing-subtle-out)
}

.bui-overlay__wrapper {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed
}

.bui-overlay__align {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.bui-overlay__content {
    display: inline-block;
    vertical-align: top
}

.bui-overlay--active {
    -webkit-transition-timing-function: var(--bui_easing-subtle-in);
    transition-timing-function: var(--bui_easing-subtle-in);
    background-color: var(--bui_color_black_with_alpha)
}

.bui-overlay--lock-scroll {
    overflow: hidden
}

.bui-overlay--hidden {
    display: none
}

@media(max-width:575px) {
    .bui-overlay__content {
        width: 100%
    }
}

.bui-pagination {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_2x);
    border-radius: var(--bui_border_radius_200);
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-pagination, .bui-pagination__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-pagination__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.bui-pagination__pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bui-pagination__current-page {
    padding: 0 var(--bui_spacing_4x)
}

.bui-pagination__icon {
    fill: currentColor;
    width: -webkit-calc(var(--bui_spacing_4x) + var(--bui_spacing_half));
    width: calc(var(--bui_spacing_4x) + var(--bui_spacing_half))
}

[dir=rtl] .bui-pagination__icon {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bui-pagination__direction {
    margin: 0 var(--bui_spacing_1x)
}

    .bui-pagination__direction:first-child {
        margin-left: 0;
        margin-right: var(--bui_spacing_1x)
    }

    .bui-pagination__direction:last-child, [dir=rtl] .bui-pagination__direction:first-child {
        margin-right: 0;
        margin-left: var(--bui_spacing_1x)
    }

[dir=rtl] .bui-pagination__direction:last-child {
    margin-left: 0;
    margin-right: var(--bui_spacing_1x)
}

.bui-pagination__prev-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: var(--bui_spacing_4x)
}

[dir=rtl] .bui-pagination__prev-arrow {
    margin-right: 0;
    margin-left: var(--bui_spacing_4x)
}

.bui-pagination__item + .bui-pagination__item {
    margin-left: var(--bui_spacing_2x)
}

[dir=rtl] .bui-pagination__item + .bui-pagination__item {
    margin-left: 0;
    margin-right: var(--bui_spacing_2x)
}

.bui-pagination__next-arrow {
    margin-left: var(--bui_spacing_4x)
}

[dir=rtl] .bui-pagination__next-arrow {
    margin-left: 0;
    margin-right: var(--bui_spacing_4x)
}

.bui-pagination__link, .bui-pagination__link:link, .bui-pagination__link:visited, .bui-pagination__separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: var(--bui_color_action_foreground);
    min-width: var(--bui_spacing_6x);
    height: var(--bui_spacing_6x);
    padding: var(--bui_spacing_half) var(--bui_spacing_1x);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    border: var(--bui_border_width_100) solid transparent;
    border-radius: var(--bui_border_radius_100);
    font-weight: 400;
    font-size: inherit;
    cursor: pointer;
    background: transparent
}

.bui-pagination__separator {
    color: var(--bui_color_border_alt)
}

.bui-pagination__item:hover .bui-pagination__link {
    border-color: var(--bui_color_action_background);
    background-color: var(--bui_color_action_background);
    color: var(--bui_color_on_action_background);
    fill: var(--bui_color_on_action_background)
}

.bui-pagination__item--active .bui-pagination__link, .bui-pagination__item--active:hover .bui-pagination__link {
    border-color: var(--bui_color_border);
    background-color: transparent;
    color: var(--bui_color_foreground_alt);
    cursor: default
}

.bui-pagination__link:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-pagination__item--disabled .bui-pagination__link, .bui-pagination__item--disabled:focus .bui-pagination__link, .bui-pagination__item--disabled:hover .bui-pagination__link {
    border-color: transparent;
    background-color: transparent;
    fill: var(--bui_color_action_foreground);
    color: var(--bui_color_action_foreground);
    cursor: not-allowed;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .4
}

.bui-pagination__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-pagination__info {
    margin-right: var(--bui_spacing_2x)
}

[dir=rtl] .bui-pagination__info {
    margin-right: 0;
    margin-left: var(--bui_spacing_2x)
}

.bui-pagination__info + .bui-pagination__select {
    position: relative;
    margin: -webkit-calc(var(--bui_spacing_1x)*-1) 0 -webkit-calc(var(--bui_spacing_1x)*-1) var(--bui_spacing_4x);
    margin: calc(var(--bui_spacing_1x)*-1) 0 calc(var(--bui_spacing_1x)*-1) var(--bui_spacing_4x)
}

[dir=rtl] .bui-pagination__info + .bui-pagination__select {
    margin: -webkit-calc(var(--bui_spacing_1x)*-1) var(--bui_spacing_4x) -webkit-calc(var(--bui_spacing_1x)*-1) 0;
    margin: calc(var(--bui_spacing_1x)*-1) var(--bui_spacing_4x) calc(var(--bui_spacing_1x)*-1) 0
}

.bui-pagination__info + .bui-pagination__select:before {
    position: absolute;
    content: "";
    background-color: var(--bui_color_background_alt);
    left: -webkit-calc(var(--bui_spacing_2x)*-1);
    left: calc(var(--bui_spacing_2x)*-1);
    top: var(--bui_spacing_1x);
    bottom: var(--bui_spacing_1x);
    width: var(--bui_border_width_100)
}

[dir=rtl] .bui-pagination__info + .bui-pagination__select:before {
    left: auto;
    right: -webkit-calc(var(--bui_spacing_2x)*-1);
    right: calc(var(--bui_spacing_2x)*-1)
}

.bui-pagination__control {
    border-color: transparent
}

@media(max-width:575px) {
    .bui-pagination {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .bui-pagination__nav {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1
    }

    .bui-pagination__list {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .bui-pagination__controls {
        display: none
    }
}

.bui-pagination-indicator {
    line-height: 0
}

.bui-pagination-indicator__container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    position: relative;
    -webkit-transition: -webkit-transform var(--bui_timing-fast) var(--bui_easing-subtle-in);
    transition: -webkit-transform var(--bui_timing-fast) var(--bui_easing-subtle-in);
    transition: transform var(--bui_timing-fast) var(--bui_easing-subtle-in);
    -webkit-transition: -webkit-transform var(--bui_timing-fast) var(--bui_easing-subtle-in),-webkit-transform var(--bui_timing-fast) var(--bui_easing-subtle-in);
    transition: transform var(--bui_timing-fast) var(--bui_easing-subtle-in),-webkit-transform var(--bui_timing-fast) var(--bui_easing-subtle-in)
}

    .bui-pagination-indicator__container:after, .bui-pagination-indicator__container:before {
        content: "";
        position: absolute;
        width: var(--bui_spacing_2x);
        height: var(--bui_spacing_2x);
        left: -webkit-calc(var(--bui_spacing_4x)*-1);
        left: calc(var(--bui_spacing_4x)*-1);
        background: var(--bui_color_border);
        top: 50%;
        border-radius: 50%;
        -webkit-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transition: var(--bui_timing-fast) var(--bui_easing-subtle-in);
        transition: var(--bui_timing-fast) var(--bui_easing-subtle-in);
        -webkit-transition-property: opacity,color,-webkit-transform;
        transition-property: opacity,color,-webkit-transform;
        transition-property: transform,opacity,color;
        -webkit-transition-property: -webkit-transform,opacity,color,-webkit-transform;
        transition-property: transform,opacity,color,-webkit-transform
    }

[dir=rtl] .bui-pagination-indicator__container:after, [dir=rtl] .bui-pagination-indicator__container:before {
    left: auto;
    right: -webkit-calc(var(--bui_spacing_4x)*-1);
    right: calc(var(--bui_spacing_4x)*-1)
}

.bui-pagination-indicator__item {
    width: var(--bui_spacing_2x);
    height: var(--bui_spacing_2x);
    border-radius: 50%;
    background: var(--bui_color_border);
    margin-left: var(--bui_spacing_2x);
    -webkit-transition: var(--bui_timing-fast) var(--bui_easing-subtle-in);
    transition: var(--bui_timing-fast) var(--bui_easing-subtle-in);
    -webkit-transition-property: opacity,color,-webkit-transform;
    transition-property: opacity,color,-webkit-transform;
    transition-property: transform,opacity,color;
    -webkit-transition-property: -webkit-transform,opacity,color,-webkit-transform;
    transition-property: transform,opacity,color,-webkit-transform
}

[dir=rtl] .bui-pagination-indicator__item {
    margin-left: 0;
    margin-right: var(--bui_spacing_2x)
}

.bui-pagination-indicator__item:first-child {
    margin-left: 0
}

[dir=rtl] .bui-pagination-indicator__item:first-child {
    margin-left: 0;
    margin-right: 0
}

.bui-pagination-indicator__item--active {
    background: var(--bui_color_action_border);
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25)
}

.bui-pagination-indicator__item--size-small {
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75)
}

.bui-pagination-indicator__item--size-smaller {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.bui-pagination-indicator__item--hidden {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.bui-pagination-indicator--light .bui-pagination-indicator__item {
    background: var(--bui_color_white);
    opacity: .5
}

.bui-pagination-indicator--light .bui-pagination-indicator__item--active {
    opacity: 1
}

.bui-pagination-indicator--ghost-start .bui-pagination-indicator__container {
    -webkit-transform: translateX(var(--bui_spacing_4x));
    -ms-transform: translateX(var(--bui_spacing_4x));
    transform: translateX(var(--bui_spacing_4x))
}

.bui-pagination-indicator--ghost-end .bui-pagination-indicator__container {
    -webkit-transform: translateX(-webkit-calc(var(--bui_spacing_4x)*-1));
    -ms-transform: translateX(calc(var(--bui_spacing_4x)*-1));
    transform: translateX(calc(var(--bui_spacing_4x)*-1))
}

[dir=rtl] .bui-pagination-indicator--ghost-end .bui-pagination-indicator__container {
    -webkit-transform: translateX(-webkit-calc(-1*var(--bui_spacing_4x)*-1));
    -ms-transform: translateX(calc(-1*var(--bui_spacing_4x)*-1));
    transform: translateX(calc(-1*var(--bui_spacing_4x)*-1))
}

.bui-pagination-indicator--ghost-end .bui-pagination-indicator__container:after, .bui-pagination-indicator--ghost-start .bui-pagination-indicator__container:before {
    -webkit-transform: translateY(-50%) scale(.5);
    -ms-transform: translateY(-50%) scale(.5);
    transform: translateY(-50%) scale(.5)
}

.bui-pagination-indicator--ghost-start .bui-pagination-indicator__container:before {
    right: auto;
    left: -webkit-calc(var(--bui_spacing_4x)*-1);
    left: calc(var(--bui_spacing_4x)*-1)
}

.bui-pagination-indicator--ghost-end .bui-pagination-indicator__container:after, [dir=rtl] .bui-pagination-indicator--ghost-start .bui-pagination-indicator__container:before {
    left: auto;
    right: -webkit-calc(var(--bui_spacing_4x)*-1);
    right: calc(var(--bui_spacing_4x)*-1)
}

[dir=rtl] .bui-pagination-indicator--ghost-end .bui-pagination-indicator__container:after {
    right: auto;
    left: -webkit-calc(var(--bui_spacing_4x)*-1);
    left: calc(var(--bui_spacing_4x)*-1)
}

.bui-pagination-indicator--ghost-end.bui-pagination-indicator--light:after, .bui-pagination-indicator--ghost-start.bui-pagination-indicator--light:before {
    opacity: .5
}

.bui-pagination-indicator--not-animated .bui-pagination-indicator__container, .bui-pagination-indicator--not-animated .bui-pagination-indicator__container:after, .bui-pagination-indicator--not-animated .bui-pagination-indicator__container:before, .bui-pagination-indicator--not-animated .bui-pagination-indicator__item {
    -webkit-transition: none;
    transition: none
}

.bui-panel {
    background-color: var(--bui_color_background_elevation_one);
    border: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_6x);
    margin-bottom: var(--bui_spacing_4x);
    border-radius: var(--bui_border_radius_200)
}

    .bui-panel--last, .bui-panel:last-child {
        margin-bottom: 0
    }

.bui-panel-group {
    margin-bottom: var(--bui_spacing_4x)
}

    .bui-panel-group > .bui-panel + .bui-panel {
        border-top: 0
    }

    .bui-panel-group > .bui-panel {
        margin-bottom: 0;
        border-radius: 0
    }

        .bui-panel-group > .bui-panel:first-child {
            border-top-left-radius: var(--bui_border_radius_200);
            border-top-right-radius: var(--bui_border_radius_200)
        }

        .bui-panel-group > .bui-panel:last-child {
            border-bottom-left-radius: var(--bui_border_radius_200);
            border-bottom-right-radius: var(--bui_border_radius_200)
        }

@media(max-width:575px) {
    .bui-panel {
        padding: var(--bui_spacing_4x);
        margin-right: -webkit-calc(var(--bui_spacing_4x)*-1);
        margin-right: calc(var(--bui_spacing_4x)*-1);
        margin-left: -webkit-calc(var(--bui_spacing_4x)*-1);
        margin-left: calc(var(--bui_spacing_4x)*-1);
        border-right-color: transparent;
        border-left-color: transparent;
        border-radius: 0
    }
}

.bui-popover {
    z-index: var(--z_index_1);
    -webkit-box-shadow: var(--bui_shadow_100);
    box-shadow: var(--bui_shadow_100);
    background: var(--bui_color_background_elevation_two);
    -webkit-animation: bui-popover-enter-top var(--bui_animation_duration) var(--bui_easing-subtle-out) 0s 1;
    animation: bui-popover-enter-top var(--bui_animation_duration) var(--bui_easing-subtle-out) 0s 1;
    position: relative;
    max-width: 360px;
    border-radius: var(--bui_border_radius_200)
}

    .bui-popover > .bui-card-group > .bui-card > :first-child, .bui-popover > .bui-card > :first-child, .bui-popover > .bui-panel > :first-child {
        margin-top: 0
    }

    .bui-popover > .bui-card, .bui-popover > .bui-panel {
        border: 0;
        margin: 0
    }

    .bui-popover > .bui-card-group > .bui-card {
        border-left: 0;
        border-right: 0
    }

        .bui-popover > .bui-card-group > .bui-card:first-child {
            border-top: 0
        }

        .bui-popover > .bui-card-group > .bui-card:last-child {
            border-bottom: 0
        }

.bui-popover__arrow {
    -webkit-box-shadow: 2px 2px 1px 0 rgba(0,0,0,.05);
    box-shadow: 2px 2px 1px 0 rgba(0,0,0,.05);
    width: var(--bui_spacing_3x);
    height: var(--bui_spacing_3x);
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background: inherit;
    overflow: hidden;
    z-index: -1
}

[dir=rtl] .bui-popover__arrow {
    -webkit-box-shadow: -2px 2px 1px 0 rgba(0,0,0,.05);
    box-shadow: -2px 2px 1px 0 rgba(0,0,0,.05);
    -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
    transform: translateX(50%) translateY(-50%) rotate(-45deg)
}

.bui-popover--bottom, .bui-popover--bottom-end, .bui-popover--bottom-start {
    -webkit-animation-name: bui-popover-enter-bottom;
    animation-name: bui-popover-enter-bottom
}

.bui-popover--start {
    -webkit-animation-name: bui-popover-enter-left;
    animation-name: bui-popover-enter-left
}

.bui-popover--end {
    -webkit-animation-name: bui-popover-enter-right;
    animation-name: bui-popover-enter-right
}

.bui-popover--top > .bui-popover__arrow {
    top: 100%;
    left: 50%;
    right: auto
}

[dir=rtl] .bui-popover--top > .bui-popover__arrow {
    right: 50%;
    left: auto
}

.bui-popover--bottom > .bui-popover__arrow {
    top: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    transform: translateX(-50%) translateY(-50%) rotate(-135deg)
}

[dir=rtl] .bui-popover--bottom > .bui-popover__arrow {
    right: 50%;
    left: auto;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(135deg);
    transform: translateX(50%) translateY(-50%) rotate(135deg)
}

.bui-popover--start > .bui-popover__arrow {
    top: 50%;
    left: 100%;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

[dir=rtl] .bui-popover--start > .bui-popover__arrow {
    right: 100%;
    left: auto;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
    transform: translateX(50%) translateY(-50%) rotate(45deg)
}

.bui-popover--end > .bui-popover__arrow {
    top: 50%;
    left: 0;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    transform: translateX(-50%) translateY(-50%) rotate(135deg)
}

[dir=rtl] .bui-popover--end > .bui-popover__arrow {
    right: 0;
    left: auto;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(-135deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(-135deg);
    transform: translateX(50%) translateY(-50%) rotate(-135deg)
}

.bui-popover--top-start > .bui-popover__arrow {
    top: 100%;
    left: var(--bui_spacing_4x);
    right: auto
}

[dir=rtl] .bui-popover--top-start > .bui-popover__arrow {
    right: var(--bui_spacing_4x);
    left: auto
}

.bui-popover--top-end > .bui-popover__arrow {
    top: 100%;
    left: auto;
    right: var(--bui_spacing_4x)
}

[dir=rtl] .bui-popover--top-end > .bui-popover__arrow {
    right: auto;
    left: var(--bui_spacing_4x)
}

.bui-popover--bottom-start > .bui-popover__arrow {
    top: 0;
    left: var(--bui_spacing_4x);
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    transform: translateX(-50%) translateY(-50%) rotate(-135deg)
}

[dir=rtl] .bui-popover--bottom-start > .bui-popover__arrow {
    right: var(--bui_spacing_4x);
    left: auto;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(135deg);
    transform: translateX(50%) translateY(-50%) rotate(135deg)
}

.bui-popover--bottom-end > .bui-popover__arrow {
    top: 0;
    left: auto;
    right: var(--bui_spacing_4x);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    transform: translateX(-50%) translateY(-50%) rotate(-135deg)
}

[dir=rtl] .bui-popover--bottom-end > .bui-popover__arrow {
    right: auto;
    left: var(--bui_spacing_4x);
    -webkit-transform: translateX(50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(135deg);
    transform: translateX(50%) translateY(-50%) rotate(135deg)
}

.bui-popover--no-arrow > .bui-popover__arrow {
    display: none
}

.bui-popover--stretch {
    max-width: none
}

@-webkit-keyframes bui-popover-enter-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(var(--bui_spacing_4x));
        transform: translateY(var(--bui_spacing_4x))
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bui-popover-enter-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(var(--bui_spacing_4x));
        transform: translateY(var(--bui_spacing_4x))
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bui-popover-enter-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--bui_spacing_4x)*-1));
        transform: translateY(calc(var(--bui_spacing_4x)*-1))
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bui-popover-enter-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--bui_spacing_4x)*-1));
        transform: translateY(calc(var(--bui_spacing_4x)*-1))
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bui-popover-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-webkit-calc(var(--bui_spacing_4x)*-1));
        transform: translateX(calc(var(--bui_spacing_4x)*-1))
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bui-popover-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-webkit-calc(var(--bui_spacing_4x)*-1));
        transform: translateX(calc(var(--bui_spacing_4x)*-1))
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bui-popover-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(var(--bui_spacing_4x));
        transform: translateX(var(--bui_spacing_4x))
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bui-popover-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(var(--bui_spacing_4x));
        transform: translateX(var(--bui_spacing_4x))
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.bui-popover__close {
    position: absolute;
    z-index: 100;
    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    height: var(--bui_spacing_6x);
    width: var(--bui_spacing_6x);
    top: var(--bui_spacing_4x);
    right: var(--bui_spacing_4x);
    padding: 0;
    text-decoration: none;
    color: var(--bui_color_foreground);
    opacity: .4;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0;
    border: 0
}

[dir=rtl] .bui-popover__close {
    right: auto;
    left: var(--bui_spacing_4x)
}

.bui-popover__close:hover {
    opacity: .8
}

.bui-popover__close:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

@media(max-width:575px) {
    .bui-popover {
        max-width: none
    }
}

.bui-price-display__label {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family);
    color: var(--bui_color_foreground_alt)
}

.bui-price-display__value {
    font-size: var(--bui_font_headline_3_font-size);
    line-height: var(--bui_font_headline_3_line-height);
    font-weight: var(--bui_font_headline_3_font-weight);
    font-family: var(--bui_font_headline_3_font-family)
}

.bui-price-display__original {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family);
    color: var(--bui_color_foreground_alt);
    text-decoration: line-through
}

.bui-price-display--small .bui-price-display__value {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-quote {
    margin: 0;
    padding-left: -webkit-calc(var(--bui_spacing_4x) + var(--bui_spacing_3x));
    padding-left: calc(var(--bui_spacing_4x) + var(--bui_spacing_3x));
    position: relative
}

[dir=rtl] .bui-quote {
    padding-left: 0;
    padding-right: -webkit-calc(var(--bui_spacing_4x) + var(--bui_spacing_3x));
    padding-right: calc(var(--bui_spacing_4x) + var(--bui_spacing_3x))
}

.bui-quote__title {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    margin-bottom: var(--bui_spacing_2x);
    display: block
}

.bui-quote__text {
    font-size: var(--bui_font_body_1_font-size);
    line-height: var(--bui_font_body_1_line-height);
    font-weight: var(--bui_font_body_1_font-weight);
    font-family: var(--bui_font_body_1_font-family);
    margin: 0
}

    .bui-quote__text:before {
        content: "“";
        position: absolute;
        left: 0;
        font-size: var(--bui_font_headline_1_font-size);
        line-height: var(--bui_font_headline_1_line-height);
        font-weight: var(--bui_font_headline_1_font-weight);
        font-family: var(--bui_font_headline_1_font-family);
        margin-top: -webkit-calc(var(--bui_spacing_2x)*-1);
        margin-top: calc(var(--bui_spacing_2x)*-1)
    }

[dir=rtl] .bui-quote__text:before {
    left: auto;
    right: 0
}

.bui-quote__author {
    position: relative;
    color: var(--bui_color_foreground_alt);
    margin-top: var(--bui_spacing_2x)
}

.bui-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bui-rating__item {
    height: var(--bui_spacing_4x);
    fill: var(--bui_color_accent_background);
    margin-left: var(--bui_spacing_half);
    margin-right: 0
}

[dir=rtl] .bui-rating__item {
    margin-right: var(--bui_spacing_half);
    margin-left: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.bui-rating__item:first-child {
    margin-left: 0
}

[dir=rtl] .bui-rating__item:first-child {
    margin-left: 0;
    margin-right: 0
}

.bui-rating--small .bui-rating__item {
    height: -webkit-calc(var(--bui_spacing_3x) + var(--bui_spacing_half));
    height: calc(var(--bui_spacing_3x) + var(--bui_spacing_half))
}

.bui-rating--smaller .bui-rating__item {
    height: var(--bui_spacing_3x)
}

.bui-rating--large .bui-rating__item {
    height: -webkit-calc(var(--bui_spacing_1x)*5);
    height: calc(var(--bui_spacing_1x)*5)
}

.bui-rating--larger .bui-rating__item {
    height: var(--bui_spacing_6x)
}

@media(-ms-high-contrast:active),(-ms-high-contrast:none) {
    .bui-rating__item {
        width: var(--bui_spacing_4x)
    }

    .bui-rating--small .bui-rating__item {
        width: -webkit-calc(var(--bui_spacing_3x) + var(--bui_spacing_half));
        width: calc(var(--bui_spacing_3x) + var(--bui_spacing_half))
    }

    .bui-rating--smaller .bui-rating__item {
        width: var(--bui_spacing_3x)
    }

    .bui-rating--large .bui-rating__item {
        width: -webkit-calc(var(--bui_spacing_1x)*5);
        width: calc(var(--bui_spacing_1x)*5)
    }

    .bui-rating--larger .bui-rating__item {
        width: var(--bui_spacing_6x)
    }
}

.bui-review-score {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    font-size: var(--bui_font_emphasized_1_font-size);
    line-height: var(--bui_font_emphasized_1_line-height);
    font-weight: var(--bui_font_emphasized_1_font-weight);
    font-family: var(--bui_font_emphasized_1_font-family)
}

.bui-review-score, .bui-review-score__badge {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-review-score__badge {
    background: var(--bui_color_brand_primary_background);
    color: var(--bui_color_on_brand_primary_background);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    vertical-align: baseline;
    border-radius: -webkit-calc(var(--bui_spacing_8x)/5.5) -webkit-calc(var(--bui_spacing_8x)/5.5) -webkit-calc(var(--bui_spacing_8x)/5.5) 0;
    border-radius: calc(var(--bui_spacing_8x)/5.5) calc(var(--bui_spacing_8x)/5.5) calc(var(--bui_spacing_8x)/5.5) 0;
    height: var(--bui_spacing_8x);
    width: var(--bui_spacing_8x);
    min-width: var(--bui_spacing_8x)
}

[dir=rtl] .bui-review-score__badge {
    border-radius: -webkit-calc(var(--bui_spacing_8x)/5.5) -webkit-calc(var(--bui_spacing_8x)/5.5) 0 -webkit-calc(var(--bui_spacing_8x)/5.5);
    border-radius: calc(var(--bui_spacing_8x)/5.5) calc(var(--bui_spacing_8x)/5.5) 0 calc(var(--bui_spacing_8x)/5.5)
}

.bui-review-score__badge + .bui-review-score__content {
    margin-left: var(--bui_spacing_2x)
}

[dir=rtl] .bui-review-score__badge + .bui-review-score__content {
    margin-left: 0;
    margin-right: var(--bui_spacing_2x)
}

.bui-review-score__title {
    color: var(--bui_color_foreground)
}

.bui-review-score__text {
    color: var(--bui_color_foreground_alt);
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-review-score--outline .bui-review-score__badge {
    background: transparent;
    border: var(--bui_border_width_100) solid var(--bui_color_border);
    color: var(--bui_color_foreground)
}

.bui-review-score--text .bui-review-score__badge {
    background: 0;
    color: var(--bui_color_foreground);
    height: auto;
    width: auto;
    min-width: auto
}

.bui-review-score--text .bui-review-score__badge, .bui-review-score--text .bui-review-score__text, .bui-review-score--text .bui-review-score__title {
    display: inline-block;
    font-size: inherit;
    font-weight: inherit
}

.bui-review-score--text .bui-review-score__text {
    margin: 0
}

    .bui-review-score--text .bui-review-score__text:before {
        margin: 0 var(--bui_spacing_1x);
        content: "\00b7";
        position: relative
    }

.bui-review-score--end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
}

    .bui-review-score--end .bui-review-score__badge + .bui-review-score__content {
        margin-left: 0;
        margin-right: var(--bui_spacing_2x);
        text-align: right
    }

[dir=rtl] .bui-review-score--end .bui-review-score__badge + .bui-review-score__content {
    margin-right: 0;
    margin-left: var(--bui_spacing_2x);
    text-align: left
}

.bui-review-score--inline .bui-review-score__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-review-score--inline .bui-review-score__text {
    font-size: inherit;
    font-weight: inherit;
    position: relative
}

    .bui-review-score--inline .bui-review-score__text:before {
        content: "\00b7";
        margin: 0 var(--bui_spacing_1x);
        line-height: 0;
        position: relative
    }

.bui-review-score--inverse .bui-review-score__badge {
    background: transparent;
    border: var(--bui_border_width_100) solid var(--bui_color_white);
    color: var(--bui_color_white)
}

.bui-review-score--inverse .bui-review-score__text, .bui-review-score--inverse .bui-review-score__title {
    color: var(--bui_color_white)
}

.bui-review-score--small {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

    .bui-review-score--small .bui-review-score__badge {
        width: -webkit-calc(var(--bui_spacing_1x)*7);
        width: calc(var(--bui_spacing_1x)*7);
        min-width: -webkit-calc(var(--bui_spacing_1x)*7);
        min-width: calc(var(--bui_spacing_1x)*7);
        height: -webkit-calc(var(--bui_spacing_1x)*7);
        height: calc(var(--bui_spacing_1x)*7);
        border-radius: -webkit-calc(var(--bui_spacing_1x)*7/5.5) -webkit-calc(var(--bui_spacing_1x)*7/5.5) -webkit-calc(var(--bui_spacing_1x)*7/5.5) 0;
        border-radius: calc(var(--bui_spacing_1x)*7/5.5) calc(var(--bui_spacing_1x)*7/5.5) calc(var(--bui_spacing_1x)*7/5.5) 0
    }

[dir=rtl] .bui-review-score--small .bui-review-score__badge {
    border-radius: -webkit-calc(var(--bui_spacing_1x)*7/5.5) -webkit-calc(var(--bui_spacing_1x)*7/5.5) 0 -webkit-calc(var(--bui_spacing_1x)*7/5.5);
    border-radius: calc(var(--bui_spacing_1x)*7/5.5) calc(var(--bui_spacing_1x)*7/5.5) 0 calc(var(--bui_spacing_1x)*7/5.5)
}

.bui-review-score--small.bui-review-score--text .bui-review-score__badge {
    min-width: auto;
    width: auto;
    height: auto
}

.bui-review-score--smaller {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

    .bui-review-score--smaller .bui-review-score__badge {
        width: var(--bui_spacing_6x);
        min-width: var(--bui_spacing_6x);
        height: var(--bui_spacing_6x);
        border-radius: -webkit-calc(var(--bui_spacing_6x)/5.5) -webkit-calc(var(--bui_spacing_6x)/5.5) -webkit-calc(var(--bui_spacing_6x)/5.5) 0;
        border-radius: calc(var(--bui_spacing_6x)/5.5) calc(var(--bui_spacing_6x)/5.5) calc(var(--bui_spacing_6x)/5.5) 0
    }

[dir=rtl] .bui-review-score--smaller .bui-review-score__badge {
    border-radius: -webkit-calc(var(--bui_spacing_6x)/5.5) -webkit-calc(var(--bui_spacing_6x)/5.5) 0 -webkit-calc(var(--bui_spacing_6x)/5.5);
    border-radius: calc(var(--bui_spacing_6x)/5.5) calc(var(--bui_spacing_6x)/5.5) 0 calc(var(--bui_spacing_6x)/5.5)
}

.bui-review-score--smaller.bui-review-score--text .bui-review-score__badge {
    width: auto;
    height: auto
}

.bui-score-bar__item + .bui-score-bar__item {
    margin-top: var(--bui_spacing_2x)
}

.bui-score-bar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    margin: 0 0 var(--bui_spacing_1x)
}

.bui-score-bar__title {
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.bui-score-bar__score, .bui-score-bar__title {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-score-bar__score {
    padding-left: var(--bui_spacing_4x)
}

[dir=rtl] .bui-score-bar__score {
    padding-left: 0;
    padding-right: var(--bui_spacing_4x)
}

.bui-score-bar__bar {
    background: var(--bui_color_background_alt);
    border-radius: var(--bui_border_radius_100);
    overflow: hidden
}

.bui-score-bar__value {
    background: var(--bui_color_action_foreground);
    display: block;
    height: var(--bui_spacing_2x)
}

.bui-score-bar--invert {
    color: var(--bui_color_foreground_inverted)
}

.bui-score-bar--large .bui-score-bar__value {
    height: var(--bui_spacing_4x)
}

.bui-score-bar--large .bui-score-bar__score, .bui-score-bar--large .bui-score-bar__title {
    font-size: var(--bui_font_headline_3_font-size);
    line-height: var(--bui_font_headline_3_line-height);
    font-weight: var(--bui_font_headline_3_font-weight);
    font-family: var(--bui_font_headline_3_font-family)
}

.bui-score-bar--color .bui-score-bar__value[data-value^="1"] {
    background: var(--bui_color_destructive_background)
}

.bui-score-bar--color .bui-score-bar__value[data-value^="2"], .bui-score-bar--color .bui-score-bar__value[data-value^="3"], .bui-score-bar--color .bui-score-bar__value[data-value^="4"], .bui-score-bar__item--bad .bui-score-bar__value {
    background: var(--bui_color_callout_background)
}

.bui-score-bar--color .bui-score-bar__value[data-value^="5"], .bui-score-bar--color .bui-score-bar__value[data-value^="6"], .bui-score-bar__item--average .bui-score-bar__value {
    background: var(--bui_color_accent_background)
}

.bui-score-bar--color .bui-score-bar__value[data-value="100"], .bui-score-bar--color .bui-score-bar__value[data-value^="7"], .bui-score-bar--color .bui-score-bar__value[data-value^="8"], .bui-score-bar--color .bui-score-bar__value[data-value^="9"], .bui-score-bar__item--excellent .bui-score-bar__value, .bui-score-bar__item--good .bui-score-bar__value {
    background: var(--bui_color_constructive_background)
}

.bui-score-bar--color .bui-score-bar__value[data-value="0"], .bui-score-bar--color .bui-score-bar__value[data-value="1"], .bui-score-bar--color .bui-score-bar__value[data-value="2"], .bui-score-bar--color .bui-score-bar__value[data-value="3"], .bui-score-bar--color .bui-score-bar__value[data-value="4"], .bui-score-bar--color .bui-score-bar__value[data-value="5"], .bui-score-bar--color .bui-score-bar__value[data-value="6"], .bui-score-bar--color .bui-score-bar__value[data-value="7"], .bui-score-bar--color .bui-score-bar__value[data-value="8"], .bui-score-bar--color .bui-score-bar__value[data-value="9"], .bui-score-bar__item--critical .bui-score-bar__value {
    background: var(--bui_color_destructive_background)
}

.bui-scrim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: var(--bui_spacing_4x);
    background-color: var(--bui_color_black_with_alpha);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: var(--bui_color_white);
    pointer-events: none;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.bui-scrim__content {
    pointer-events: all
}

.bui-scrim--position-full .bui-scrim__content {
    text-align: center
}

.bui-scrim--position-bottom .bui-scrim__content, .bui-scrim--position-full .bui-scrim__content, .bui-scrim--position-top .bui-scrim__content {
    width: 100%
}

.bui-scrim--position-end .bui-scrim__content, .bui-scrim--position-start .bui-scrim__content {
    height: 100%
}

.bui-scrim--position-top {
    bottom: auto;
    background: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(0,rgba(0,0,0,.34902)),color-stop(13.81%,rgba(0,0,0,.423529)),color-stop(28.27%,rgba(0,0,0,.494118)),color-stop(42.12%,rgba(0,0,0,.560784)),color-stop(56.28%,rgba(0,0,0,.615686)),color-stop(70.13%,rgba(0,0,0,.662745)),color-stop(84.88%,rgba(0,0,0,.690196)),to(rgba(0,0,0,.701961)));
    background: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(rgba(0,0,0,.34902)),color-stop(13.81%,rgba(0,0,0,.423529)),color-stop(28.27%,rgba(0,0,0,.494118)),color-stop(42.12%,rgba(0,0,0,.560784)),color-stop(56.28%,rgba(0,0,0,.615686)),color-stop(70.13%,rgba(0,0,0,.662745)),color-stop(84.88%,rgba(0,0,0,.690196)),to(rgba(0,0,0,.701961)));
    background: -webkit-linear-gradient(0,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961));
    background: linear-gradient(0,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961))
}

.bui-scrim--position-bottom, .bui-scrim--position-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start
}

.bui-scrim--position-bottom {
    top: auto;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.34902)),color-stop(13.81%,rgba(0,0,0,.423529)),color-stop(28.27%,rgba(0,0,0,.494118)),color-stop(42.12%,rgba(0,0,0,.560784)),color-stop(56.28%,rgba(0,0,0,.615686)),color-stop(70.13%,rgba(0,0,0,.662745)),color-stop(84.88%,rgba(0,0,0,.690196)),to(rgba(0,0,0,.701961)));
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961));
    background: linear-gradient(180deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961))
}

[dir=rtl] .bui-scrim--position-bottom {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.34902)),color-stop(13.81%,rgba(0,0,0,.423529)),color-stop(28.27%,rgba(0,0,0,.494118)),color-stop(42.12%,rgba(0,0,0,.560784)),color-stop(56.28%,rgba(0,0,0,.615686)),color-stop(70.13%,rgba(0,0,0,.662745)),color-stop(84.88%,rgba(0,0,0,.690196)),to(rgba(0,0,0,.701961)));
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961));
    background: linear-gradient(-180deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961))
}

.bui-scrim--position-bottom:before, .bui-scrim--position-top:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: -webkit-calc(var(--bui_spacing_1x)*15);
    height: calc(var(--bui_spacing_1x)*15)
}

.bui-scrim--position-top:before {
    top: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(0,rgba(0,0,0,.0001)),color-stop(13.54%,rgba(0,0,0,.0117647)),color-stop(27.6%,rgba(0,0,0,.0392157)),color-stop(42.19%,rgba(0,0,0,.0823529)),color-stop(56.77%,rgba(0,0,0,.137255)),color-stop(71.35%,rgba(0,0,0,.203922)),color-stop(85.94%,rgba(0,0,0,.27451)),to(rgba(0,0,0,.34902)));
    background: -webkit-gradient(linear,left top,left bottom,from(0),color-stop(rgba(0,0,0,.0001)),color-stop(13.54%,rgba(0,0,0,.0117647)),color-stop(27.6%,rgba(0,0,0,.0392157)),color-stop(42.19%,rgba(0,0,0,.0823529)),color-stop(56.77%,rgba(0,0,0,.137255)),color-stop(71.35%,rgba(0,0,0,.203922)),color-stop(85.94%,rgba(0,0,0,.27451)),to(rgba(0,0,0,.34902)));
    background: -webkit-linear-gradient(0,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902));
    background: linear-gradient(0,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902))
}

.bui-scrim--position-bottom:before {
    bottom: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.0001)),color-stop(13.54%,rgba(0,0,0,.0117647)),color-stop(27.6%,rgba(0,0,0,.0392157)),color-stop(42.19%,rgba(0,0,0,.0823529)),color-stop(56.77%,rgba(0,0,0,.137255)),color-stop(71.35%,rgba(0,0,0,.203922)),color-stop(85.94%,rgba(0,0,0,.27451)),to(rgba(0,0,0,.34902)));
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902));
    background: linear-gradient(180deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902))
}

[dir=rtl] .bui-scrim--position-bottom:before {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.0001)),color-stop(13.54%,rgba(0,0,0,.0117647)),color-stop(27.6%,rgba(0,0,0,.0392157)),color-stop(42.19%,rgba(0,0,0,.0823529)),color-stop(56.77%,rgba(0,0,0,.137255)),color-stop(71.35%,rgba(0,0,0,.203922)),color-stop(85.94%,rgba(0,0,0,.27451)),to(rgba(0,0,0,.34902)));
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902));
    background: linear-gradient(-180deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902))
}

.bui-scrim--position-start {
    width: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
    right: auto;
    left: 0;
    background: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.34902)),color-stop(13.81%,rgba(0,0,0,.423529)),color-stop(28.27%,rgba(0,0,0,.494118)),color-stop(42.12%,rgba(0,0,0,.560784)),color-stop(56.28%,rgba(0,0,0,.615686)),color-stop(70.13%,rgba(0,0,0,.662745)),color-stop(84.88%,rgba(0,0,0,.690196)),to(rgba(0,0,0,.701961)));
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961));
    background: linear-gradient(-90deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961))
}

.bui-scrim--position-end, [dir=rtl] .bui-scrim--position-start {
    left: auto;
    right: 0;
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.34902)),color-stop(13.81%,rgba(0,0,0,.423529)),color-stop(28.27%,rgba(0,0,0,.494118)),color-stop(42.12%,rgba(0,0,0,.560784)),color-stop(56.28%,rgba(0,0,0,.615686)),color-stop(70.13%,rgba(0,0,0,.662745)),color-stop(84.88%,rgba(0,0,0,.690196)),to(rgba(0,0,0,.701961)));
    background: -webkit-linear-gradient(0deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961));
    background: linear-gradient(90deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961))
}

.bui-scrim--position-end {
    width: auto;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: end;
    justify-content: end
}

[dir=rtl] .bui-scrim--position-end {
    left: 0;
    right: auto;
    background: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.34902)),color-stop(13.81%,rgba(0,0,0,.423529)),color-stop(28.27%,rgba(0,0,0,.494118)),color-stop(42.12%,rgba(0,0,0,.560784)),color-stop(56.28%,rgba(0,0,0,.615686)),color-stop(70.13%,rgba(0,0,0,.662745)),color-stop(84.88%,rgba(0,0,0,.690196)),to(rgba(0,0,0,.701961)));
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961));
    background: linear-gradient(-90deg,rgba(0,0,0,.34902),rgba(0,0,0,.423529) 13.81%,rgba(0,0,0,.494118) 28.27%,rgba(0,0,0,.560784) 42.12%,rgba(0,0,0,.615686) 56.28%,rgba(0,0,0,.662745) 70.13%,rgba(0,0,0,.690196) 84.88%,rgba(0,0,0,.701961))
}

.bui-scrim--position-end:before, .bui-scrim--position-start:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: -webkit-calc(var(--bui_spacing_1x)*15);
    width: calc(var(--bui_spacing_1x)*15)
}

.bui-scrim--position-start:before {
    left: 100%;
    right: auto;
    background: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.0001)),color-stop(13.54%,rgba(0,0,0,.0117647)),color-stop(27.6%,rgba(0,0,0,.0392157)),color-stop(42.19%,rgba(0,0,0,.0823529)),color-stop(56.77%,rgba(0,0,0,.137255)),color-stop(71.35%,rgba(0,0,0,.203922)),color-stop(85.94%,rgba(0,0,0,.27451)),to(rgba(0,0,0,.34902)));
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902));
    background: linear-gradient(-90deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902))
}

.bui-scrim--position-end:before, [dir=rtl] .bui-scrim--position-start:before {
    right: 100%;
    left: auto;
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),color-stop(13.54%,rgba(0,0,0,.0117647)),color-stop(27.6%,rgba(0,0,0,.0392157)),color-stop(42.19%,rgba(0,0,0,.0823529)),color-stop(56.77%,rgba(0,0,0,.137255)),color-stop(71.35%,rgba(0,0,0,.203922)),color-stop(85.94%,rgba(0,0,0,.27451)),to(rgba(0,0,0,.34902)));
    background: -webkit-linear-gradient(0deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902));
    background: linear-gradient(90deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902))
}

[dir=rtl] .bui-scrim--position-end:before {
    left: 100%;
    right: auto;
    background: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.0001)),color-stop(13.54%,rgba(0,0,0,.0117647)),color-stop(27.6%,rgba(0,0,0,.0392157)),color-stop(42.19%,rgba(0,0,0,.0823529)),color-stop(56.77%,rgba(0,0,0,.137255)),color-stop(71.35%,rgba(0,0,0,.203922)),color-stop(85.94%,rgba(0,0,0,.27451)),to(rgba(0,0,0,.34902)));
    background: -webkit-linear-gradient(180deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902));
    background: linear-gradient(-90deg,rgba(0,0,0,.0001),rgba(0,0,0,.0117647) 13.54%,rgba(0,0,0,.0392157) 27.6%,rgba(0,0,0,.0823529) 42.19%,rgba(0,0,0,.137255) 56.77%,rgba(0,0,0,.203922) 71.35%,rgba(0,0,0,.27451) 85.94%,rgba(0,0,0,.34902))
}

.bui-scrim--fill {
    padding: 0
}

.bui-scrim--centered .bui-scrim__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.bui-segmented-control__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.bui-segmented-control__label {
    display: inline-block;
    margin-bottom: var(--bui_spacing_1x)
}

.bui-segmented-control__item {
    margin-right: -webkit-calc(var(--bui_border_width_100)*-1);
    margin-right: calc(var(--bui_border_width_100)*-1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[dir=rtl] .bui-segmented-control__item {
    margin-right: 0;
    margin-left: -webkit-calc(var(--bui_border_width_100)*-1);
    margin-left: calc(var(--bui_border_width_100)*-1)
}

.bui-segmented-control__item:last-child {
    margin-right: 0
}

[dir=rtl] .bui-segmented-control__item:last-child {
    margin-right: 0;
    margin-left: 0
}

.bui-segmented-control__button {
    background: var(--bui_color_background_elevation_one);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: var(--bui_spacing_2x) var(--bui_spacing_4x);
    position: relative;
    cursor: pointer;
    height: 100%;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-segmented-control--primary .bui-segmented-control__button {
    border: var(--bui_border_width_100) solid var(--bui_color_action_border);
    color: var(--bui_color_action_foreground)
}

.bui-segmented-control--secondary .bui-segmented-control__button {
    position: relative;
    border: var(--bui_border_width_100) solid var(--bui_color_border);
    color: var(--bui_color_foreground_alt)
}

.bui-segmented-control__item:first-child > .bui-segmented-control__button {
    border-radius: var(--bui_border_radius_100) 0 0 var(--bui_border_radius_100)
}

.bui-segmented-control__item:last-child > .bui-segmented-control__button, [dir=rtl] .bui-segmented-control__item:first-child > .bui-segmented-control__button {
    border-radius: 0 var(--bui_border_radius_100) var(--bui_border_radius_100) 0
}

[dir=rtl] .bui-segmented-control__item:last-child > .bui-segmented-control__button {
    border-radius: var(--bui_border_radius_100) 0 0 var(--bui_border_radius_100)
}

.bui-segmented-control__trigger {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    border: 0
}

.bui-segmented-control--primary .bui-segmented-control__button:focus, .bui-segmented-control--primary .bui-segmented-control__button:hover {
    background-color: var(--bui_color_action_highlighted_alt)
}

.bui-segmented-control--secondary .bui-segmented-control__button:focus, .bui-segmented-control--secondary .bui-segmented-control__button:hover {
    background-color: var(--bui_color_highlighted_alt)
}

.bui-segmented-control__trigger:focus + .bui-segmented-control__button {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    z-index: 2
}

.bui-segmented-control--secondary .bui-segmented-control__button:active {
    background-color: var(--bui_color_highlighted_alt)
}

.bui-segmented-control--primary .bui-segmented-control__trigger:checked + .bui-segmented-control__button {
    background-color: var(--bui_color_action_background);
    color: var(--bui_color_on_action_background)
}

.bui-segmented-control--secondary .bui-segmented-control__trigger:checked + .bui-segmented-control__button {
    background-color: var(--bui_color_action_background_alt);
    color: var(--bui_color_action_foreground);
    border-color: var(--bui_color_action_border);
    z-index: 5
}

.bui-segmented-control__select {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.bui-segmented-control--focused .bui-segmented-control__select {
    position: static;
    opacity: 1;
    pointer-events: all
}

.bui-segmented-control--focused .bui-segmented-control__list {
    display: none
}

@media(max-width:575px) {
    .bui-segmented-control__list {
        display: none
    }

    .bui-segmented-control__select {
        position: static;
        opacity: 1;
        pointer-events: all
    }
}

@-webkit-keyframes bui-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

@keyframes bui-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(2turn);
        transform: rotate(2turn)
    }
}

.bui-spinner {
    direction: ltr;
    width: var(--bui_spacing_6x);
    height: var(--bui_spacing_6x);
    position: relative;
    -webkit-animation: bui-spinner 1s cubic-bezier(.445,.05,.55,.95) infinite;
    animation: bui-spinner 1s cubic-bezier(.445,.05,.55,.95) infinite
}

.bui-spinner__inner:after, .bui-spinner__inner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: -webkit-calc(var(--bui_spacing_half)*1.5) solid var(--bui_color_border_alt);
    border: calc(var(--bui_spacing_half)*1.5) solid var(--bui_color_border_alt);
    border-radius: 50%
}

.bui-spinner__inner:after {
    border-left: -webkit-calc(var(--bui_spacing_half)*1.5) solid transparent;
    border-left: calc(var(--bui_spacing_half)*1.5) solid transparent;
    border-bottom: -webkit-calc(var(--bui_spacing_half)*1.5) solid transparent;
    border-bottom: calc(var(--bui_spacing_half)*1.5) solid transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-top: -webkit-calc(var(--bui_spacing_half)*1.5) solid var(--bui_color_action_border);
    border-top: calc(var(--bui_spacing_half)*1.5) solid var(--bui_color_action_border);
    border-right: -webkit-calc(var(--bui_spacing_half)*1.5) solid var(--bui_color_action_border);
    border-right: calc(var(--bui_spacing_half)*1.5) solid var(--bui_color_action_border);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bui-spinner:after, .bui-spinner:before {
    content: "";
    width: -webkit-calc(var(--bui_spacing_half)*1.5);
    width: calc(var(--bui_spacing_half)*1.5);
    height: -webkit-calc(var(--bui_spacing_half)*1.5);
    height: calc(var(--bui_spacing_half)*1.5);
    background: var(--bui_color_action_border);
    border-radius: 50%;
    position: absolute;
    z-index: 2
}

.bui-spinner:before {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=rtl] .bui-spinner:before {
    left: auto;
    right: 0
}

.bui-spinner:after {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

[dir=rtl] .bui-spinner:after {
    right: auto;
    left: 0
}

.bui-spinner--light .bui-spinner__inner:before {
    opacity: .3
}

.bui-spinner--light .bui-spinner__inner:after {
    border-top-color: var(--bui_color_white);
    border-right-color: var(--bui_color_white)
}

.bui-spinner--light:after, .bui-spinner--light:before {
    background: var(--bui_color_white)
}

.bui-spinner--size-small {
    width: var(--bui_spacing_4x);
    height: var(--bui_spacing_4x)
}

    .bui-spinner--size-small .bui-spinner__inner:after, .bui-spinner--size-small .bui-spinner__inner:before {
        border-width: var(--bui_spacing_half)
    }

    .bui-spinner--size-small:after, .bui-spinner--size-small:before {
        width: var(--bui_spacing_half);
        height: var(--bui_spacing_half)
    }

.bui-spinner--size-large {
    width: var(--bui_spacing_8x);
    height: var(--bui_spacing_8x)
}

    .bui-spinner--size-large .bui-spinner__inner:after, .bui-spinner--size-large .bui-spinner__inner:before {
        border-width: var(--bui_spacing_1x)
    }

    .bui-spinner--size-large:after, .bui-spinner--size-large:before {
        width: var(--bui_spacing_1x);
        height: var(--bui_spacing_1x)
    }

.bui-spinner--size-larger {
    width: -webkit-calc(var(--bui_spacing_6x)*2);
    width: calc(var(--bui_spacing_6x)*2);
    height: -webkit-calc(var(--bui_spacing_6x)*2);
    height: calc(var(--bui_spacing_6x)*2)
}

    .bui-spinner--size-larger .bui-spinner__inner:after, .bui-spinner--size-larger .bui-spinner__inner:before {
        border-width: -webkit-calc(var(--bui_spacing_half)*3);
        border-width: calc(var(--bui_spacing_half)*3)
    }

    .bui-spinner--size-larger:after, .bui-spinner--size-larger:before {
        width: -webkit-calc(var(--bui_spacing_half)*3);
        width: calc(var(--bui_spacing_half)*3);
        height: -webkit-calc(var(--bui_spacing_half)*3);
        height: calc(var(--bui_spacing_half)*3)
    }

.bui-spinner--size-largest {
    width: -webkit-calc(var(--bui_spacing_6x)*3);
    width: calc(var(--bui_spacing_6x)*3);
    height: -webkit-calc(var(--bui_spacing_6x)*3);
    height: calc(var(--bui_spacing_6x)*3)
}

    .bui-spinner--size-largest .bui-spinner__inner:after, .bui-spinner--size-largest .bui-spinner__inner:before {
        border-width: var(--bui_spacing_2x)
    }

    .bui-spinner--size-largest:after, .bui-spinner--size-largest:before {
        width: var(--bui_spacing_2x);
        height: var(--bui_spacing_2x)
    }

.bui-tab__nav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0 0 var(--bui_border_width_100);
    position: relative;
    font-size: 0
}

    .bui-tab__nav:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--bui_color_border_alt);
        height: var(--bui_border_width_100)
    }

.bui-tab__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    display: inline-block;
    vertical-align: bottom
}

.bui-tab__link {
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family);
    display: block;
    border: 0;
    background: 0;
    color: var(--bui_color_foreground);
    padding: var(--bui_spacing_4x);
    text-decoration: none;
    max-width: none;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit
}

.bui-tab__item:not(.bui-tab__item--more) .bui-tab__link:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -webkit-calc(var(--bui_border_width_100)*-1);
    bottom: calc(var(--bui_border_width_100)*-1);
    height: var(--bui_border_width_200);
    background: var(--bui_color_action_border);
    display: none
}

.bui-tab__link:hover {
    background-color: var(--bui_color_highlighted_alt);
    text-decoration: none;
    cursor: pointer
}

.bui-tab__item:not(.bui-tab__item--more) .bui-tab__link--selected:after {
    display: block
}

.bui-tab__link:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
    box-shadow: 0 0 0 3px var(--bui_color_action_focus)
}

.bui-tab__link:active {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bui-tab__link:link {
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family);
    text-decoration: none
}

.bui-tab__link--selected {
    color: var(--bui_color_action_foreground)
}

    .bui-tab__link--selected:hover {
        background-color: transparent
    }

.bui-tab__link--disabled, .bui-tab__link--disabled:active, .bui-tab__link--disabled:focus, .bui-tab__link--disabled:hover {
    background-color: transparent;
    color: var(--bui_color_foreground_disabled);
    outline: 0;
    cursor: not-allowed
}

.bui-tab__text {
    display: inline-block;
    vertical-align: middle
}

.bui-tab__title {
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family)
}

.bui-tab__icon, .bui-tab__title {
    display: inline-block;
    vertical-align: middle;
    margin-right: var(--bui_spacing_2x)
}

[dir=rtl] .bui-tab__icon, [dir=rtl] .bui-tab__title {
    margin-right: 0;
    margin-left: var(--bui_spacing_2x)
}

.bui-tab__text-slot {
    display: inline-block;
    vertical-align: middle;
    margin-left: var(--bui_spacing_2x)
}

[dir=rtl] .bui-tab__text-slot {
    margin-left: 0;
    margin-right: var(--bui_spacing_2x)
}

.bui-tab__item--hidden {
    display: none
}

.bui-tab__item--more .bui-tab__link {
    margin: 0
}

    .bui-tab__item--more .bui-tab__link:after {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='%23383838'%3E%3Cpath d='M12 20.09a1.24 1.24 0 0 1-.88-.36L6 14.61a.75.75 0 1 1 1.06-1.06L12 18.49l4.94-4.94A.75.75 0 0 1 18 14.61l-5.12 5.12a1.24 1.24 0 0 1-.88.36zm6-9.46a.75.75 0 0 0 0-1.06l-5.12-5.11a1.24 1.24 0 0 0-1.76 0L6 9.57a.75.75 0 0 0 0 1.06.74.74 0 0 0 1.06 0L12 5.7l4.94 4.93a.73.73 0 0 0 .53.22.74.74 0 0 0 .53-.22z'/%3E%3C/svg%3E");
        width: var(--bui_spacing_4x);
        height: var(--bui_spacing_4x);
        margin-left: var(--bui_spacing_1x);
        display: inline-block;
        vertical-align: middle
    }

[dir=rtl] .bui-tab__item--more .bui-tab__link:after {
    margin-left: 0;
    margin-right: var(--bui_spacing_1x)
}

.bui-tab__more-items {
    position: absolute
}

.bui-tab__item--more {
    display: none;
    position: relative;
    margin: 0
}

.bui-tab__item--more-active {
    display: inline-block
}

.bui-tab__dropdown-trigger {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    border: 0
}

    .bui-tab__dropdown-trigger:focus + .bui-tab__link {
        outline: 0;
        -webkit-box-shadow: 0 0 0 3px var(--bui_color_action_focus);
        box-shadow: 0 0 0 3px var(--bui_color_action_focus)
    }

.bui-tab__content {
    display: none
}

.bui-tab__content--selected {
    display: block
}

.bui-tab__dropdown {
    min-width: 160px;
    position: absolute;
    z-index: var(--z_index_2);
    top: 100%;
    right: 0;
    display: none
}

[dir=rtl] .bui-tab__dropdown {
    right: auto;
    left: 0
}

.bui-tab__item--more-dropdown-active .bui-tab__dropdown {
    display: block
}

.bui-tab--vertical .bui-tab__link {
    text-align: center
}

.bui-tab--vertical .bui-tab__title {
    display: block;
    margin-left: 0;
    margin-right: 0
}

.bui-tab--vertical .bui-tab__icon {
    display: block;
    margin: 0 auto var(--bui_spacing_1x)
}

.bui-tab--vertical .bui-tab__item--more .bui-tab__link:after {
    content: none
}

.bui-tab--vertical .bui-tab__item--more .bui-tab__link:before {
    content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="3.375" cy="12.023" r="2.625" fill="none" stroke="currentcolor" stroke-width="1.5"/><circle cx="20.625" cy="12.023" r="2.625" fill="none" stroke="currentcolor" stroke-width="1.5"/><circle cx="12" cy="12.023" r="2.625" fill="none" stroke="currentcolor" stroke-width="1.5"/></svg>');
    width: var(--bui_spacing_4x);
    height: var(--bui_spacing_4x);
    display: block;
    margin: 0 auto var(--bui_spacing_1x)
}

.bui-tab--borderless .bui-tab__nav:before {
    content: none
}

.bui-tab--light .bui-tab__link, .bui-tab--light .bui-tab__link--selected {
    color: var(--bui_color_white)
}

.bui-tab--light .bui-tab__item:not(.bui-tab__item--more) .bui-tab__link:after {
    background-color: var(--bui_color_white)
}

.bui-tab--light .bui-tab__link:hover {
    background-color: hsla(0,0%,100%,.1)
}

.bui-tab--equal .bui-tab__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width:575px) {
    .bui-tab:not(.bui-tab--equal) .bui-tab__nav {
        overflow-x: auto;
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap
    }

    .bui-tab:not(.bui-tab--equal).bui-tab__item--more {
        display: none
    }
}

.bui-tab--rounded .bui-tab__item:not(.bui-tab__item--more) .bui-tab__link:after, .bui-tab--rounded .bui-tab__nav:before {
    content: none
}

.bui-tab--rounded .bui-tab__item:first-child {
    margin-left: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-left: calc(var(--bui_spacing_2x)*-1)
}

[dir=rtl] .bui-tab--rounded .bui-tab__item:first-child {
    margin-left: 0;
    margin-right: -webkit-calc(var(--bui_spacing_2x)*-1);
    margin-right: calc(var(--bui_spacing_2x)*-1)
}

.bui-tab--rounded .bui-tab__item {
    padding-left: var(--bui_spacing_2x)
}

[dir=rtl] .bui-tab--rounded .bui-tab__item {
    padding-left: 0;
    padding-right: var(--bui_spacing_2x)
}

.bui-tab--rounded .bui-tab__link {
    border-radius: 999px;
    padding: -webkit-calc(var(--bui_spacing_3x) - var(--bui_border_width_100)) -webkit-calc(var(--bui_spacing_4x) - var(--bui_border_width_100));
    padding: calc(var(--bui_spacing_3x) - var(--bui_border_width_100)) calc(var(--bui_spacing_4x) - var(--bui_border_width_100));
    border: var(--bui_border_width_100) solid transparent
}

.bui-tab--rounded .bui-tab__link--selected {
    background: var(--bui_color_action_highlighted_alt);
    border-color: var(--bui_color_action_border)
}

.bui-tab--rounded .bui-tab__content {
    margin-top: var(--bui_spacing_4x)
}

.bui-tab--light.bui-tab--rounded .bui-tab__link--selected {
    background-color: hsla(0,0%,100%,.1);
    border-color: var(--bui_color_white)
}

.bui-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bui-table__head {
    display: none
}

.bui-table, .bui-table__body, .bui-table__cell, .bui-table__row {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    display: block
}

.bui-table__row {
    position: relative;
    margin-top: var(--bui_spacing_2x)
}

    .bui-table__row:first-child {
        margin-top: 0
    }

.bui-table__cell:before {
    content: attr(data-heading);
    display: inline-block;
    width: 50%;
    position: absolute;
    padding-right: var(--bui_spacing_4x);
    padding-left: var(--bui_spacing_4x);
    left: 0
}

[dir=rtl] .bui-table__cell:before {
    left: auto;
    right: 0
}

.bui-table__cell {
    border-left: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    border-right: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    border-bottom: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_4x)
}

@-moz-document url-prefix() {
    .bui-table__cell {
        background-clip: padding-box
    }
}

.bui-table__cell--row-head:before {
    display: none
}

.bui-table__cell--row-head {
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family);
    text-align: left
}

[dir=rtl] .bui-table__cell--row-head {
    text-align: right
}

.bui-table__cell--no-head:before {
    display: none
}

.bui-table__cell--empty {
    padding-top: var(--bui_spacing_8x);
    padding-bottom: var(--bui_spacing_8x);
    color: var(--bui_color_foreground_alt);
    text-align: center
}

.bui-table__cell--check, .bui-table__cell--more {
    border: 0;
    background-color: transparent
}

.bui-table__row-toggle {
    border: var(--bui_border_width_100) solid var(--bui_color_border_alt);
    border-top: 0;
    display: block
}

.bui-table__row-toggle-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: var(--bui_spacing_4x);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: var(--bui_color_action_foreground);
    text-decoration: none
}

    .bui-table__row-toggle-link:hover {
        background: var(--bui_color_highlighted_alt)
    }

.bui-table__row-toggle-cell {
    display: block;
    padding: 0
}

.bui-table__row--expanded .bui-table__cell--collapsible {
    display: block
}

.bui-table--initialized .bui-table__cell--collapsible {
    display: none
}

.bui-table--initialized .bui-table__row--expanded .bui-table__cell--collapsible {
    display: block
}

.bui-table__row--selected .bui-table__cell {
    background-color: var(--bui_color_action_background_alt)
}

.bui-table__row--selected .bui-table__cell--check, .bui-table__row--selected .bui-table__cell--more {
    background-color: transparent
}

.bui-table__cell--more {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: var(--bui_spacing_2x)
}

[dir=rtl] .bui-table__cell--more {
    right: auto;
    left: 0
}

.bui-table__cell--more .bui-dropdown__button--more {
    -webkit-transform: translateY(var(--bui_spacing_2x));
    -ms-transform: translateY(var(--bui_spacing_2x));
    transform: translateY(var(--bui_spacing_2x))
}

.bui-table__cell--more:before {
    display: none
}

.bui-table__cell--check {
    float: left
}

[dir=rtl] .bui-table__cell--check {
    float: right
}

.bui-table__row--expandable.bui-table__row {
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: var(--bui_spacing_2x)
}

    .bui-table__row--expandable.bui-table__row:first-child {
        margin-top: 0
    }

.bui-table__expand-icon, .bui-table__row-toggle svg {
    width: var(--bui_spacing_4x);
    height: var(--bui_spacing_4x);
    margin-right: var(--bui_spacing_1x);
    display: none;
    cursor: pointer;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

[dir=rtl] .bui-table__expand-icon, [dir=rtl] .bui-table__row-toggle svg {
    margin-right: 0;
    margin-left: var(--bui_spacing_1x)
}

.bui-table__expand-icon {
    padding: var(--bui_spacing_3x);
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
    margin: -webkit-calc(var(--bui_spacing_3x)*-1) -webkit-calc(var(--bui_spacing_2x)*-1) -webkit-calc(var(--bui_spacing_3x)*-1) -webkit-calc(var(--bui_spacing_3x)*-1);
    margin: calc(var(--bui_spacing_3x)*-1) calc(var(--bui_spacing_2x)*-1) calc(var(--bui_spacing_3x)*-1) calc(var(--bui_spacing_3x)*-1)
}

[dir=rtl] .bui-table__expand-icon {
    margin: -webkit-calc(var(--bui_spacing_3x)*-1) -webkit-calc(var(--bui_spacing_3x)*-1) -webkit-calc(var(--bui_spacing_3x)*-1) -webkit-calc(var(--bui_spacing_2x)*-1);
    margin: calc(var(--bui_spacing_3x)*-1) calc(var(--bui_spacing_3x)*-1) calc(var(--bui_spacing_3x)*-1) calc(var(--bui_spacing_2x)*-1)
}

.bui-table__row-toggle svg {
    display: inline-block
}

.bui-table__row--expanded + .bui-table__row-expansion + .bui-table__row-toggle svg, .bui-table__row--expanded + .bui-table__row-toggle svg, .bui-table__row--expanded .bui-table__expand-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

[dir=rtl] .bui-table__row--expanded + .bui-table__row-expansion + .bui-table__row-toggle svg, [dir=rtl] .bui-table__row--expanded + .bui-table__row-toggle svg, [dir=rtl] .bui-table__row--expanded .bui-table__expand-icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.bui-table__row-expansion-content {
    max-height: 0;
    overflow: hidden
}

.bui-table__row--expanded + .bui-table__row-expansion .bui-table__row-expansion-content {
    max-height: none;
    padding: var(--bui_spacing_4x)
}

.bui-table__cell--expand-trigger {
    float: right
}

[dir=rtl] .bui-table__cell--expand-trigger {
    float: left
}

.bui-table__cell--check:before, .bui-table__cell--expand-trigger:before {
    display: none
}

.bui-table__row--expandable .bui-table__cell--row-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media(max-width:575px) {
    .bui-table__cell {
        min-height: -webkit-calc(var(--bui_spacing_1x)*13);
        min-height: calc(var(--bui_spacing_1x)*13);
        padding: var(--bui_spacing_4x) var(--bui_spacing_4x) var(--bui_spacing_4x) 50%
    }

    [dir=rtl] .bui-table__cell {
        padding: var(--bui_spacing_4x) 50% var(--bui_spacing_4x) var(--bui_spacing_4x)
    }

    .bui-table__cell--more {
        padding: var(--bui_spacing_4x) var(--bui_spacing_2x)
    }

    .bui-table__cell--row-head {
        border-top: var(--bui_border_width_100) solid var(--bui_color_border_alt)
    }

    .bui-table__cell--check, .bui-table__cell--row-head {
        padding-left: var(--bui_spacing_4x)
    }

    [dir=rtl] .bui-table__cell--check, [dir=rtl] .bui-table__cell--row-head {
        padding-left: 0;
        padding-right: var(--bui_spacing_4x)
    }
}

@media(-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .bui-table__cell:before {
        content: attr(data-heading);
        display: block
    }

    .bui-table__cell--more, .bui-table__cell--no-head:before, .bui-table__cell--row-head:before, .bui-table__head {
        display: none
    }
}

@media(min-width:576px) {
    .bui-table {
        display: table;
        border: var(--bui_border_width_100) solid var(--bui_color_border_alt);
        border-bottom: 0;
        background-color: var(--bui_color_background_elevation_one)
    }

    .bui-table__body, .bui-table__head {
        display: table-row-group
    }

    .bui-table__cell:before {
        display: none
    }

    .bui-table__cell {
        display: table-cell;
        vertical-align: top;
        border: 0
    }

    .bui-table__cell--left {
        text-align: left
    }

    [dir=rtl] .bui-table__cell--left {
        text-align: right
    }

    .bui-table__cell--center {
        text-align: center
    }

    .bui-table__cell--right {
        text-align: right
    }

    [dir=rtl] .bui-table__cell--right {
        text-align: left
    }

    .bui-table__row {
        display: table-row;
        margin: 0;
        border: var(--bui_border_width_100) solid var(--bui_color_border_alt)
    }

    .bui-table__cell--row-head {
        font-size: var(--bui_font_body_2_font-size);
        line-height: var(--bui_font_body_2_line-height);
        font-weight: var(--bui_font_body_2_font-weight);
        font-family: var(--bui_font_body_2_font-family)
    }

    .bui-table__cell--head {
        font-size: var(--bui_font_strong_2_font-size);
        line-height: var(--bui_font_strong_2_line-height);
        font-weight: var(--bui_font_strong_2_font-weight);
        font-family: var(--bui_font_strong_2_font-family);
        text-align: left
    }

    [dir=rtl] .bui-table__cell--head {
        text-align: right
    }

    .bui-table--no-border {
        border: 0
    }

        .bui-table--no-border .bui-table__cell:first-child {
            padding-left: 0;
            padding-right: var(--bui_spacing_4x)
        }

        .bui-table--no-border .bui-table__cell:last-child, [dir=rtl] .bui-table--no-border .bui-table__cell:first-child {
            padding-right: 0;
            padding-left: var(--bui_spacing_4x)
        }

    [dir=rtl] .bui-table--no-border .bui-table__cell:last-child {
        padding-left: 0;
        padding-right: var(--bui_spacing_4x)
    }

    .bui-table--no-border .bui-table__cell--head {
        padding-top: 0
    }

    .bui-table--no-border .bui-table__row {
        border-left: 0;
        border-right: 0
    }

    .bui-table--no-border .bui-table__head .bui-table__row {
        border-top: 0
    }

    .bui-table--no-border .bui-table__body .bui-table__row:last-child {
        border-bottom: 0
    }

        .bui-table--no-border .bui-table__body .bui-table__row:last-child .bui-table__cell {
            padding-bottom: 0
        }

    .bui-table--no-border .bui-table__body .bui-table__row-expansion {
        border-bottom: 0
    }

    .bui-table__head--sticky .bui-table__row {
        background-color: var(--bui_color_background_elevation_two)
    }

    .bui-table__head--sticky .bui-table__cell--head {
        position: -webkit-sticky;
        position: sticky;
        top: -webkit-calc(var(--bui_border_width_100)*-1);
        top: calc(var(--bui_border_width_100)*-1);
        background-color: inherit !important;
        z-index: 1
    }

        .bui-table__head--sticky .bui-table__cell--head:after {
            position: absolute;
            width: 100%;
            bottom: -webkit-calc(var(--bui_border_width_100)*-1);
            bottom: calc(var(--bui_border_width_100)*-1);
            left: 0;
            content: "";
            border-bottom: var(--bui_border_width_100) solid var(--bui_color_border_alt)
        }

    [dir=rtl] .bui-table__head--sticky .bui-table__cell--head:after {
        left: auto;
        right: 0
    }

    .bui-table__cell--align-end {
        text-align: right
    }

    [dir=rtl] .bui-table__cell--align-end {
        text-align: left
    }

    .bui-table__cell--check {
        float: none;
        width: var(--bui_spacing_4x);
        padding-left: var(--bui_spacing_4x);
        padding-right: 0
    }

    [dir=rtl] .bui-table__cell--check {
        padding-right: var(--bui_spacing_4x);
        padding-left: 0;
        float: none
    }

    .bui-table__cell--more {
        display: table-cell;
        text-align: right;
        position: relative;
        margin-top: var(--bui_spacing_half)
    }

    [dir=rtl] .bui-table__cell--more {
        text-align: left
    }

    .bui-table__cell--more .bui-dropdown__button--more {
        -webkit-transform: translateY(var(--bui_spacing_half));
        -ms-transform: translateY(var(--bui_spacing_half));
        transform: translateY(var(--bui_spacing_half))
    }

    .bui-table__row-expansion {
        display: table-row;
        border: 0;
        margin: 0;
        border-bottom: var(--bui_border_width_100) solid var(--bui_color_border_alt)
    }

    .bui-table__cell--expand-trigger {
        float: none;
        width: 0
    }

    .bui-table__expand-icon {
        display: inline-block
    }

    .bui-table__row--expanded .bui-table__expand-icon {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    [dir=rtl] .bui-table__row--expanded .bui-table__expand-icon {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .bui-table__row.bui-table__row--expandable {
        border-bottom: 0
    }

    .bui-table__row--expandable .bui-table__cell--row-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .bui-table__row-toggle {
        display: none
    }

    .bui-table--initialized .bui-table__cell--collapsible, .bui-table--initialized .bui-table__row--expanded .bui-table__cell--collapsible {
        display: table-cell
    }

    .bui-table__row--selected .bui-table__cell {
        border-color: var(--bui_color_action_border);
        background-color: var(--bui_color_action_background_alt)
    }

    .bui-table--compact .bui-table__body .bui-table__cell, .bui-table--compact .bui-table__body .bui-table__cell:first-child, .bui-table--compact .bui-table__body .bui-table__cell:last-child, .bui-table--compact .bui-table__row--expanded + .bui-table__row-expansion .bui-table__row-expansion-content {
        padding-top: var(--bui_spacing_2x);
        padding-bottom: var(--bui_spacing_2x)
    }
}

.bui-table__cell--vertical-align-middle {
    vertical-align: middle
}

.bui-table__cell--align-center {
    text-align: center
}

.bui-text--color-neutral {
    color: var(--bui_color_foreground)
}

.bui-text--color-neutral_alt {
    color: var(--bui_color_foreground_alt)
}

.bui-text--color-constructive {
    color: var(--bui_color_constructive_foreground)
}

.bui-text--color-destructive {
    color: var(--bui_color_destructive_foreground)
}

.bui-text--color-accent {
    color: var(--bui_color_accent_foreground)
}

.bui-text--color-callout {
    color: var(--bui_color_callout_foreground)
}

.bui-text--color-white {
    color: var(--bui_color_white)
}

.bui-text--color-disabled {
    color: var(--bui_color_foreground_disabled)
}

.bui-text--color-brand_genius_secondary {
    color: var(--bui_color_brand_genius_secondary_foreground)
}

.bui-text--variant-display_1 {
    font-size: var(--bui_font_display_1_font-size);
    line-height: var(--bui_font_display_1_line-height);
    font-weight: var(--bui_font_display_1_font-weight);
    font-family: var(--bui_font_display_1_font-family)
}

.bui-text--variant-display_2 {
    font-size: var(--bui_font_display_2_font-size);
    line-height: var(--bui_font_display_2_line-height);
    font-weight: var(--bui_font_display_2_font-weight);
    font-family: var(--bui_font_display_2_font-family)
}

.bui-text--variant-display_3 {
    font-size: var(--bui_font_display_3_font-size);
    line-height: var(--bui_font_display_3_line-height);
    font-weight: var(--bui_font_display_3_font-weight);
    font-family: var(--bui_font_display_3_font-family)
}

.bui-text--variant-featured_1 {
    font-size: var(--bui_font_featured_1_font-size);
    line-height: var(--bui_font_featured_1_line-height);
    font-weight: var(--bui_font_featured_1_font-weight);
    font-family: var(--bui_font_featured_1_font-family)
}

.bui-text--variant-featured_2 {
    font-size: var(--bui_font_featured_2_font-size);
    line-height: var(--bui_font_featured_2_line-height);
    font-weight: var(--bui_font_featured_2_font-weight);
    font-family: var(--bui_font_featured_2_font-family)
}

.bui-text--variant-featured_3 {
    font-size: var(--bui_font_featured_3_font-size);
    line-height: var(--bui_font_featured_3_line-height);
    font-weight: var(--bui_font_featured_3_font-weight);
    font-family: var(--bui_font_featured_3_font-family)
}

.bui-text--variant-headline_1 {
    font-size: var(--bui_font_headline_1_font-size);
    line-height: var(--bui_font_headline_1_line-height);
    font-weight: var(--bui_font_headline_1_font-weight);
    font-family: var(--bui_font_headline_1_font-family)
}

.bui-text--variant-headline_2 {
    font-size: var(--bui_font_headline_2_font-size);
    line-height: var(--bui_font_headline_2_line-height);
    font-weight: var(--bui_font_headline_2_font-weight);
    font-family: var(--bui_font_headline_2_font-family)
}

.bui-text--variant-headline_3 {
    font-size: var(--bui_font_headline_3_font-size);
    line-height: var(--bui_font_headline_3_line-height);
    font-weight: var(--bui_font_headline_3_font-weight);
    font-family: var(--bui_font_headline_3_font-family)
}

.bui-text--variant-strong_1 {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-text--variant-strong_2 {
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family)
}

.bui-text--variant-emphasized_1 {
    font-size: var(--bui_font_emphasized_1_font-size);
    line-height: var(--bui_font_emphasized_1_line-height);
    font-weight: var(--bui_font_emphasized_1_font-weight);
    font-family: var(--bui_font_emphasized_1_font-family)
}

.bui-text--variant-emphasized_2 {
    font-size: var(--bui_font_emphasized_2_font-size);
    line-height: var(--bui_font_emphasized_2_line-height);
    font-weight: var(--bui_font_emphasized_2_font-weight);
    font-family: var(--bui_font_emphasized_2_font-family)
}

.bui-text--variant-body_1 {
    font-size: var(--bui_font_body_1_font-size);
    line-height: var(--bui_font_body_1_line-height);
    font-weight: var(--bui_font_body_1_font-weight);
    font-family: var(--bui_font_body_1_font-family)
}

.bui-text--variant-body_2 {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-text--variant-small_1 {
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-text--variant-small_2 {
    font-size: var(--bui_font_small_2_font-size);
    line-height: var(--bui_font_small_2_line-height);
    font-weight: var(--bui_font_small_2_font-weight);
    font-family: var(--bui_font_small_2_font-family)
}

.bui-timeline {
    margin: 0;
    padding: 0;
    list-style: none
}

.bui-timeline__item {
    position: relative;
    margin-top: var(--bui_spacing_6x);
    padding-left: var(--bui_spacing_6x)
}

[dir=rtl] .bui-timeline__item {
    padding-left: 0;
    padding-right: var(--bui_spacing_6x)
}

.bui-timeline__item:before {
    content: "";
    position: absolute;
    background: var(--bui_color_border);
    top: -webkit-calc(var(--bui_spacing_3x) + var(--bui_spacing_2x));
    top: calc(var(--bui_spacing_3x) + var(--bui_spacing_2x));
    bottom: -webkit-calc(var(--bui_spacing_6x)*-1);
    bottom: calc(var(--bui_spacing_6x)*-1);
    left: var(--bui_spacing_1x);
    width: var(--bui_border_width_100);
    margin-left: -webkit-calc(var(--bui_border_width_100)/-1);
    margin-left: calc(var(--bui_border_width_100)/-1)
}

[dir=rtl] .bui-timeline__item:before {
    left: auto;
    right: var(--bui_spacing_1x);
    margin-left: 0;
    margin-right: -webkit-calc(var(--bui_border_width_100)/-1);
    margin-right: calc(var(--bui_border_width_100)/-1)
}

.bui-timeline__item:after {
    content: "";
    width: var(--bui_spacing_2x);
    height: var(--bui_spacing_2x);
    border-radius: 50%;
    background: var(--bui_color_border);
    position: absolute;
    left: 0;
    top: -webkit-calc(var(--bui_spacing_1x) + var(--bui_spacing_half));
    top: calc(var(--bui_spacing_1x) + var(--bui_spacing_half))
}

[dir=rtl] .bui-timeline__item:after {
    left: auto;
    right: 0
}

.bui-timeline__item:last-child:before {
    content: none
}

.bui-timeline__title {
    margin: 0;
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-timeline__content {
    margin-top: var(--bui_spacing_2x)
}

.bui-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.bui-title__text {
    margin: 0;
    font-size: var(--bui_font_strong_2_font-size);
    line-height: var(--bui_font_strong_2_line-height);
    font-weight: var(--bui_font_strong_2_font-weight);
    font-family: var(--bui_font_strong_2_font-family)
}

.bui-title__subtitle {
    color: var(--bui_color_foreground_alt);
    margin: 0;
    font-size: var(--bui_font_small_1_font-size);
    line-height: var(--bui_font_small_1_line-height);
    font-weight: var(--bui_font_small_1_font-weight);
    font-family: var(--bui_font_small_1_font-family)
}

.bui-title--reversed {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.bui-title--strong_1 .bui-title__text {
    font-size: var(--bui_font_strong_1_font-size);
    line-height: var(--bui_font_strong_1_line-height);
    font-weight: var(--bui_font_strong_1_font-weight);
    font-family: var(--bui_font_strong_1_font-family)
}

.bui-title--strong_1 .bui-title__subtitle {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

.bui-title--headline_3 .bui-title__text {
    font-size: var(--bui_font_headline_3_font-size);
    line-height: var(--bui_font_headline_3_line-height);
    font-weight: var(--bui_font_headline_3_font-weight);
    font-family: var(--bui_font_headline_3_font-family)
}

.bui-title--headline_3 .bui-title__subtitle {
    margin-top: var(--bui_spacing_half);
    font-size: var(--bui_font_body_1_font-size);
    line-height: var(--bui_font_body_1_line-height);
    font-weight: var(--bui_font_body_1_font-weight);
    font-family: var(--bui_font_body_1_font-family)
}

.bui-title--headline_3.bui-title--reversed .bui-title__subtitle {
    margin-top: 0;
    margin-bottom: var(--bui_spacing_half)
}

.bui-title--headline_2 .bui-title__text {
    font-size: var(--bui_font_headline_2_font-size);
    line-height: var(--bui_font_headline_2_line-height);
    font-weight: var(--bui_font_headline_2_font-weight);
    font-family: var(--bui_font_headline_2_font-family)
}

.bui-title--headline_2 .bui-title__subtitle {
    margin-top: var(--bui_spacing_1x);
    font-size: var(--bui_font_body_1_font-size);
    line-height: var(--bui_font_body_1_line-height);
    font-weight: var(--bui_font_body_1_font-weight);
    font-family: var(--bui_font_body_1_font-family)
}

.bui-title--headline_2.bui-title--reversed .bui-title__subtitle {
    margin-top: 0;
    margin-bottom: var(--bui_spacing_1x)
}

.bui-title--headline_1 .bui-title__text {
    font-size: var(--bui_font_headline_1_font-size);
    line-height: var(--bui_font_headline_1_line-height);
    font-weight: var(--bui_font_headline_1_font-weight);
    font-family: var(--bui_font_headline_1_font-family)
}

.bui-title--headline_1 .bui-title__subtitle {
    margin-top: var(--bui_spacing_2x);
    font-size: var(--bui_font_body_1_font-size);
    line-height: var(--bui_font_body_1_line-height);
    font-weight: var(--bui_font_body_1_font-weight);
    font-family: var(--bui_font_body_1_font-family)
}

.bui-title--headline_1.bui-title--reversed .bui-title__subtitle {
    margin-top: 0;
    margin-bottom: var(--bui_spacing_2x)
}

.bui-toast {
    position: fixed;
    left: var(--bui_spacing_6x);
    bottom: var(--bui_spacing_6x);
    background: var(--bui_color_background_inverted);
    border-radius: var(--bui_border_radius_200);
    color: var(--bui_color_foreground_inverted);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: var(--bui_spacing_4x);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: -webkit-calc(var(--bui_spacing_8x)*10);
    width: calc(var(--bui_spacing_8x)*10);
    z-index: var(--z_index_4);
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

[dir=rtl] .bui-toast {
    left: auto;
    right: var(--bui_spacing_6x)
}

.bui-toast__button {
    color: var(--bui_color_action_foreground_inverted);
    margin-left: var(--bui_spacing_4x);
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family)
}

[dir=rtl] .bui-toast__button {
    margin-left: 0;
    margin-right: var(--bui_spacing_4x)
}

.bui-toast__button:hover {
    color: var(--bui_color_action_foreground_inverted)
}

@media(max-width:575px) {
    .bui-toast {
        width: auto;
        left: var(--bui_spacing_4x);
        right: var(--bui_spacing_4x);
        bottom: var(--bui_spacing_4x)
    }
}

.bui-toast--enter-from {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
}

.bui-toast--enter-settings {
    -webkit-transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-in),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-in);
    transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-in),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-in);
    transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-in),transform var(--bui_timing-deliberate) var(--bui_easing-slow-in);
    -webkit-transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-in),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-in),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-in);
    transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-in),transform var(--bui_timing-deliberate) var(--bui_easing-slow-in),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-in)
}

.bui-toast--exit-to {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
}

.bui-toast--exit-settings {
    -webkit-transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-out),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-out),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-out),transform var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    -webkit-transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-out),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out);
    transition: opacity var(--bui_timing-deliberate) var(--bui_easing-slow-out),transform var(--bui_timing-deliberate) var(--bui_easing-slow-out),-webkit-transform var(--bui_timing-deliberate) var(--bui_easing-slow-out)
}

@media(prefers-reduced-motion:reduce) {
    .bui-toast--enter-settings, .bui-toast--exit-settings {
        -webkit-transition-duration: 0s !important;
        transition-duration: 0s !important
    }

    .bui-toast--enter-settings {
        -webkit-transition-delay: var(--bui_timing-instant);
        transition-delay: var(--bui_timing-instant)
    }
}

.bui-tooltip {
    font-size: var(--bui_font_body_2_font-size);
    line-height: var(--bui_font_body_2_line-height);
    font-weight: var(--bui_font_body_2_font-weight);
    font-family: var(--bui_font_body_2_font-family);
    z-index: var(--z_index_4);
    -webkit-box-shadow: var(--bui_shadow_100);
    box-shadow: var(--bui_shadow_100);
    background: var(--bui_color_background_inverted);
    color: var(--bui_color_foreground_inverted);
    display: inline-block;
    border-radius: var(--bui_border_radius_100);
    padding: var(--bui_spacing_1x) var(--bui_spacing_2x);
    max-width: -webkit-calc(var(--bui_spacing_8x)*10);
    max-width: calc(var(--bui_spacing_8x)*10);
    pointer-events: none;
    position: relative;
    -webkit-animation: bui-tooltip-enter-top var(--bui_animation_duration) var(--bui_easing-subtle-in-out) 0s 1;
    animation: bui-tooltip-enter-top var(--bui_animation_duration) var(--bui_easing-subtle-in-out) 0s 1
}

.bui-tooltip--bottom, .bui-tooltip--bottom-end, .bui-tooltip--bottom-start {
    -webkit-animation-name: bui-tooltip-enter-bottom;
    animation-name: bui-tooltip-enter-bottom
}

.bui-tooltip--start {
    -webkit-animation-name: bui-tooltip-enter-left;
    animation-name: bui-tooltip-enter-left
}

.bui-tooltip--end {
    -webkit-animation-name: bui-tooltip-enter-right;
    animation-name: bui-tooltip-enter-right
}

.bui-tooltip__arrow {
    -webkit-box-shadow: var(--bui_shadow_100);
    box-shadow: var(--bui_shadow_100);
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    background: inherit;
    overflow: hidden
}

[dir=rtl] .bui-tooltip__arrow {
    -webkit-transform: translateX(50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(-45deg);
    transform: translateX(50%) translateY(-50%) rotate(-45deg)
}

.bui-tooltip--top > .bui-tooltip__arrow {
    top: 100%;
    left: 50%
}

[dir=rtl] .bui-tooltip--top > .bui-tooltip__arrow {
    left: auto;
    right: 50%
}

.bui-tooltip--bottom > .bui-tooltip__arrow {
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    transform: translateX(-50%) translateY(-50%) rotate(-135deg)
}

[dir=rtl] .bui-tooltip--bottom > .bui-tooltip__arrow {
    left: auto;
    right: 50%;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(135deg);
    transform: translateX(50%) translateY(-50%) rotate(135deg)
}

.bui-tooltip--start > .bui-tooltip__arrow {
    top: 50%;
    left: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

[dir=rtl] .bui-tooltip--start > .bui-tooltip__arrow {
    left: auto;
    right: 100%;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(45deg);
    transform: translateX(50%) translateY(-50%) rotate(45deg)
}

.bui-tooltip--end > .bui-tooltip__arrow {
    top: 50%;
    left: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
    transform: translateX(-50%) translateY(-50%) rotate(135deg)
}

[dir=rtl] .bui-tooltip--end > .bui-tooltip__arrow {
    left: auto;
    right: 0;
    -webkit-transform: translateX(50%) translateY(-50%) rotate(-135deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(-135deg);
    transform: translateX(50%) translateY(-50%) rotate(-135deg)
}

.bui-tooltip--top-start > .bui-tooltip__arrow {
    top: 100%;
    left: var(--bui_spacing_4x)
}

[dir=rtl] .bui-tooltip--top-start > .bui-tooltip__arrow {
    left: auto;
    right: var(--bui_spacing_4x)
}

.bui-tooltip--top-end > .bui-tooltip__arrow {
    top: 100%;
    left: auto;
    right: var(--bui_spacing_4x)
}

[dir=rtl] .bui-tooltip--top-end > .bui-tooltip__arrow {
    right: auto;
    left: var(--bui_spacing_4x)
}

.bui-tooltip--bottom-start > .bui-tooltip__arrow {
    top: 0;
    left: var(--bui_spacing_4x);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    transform: translateX(-50%) translateY(-50%) rotate(-135deg)
}

[dir=rtl] .bui-tooltip--bottom-start > .bui-tooltip__arrow {
    left: auto;
    right: var(--bui_spacing_4x);
    -webkit-transform: translateX(50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(135deg);
    transform: translateX(50%) translateY(-50%) rotate(135deg)
}

.bui-tooltip--bottom-end > .bui-tooltip__arrow {
    top: 0;
    left: auto;
    right: var(--bui_spacing_4x);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
    transform: translateX(-50%) translateY(-50%) rotate(-135deg)
}

[dir=rtl] .bui-tooltip--bottom-end > .bui-tooltip__arrow {
    right: auto;
    left: var(--bui_spacing_4x);
    -webkit-transform: translateX(50%) translateY(-50%) rotate(135deg);
    -ms-transform: translateX(50%) translateY(-50%) rotate(135deg);
    transform: translateX(50%) translateY(-50%) rotate(135deg)
}

.bui-tooltip--no-arrow > .bui-tooltip__arrow {
    display: none
}

.bui-tooltip--light {
    background: var(--bui_color_background_elevation_two);
    color: var(--bui_color_foreground)
}

@-webkit-keyframes bui-tooltip-enter-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(var(--bui_spacing_2x));
        transform: translateY(var(--bui_spacing_2x))
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bui-tooltip-enter-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(var(--bui_spacing_2x));
        transform: translateY(var(--bui_spacing_2x))
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bui-tooltip-enter-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--bui_spacing_2x)*-1));
        transform: translateY(calc(var(--bui_spacing_2x)*-1))
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bui-tooltip-enter-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-webkit-calc(var(--bui_spacing_2x)*-1));
        transform: translateY(calc(var(--bui_spacing_2x)*-1))
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bui-tooltip-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-webkit-calc(var(--bui_spacing_2x)*-1));
        transform: translateX(calc(var(--bui_spacing_2x)*-1))
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bui-tooltip-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-webkit-calc(var(--bui_spacing_2x)*-1));
        transform: translateX(calc(var(--bui_spacing_2x)*-1))
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bui-tooltip-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(var(--bui_spacing_2x));
        transform: translateX(var(--bui_spacing_2x))
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bui-tooltip-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(var(--bui_spacing_2x));
        transform: translateX(var(--bui_spacing_2x))
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.u-display-block {
    display: block
}

.u-display-inline {
    display: inline
}

.u-display-inline-block {
    display: inline-block
}

.u-position-relative {
    position: relative
}

.u-position-absolute {
    position: absolute
}

.u-margin-0 {
    margin: 0
}

.u-margin-top-5 {
    margin-top: 5px !important
}

.u-margin-top-15 {
    margin-top: 15px !important
}

.u-margin-bottom-15 {
    margin-bottom: 15px !important
}

.u-margin-bottom-5 {
    margin-bottom: 5px !important
}

.u-overflow-hidden {
    overflow: hidden
}

.u-clearfix:before, .u-clearfix:after {
    content: "";
    display: table
}

.u-clearfix:after {
    clear: both
}

a.u-font-weight-bold, .u-font-weight-bold {
    font-weight: bold
}

a.u-font-weight-normal, .u-font-weight-normal {
    font-weight: normal
}

.u-text-align-start {
    text-align: left
}

.u-text-align-end {
    text-align: right
}

.u-text-align-center {
    text-align: center
}

.u-pull-start {
    float: left
}

.u-pull-end {
    float: right
}

.dir-rtl {
    direction: rtl
}

.dir-ltr {
    direction: ltr
}

@media screen {
    body {
        margin: 0;
        padding: 0;
        background-color: var(--bui_color_white);
        color: var(--bui_color_foreground);
        font-size: small;
        line-height: 1.2;
        font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
    }

    input, button, select, textarea {
        font-size: 1em;
        color: var(--bui_color_foreground);
        font-family: inherit
    }

    blockquote, blockquote:before {
        font-family: Georgia,serif
    }

    .ko {
        font-family: "Malgun Gothic",Dotum,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
    }

    .ar {
        font-family: "Geeza Pro","Tahoma",BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
    }

        .ar div.address, .ar p.address, .ar .hotel_content_medium, .ar h5 em {
            font-style: normal !important
        }

    .ja {
        font-family: Meiryo,Osaka,BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
    }

    .small {
        font-size: 88%
    }

    .inlineJsRequired, .blockJsRequired {
        display: none
    }

    div.error {
        min-height: 2.4em
    }

        div.error p {
            font-weight: bold;
            color: #a30000 !important;
            margin: 0;
            padding: .6em 0 0 1.9em !important
        }

    p.error {
        margin: 0;
        padding: .6em 0 0 2.85em !important;
        font-weight: bold;
        color: #a30000 !important;
        min-height: 2.4em
    }

    .error span {
        font-weight: normal
    }

    span.exclamation {
        background-color: #a30000;
        color: var(--bui_color_white);
        font: bold 140%/180% BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        margin: .15em .15em .15em .6em;
        position: absolute
    }

    p.error a, div.error a {
        color: #a30000
    }

        p.error a:hover, div.error a:hover {
            color: #febb02
        }

    .b_warning {
        color: #a30000
    }

    div.address, p.address {
        font-style: italic;
        margin: 0 0 .6em
    }

    form {
        margin: 0;
        padding: 0
    }

    input, select {
        padding: 0;
        margin: 0
    }

    a img {
        border: none !important
    }

    a:link {
        color: var(--bui_color_action_foreground)
    }

    a:visited {
        color: var(--bui_color_foreground);
        font-weight: bold
    }

    a:hover {
        color: #bc5b01
    }

    a:active {
        color: #a30000
    }

    .promo_even_on a:hover {
        color: #333
    }

    .pseudo_link {
        cursor: pointer;
        text-decoration: underline;
        color: #0071c2;
        white-space: nowrap
    }

        .pseudo_link:hover {
            color: #febb02
        }

    h1 {
        margin: 0;
        font-size: 140%;
        font-weight: bold
    }

    h2 {
        margin: 0 0 .5em .5em;
        padding-top: 1.5em;
        font-size: 120%;
        font-weight: bold
    }

    h3 {
        margin: 0;
        font-size: 118%;
        font-weight: bold
    }

    h4 {
        font-weight: bold;
        margin: 1.2em 0 0
    }

    h5 {
        font-weight: bold;
        margin: 1em 0 0
    }

    h6 {
        font-size: 88%;
        font-style: italic;
        font-weight: normal;
        line-height: 1;
        margin: 0
    }

    textarea {
        display: block
    }

    table {
        border-spacing: 0;
        border: 0
    }

    td, th {
        padding: 0;
        border: 0;
        text-align: left;
        vertical-align: top;
        font-weight: normal
    }

    .encrypted {
        visibility: hidden
    }

    .round8 {
        border-radius: 8px
    }

    .round6 {
        border-radius: 6px
    }

    .round4 {
        border-radius: 4px
    }

    .clearBoth {
        clear: both
    }

    hr.clearBoth {
        width: 0;
        height: 0;
        visibility: hidden;
        margin: 0
    }

    .nowrap {
        white-space: nowrap
    }

    .shadow {
        background-color: rgba(32,32,32,0.175);
        padding: 2px;
        border-radius: 4px;
        opacity: 1
    }

    img.help {
        cursor: help;
        vertical-align: -3px
    }

    .is_dev_env .map_container_atlas img[alt=""], .is_dev_env .map_container_atlas img:not([alt]), .is_dev_env .b-map-container img[alt=""], .is_dev_env .b-map-container img:not([alt]) {
        outline: 0
    }

    .nobg {
        background: var(--bui_color_white) 0 0 repeat-x
    }

        .nobg #confirmationTmpl {
            margin: auto;
            width: 56em
        }

        .nobg #bookTmpl #fullwidth {
            margin-top: .5em
        }

        .nobg #b_confirmation_body {
            float: none;
            margin: auto !important
        }

    #bodyconstraint {
        max-width: 1094px;
        min-width: 620px;
        margin: 0 auto;
        background-color: var(--bui_color_white);
        padding: 0 8px
    }

    .t_m_viewport #bodyconstraint {
        min-width: inherit !important
    }

    .nobg #bodyconstraint {
        background-color: transparent;
        padding: 0;
        max-width: 1110px
    }

    #bodyconstraint-inner {
        position: relative
    }

    #bodyconstraint.bodyconstraint_increased-min-width {
        min-width: 950px
    }

    #basiclayout {
        clear: both;
        vertical-align: top;
        margin: 20px 0 0 0;
        width: 100%
    }

    .nobg #basiclayout {
        padding: 0 5px
    }

    #left {
        width: 238px;
        margin: 1em 0;
        padding: 0 8px 0 0
    }

    #disambiguationInc2 #fullwidth {
        margin: 4.2em 12px 2.4em 8px;
        min-height: 200px
    }

    #fullwidth {
        margin-top: 1.8em
    }

    #right {
        margin: 1em 0;
        padding: 0 8px 0 12px
    }

    .leftwide {
        width: 50% !important
    }

    #footernav a {
        white-space: nowrap
    }

    table td.figure, table th.figure {
        text-align: right
    }

    p.disabled#you_can_book_at_most_x_rooms_with_this_hotel, p.disabled#you_can_book_for_at_most_x_guests_per_reservation_with_this_hotel {
        display: none
    }

    #tooltip_wrap {
        position: absolute;
        top: 0;
        left: 0;
        display: none;
        z-index: 92000;
        width: 400px
    }

        #tooltip_wrap img {
            max-width: 500px
        }

        #tooltip_wrap p {
            margin: 0 0 .3em !important
        }

    #b2hotelPage #tooltip_wrap p {
        margin: 0 0 .3em !important
    }

    .tt_content {
        background: none repeat scroll 0 0 #ffc489;
        border: 1px solid #cd8900;
        border-radius: 4px 4px 4px 4px;
        -webkit-box-shadow: 0 1px 0 0 var(--bui_color_white) inset;
        box-shadow: 0 1px 0 0 var(--bui_color_white) inset;
        color: #545454;
        font-size: 1em;
        font-weight: normal;
        left: 0;
        opacity: 1 !important;
        padding: 7px;
        position: relative;
        text-align: left;
        top: 0
    }

    .tt_shadow {
        background-color: rgba(32,32,32,0.176);
        border-radius: 4px 4px 4px 4px;
        opacity: 1;
        padding: 2px
    }

    .blackBorderTooltip .tt_content {
        background: none repeat scroll 0 0 var(--bui_color_black);
        border: 1px solid var(--bui_color_white);
        color: var(--bui_color_white)
    }

    #tooltip_wrap h2 {
        padding: .5em 0;
        margin: 0
    }

    #tooltip_wrap ul {
        color: #444;
        padding: .3em .3em .3em 2em;
        margin: 0
    }

    #tooltip_wrap h3 {
        text-align: left;
        position: relative;
        background: #ffc489;
        border: 1px solid #cd8900;
        color: #545454;
        padding: 7px;
        margin: 0;
        top: 0;
        left: 0;
        font-size: 1em;
        font-weight: normal;
        border-radius: 4px;
        opacity: 1 !important;
        -webkit-box-shadow: inset 0 1px 0 0 var(--bui_color_white);
        box-shadow: inset 0 1px 0 0 var(--bui_color_white)
    }

        #tooltip_wrap h3 img[src*=max300] {
            padding-bottom: 5px
        }

    .popover_content {
        background: var(--bui_color_white);
        padding: 0;
        border: 1px solid #5bbaff;
        -webkit-box-shadow: 0 0 8px #5bbaff;
        box-shadow: 0 0 8px #5bbaff;
        border-radius: 3px
    }

        .popover_content.with_arrow:before, .popover_content.with_arrow:after {
            position: absolute;
            content: ""
        }

        .popover_content.with_arrow:before {
            width: 10px;
            height: 10px;
            background: inherit;
            -webkit-box-shadow: inherit;
            box-shadow: inherit;
            border: inherit;
            z-index: -1;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .popover_content.with_arrow:after {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: inherit;
            z-index: -1
        }

        .popover_content.with_arrow.top_arrow:before, .popover_content.with_arrow.bottom_arrow:before {
            left: 50%;
            margin-left: -5px
        }

        .popover_content.with_arrow.right_arrow:before, .popover_content.with_arrow.left_arrow:before {
            top: 50%;
            margin-top: -5px
        }

        .popover_content.with_arrow.top_arrow:before {
            top: -5px
        }

        .popover_content.with_arrow.right_arrow:before {
            right: -5px
        }

        .popover_content.with_arrow.bottom_arrow:before {
            bottom: -5px
        }

        .popover_content.with_arrow.left_arrow:before {
            left: -5px
        }

    .incExcInPriceNew {
        font-size: 1em
    }

    .incExcEmphasize {
        font-weight: bold
    }
}

.g-hidden {
    display: none !important
}

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

.bigbluebutton, button.bigbluebutton, input.bigbluebutton {
    padding: .3em .9em;
    font-size: 1.5em;
    font-weight: bold;
    background-color: #0071c2;
    color: var(--bui_color_white);
    border: 4px solid var(--bui_color_white);
    border-radius: 12px;
    -webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
    background-clip: padding-box;
    -webkit-font-smoothing: antialiased
}

    .bigbluebutton:hover, button.bigbluebutton:hover, button.bigbluebutton_hover {
        background-color: #003580;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out
    }

textarea.inputTextarea {
    padding: 6px;
    margin: 1px;
    border: 1px solid #999;
    width: 250px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px #ccc;
    box-shadow: 1px 1px 2px #ccc;
    font-size: 1.2em;
    color: #444;
    background-color: #f8f8f8
}

.big_review_score_detailed {
    text-decoration: none;
    font-size: 1.8em
}

.reviewFloater .big_review_score_detailed {
    text-decoration: none;
    font-size: 1.5em
}

@media all and (max-width:790px) {
    .b2 #personal_form {
        margin-top: -2px !important
    }

    .b2 .top_select_wrap, .b2 .top_select_wrap_noborder {
        float: none !important;
        height: 26px;
        border-right: 0 !important;
        margin-left: auto;
        margin-right: 0;
        padding-right: 0
    }

    .b2 .select_foldout {
        right: 15px !important
    }

    .b2 #special_actions {
        display: none
    }
}

.invisible_spoken {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    white-space: normal;
    overflow: hidden;
    color: #0071c2;
    top: 0;
    left: 0
}

.invisible_silent {
    display: none;
    visibility: hidden
}

.screen_reader_heading {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    white-space: normal;
    overflow: hidden;
    right: 0
}

#tooltip_jar {
    display: none !important
}

.b_keep_cc_ltr, .b_keep_email_ltr, .b_keep_phone_number_ltr {
    direction: ltr !important;
    unicode-bidi: embed;
    text-align: right
}

#top {
    background: var(--bui_color_brand_primary_background);
    border: 0;
    height: 64px;
    width: 100%;
    padding: 0
}

    #top .header-wrapper {
        position: relative;
        margin: 0 auto;
        max-width: 1110px
    }

        #top .header-wrapper:after {
            content: "";
            display: table;
            clear: both
        }

        #top .header-wrapper :focus {
            outline-color: #ebf3ff
        }

#logo_no_globe_new_logo {
    position: absolute;
    top: 23px;
    left: 7px
}

#top.booking_suite_header, body.header_reshuffle #top.booking_suite_header {
    height: 65px !important
}

    #top.booking_suite_header #user_form .user_center_nav .uc_language a.popover_trigger img {
        width: 27px
    }

    #top.booking_suite_header #user_form .user_center_nav .uc_language a.popover_trigger {
        padding: 20px 17px 12px 17px
    }

.js-header__logo.bSuite_logo .bSuite_logo_img {
    position: absolute;
    width: 180px;
    top: 20px;
    left: 6px
}

.js-header__logo.main-logo-hidden {
    display: none !important
}

body.user_center #logo_no_globe_new_logo.part_of_priceline_logo {
    top: 7px;
    width: 145px
}

body.user_center .part_of_priceline_tagline {
    position: relative;
    top: 30px;
    left: 7px;
    color: #f1f1f1;
    font-weight: normal;
    font-size: 11px
}

.currency {
    padding: 2px 4px 1px;
    background-color: var(--bui_color_brand_primary_background);
    color: var(--bui_color_white);
    margin-right: 5px;
    font: normal x-small/22px Monaco,"Courier New",monospace !important
}

#banner_text {
    position: absolute;
    right: 22px;
    top: 0;
    height: 64px;
    width: 275px;
    display: table
}

    #banner_text p {
        display: table-cell;
        vertical-align: middle;
        text-align: right
    }

        #banner_text p strong {
            display: block;
            color: #212121;
            font: bold 22px BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
            line-height: .9em;
            position: relative;
            width: 275px
        }

            #banner_text p strong span {
                position: absolute;
                top: -2px;
                right: 2px;
                color: var(--bui_color_white);
                width: 275px
            }

#languageselect div {
    float: left;
    margin-right: 5px;
    padding: 2px 0;
    white-space: nowrap
}

#currList, optgroup {
    font-style: normal
}

.select_box {
    display: block;
    float: left;
    cursor: pointer;
    height: 26px;
    width: auto;
    border: 1px solid #003580;
    border-radius: var(--bui_border_radius_100)
}

.select_box {
    position: relative
}

.select_foldout {
    position: absolute;
    right: 0
}

.select_box.sel_hover, .select_box.sel_open {
    border-top: 1px solid #00224f;
    border-left: 1px solid #00224f;
    border-right: 1px solid #00224f;
    border-bottom: 1px solid #bad4f7;
    text-shadow: none
}

.select_box .pointer {
    display: block;
    float: left;
    height: 27px;
    width: 24px;
    overflow: hidden
}

.select_box.sel_hover .pointer, .select_box.sel_open .pointer {
    background-position: 0 -29px
}

.select_box {
    font-size: 1em
}

    .select_box .description {
        display: block;
        float: left;
        color: var(--bui_color_foreground);
        font-weight: normal;
        margin-right: 5px;
        padding-top: 6px
    }

    .select_box .symbol {
        display: block;
        float: left;
        color: #febb02;
        font-size: 1.1em !important;
        margin-right: 5px;
        margin-left: 3px;
        padding-top: 5px
    }

    .select_box .head_firstname {
        white-space: nowrap
    }

.select_foldout {
    display: none;
    position: absolute;
    height: 0;
    margin-top: 29px;
    background: var(--bui_color_white);
    z-index: 9999;
    border: 1px solid #003580;
    border-radius: var(--bui_border_radius_100);
    -webkit-box-shadow: 1px 1px #999;
    box-shadow: 1px 1px #999
}

.select_foldout_wrap {
    overflow-y: scroll;
    margin: 5px 5px 0 5px;
    float: left
}

.select_foldout ul {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    clear: both
}

    .select_foldout ul li {
        display: block;
        float: left;
        clear: both;
        width: 105%
    }

        .select_foldout ul li.selected_currency, .select_foldout ul li.selected_country {
            background-color: #ededed;
            color: var(--bui_color_black)
        }

        .select_foldout ul li a {
            display: block;
            float: left;
            width: 110%;
            padding: 4px 12px 4px 0;
            text-decoration: none;
            cursor: pointer;
            font-weight: normal
        }

            .select_foldout ul li a:visited {
                color: var(--bui_color_action_foreground);
                font-weight: normal;
                text-decoration: none
            }

            .select_foldout ul li a:hover {
                background-color: var(--bui_color_action_background)
            }

.select_foldout .selsymbol {
    display: block;
    width: 30px;
    float: left;
    padding-left: 2px;
    text-decoration: none;
    font-size: .88em
}

.select_foldout ul li.selected_currency a, .select_foldout ul li.selected_currency a .selsymbol, .select_foldout ul li.selected_country a, .select_foldout ul li.selected_country a .selsymbol {
    color: var(--bui_color_black);
    cursor: default
}

.select_foldout .seldescription {
    display: block;
    float: left;
    text-decoration: none
}

.select_foldout ul li a .selsymbol {
    color: var(--bui_color_foreground)
}

.select_foldout ul li a:hover .selsymbol {
    color: #febb02
}

.select_foldout ul li a:hover .seldescription {
    color: var(--bui_color_white) !important
}

.ticker_space {
    margin-top: 10px !important
}

body.header_reshuffle #top {
    height: auto !important;
    min-height: 82px !important
}

body.header_reshuffle #subheader-wrap {
    clear: both
}

.breadcrumb {
    margin: 0;
    padding: 0 8px;
    color: #333;
    font-size: var(--bui_font_small_1_font-size);
    font-weight: var(--bui_font_small_1_font-weight);
    line-height: var(--bui_font_small_1_line-height);
    font-family: var(--bui_font_small_1_font-family);
    font-weight: 500;
    overflow-y: hidden
}

    .breadcrumb a, .breadcrumb a:visited {
        color: #0071c2;
        text-decoration: none;
        font-weight: 500
    }

        .breadcrumb a:hover, .breadcrumb a:focus {
            color: #003580;
            text-decoration: underline
        }

.b-crumb__hp-current {
    font-size: inherit;
    font-weight: inherit
}

.breadcrumb span {
    color: #6b6b6b;
    display: block;
    font-size: 11px;
    line-height: 15px;
    padding-right: 0;
    font-weight: 400
}

.bui-breadcrumb {
    padding: 0
}

#subheader-wrap .bui-breadcrumb {
    margin: 8px 5px
}

.bui-breadcrumb__text {
    max-width: none
}

.bui-breadcrumb__item .bui-link {
    font-weight: normal
}

.bui-link:hover, .bui-link:focus, .bui-link:active, a.bui_breadcrumb__link:hover {
    text-decoration: underline;
    color: #0071c2
}

ol.hp-breadcrump__wrapper {
    margin: -8px 0 0 -4px
}

.hp-breadcrumb__item {
    margin: 8px 0
}

    .hp-breadcrumb__item a.hp-breadcrumb__item_masked_link {
        font-size: inherit;
        font-weight: normal;
        text-decoration: none;
        color: #6b6b6b;
        cursor: default
    }

@-webkit-keyframes fade-in {
    000% {
        opacity: 0;
        margin-top: -32px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes fade-in {
    000% {
        opacity: 0;
        margin-top: -32px
    }

    100% {
        opacity: 1;
        margin-top: 0
    }
}

img.nw_avatar {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 25px;
    margin-left: -3px;
    margin-top: -5px;
    width: 25px
}

.user_access_menu_usps {
    padding-left: 0;
    margin-left: 0;
    list-style: none
}

    .user_access_menu_usps li {
        padding: 0 0 0 22px;
        line-height: 16px;
        margin: .5em 0;
        width: 90%
    }

.small_flags_foldout .selsymbol {
    width: 20px;
    padding-top: 2px
}

.is_cobrand #foldout_loggedin .my_logout {
    padding: 0
}

    .is_cobrand #foldout_loggedin .my_logout:hover .header_logout_link {
        color: var(--bui_color_white)
    }

.ja .lang_n-latin .seldescription {
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

#footernav {
    color: #333;
    font-weight: bold
}

#footernote {
    margin-top: .75em;
    font-size: 88%
}

#bookFooterInc #footercert {
    float: right
}

.extranet_link_container {
    border-top: 1px solid var(--bui_color_white);
    border-bottom: 1px solid var(--bui_color_white);
    margin-top: 3em;
    padding: 0;
    text-align: center
}

.extranet_link {
    display: inline-block;
    font-size: 1.1em;
    margin: 0 10px;
    padding: 1em 0;
    text-align: center;
    text-decoration: none
}

@media screen {
    table.generaltable {
        border: 1px solid #0071c2;
        border-top: 0;
        border-left-width: 5px
    }

        table.generaltable th {
            margin: 0;
            border-bottom: 1px dashed var(--bui_color_white);
            padding: 3px 8px;
            color: var(--bui_color_white);
            background-color: #003580;
            font-weight: bold
        }

        table.generaltable td {
            background-color: #fafcff;
            padding: 3px 8px
        }

        table.generaltable .odd td {
            background-color: #ebf3ff
        }

        table.generaltable.yellow {
            width: 100%;
            background-color: #ffc489
        }

            table.generaltable.yellow th {
                border-bottom: 1px dashed #bad4f7;
                background-color: #febb02
            }

            table.generaltable.yellow td, table.generaltable .odd td table.generaltable.yellow td {
                background-color: #fff8f0;
                border-left: 1px solid #0071c2
            }

                table.generaltable.yellow td.firsttd {
                    border-left: none
                }

            table.generaltable.yellow .odd td {
                background-color: #ffc489 !important
            }

    div.but {
        text-align: right !important
    }

        div.but button {
            font-weight: bold;
            font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
        }

    .city .usermessage {
        float: right;
        margin: 0 12px -5px 0
    }

    #left h2 {
        clear: both
    }

    #left .specialsblock h2 {
        clear: none
    }

    #left.leftwide table.generaltable {
        width: 100%
    }

        #left.leftwide table.generaltable td {
            width: 33.33%
        }

    #left.leftsmall {
        font-size: 88%
    }

    div.dateerrors p {
        padding: 0 .6em 0 0
    }

    img.thumbnail {
        border: 2px solid #febb02;
        position: absolute
    }

    div.specialsblock h2 img {
        vertical-align: -.4em;
        margin-right: 6px
    }

    h1.specials {
        color: #333;
        font-size: 200%;
        font-weight: normal;
        line-height: normal;
        margin-bottom: .6em
    }

    div.specialsblock table.hotellist {
        clear: both;
        width: 100%
    }

    table.hotellist tr td {
        border-top: 1px dashed #bad4f7;
        padding: 8px 0
    }

    div.specialsblock table.hotellist tr td {
        border-top: 1px dashed #bad4f7;
        padding: 0 0 14px 0
    }

    table.hotellist td.imgcell {
        width: 110px;
        vertical-align: middle
    }

    table.hotellist td.datacell h3 {
        font-size: 1.4em;
        padding-left: 2px;
        padding-top: 0;
        font-weight: normal
    }

    table.hotellist td.datacell p {
        float: right;
        padding-right: 0;
        font-size: 1em
    }

    div.specialsblock table.hotellist tr td table.promos {
        width: 100%
    }

        div.specialsblock table.hotellist tr td table.promos td {
            padding: 1px 0;
            line-height: 14px
        }

    table.promos tr.promo_even_on td {
        background-color: #ededed;
        cursor: pointer
    }

    table.hotellist tr.first td {
        border: 0
    }

    .specialsblock h2 {
        padding-top: 0;
        margin-top: .6em
    }

    table.hotellist td h3, table.hotellist td p, table.hotellist td div, .hotellist .sr_item_content h3 {
        margin: 0
    }

    .hotellist .sr_item_content .small-notice {
        margin: 5px 10px 10px 0
    }

    table.hotellist td h3 span.price {
        float: right;
        width: auto;
        margin-left: .3em
    }

        table.hotellist td h3 span.price span {
            color: #008009
        }

    table.hotellist td ul {
        padding: 0 8px;
        margin: .5em 0 .7em;
        list-style-type: none
    }

    .hotellist .featuredRooms {
        margin: 0;
        clear: both;
        width: 100%;
        line-height: 18px
    }

    .hotellist .nohead thead {
        display: none
    }

    table.hotellist .labels th {
        padding: 0 !important
    }

    table.hotellist .labels .firstThFeatRms span {
        visibility: visible !important;
        background: #ffc489;
        padding: 2px 5px
    }

    .labels th.roomPrice span {
        padding: 2px 5px
    }

    body.searchresults .hotellist .featuredRooms td.roomPrice div strong.availprice {
        color: #008009
    }

    .average-price-per-night {
        font-size: 11px;
        color: #999;
        display: block;
        white-space: nowrap
    }

    .hotellist .featuredRooms a {
        font-weight: normal
    }

    .hotellist .featuredRooms th {
        padding: .15em .3em
    }

        .hotellist .featuredRooms th span {
            visibility: hidden
        }

    table.hotellist span.price_for_x_nights_format, table.featuredRooms span.price_for_x_nights_format, div.b_group_recommendation span.price_for_x_nights_format {
        text-transform: none
    }

    .hotellist .featuredRooms th.roomPrice span {
        visibility: visible
    }

    .hotellist .featuredRooms th.firstThFeatRms {
        text-align: left
    }

    .hotellist .featuredRooms th.roomBreakfast {
        width: 50px;
        text-align: right
    }

    .hotellist .featuredRooms th {
        font-size: 85%;
        font-weight: normal
    }

    .hotellist .featuredRooms tr.lastTrFeatRms td {
        text-align: right
    }

        .hotellist .featuredRooms tr.lastTrFeatRms td a {
            font-weight: bold
        }

    .hotellist .featuredRooms thead .roomPrice {
        padding-left: 0;
        padding-right: 0
    }

    .hotellist .featuredRooms .maxPersons {
        text-align: center;
        position: relative;
        padding-top: 1px;
        min-width: 42px
    }

    .hotellist .featuredRooms .roomSize {
        text-align: right;
        width: 1px
    }

    .hotellist .featuredRooms .roomSizeInner {
        color: #666;
        font-size: .88em;
        white-space: nowrap
    }

    .hotellist .featuredRooms .roomPrice {
        text-align: right;
        width: 10.8em;
        font-weight: normal
    }

    .hotellist .featuredRooms .roomAvailability {
        text-align: center;
        white-space: normal;
        width: 150px
    }

    .hotellist .featuredRooms div, .hotellist .featuredRooms button, .sr_gr .urgency_link, .sr_gr .totalPrice.totalPrice_rack-rate {
        font-size: 12px;
        line-height: 18px
    }

    .hotellist .featuredRooms button {
        margin: 0 .6em 0 0;
        height: 1.6em;
        padding: 0;
        line-height: 1em
    }

    .hotellist .featuredRooms .roomName {
        width: 55%
    }

    .hotellist .featuredRooms .unit-info .room_info {
        margin-bottom: 4px;
        display: block
    }

    .hotellist .sr_no_desc_users {
        margin-bottom: 8px
    }

    td.roomPrice div {
        text-align: right;
        white-space: nowrap;
        font-weight: bold;
        color: #008009
    }

    td.roomPrice span {
        text-decoration: line-through;
        font-weight: normal;
        color: #333
    }

    .urgency_link .only_x_left {
        white-space: nowrap
    }

        .urgency_link .only_x_left.sr_rooms_left_wrap {
            white-space: normal;
            width: 150px
        }

    p.summary {
        padding: .6em 0;
        margin: 0
    }

    .editDatesForm {
        border-top: 1px solid #bad4f7
    }

    .explainDateSelection {
        padding: .6em 0;
        border-bottom: 1px dashed #bad4f7
    }

        .explainDateSelection span {
            font-size: 144%;
            font-style: italic;
            font-weight: bold;
            line-height: .5
        }

    .availForm {
        background-color: #fafcff;
        padding: .63em 1.2em 1.2em;
        margin-bottom: 1em;
        position: relative
    }

        .availForm .checkinDateSection, .availForm .checkoutDateSection {
            float: left;
            width: auto;
            margin-right: 2.4em
        }

        .availForm h4 {
            font-size: 115%;
            margin: .6em 0
        }

        .availForm .but {
            clear: left;
            padding: .6em 0
        }

    #dealsListContainer {
        margin-bottom: 1.2em;
        border-top: 1px solid #bad4f7;
        background-color: #ebf3ff;
        padding: 0 1.2em .6em
    }

        #dealsListContainer .explainDateSelection {
            border: 0;
            padding-bottom: 0
        }

        #dealsListContainer table {
            margin: .6em 0 0;
            width: 100%
        }

        #dealsListContainer .selectedDeal td {
            background-color: #febb02;
            border-top: 1px solid #febb02;
            border-bottom: 1px solid #febb02;
            padding-top: 2px
        }

        #dealsListContainer .selectedDeal + tr td {
            border-top: 0
        }

        #dealsListContainer #selectedDealOptions {
            border: 1px solid #febb02;
            border-left: 5px solid #5bbaff;
            border-right-color: #5bbaff;
            background-color: #febb02;
            padding: .6em;
            margin: .6em 0
        }

            #dealsListContainer #selectedDealOptions h5 {
                margin-top: 0;
                margin-bottom: .6em
            }

            #dealsListContainer #selectedDealOptions ul, #dealsListContainer #selectedDealOptions li {
                list-style-type: none;
                margin: 0;
                padding: 0
            }

    #bookNow1, #bookNow2 {
        vertical-align: middle;
        text-align: center;
        background-color: #fafcff
    }

        #bookNow1 input, #bookNow2 input {
            font-weight: bold;
            text-align: center
        }

    .destLists {
        border: 0;
        padding: 0 1.2em
    }

        .destLists ul.destLinks {
            margin-left: 0;
            margin-right: 0;
            padding: .15em .6em .3em;
            list-style-type: none;
            background-color: #fafcff;
            line-height: 1.5em
        }

        .destLists .destLinks a img {
            text-decoration: none;
            position: relative;
            top: 3px;
            background-color: #fafcff
        }

        .destLists h3 img {
            position: relative;
            top: 2px
        }

        .destLists h3 {
            margin: 1.2em 0 .6em
        }

        .destLists table {
            background-color: #fff8f0
        }

        .destLists .flatListContainer {
            background-color: #fff8f0;
            padding: .15em .6em .3em
        }

        .destLists td {
            padding: .15em .6em .3em;
            line-height: 1.5em
        }

            .destLists td h4 {
                color: #febb02;
                text-transform: uppercase;
                font-size: 1.2em
            }

        .destLists .flatListContainer h4 {
            color: #febb02;
            text-transform: uppercase;
            font-size: 1.2em
        }

        .destLists .flatListContainer .flatList {
            padding-bottom: 1.2em;
            line-height: 1.5em
        }

            .destLists .flatListContainer .flatList a {
                white-space: nowrap
            }

        .destLists td div {
            margin: 1.2em 0 .3em
        }

            .destLists td div span {
                font-family: Monaco,"Courier New",monospace;
                font-weight: bold;
                color: var(--bui_color_white);
                background-color: #febb02;
                padding: 0 .2em;
                font-size: 1.5em;
                text-transform: uppercase
            }

        .destLists .toTop {
            text-align: right;
            margin-bottom: -1.2em
        }

    #hotelTmpl, #searchresultsTmpl, #countryTmpl, #regionTmpl, #cityTmpl, #districtTmpl, #airportTmpl {
        clear: both
    }

    .reviewFloater {
        float: right;
        text-align: right
    }

    #searchresultsTmpl .reviewFloater {
        margin-left: 24px
    }

    #hotelTmpl .reviewFloater {
        padding: 10px
    }

        #searchresultsTmpl .reviewFloater p, #hotelTmpl .reviewFloater p {
            margin: 0;
            padding: 0
        }

            #searchresultsTmpl .reviewFloater p.small, #hotelTmpl .reviewFloater p.small {
                font-style: italic
            }

    #searchresultsTmpl .sr-review-score__link {
        text-decoration: none
    }

        #searchresultsTmpl .sr-review-score__link .bk-icon {
            vertical-align: baseline
        }

        #searchresultsTmpl .sr-review-score__link .bui-review-score--external + .bk-icon {
            vertical-align: top;
            height: 24px
        }

    #inout {
        padding: 0 0 0 .6em
    }

        #inout .avail {
            clear: left
        }

    #availcheck {
        margin-top: .6em
    }

    .hotel #homein, .searchresults #homein {
        float: none
    }

    .hotel #homeout, .searchresults #homeout {
        margin-top: 6px
    }

    #inout {
        clear: both
    }

        #inout h3 {
            padding-left: 0
        }
    /*\*/

    #homein {
        float: left;
        width: auto;
        padding-right: .6em
    }
        /**/

        #homein h3 {
            z-index: 90;
            background-color: #ebf3ff
        }

        #homeout img.placeholder, #homein img.placeholder {
            width: 11em;
            height: 1px;
            padding: 0 38px;
            margin-bottom: -1px
        }

    .datecontainer img.placeholder {
        width: 9em !important
    }

    .calender img {
        display: none
    }
    /*\*/

    .calender img {
        display: inline;
        background-color: #0071c2
    }
    /**/

    a.calender:hover img {
        background-color: #febb02
    }

    a.calender:active img {
        background-color: #a30000
    }

    div.popup {
        position: absolute;
        display: none;
        padding: 3px;
        border: 1px solid #febb02;
        background-color: #fff8f0;
        z-index: 99
    }

        div.popup p {
            margin: 0
        }

        div.popup ul {
            margin: 0 0 .3em;
            padding: 0 0 0 1.8em
        }

    #calendar, #currencyConverter {
        display: none;
        position: absolute;
        padding: 0 4px 4px 0;
        z-index: 999
    }

    #mailafriend, #newslettersubscribe {
        position: absolute;
        width: 640px;
        padding: 0 4px 4px 0;
        display: none;
        margin: 8px;
        z-index: 25
    }

    #mailafriend, #newslettersubscribe {
        width: 400px
    }

    #currencyConverter {
        width: 300px
    }

        #currencyConverter th {
            text-align: right
        }

        #currencyConverter th, #currencyConverter td {
            padding: .2em
        }

        #currencyConverter .into {
            text-align: right
        }

    #displayCurrencyResults {
        text-align: center;
        font-size: 115%;
        font-weight: bold
    }

    .mapArea {
        padding: 0 8px;
        border: 1px solid #003580;
        background-color: #fafcff
    }

    .closeMap {
        padding: .3em 8px;
        margin: 0 -8px .6em;
        background-color: var(--bui_color_white)
    }

        .closeMap a {
            float: right;
            width: auto
        }

    #mailafriendFrame, #feedbackFrame {
        width: 380px;
        height: 315px
    }

    #newslettersubscribeFrame {
        width: 380px;
        height: 450px
    }

    .caltable {
        border: 1px solid #003580;
        background-color: var(--bui_color_white)
    }

        .caltable a:link, .caltable a:visited {
            color: #0071c2 !important
        }

        .caltable a:hover {
            color: #febb02 !important;
            border-color: #febb02 !important
        }

        .caltable a:active {
            color: #a30000 !important;
            border-color: #a30000 !important
        }

        .caltable td {
            text-align: center
        }

            .caltable td a {
                display: block;
                text-decoration: none
            }

            .caltable td.calheader a {
                display: inline;
                vertical-align: -.4em
            }

            .caltable td.calheader img.calNoPrevMonth {
                vertical-align: -.4em
            }

            .caltable td.calheader img.calNoNextMonth {
                vertical-align: -.4em
            }

            .caltable td.calheader .calNextMonth img {
            }

            .caltable td.calheader .calPrevMonth img {
            }

            .caltable td.calheader .calNextMonth:hover img, .caltable td.calheader .calPrevMonth:hover img {
                background-position: 0 -24px
            }

            .caltable td.calheader .calNextMonth:active img, .caltable td.calheader .calPrevMonth:active img {
                background-position: 0 -48px
            }

    .calheader {
        padding: .4em;
        white-space: nowrap
    }

        .calheader select {
            margin: 0 .6em
        }

    .monthYear {
        background-color: var(--bui_color_white);
        color: var(--bui_color_white)
    }

    .dayNames td {
        border-bottom: 1px solid #003580;
        background-color: #fafcff
    }

    .days td {
        color: #838383;
        background-color: #fafcff;
        padding: .2em;
        border: 2px solid #fafcff
    }

        .days td.weekend {
            background-color: #ebf3ff;
            border-color: #ebf3ff
        }

        .days td.past {
            text-decoration: line-through
        }

        .days td.today, .days td.future {
            border: 0;
            padding: 0
        }

        .days td a {
            padding: .2em;
            border: 2px solid #fafcff
        }

        .days td.weekend a {
            border-color: #ebf3ff
        }

        .days td.today a {
            background-color: var(--bui_color_white)
        }

        .days td.selected {
            font-weight: bold
        }

            .days td.selected a {
                border-color: #0071c2
            }

    #right .specialsblock td, #left .specialsblock td {
        border: 0
    }

    .new_hotel {
        margin: .3em .6em .6em 0;
        padding: 0 .3em;
        background-color: #febb02;
        color: var(--bui_color_white);
        font-weight: bold;
        border: 1px solid #fafcff;
        display: inline-block
    }

    div.description h3 span img {
        visibility: hidden !important;
        margin-left: -1px
    }

    .usps_rate_guarantee_link {
        font-weight: normal
    }

    #redirected {
        color: #006607;
        padding: .5em .5em .5em 30px;
        border: 1px solid #febb02;
        margin-bottom: 1em
    }

    #showAllHistory, #removeAllHistory, #showAllSearches, #removeAllSearches {
        float: right;
        cursor: pointer;
        text-decoration: none
    }

        #showAllHistory .showLink, #showAllHistory .hideLink, #removeAllHistory, #showAllSearches .showLink, #showAllSearches .hideLink, #removeAllSearches {
            padding-left: 12px;
            background-repeat: no-repeat
        }

        #showAllHistory .showLink, #showAllSearches .showLink {
            background-position: 0 3px
        }

        #showAllHistory .hideLink, #showAllSearches .hideLink {
            background-position: 0 -10px
        }

    #moreHistoryLinkWrapper, #moreSearchesLinkWrapper {
        clear: both;
        padding-bottom: .7em
    }

    #removeAllHistory, #removeAllSearches {
        background-position: 0 -24px
    }

    #left #removeAllHistory, #left #removeAllSearches {
        margin-bottom: 3px;
        margin-top: -9px
    }

    #showAllHistory .hideLink, #showAllSearches .hideLink {
        display: none
    }

    .reqJS {
        display: none
    }

    .hasJS .reqJS {
        display: block
    }

    .hideme {
        display: none !important
    }

    #iphone {
        background: var(--bui_color_black);
        text-align: center;
        overflow: hidden
    }

        #iphone a {
            font-size: 53px;
            line-height: 53px;
            float: left;
            margin: .5em;
            background: #0071c2;
            color: var(--bui_color_white);
            font-weight: bold;
            padding: .25em;
            text-decoration: none;
            border: 2px solid var(--bui_color_white);
            -webkit-border-radius: 2px;
            -webkit-text-size-adjust: none
        }

    .destinationfinder #iphone a, .destinationfinder #iphone a.landscape {
        line-height: 30px;
        font-size: 14px
    }

    #iphone a.landscape {
        font-size: 30px
    }

    #iphone.single a {
        font-size: 53px;
        display: block;
        margin: .5em auto;
        width: 75%;
        float: none
    }

    span.roomjustbooked, span.popular_filter {
        border-radius: 8px;
        padding: 2px 4px;
        font-size: 88%;
        text-decoration: none;
        margin-top: 2px;
        margin-bottom: 4px;
        margin-left: 0;
        font-weight: bold;
        line-height: 14px
    }

    span.roomjustbooked, span.popular_filter {
        cursor: default;
        font-weight: normal;
        font-size: .88em;
        background-color: #008009;
        color: var(--bui_color_white);
        white-space: nowrap;
        -webkit-box-shadow: 1px 1px 1px #999;
        box-shadow: 1px 1px 1px #999
    }

        span.roomjustbooked:hover {
            background-color: #97e59c
        }

    span.lastbooking {
        font-size: .88em;
        color: #008009;
        display: block;
        margin-bottom: 2px
    }

    div.lbsr span.lastbooking {
        font-size: 1em;
        padding: 0;
        margin: 0
    }

    span.feataddress {
        font-size: .88em;
        color: #777;
        font-style: italic;
        display: block;
        margin-bottom: 2px
    }

    span.littlescore {
        font-size: .88em;
        color: #666;
        display: block;
        margin-bottom: 2px
    }

        span.littlescore.newhotelbadge {
            color: #008009;
            font-weight: bold
        }

    span.concvisitors {
        font-size: .88em;
        color: #212121;
        display: block;
        margin-bottom: 2px
    }

    span.cheapest {
        font-size: .88em;
        color: #333;
        display: block;
        margin-bottom: 2px
    }

    span.xroomsleft {
        font-size: .88em;
        color: #a30000;
        display: block;
        margin-bottom: 2px
    }

    #left.leftsmall span.lastbooking, #left.leftsmall span.feataddress, #left.leftsmall span.littlescore, #left.leftsmall span.concvisitors, #left.leftsmall span.cheapest, #left.leftsmall span.xroomsleft {
        font-size: 100%
    }

    .thumblink {
        display: block;
        float: left
    }

    span.vhsoldout {
        display: block;
        margin-bottom: 2px;
        font-weight: normal;
        font-size: 88%;
        color: #a30000
    }

        span.vhsoldout img {
            margin-top: 1px;
            margin-right: 3px
        }

        html > body span.vhsoldout img {
            float: left
        }
}

.min_width_column {
    min-width: 80px
}

.min_width_column_wide {
    min-width: 90px
}

.min_width_column_nowrap .figure {
    white-space: nowrap
}

.hasJS .inlineJsRequired {
    display: inline
}

.hasJS .blockJsRequired {
    display: block
}

.hasJS .hiddenJs {
    display: none
}

.hasJS .blocktoggle {
    display: none
}

table.hotellist tr td span.nowrap strong {
    color: #008009
}

#hotel_main_content {
    clear: both
}

.modal-wrapper.nl_preview-lightbox {
    width: 760px
}

#subheader-wrap {
    position: relative
}

#place_plus_one_button {
    clear: both;
    display: block;
    height: 30px;
    margin: -15px 0 0 0;
    position: absolute;
    right: 1px;
    top: 50%
}

.index #place_plus_one_button {
    margin-top: -14px
}

@media screen {
    .box {
        position: relative
    }

    .box {
        padding: 1em;
        margin-bottom: 8px;
        background-color: #fafcff;
        border-radius: 8px
    }

        .box h2 {
            font-size: 1.8em;
            font-weight: normal;
            clear: none;
            padding-top: 0;
            margin: 0 0 1em 0;
            text-shadow: 1px 1px 0 var(--bui_color_white)
        }

        .box h3, .box h4 {
            font-size: 1.8em;
            font-weight: normal;
            margin-bottom: .4em;
            text-shadow: 1px 1px 0 var(--bui_color_white)
        }

    .sidebox h3, .sidebox h4 {
        font-size: 1.6em !important;
        text-shadow: 1px 1px 0 var(--bui_color_white)
    }

    .box ul {
        margin: 0;
        padding: 0
    }

        .box ul li {
            list-style-type: none;
            clear: both;
            border-top: 1px dotted #ccc;
            padding: 5px 0
        }

    .sidebox ul li {
        border: 0
    }

    .box table {
        width: 100%
    }

        .box table tr th {
            font-size: 1.8em !important;
            font-weight: normal
        }

    .sidebox table tr th {
        font-size: 1.6em !important;
        font-weight: normal
    }

    .box table tr td h4 {
        font-size: 1.1em !important;
        text-shadow: 1px 1px 0 var(--bui_color_white)
    }

    .box td ul li {
        padding: 2px 0;
        border: 0
    }

    .box ul li img.thumb {
        border: 0;
        float: left;
        margin: 0 5px 5px 0
    }

    .box ul li span.address {
        display: block;
        margin-left: 35px;
        color: #666
    }

    .box table.landing th {
        padding-bottom: .5em
    }

    .box table.landing h4 {
        margin-top: 0
    }

    .box table.landing td.firsttd {
        width: 200px !important;
        padding-right: 15px
    }

    .box table.landing td.promotd {
        padding-bottom: 1em
    }

    .box input#to {
        width: 200px
    }

    .box input#send {
        width: 0;
        overflow: visible;
        font-size: 1.2em
    }

        .box input#send[type=submit] {
            width: auto !important
        }

    div#topdestinations table {
        width: 100%
    }

        div#topdestinations table tr td {
            padding: 0 4px 10px 0;
            width: 33%
        }

            div#topdestinations table tr td img {
                width: 32px;
                height: 32px;
                margin: 0 5px 3px 0
            }

            div#topdestinations table tr td a {
                text-decoration: none;
                font-size: 13px
            }

            div#topdestinations table tr td span {
                font-size: .88em
            }

    div#topdestinations {
        position: relative
    }

        div#topdestinations.box p {
            margin-top: 0 !important
        }

        div#topdestinations.box div.district p {
            margin-top: .5em
        }

        div#topdestinations.box img.boxcorner {
            position: absolute;
            left: 0;
            bottom: 0
        }

    #althotels {
        margin: 1em 0
    }

    div.box#usps {
        border-top: 0 !important
    }

    div#usps h2 {
        color: #febb02;
        font-size: 1.5em;
        font-weight: bold;
        margin: 0;
        padding: 0
    }

    div#usps h3 {
        font-size: 1.2em;
        font-weight: bold
    }
}

div#rate_guarantee {
    text-align: right;
    padding: 1em
}

    div#rate_guarantee a {
        font-weight: 500;
        font-size: 14px;
        font-style: inherit
    }

        div#rate_guarantee a, div#rate_guarantee a:visited, div#rate_guarantee a:hover {
            font-style: italic;
            color: var(--bui_color_foreground) !important;
            text-decoration: none
        }

.ar div#rate_guarantee a, .ar div#rate_guarantee a:visited, .ar div#rate_guarantee a:hover {
    font-style: normal !important
}

.sidebar_usp_holder #rate_guarantee {
    position: relative
}

.bpg_logo {
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
    display: inline-block
}

.bpg_logo {
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .bpg_logo {
        background-size: 16px 16px
    }
}

.hp-availability-block-usp .blue-tick-price-guaranteed {
    vertical-align: bottom
}

.bpg_hp_no_availability {
    position: relative;
    background: 0;
    text-align: left;
    padding: 0 0 0 21px;
    font-size: 12px;
    min-height: 16px
}

    .bpg_hp_no_availability a {
        color: var(--bui_color_foreground);
        text-decoration: none;
        font-style: italic
    }

.hp-section-header--with-badge {
    display: table;
    min-width: 100%
}

.hp-section-header.hp-section-header--with-badge {
    padding-bottom: 0;
    margin-top: -2px
}

.hp-section-header--with-badge div#rate_guarantee {
    display: table-cell;
    white-space: nowrap
}

.hp-section-header--with-badge h2#availability_target {
    display: table-cell
}

.hp-section-header div#rate_guarantee {
    padding: 5px 0 0 0;
    float: right;
    margin-left: 20px
}

    .hp-section-header div#rate_guarantee i.bpg_small_blue_icon {
        position: absolute;
        top: 1px;
        left: -20px
    }

#rate_guarantee.bpg_post_booking {
    font-size: 12px;
    float: none;
    margin: 0;
    padding: 0 0 0 15px;
    top: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    font-weight: bold
}

#b_confirmation_body #rate_guarantee.bpg_post_booking {
    display: table-cell
}

@media print {
    #rate_guarantee.bpg_post_booking.hide_for_print {
        display: none
    }
}

#rate_guarantee.bpg_post_booking a {
    border-bottom: 1px dashed;
    color: var(--bui_color_foreground);
    font-style: italic
}

.rate_guarantee_reviews {
    margin-bottom: 17px;
    padding-top: 5px;
    text-align: center;
    font-size: 1.2em
}

    .rate_guarantee_reviews a {
        font-style: italic;
        text-decoration: none;
        color: var(--bui_color_foreground)
    }

.bpg_bs1 {
    margin-top: 1em;
    width: 11.5em;
    float: left;
    font-style: italic;
    font-weight: bold;
    font-size: 13px;
    background: 0
}

.bpg_modal {
    font-size: 13px;
    line-height: 17px;
    font-weight: normal;
    color: var(--bui_color_foreground);
    padding: 0 0 14px 0;
    position: relative;
    margin: -10px 0 10px 0;
    text-align: left
}

    .bpg_modal a, .bpg_modal a:visited, .bpg_modal a:hover {
        text-decoration: none;
        color: var(--bui_color_foreground);
        cursor: help;
        font-weight: normal
    }

.bpg_holder_light_block {
    border-radius: var(--bui_border_radius_100);
    background: #ebf3ff;
    text-align: center;
    margin-bottom: 10px
}

    .bpg_holder_light_block div#rate_guarantee {
        text-align: center;
        padding: 10px 5px
    }

#rate_guarantee.bp-usps__nl {
    padding-top: 0 !important
}

div#rate_guarantee.bpg_lp_bold_date_picker {
    margin: 25px 0 0 0;
    padding: 0;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    font-size: 18px
}

    div#rate_guarantee.bpg_lp_bold_date_picker + .lp_bold_date_picker_usp {
        margin-top: 13px
    }

    div#rate_guarantee.bpg_lp_bold_date_picker, div#rate_guarantee.bpg_lp_bold_date_picker a, div#rate_guarantee.bpg_lp_bold_date_picker a:visited, div#rate_guarantee.bpg_lp_bold_date_picker a:hover {
        color: var(--bui_color_white) !important
    }

.pp-bpg-tooltip--header {
    color: #97e59c;
    font-weight: bold;
    margin-bottom: 5px
}

.pp-bpg-tooltip--image {
    display: inline-block;
    vertical-align: top;
    width: 33px;
    height: 28px;
    margin-top: 3px
}

.pp-bpg-tooltip--text {
    color: var(--bui_color_white);
    display: inline-block;
    vertical-align: top;
    width: 240px
}

.pp-bpg-tooltip--legal {
    margin-top: 5px;
    font-size: 11px
}

.bui-card .pp-bpg-tooltip--header, .bui-panel .pp-bpg-tooltip--header {
    color: var(--bui_color_constructive_foreground)
}

.bui-card .pp-bpg-tooltip--text, .bui-panel .pp-bpg-tooltip--text {
    color: var(--bui_color_black)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
    .pp-bpg-tooltip--image {
        background-size: 24px 24px
    }
}

.tt-fancy-holder {
    line-height: normal;
    width: 300px;
    pointer-events: none;
    color: var(--bui_color_white);
    border-radius: 4px;
    background: var(--bui_color_black);
    background: rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.5);
    box-shadow: 0 1px 7px rgba(0,0,0,0.5);
    text-align: left;
    position: absolute;
    opacity: 1;
    margin-top: 0;
    -webkit-transition: margin .2s,opacity .2s;
    transition: margin .2s,opacity .2s;
    z-index: 99999
}

.tt-fancy-holder--hidden {
    opacity: 0;
    visibility: hidden;
    margin-top: 10px;
    display: none
}

.tt-fancy-content {
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 1;
    position: relative;
    padding: 10px
}

.tt-fancy-holder--hidden .tt-fancy-content {
    opacity: 0;
    top: 21px
}

.tt-fancy-pointer {
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent rgba(0,0,0,0.8) transparent
}

.b_msie .tt-fancy-pointer {
    border-bottom-color: var(--bui_color_black)
}

.b-radiobuttons__label_inline {
    display: inline-block
}

.b-radiobuttons__label {
    margin-bottom: 3px
}

.b-form__price-options--index {
    margin-top: -0.5em
}

.b-form__price-options--hotel {
    margin-top: -0.6em
}

.b-form__price-options--profile {
    margin-top: -5px
}

.b-form__price-options--emphasized {
    background-color: #ffc489;
    background-color: rgba(255,255,255,0.5);
    padding: 8px 28px 5px 10px;
    border-radius: 2px
}

.b-form__price-options--genius .b-form__price-options--emphasized {
    background-color: #cd8900;
    background-color: rgba(255,127,0,0.3)
}

.b-form__price-options--white {
    color: var(--bui_color_white);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5)
}

.b-form__price-options--genius .b-form-group__content {
    padding: 5px 18px 0;
    font-size: 14px
}

.b-form__price-options--city-new.b-form-group {
    margin-bottom: 0
}

.b-form__price-options--city-new .b-form-group__content {
    margin-top: 15px;
    margin-bottom: 0
}

.b-form__price-options .b-price-options {
    cursor: pointer;
    white-space: nowrap
}

.b-form__price-options .fe_pp_first_input_selected-price-options__label {
    white-space: normal;
    display: table-cell;
    vertical-align: middle;
    padding-left: 3px
}

.b-form__price-options .b-price-options__input {
    display: table-cell;
    vertical-align: middle
}

.b-form__price-options .b-form-group-content__container {
    position: relative
}

.b-form-group-content__inputs-holder {
    display: table-row
}

.b-form__price-options .b-form-group-content__container.table-display {
    display: table;
    width: 100%;
    padding: 0
}

.b-form__price-options .b-form-group-content__padding-holder {
    padding: 8px 28px 9px 10px
}

.b-form__price-options.hidden {
    display: none
}

.b-form__price-options .b-form-group-content__container.table-display .b-price-options__label {
    display: table-cell;
    vertical-align: top;
    padding-right: .4em
}

.b-form__price-options .b-form-group-content__container.table-display .b-price-options {
    display: table-cell;
    vertical-align: middle
}

.b-price-options__explanation {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: help;
    font-size: 16px;
    vertical-align: top
}

.b-price-options__explanation--inline {
    position: static;
    margin-bottom: -3px;
    top: auto;
    right: auto;
    left: auto
}

.b-price-toptions__explanation--inline-city-lp {
    margin: 0;
    top: auto;
    right: auto;
    left: auto
}

.b-price-options__label {
    margin-bottom: 3px
}

.b-price-options__label--inline {
    display: inline-block
}

.b-price-options__label--spacing {
    margin-right: .4em
}

    .b-price-options__label--spacing:last-child {
        margin-right: 0
    }

.b-radiobuttons__label_inline {
    display: inline-block
}

.b-radiobuttons__label {
    margin-bottom: 3px
}

.b-form__booker-type--index {
    margin-top: -0.5em
}

.b-form__booker-type--sr {
    margin-top: -1.2em
}

.b-form__booker-type--hotel {
    margin-top: -0.6em
}

.b-form__booker-type--profile {
    margin-top: -5px
}

.b-form__booker-type--emphasized {
    background-color: #ffc489;
    background-color: rgba(255,255,255,0.5);
    padding: 8px 28px 5px 10px;
    border-radius: 2px
}

.bbtool-b-form__booker-type--emphasized {
    background-color: #ffc489;
    background-color: rgba(255,255,255,0.5);
    padding: 8px 10px 5px 10px;
    border-radius: 2px
}

.bbtool-b-form__booker-type--first-line {
    padding-bottom: 0
}

.bbtool-b-form__booker-type--second-line {
    padding-top: 5px;
    padding-bottom: 10px
}

.bbtool-travel-purpose-link {
    color: #444;
    padding-bottom: 5px
}

a.bbtool-travel-purpose-link__link {
    font-weight: normal;
    color: #0071c2
}

    a.bbtool-travel-purpose-link__link:hover {
        color: #838383;
        cursor: pointer
    }

.b-form__booker-type--white {
    color: var(--bui_color_white);
    text-shadow: 0 1px 2px rgba(0,0,0,0.5)
}

.b-form__booker-type--city-new .bicon-question {
    color: #ebf3ff
}

.b-form__booker-type .b-booker-type {
    cursor: pointer;
    white-space: nowrap
}

.b-form__booker-type .b-form-group-content__container {
    position: relative;
    border: 0;
    margin: 0
}

.b-booker-type__explanation {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: help;
    font-size: 16px;
    vertical-align: baseline
}

.b-booker-type__explanation--inline {
    position: static;
    margin-bottom: -3px;
    top: auto;
    right: auto;
    left: auto
}

.b-booker-type__explanation--inline-city-lp {
    margin: 0;
    top: auto;
    right: auto;
    left: auto
}

#searchboxInc fieldset.b-travel-purpose {
    padding: 8px 28px 5px 10px
}

#searchboxInc fieldset legend.b-travel-purpose__label {
    margin-right: .4em;
    margin-bottom: 3px;
    padding: 0
}

.b-travel-purpose__label {
    margin-bottom: 3px;
    font-weight: bold
}

.b-travel-purpose__label--inline {
    display: inline-block
}

.b-travel-purpose__label--block {
    display: block
}

.b-travel-purpose__label--spacing {
    margin-right: .4em
}

    .b-travel-purpose__label--spacing:last-child {
        margin-right: 0
    }

.b-travel-purpose__label--float {
    float: left;
    padding-left: 0
}

.b-form__booker-type--align-with-acc-types, .t_consistent_border_radius .b-form__booker-type--align-with-acc-types {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

    .b-form__booker-type--align-with-acc-types strong.b-travel-purpose__label {
        float: left;
        min-width: 7.3em
    }

    .b-form__booker-type--align-with-acc-types .b-travel-purpose__label--spacing {
        margin-right: .8em
    }

.b-form-group.b-form__booker-type--tablet {
    clear: both;
    margin-top: 0;
    margin-bottom: 10px
}

    .b-form-group.b-form__booker-type--tablet.b-form__booker-type--tablet-with-acc-types {
        margin-bottom: 0
    }

.b-form__booker-type--tablet .b-travel-purpose__label {
    font-size: 1.1em
}

.b-form__booker-type--tablet .b-form-group__content {
    padding: 0
}

.b-form__booker-type--sr.b-form__booker-type--tablet, .b-form__booker-type--hotel.b-form__booker-type--tablet, .b-form__booker-type--profile.b-form__booker-type--tablet {
    margin-top: 0;
    margin-left: .7em;
    margin-right: .7em;
    margin-bottom: 0;
    padding-bottom: 5px
}

.bbtool-travel-purpose-link .b-form__booker-type--sr.b-form__booker-type--tablet, .bbtool-travel-purpose-link .b-form__booker-type--hotel.b-form__booker-type--tablet, .bbtool-travel-purpose-link .b-form__booker-type--profile.b-form__booker-type--tablet {
    padding-bottom: 0
}

.b-form__booker-type--sr.b-form__booker-type--tablet .bbtool-b-form__booker-type--first-line, .b-form__booker-type--hotel.b-form__booker-type--tablet .bbtool-b-form__booker-type--first-line, .b-form__booker-type--profile.b-form__booker-type--tablet .bbtool-b-form__booker-type--first-line {
    padding-bottom: 5px
}

.b-form__booker-type--tablet .b-booker-type {
    font-size: 1.1em
}

.b-form__booker-type--tablet .b-booker-type__explanation .bicon-question {
    vertical-align: baseline
}

.b-form__booker-type--tablet .b-booker-type {
    position: relative;
    background: 0;
    padding: 0;
    display: inline-block
}

.vi .b-form__booker-type--tablet .b-booker-type {
    display: block
}

.b-form__booker-type--tablet .b-booker-type__input {
    opacity: 0;
    position: absolute
}

.b-form__booker-type--tablet .b-booker-type__label {
    color: #333;
    line-height: normal;
    font-weight: normal;
    padding: 10px 0 9px 20px
}

    .b-form__booker-type--tablet .b-booker-type__label:before, .b-form__booker-type--tablet .b-booker-type__label:after {
        border-radius: 100px;
        content: "";
        position: absolute;
        top: 50%
    }

    .b-form__booker-type--tablet .b-booker-type__label:before {
        border: 1px solid #779bca;
        background: #fafcff;
        -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
        box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
        height: 12px;
        margin-top: -7px;
        left: 0;
        width: 12px
    }

    .b-form__booker-type--tablet .b-booker-type__label:after {
        background: #0071c2;
        border: 1px solid #0071c2;
        display: none;
        left: 3px;
        margin-top: -4px;
        height: 6px;
        width: 6px
    }

.b-form__booker-type--tablet .b-booker-type__input:checked + .b-booker-type__label:before {
    background: var(--bui_color_white)
}

.b-form__booker-type--tablet .b-booker-type__input:checked + .b-booker-type__label:after {
    display: block
}

.b-form__booker-type--tablet .b-booker-type__explanation.b-booker-type__explanation--inline {
    margin-bottom: 0;
    margin-top: 3px;
    vertical-align: top
}

#searchboxInc fieldset legend.b-travel-purpose__label.b-travel-purpose__label--clearfix {
    margin-bottom: 6px
}

.b-form__booker-type--tablet .b-travel-purpose__inputs--clearfix {
    clear: left
}

.b-booker-type__tooltip-container {
    max-width: 400px;
    color: var(--bui_color_white);
    padding: 0
}

.b-booker-type__tooltip-header {
    font-weight: bold;
    font-size: 13px;
    margin: 0
}

.b-booker-type__tooltip-content {
    margin-top: 5px
}

.b-booker-type__tooltip-item {
    display: table;
    padding: 10px 0;
    width: 100%
}

.b-booker-type__tooltip-icon, .b-booker-type__tooltip-text {
    display: table-cell;
    vertical-align: top
}

.b-booker-type__tooltip-header, .b-booker-type__tooltip-title, .b-booker-type__tooltip-icon, .b-booker-type__tooltip-explanation {
    color: #5bbaff
}

.b-booker-type__tooltip-icon {
    width: 36px;
    font-size: 24px;
    padding-top: 2px
}

.b-booker-type__tooltip-title {
    margin-bottom: 0 !important
}

.b-booker-type__tooltip-item.work_item {
    border-bottom: dotted 1px rgba(255,255,255,0.4)
}

    .b-booker-type__tooltip-item.work_item .b-booker-type__tooltip-icon {
        font-size: 20px
    }

.b-booker-type__tooltip-title {
    font-weight: bold;
    font-size: 13px;
    margin: 0;
    margin-bottom: 5px
}

.b-booker-type__tooltip-explanation {
    font-size: 13px;
    margin: 0
}

.index .b-booker-type__tooltip-container {
    padding: 10px
}

.index .b-booker-type__tooltip-header, .index .b-booker-type__tooltip-title, .index .b-booker-type__tooltip-icon, .index .b-booker-type__tooltip-explanation {
    color: #333
}

.index .b-booker-type__tooltip-header {
    font-size: 15px
}

.index .b-booker-type__tooltip-item.work_item {
    border-bottom: dotted 1px rgba(0,0,0,0.4)
}

.bb_tool_tip_fix .fly-content-tooltip--wrap {
    padding: 0
}

.surroundings_highlights__container {
    background-color: #fafcff;
    margin: 16px 0;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.surroundings_highlights__container--column-layout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

    .surroundings_highlights__container--column-layout .surroundings_highlights__photo {
        width: 100% !important;
        height: 100px
    }

        .surroundings_highlights__container--column-layout .surroundings_highlights__photo img {
            border-radius: 4px 4px 0 0 !important
        }

.surroundings_highlights__container .surroundings_highlights__icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 0 0 16px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.surroundings_highlights__container .surroundings_highlights__photo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 96px
}

    .surroundings_highlights__container .surroundings_highlights__photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 4px 0 0 4px
    }

.surroundings_highlights__container .surroundings_highlights__copy {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin: 16px
}

.surroundings_highlights__tooltip .tt_shadow {
    background: 0;
    border: 0;
    border-radius: none;
    padding: 0
}

.surroundings_highlights__tooltip .tt_content {
    background: var(--bui_color_white);
    border: 0;
    border-radius: 4px;
    padding: 2px;
    line-height: 0;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.20)
}

    .surroundings_highlights__tooltip .tt_content img {
        border-radius: 2px;
        max-width: 270px !important
    }

.b-button {
    display: inline-block;
    position: relative;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding: 5px 10px;
    margin: 0;
    background-color: var(--bui_color_action_background);
    border: 2px solid var(--bui_color_white);
    border-radius: var(--bui_border_radius_100);
    line-height: 1.5;
    font-weight: bold;
    text-decoration: none;
    color: var(--bui_color_action_foreground);
    cursor: pointer;
    -webkit-box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px #aaa
}

    .b-button:first-child {
        margin-left: 0
    }

    .b-button:focus {
        background-color: var(--bui_color_action_highlighted);
        color: var(--bui_color_white);
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444;
        outline: thin #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

    .b-button:hover {
        background-color: var(--bui_color_action_highlighted);
        color: var(--bui_color_foreground);
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444;
        text-decoration: none
    }

    .b-button.b-button_primary, .b-button.b-button_primary .b-button__text {
        color: var(--bui_color_white) !important;
        font-size: 13px !important
    }

    .wholesalers_table__booknow a.b-button.b-button_disabled, .b-button.b-button_disabled, .b-button:disabled {
        cursor: default;
        background-image: none;
        opacity: .65;
        filter: alpha(opacity=65);
        background-color: #ccc;
        color: var(--bui_color_white);
        -webkit-box-shadow: 0 0 3px #aaa;
        box-shadow: 0 0 3px #aaa
    }

        .b-button.b-button_disabled_on_hover:hover, .b-button.b-button_disabled:hover, .b-button:disabled:hover {
            background-color: #ccc !important
        }

.b-button_big-legacy {
    padding: 7px 23px;
    border-radius: 6px;
    border: 0
}

.b-button.b-button_big-legacy, .b-button.b-button_big-legacy .b-button__text {
    color: var(--bui_color_white) !important;
    font-size: 22px !important
}

.b-button__text, .b-button__from-text {
    position: relative
}

@-moz-document url-prefix() {
    #bookwrapper input.b-button.b-button_primary {
        position: relative;
        top: 27px
    }
}

.b-button.b-button_flat {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.b-button_ua-fix-legacy-specificity {
    padding: 4px 10px 4px !important;
    border-radius: 3px !important;
    margin-top: -2px
}

.c-button {
    display: inline-block;
    position: relative;
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    -webkit-box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px #aaa;
    outline: 0;
    vertical-align: middle;
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    font-size: 13px;
    padding: 5px 10px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background-color .2s ease,color .2s ease,-webkit-box-shadow .2s ease,border-color .2s ease;
    transition: background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease
}

.c-button--sm {
    padding: 3px 6px;
    font-size: 11px
}

.c-button--lg {
    padding: 10px 20px;
    font-size: 15px
}

.c-button--primary, .c-button--primary:link, .c-button--primary:visited {
    background-color: #0071c2;
    border-color: var(--bui_color_white);
    color: var(--bui_color_white)
}

    .c-button--primary:hover {
        background-color: #003580;
        color: var(--bui_color_white);
        -webkit-box-shadow: 0 0 3px #444;
        box-shadow: 0 0 3px #444
    }

    .c-button--primary:active {
        -webkit-box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #003580;
        box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #003580
    }

    .c-button--primary:focus {
        -webkit-box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #0071c2;
        box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #0071c2
    }

.c-button--secondary, .c-button--secondary:link, .c-button--secondary:visited {
    background-color: transparent;
    border-width: 1px;
    border-color: #0071c2;
    padding: 6px 11px;
    color: #0071c2;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .c-button--secondary.c-button--sm {
        padding: 4px 7px
    }

    .c-button--secondary.c-button--lg {
        padding: 11px 21px
    }

    .c-button--secondary:hover {
        border-color: #003580;
        color: #333
    }

    .c-button--secondary:active {
        -webkit-box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #003580;
        box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #003580
    }

    .c-button--secondary:focus {
        -webkit-box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #0071c2;
        box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #0071c2
    }

.c-button--warning, .c-button--warning:link, .c-button--warning:visited {
    background-color: #a30000;
    border-color: var(--bui_color_white);
    color: var(--bui_color_white)
}

    .c-button--warning:hover {
        background-color: #a30000;
        color: var(--bui_color_white)
    }

    .c-button--warning:active {
        -webkit-box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #a30000;
        box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #a30000
    }

    .c-button--warning:focus {
        -webkit-box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #a30000;
        box-shadow: 0 0 0 2px var(--bui_color_white),0 0 0 4px #a30000
    }

.c-button__icon {
    position: relative;
    top: 1px
}

.c-button__icon--left {
    margin-right: 5px
}

.c-button__icon--right {
    margin-left: 5px
}

.c-button--no-radius {
    border-radius: 0
}

.c-button--no-shadow, .c-button--no-shadow:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.c-button--no-border {
    border: 0
}

.footer-top-menu {
    background-color: var(--bui_color_brand_primary_background);
    font-size: 13px;
    padding: 0
}

    .footer-top-menu :focus {
        outline-color: #ebf3ff
    }

#footertopnav, #footertopnav-partners {
    margin: 0 -8px
}

.footer-top-partners {
    border-bottom: 1px solid #fff
}

    .footer-top-partners .footer-top-button {
        border: 1px solid var(--bui_color_white);
        border-radius: 3px;
        color: var(--bui_color_white);
        display: inline-block;
        font-weight: normal;
        padding: 0 15px;
        text-decoration: none
    }

        .footer-top-partners .footer-top-button:hover {
            background: rgba(255,255,255,0.2);
            color: var(--bui_color_white)
        }

.footer-top-partner-text {
    color: var(--bui_color_white);
    line-height: 2;
    margin: 0;
    padding: 15px 10px;
    text-align: center
}

.footer-top-partner-buttons a {
    margin: 0 10px
}

.footer-top-links-list {
    margin: 0;
    padding: 0;
    text-align: center
}

.footer-top-link {
    float: left;
    list-style-type: none;
    border-right: 1px solid #003580
}

    .footer-top-link:hover {
        background: #003580
    }

.footer-top-link--last {
    border-right: 0
}

.footer-link-add-property {
    background: 0;
    border: 0;
    margin: 0;
    text-shadow: none;
    -webkit-filter: none;
    filter: none
}

.footer-top-link a, .footer-top-link input, .footer-top-link span {
    color: var(--bui_color_white);
    font-weight: bold;
    text-decoration: underline;
    padding: 15px 10px;
    font-size: 13px;
    background: 0;
    border: 0;
    cursor: pointer;
    display: inline-block;
    line-height: 1em;
    height: 1em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.b_firefox .footer-top-link a {
    padding-top: 16px !important
}

.footer-navigation-links-wrapper {
    padding: 16px 0
}

.footer-navigation-links {
    width: 100%;
    float: left;
    display: inline-block;
    vertical-align: middle
}

.footer-navigation-links-column {
    margin: 0;
    width: 20%;
    float: left;
    padding: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.footer-navigation-links-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.footer-seo-button {
    margin: 0;
    padding: 0;
    display: inline;
    overflow: visible;
    border: 0;
    background: 0;
    font-weight: bold;
    color: #0071c2;
    text-indent: 0;
    text-align: left;
    cursor: pointer;
    white-space: normal;
    line-height: 14px
}

    .footer-seo-button:hover {
        color: #febb02
    }

.footer-navigation-link {
    display: block;
    margin: 0 0 10px 0;
    line-height: 14px;
    font-size: 13px;
    white-space: normal !important;
    list-style-type: none
}

    .footer-navigation-link a {
        text-decoration: none;
        font-weight: 400
    }

    .footer-navigation-link form {
        margin: 0 !important
    }

.footer_tooltip--link {
    margin-top: -158px;
    margin-left: -60px;
    left: auto
}

.footer-navigation-links #footernav a {
    white-space: normal
}

.footer-offices-copy {
    border-top: 1px solid #fafcff;
    border-bottom: 1px solid #fafcff;
    padding: 11px 8px 11px 8px;
    margin-bottom: -8px;
    font-size: 12px
}

    .footer-offices-copy a {
        text-decoration: none
    }

.footer-wrapper .footercopyright, .footer-wrapper .whitebar {
    border-top: none !important
}

.bk-icon {
    vertical-align: middle;
    max-width: 256px;
    max-height: 256px;
    overflow: hidden
}

.bk-icon-wrapper {
    position: relative;
    display: inline-block
}

#althotels .bk-icon-wrapper, .hp__hotel_ratings__stars .bk-icon-wrapper, .myreservations .bk-icon-wrapper {
    top: -2px
}

#search_results_table .bk-icon-wrapper {
    top: -4px;
    line-height: 28px
}

.pb-conf-rating .bk-icon-wrapper.zhcn-ratings {
    top: 4px
}

#search_results_table .bk-icon-wrapper.zhcn-ratings {
    top: 0
}

.hp__hotel_ratings__stars .bk-icon-wrapper.zhcn-ratings {
    top: -5px
}

.hp__hotel_ratings__stars .c-accommodation-classification-rating {
    position: relative;
    top: -1px
}

.bui-icon-svg {
    background: 0
}

    .bui-icon-svg.bui-calendar_icon {
        background: transparent;
        width: 21px;
        height: 18px;
        margin: 0;
        padding: 0;
        position: relative;
        top: 6px
    }

        .bui-icon-svg.bui-calendar_icon:hover {
            cursor: pointer
        }

            .bui-icon-svg.bui-calendar_icon:hover path {
                fill: #003580
            }

.hp_rt_av-calendar_icon.sb-dates__calendar-button {
    text-indent: 0
}

.mb-change-dates__fieldset .bui-icon-svg.bui-calendar_icon {
    top: 0
}

.bui-icon-svg .home_recommended_avatar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

.bui__home_recommended_tooltip, .bui__home_recommended_tooltip_rtl {
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 3
}

#popularDestinations .bui__home_recommended_tooltip, #popularDestinations .bui__home_recommended_tooltip_rtl {
    top: -1px;
    left: -1px
}

.bui__home_recommended_tooltip path, .bui__home_recommended_tooltip_rtl path {
    fill: #3594d7
}

.bui__down_orange {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 0
}

    .bui__down_orange path {
        fill: #f57d03
    }

li.selected .bui__down_orange path {
    fill: var(--bui_color_white)
}

li.selected .bui__down_orange {
    margin-top: -5px
}

.concvisitors .bui__icon_deal_hot {
    position: relative;
    left: -1px;
    top: 1px
}

.myreservations .bui__green-tick-price-guaranteed {
    position: relative;
    top: 1px;
    display: inline-block;
    left: 0
}

.bui__icon_x_gray .icon_x_gray__1, .bui__icon_x_gray_sm .icon_x_gray_sm__1 {
    fill: #bdbdbd
}

.remove_hotel:hover .icon_x_gray__1 {
    fill: #c00
}

.sr_low_avail_message .close_button .icon_x_gray__1 {
    fill: #febb02
}

.bui__feedbacklink_questionbubble {
    position: relative;
    top: 0
}

.bui__location_tab_sprite_reviews {
    position: absolute;
    top: 8px;
    left: 0
}

.bui__profile_notification {
    position: relative;
    top: -2px;
    left: -1px
}

    .bui__profile_notification path {
        fill: #ced7e5
    }

.bui__sb-date-picker_icon {
    position: absolute;
    top: 0;
    left: 0
}

.bk-svg-wrapper .sb-date-field__icon-text {
    width: 21px;
    text-align: center;
    padding-top: 8px
}

.sb-date-field__field.-empty .bk-svg-wrapper .sb-date-field__icon-text {
    padding-top: 4px
}

.bui__secret_deal_57 {
    position: absolute;
    left: 0
}

.bui__sb_border_gradient {
    position: relative;
    top: -3px
}

#usp-hotelpage-main-col.var-2 .oneusp {
    position: relative;
    background: none !important
}

.bui__icon_tick_with_circle {
    position: relative;
    top: 13px;
    left: 10px
}

.highlighted_facilities_reinforcement span {
    padding-left: 0 !important;
    background: none !important
}

.bui__icon__reviewer {
    position: relative;
    top: 14px;
    left: 5px
}

.lists-hotel-dropdown-alternative.bui_icon__save_to_list-wrapper {
    top: -3px
}

.bui_icon__save_to_list {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    background: #0071c2
}

.bui_icon__save_to_list_heart {
    top: 4px;
    position: relative;
    left: 0
}

    .bui_icon__save_to_list_heart path {
        fill: var(--bui_color_white)
    }

.bui_icon__save_to_list:hover {
    background: #003580
}

    .bui_icon__save_to_list:hover .bui_icon__save_to_list_heart {
        width: 17px;
        height: 17px;
        top: 5px
    }

.bui_icon__save_to_list-selected {
    background: #ebf3ff
}

    .bui_icon__save_to_list-selected .bui_icon__save_to_list_heart path {
        fill: #0071c2
    }

    .bui_icon__save_to_list-selected:hover .bui_icon__save_to_list_heart path {
        fill: var(--bui_color_white)
    }

.bui__icon_b-app_dots-wrapper {
    background: 0
}

.bui__icon_b-app_dots {
    position: absolute;
    right: 3%;
    top: 50%;
    width: 11px;
    height: 19px;
    margin-top: -9px
}

.bui__icon_b-app_dots-wrapper:hover .bui__icon_b-app_dots g {
    fill: #febb02
}

.bb-bizsearch {
    color: #333;
    margin-left: 5px
}

.bb-bizsearch--small {
    margin-left: 0;
    font-size: 10px
}

.notification-lightbox-container {
    width: 500px !important;
    height: auto !important
}

#notification_lightbox {
    padding: 30px;
    font: normal 18px BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

    #notification_lightbox.white {
        background: var(--bui_color_white)
    }

    #notification_lightbox .sf_container {
        background: transparent;
        height: auto
    }

        #notification_lightbox h4, #notification_lightbox .sf_container .subsc_title {
            margin: 0;
            padding: 0 0 3px 0;
            color: #202020;
            font: 22px BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
            font-weight: 500;
            background: 0;
            height: auto
        }

.white .sf_container .subsc_title {
    color: #333
}

#notification_lightbox p {
    padding: 0 0 7px;
    margin: 0;
    font-size: 14px;
    color: rgba(32,32,32,0.74)
}

#notification_lightbox .sf_container .subsc_form {
    margin: 0
}

#notification_lightbox ul.form_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333
}

    #notification_lightbox ul.form_list li {
        list-style: none;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        display: inline-block
    }

        #notification_lightbox ul.form_list li.email_field {
            -webkit-box-flex: 1;
            -webkit-flex-grow: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

#notification_lightbox .subsc_form input.linedinput {
    background: none repeat scroll 0 0 var(--bui_color_white);
    border: 1px solid #cd8900;
    padding: 5px;
    border-radius: 3px;
    color: #878787;
    font: 18px/24px BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    font-weight: 400;
    position: relative;
    -webkit-appearance: textfield !important;
    width: 92%
}

    #notification_lightbox .subsc_form input.linedinput:focus {
        -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3) inset,0 0 1px #a30000;
        box-shadow: 0 0 1px rgba(0,0,0,0.3) inset,0 0 1px #a30000;
        color: #333;
        background: var(--bui_color_white)
    }

#notification_lightbox .replace-feedback-msg.-success {
    font-size: var(--bui_font_body_2_font-size);
    font-weight: var(--bui_font_body_2_font-weight);
    line-height: var(--bui_font_body_2_line-height);
    font-family: var(--bui_font_body_2_font-family);
    text-align: center;
    display: none;
    color: #6b6b6b
}

#notification_lightbox .subscription-success .newsletter_form_fields {
    display: none
}

#notification_lightbox .subscription-success .replace-feedback-msg.-success {
    display: block
}

#notification_lightbox .subsc_form .subscribebutton {
    font: 18px/24px BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    font-weight: 400;
    background: #0071c2;
    color: var(--bui_color_white);
    border: 1px solid #bad4f7;
    padding: 4px 15px;
    border-radius: 3px;
    white-space: nowrap;
    cursor: pointer
}

#notification_lightbox .linedinput, #notification_lightbox .subscribebutton {
    display: inline-block
}

.dsf-badge-wrapper {
    top: 4px;
    position: relative;
    max-width: 445px;
    padding-bottom: 3px
}

.dsf_badge i {
    position: absolute;
    z-index: 5;
    display: inline-block;
    font-size: 28px
}

.dsf-badge-wrapper-text {
    display: block;
    margin: 3px 0 5px 17px;
    padding: 5px 10px 5px 15px;
    font-size: 11px;
    line-height: 18px;
    background-color: #ebf3ff
}

.cookie_styles {
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    margin: 0;
    background: transparent
}

    .cookie_styles .warning_content {
        padding: 10px 0;
        text-align: center
    }

    .cookie_styles .cookie_background {
        display: none
    }

    .cookie_styles span {
        display: inline-block;
        padding: 8px 0
    }

    .cookie_styles a.close_warning {
        border-radius: 8px;
        border: 2px solid var(--bui_color_white);
        -webkit-box-shadow: 0 1px 1px #878787;
        box-shadow: 0 1px 1px #878787;
        color: var(--bui_color_white);
        text-decoration: none;
        display: inline-block;
        background: #0071c2;
        margin-left: 7px;
        padding: 4px 12px;
        font-size: 14px
    }

        .cookie_styles a.close_warning:hover {
            background: #003580;
            cursor: pointer;
            -webkit-transition: all .1s ease-in-out;
            -moz-transition: all .1s ease-in-out;
            -o-transition: all .1s ease-in-out
        }

    .cookie_styles .cookie_background {
        background: #003580;
        display: block;
        opacity: .8;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -moz-opacity: .70;
        filter: alpha(opacity=70);
        opacity: .80
    }

    .cookie_styles a {
        color: var(--bui_color_white)
    }

    .cookie_styles .warning_content {
        position: relative;
        color: var(--bui_color_white);
        z-index: 999;
        text-align: center
    }

.cookie-warning-v2 {
    z-index: 10003;
    font-size: var(--bui_font_body_2_font-size);
    font-weight: var(--bui_font_body_2_font-weight);
    line-height: var(--bui_font_body_2_line-height);
    font-family: var(--bui_font_body_2_font-family)
}

.cookie-warning-v2__bottom, .cookie-warning-v2__top {
    left: 0;
    width: 100%;
    background: #f5f5f5;
    color: #333;
    position: fixed
}

.cookie-warning-v2__bottom {
    bottom: 0
}

.cookie-warning-v2__top {
    top: 0;
    max-height: 168px
}

.cookie-warning-v2__explicit .bui-modal__content {
    max-width: 1000px
}

.cookie-warning-v2__explicit .bui-action-bar {
    border-top: 0
}

.cookie-warning-v2__explicit .bui-modal__paragraph {
    padding: 0 24px;
    line-height: 26px
}

.cookie-warning-v2__explicit .bui-link {
    font-weight: normal
}

.cookie-warning-v2-body__top {
    margin-top: 168px
}

.cookie-warning-v2-body__bottom {
    margin-bottom: 168px
}

.cookie-warning-v2__panel {
    padding: 16px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.cookie-warning-v2__banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1100px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.cookie-warning-v2__banner-icon {
    margin-right: 30px
}

.cookie-warning-v2__banner-text {
    line-height: 26px;
    max-width: 948px;
    margin-right: 32px
}

    .cookie-warning-v2__banner-text .bui-f-font-heading {
        margin-bottom: 4px
    }

.cookie-warning-v2__banner-cta {
    width: 120px;
    text-align: center
}

.cookie-warning-v2 .bui-link {
    font-weight: normal
}

#cookie-consent-manage-settings {
    z-index: 10004;
    width: 1000px
}

    #cookie-consent-manage-settings .bui-modal__content {
        max-width: 1000px
    }

    #cookie-consent-manage-settings .bui-accordion {
        border: 0
    }

    #cookie-consent-manage-settings .bui-link {
        font-weight: normal
    }

.bui-modal .cookie-consent-manage-settings-form {
    display: block !important
}

.cookie-warning-v2-modal__category--active {
    background: #f5f5f5;
    margin-right: -1px
}

.cookie-warning-v2-modal--tall {
    height: 465px
}

.cookie-warning-v2-modal__category-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 32px 16px 16px;
    font-size: var(--bui_font_small_1_font-size);
    font-weight: var(--bui_font_small_1_font-weight);
    line-height: var(--bui_font_small_1_line-height);
    font-family: var(--bui_font_small_1_font-family)
}

.cookie-warning-v2-modal__category, .cookie-warning-v2-modal__category--active {
    width: 417px
}

.cookie-warning-v2-modal__category-inner .cookie-warning-v2-modal__category-contentWrapper {
    margin-right: 8px
}

.cookie-warning-v2-modal__category-contentWrapper {
    width: 310px
}

.cookie-warning-v2-modal__category-inner:active, .cookie-warning-v2-modal__category-inner:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    color: inherit
}

.cookie-warning-v2-modal__category-list {
    border-right: 1px solid #e6e6e6
}

.cookie-warning-v2-modal__category-content {
    background: #f5f5f5;
    height: 100%;
    overflow-x: auto
}

    .cookie-warning-v2-modal__category-content .cookie-warning-v2-modal__category-content-inner {
        padding: 16px 32px;
        font-size: var(--bui_font_body_2_font-size);
        font-weight: var(--bui_font_body_2_font-weight);
        line-height: var(--bui_font_body_2_line-height);
        font-family: var(--bui_font_body_2_font-family)
    }

.cookie-warning-v2-modal__footer {
    padding: 18px 14px;
    text-align: right
}

.cookie-warning-v2-modal__category-button div, .cookie-warning-v2-modal__category-button span {
    pointer-events: none
}

.cookie-warning-v2-modal__category-inner .bui-checkbox {
    margin-right: 11px
}

.cookie-warning-v2-modal__cookie-list {
    padding: 16px 0
}

.cookie-warning-v2-modal__category-content tr, .cookie-warning-v2-modal__category-content td {
    font-size: var(--bui_font_small_1_font-size);
    font-weight: var(--bui_font_small_1_font-weight);
    line-height: var(--bui_font_small_1_line-height);
    font-family: var(--bui_font_small_1_font-family)
}

.cookie-warning-v2-modal__category-content .cookie-warning-v2-modal--cookiename {
    width: 40%
}

.cookie-warning-v2-modal__category-content .cookie-warning-v2-modal--domain {
    width: 30%
}

.cookie-warning-v2-modal__category-content .cookie-warning-v2-modal--expiry {
    width: 30%
}

.cookie_warning_close_button {
    right: unset !important;
    float: right !important;
    top: -15px !important;
    display: block !important;
    position: relative !important
}

.cookie-warning-v3-modal__category-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px;
    font-size: var(--bui_font_small_1_font-size);
    font-weight: var(--bui_font_small_1_font-weight);
    line-height: var(--bui_font_small_1_line-height);
    font-family: var(--bui_font_small_1_font-family)
}

.cookie-warning-v3-modal__category:hover {
    background: #f5f5f5
}

.cookie-warning-v3-modal__category-inner .cookie-warning-v3-modal__category-contentWrapper {
    margin-right: 8px
}

.cookie-warning-v3-modal__category-contentWrapper {
    width: 100%
}

.cookie-warning-v3-modal__category-inner:active, .cookie-warning-v3-modal__category-inner:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    color: inherit
}

.cookie-warning-v3-modal__category-list {
    border-right: 1px solid #e6e6e6
}

.cookie-warning-v3-modal__category-description {
    height: 100%;
    overflow-x: auto
}

    .cookie-warning-v3-modal__category-description .bui-link--secondary {
        color: #707070
    }

    .cookie-warning-v3-modal__category-description .cookie-warning-v3-modal__category-description-inner {
        max-height: 400px;
        padding: 16px 32px;
        font-size: var(--bui_font_body_2_font-size);
        font-weight: var(--bui_font_body_2_font-weight);
        line-height: var(--bui_font_body_2_line-height);
        font-family: var(--bui_font_body_2_font-family)
    }

.cookie-warning-v3-modal__category-content {
    height: 100%;
    overflow-x: auto
}

    .cookie-warning-v3-modal__category-content .bui-link--secondary {
        color: #707070
    }

    .cookie-warning-v3-modal__category-content .cookie-warning-v3-modal__category-content-inner {
        padding: 16px 32px;
        font-size: var(--bui_font_body_2_font-size);
        font-weight: var(--bui_font_body_2_font-weight);
        line-height: var(--bui_font_body_2_line-height);
        font-family: var(--bui_font_body_2_font-family)
    }

.cookie-warning-v3-modal__footer {
    padding: 18px 14px;
    text-align: right
}

.cookie-warning-v3-modal__category-button div, .cookie-warning-v3-modal__category-button span {
    pointer-events: none
}

.cookie-warning-v3-modal__category-inner .bui-checkbox {
    margin-right: 11px
}

.cookie-warning-v3-modal__cookie-list {
    padding: 16px 0
}

.cookie-warning-v3-modal__category-content tr, .cookie-warning-v3-modal__category-content td {
    font-size: var(--bui_font_small_1_font-size);
    font-weight: var(--bui_font_small_1_font-weight);
    line-height: var(--bui_font_small_1_line-height);
    font-family: var(--bui_font_small_1_font-family)
}

.cookie-warning-v3-modal__category-content .cookie-warning-v3-modal--cookiename {
    width: 40%
}

.cookie-warning-v3-modal__category-content .cookie-warning-v3-modal--domain {
    width: 30%
}

.cookie-warning-v3-modal__category-content .cookie-warning-v3-modal--expiry {
    width: 30%
}

.cookie-warning-v3-company-accordion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cookie-warning-v3-company-accordion-description {
    margin-top: unset
}

.cookie-warning-v3-company-accordion-domains {
    float: right;
    color: #6b6b6b
}

.cookie-warning-v3-cookie-list .bui-table__cell--head {
    padding: unset
}

.cookie-warning-v3-cookie-list .bui-table__cell {
    padding: 8px 12px
}

#package_travel_directive_warning {
    display: none;
    font-size: 13px;
    margin: 0;
    background: transparent
}

    #package_travel_directive_warning.www {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1001
    }

    #package_travel_directive_warning.mdot, #package_travel_directive_warning.tdot {
        position: relative
    }

    #package_travel_directive_warning .package_travel_directive_warning_content {
        padding: 10px;
        position: relative;
        color: var(--bui_color_white);
        z-index: 999
    }

    #package_travel_directive_warning a {
        color: var(--bui_color_white)
    }

    #package_travel_directive_warning.mdot p {
        margin: 4px 0
    }

    #package_travel_directive_warning .package_travel_directive_warning_background {
        background: #003580;
        display: block;
        opacity: .8;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -moz-opacity: .70;
        filter: alpha(opacity=70);
        opacity: .90
    }

    #package_travel_directive_warning .close_package_travel_directive_warning, #package_travel_directive_warning .expand_package_travel_directive_warning {
        cursor: pointer
    }

    #package_travel_directive_warning .close_package_travel_directive_warning {
        border-radius: 8px;
        border: 2px solid var(--bui_color_white);
        -webkit-box-shadow: 0 1px 1px #878787;
        box-shadow: 0 1px 1px #878787;
        color: var(--bui_color_white);
        text-decoration: none;
        display: inline-block;
        background: #0071c2;
        margin-left: 7px;
        padding: 4px 12px;
        font-size: 14px
    }

    #package_travel_directive_warning .expand_package_travel_directive_warning {
        text-decoration: underline;
        font-weight: bold
    }

    #package_travel_directive_warning .close_package_travel_directive_warning:hover {
        background: #003580;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out
    }

#ptd_warning .bui-modal__header {
    text-align: center;
    padding: 16px
}

#ptd_warning .bui-modal__close {
    top: 16px
}

#ptd_warning .bui-modal__body {
    padding: 0 16px 16px;
    font-size: 12px
}

#ptd_warning .bui-modal__inner p {
    margin-bottom: 5px
}

#ptd_warning .package_travel_directive_warning_extra_content {
    margin-top: 15px
}

#ptd_warning .bui-modal__inner a {
    text-decoration: underline
}

div.cucaAlarm {
    margin: .4em 0 1em;
    background-color: #ffc489;
    border: 3px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: .5em;
    color: #ffc489;
    min-height: 35px;
    border-radius: 10px
}

div.cucaWarnText {
    font: small/1.2em BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    font-size: 13px;
    color: #006607;
    margin-left: 40px;
    line-height: 30px
}

div.cucaWarnImg {
    height: 30px;
    float: left
}

.wl252-modal {
    max-width: 500px
}

.wl252-modal--inside {
    background-color: var(--bui_color_white)
}

.wl252-modal__title--success {
    color: #008009;
    font-size: 200%;
    font-weight: 200;
    padding: 20px 0 0 20px
}

.wl252-modal__footer {
    padding: 0 20px 20px 20px
}

.wl252-modal__skip {
    margin-left: 30px;
    font-weight: normal !important
}

.wl252-modal_action {
    padding: 20px;
    padding-bottom: 10px
}

.wl252-btn {
    -webkit-font-smoothing: antialiased;
    background-color: #0071c2;
    border-radius: 5px;
    border: 0;
    color: var(--bui_color_white);
    cursor: pointer;
    font-size: 130%;
    font-weight: bold;
    padding: .3em 1em
}

    .wl252-btn:hover {
        background-color: #003580
    }

#wl252-modal__if {
    display: none;
    visibility: hidden
}

.modal-wrapper.wl252-modal-wrapper--styled {
    width: 425px
}

.wl252-modal--inside--styled, .wl252-modal--inside--styled .wl252-modal {
    top: 250px;
    width: 360px;
    max-width: 360px;
    height: 400px
}

.wl252-modal--inside--styled {
    padding: 20px
}

    .wl252-modal--inside--styled .wl252-modal__image {
        width: 80px;
        height: 80px;
        display: block;
        margin: 20px auto 40px
    }

    .wl252-modal--inside--styled .wl252-modal__icon {
        border-radius: 62px;
        background-color: #003580;
        text-align: center;
        width: 84px;
        display: block;
        margin: 20px auto 35px
    }

    .wl252-modal--inside--styled .wl252-modal__icon_mobilephone {
        height: 65px;
        padding-top: 19px
    }

    .wl252-modal--inside--styled .wl252-modal__icon_check {
        height: 63px;
        padding-top: 12px;
        padding-bottom: 9px
    }

.wl252-modal__icon i {
    font-size: 47px;
    color: var(--bui_color_white)
}

.wl252-modal--inside--styled .wl252-modal__title--success {
    color: #003580;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px
}

.wl252-modal--inside--styled .wl252-modal__subtitle {
    padding: 0;
    margin: 10px 0 25px;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

.wl252-modal--inside--styled .wl252-modal_action {
    padding: 0
}

.wl252-modal--inside--styled #wl252-firstname {
    float: left;
    width: 150px;
    margin-bottom: 0
}

.wl252-modal--inside--styled #wl252-lastname {
    float: right;
    width: 150px;
    margin-bottom: 0
}

.wl252-modal--inside--styled .gta-widget-submit {
    display: none
}

.wl252-modal--inside--styled .gta-cfd-list {
    height: 101px
}

.wl252-modal--inside--styled .wl252-modal__footer {
    padding: 0;
    position: absolute;
    bottom: 25px;
    width: 360px
}

    .wl252-modal--inside--styled .wl252-modal__footer .wl252-btn {
        display: block;
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        text-decoration: none
    }

    .wl252-modal--inside--styled .wl252-modal__footer .wl252-btn_name, .wl252-modal--inside--styled .wl252-modal__footer .wl252-btn_continue {
        margin: 0 0 25px
    }

    .wl252-modal--inside--styled .wl252-modal__footer .wl252-btn-mysettings {
        background-color: var(--bui_color_white);
        color: #0071c2;
        border: 1px solid #0071c2;
        margin: 0 0 15px
    }

        .wl252-modal--inside--styled .wl252-modal__footer .wl252-btn-mysettings:hover {
            color: #003580;
            border-color: #003580
        }

    .wl252-modal--inside--styled .wl252-modal__footer .wl252-btn-done {
        color: var(--bui_color_white);
        margin-bottom: 24px
    }

.wl252-modal--inside--styled .wl252-modal__footer-below {
    display: block;
    margin: 0 auto
}

.wl252-modal--inside--styled .wl252-modal__skip {
    display: inline-block;
    float: right;
    text-decoration: none;
    font-size: 12px;
    margin: 0;
    color: #bdbdbd
}

    .wl252-modal--inside--styled .wl252-modal__skip:hover {
        color: #0071c2
    }

    .wl252-modal--inside--styled .wl252-modal__skip:after {
        content: "\b09d";
        font-family: booking-iconset;
        font-size: 9px
    }

.wl252-modal--inside--styled .wl252--modal__progress_dots_wrapper {
    display: inline-block;
    list-style: none;
    padding-left: 154px;
    vertical-align: top;
    margin: 0
}

    .wl252-modal--inside--styled .wl252--modal__progress_dots_wrapper li {
        width: 8px;
        height: 8px;
        display: inline-block;
        background-color: #bdbdbd;
        margin-right: 8px;
        border-radius: 8px
    }

    .wl252-modal--inside--styled .wl252--modal__progress_dots_wrapper .wl252--modal__progress_dots_wrapper-active {
        background-color: #0071c2
    }

#b2hotelPage .modal-wrapper.wl252-modal-wrapper--styled {
    border: 12px solid rgba(182,182,182,0.3)
}

.deals-module-label, .deals-module-icon {
    display: inline-block;
    position: relative;
    vertical-align: text-top
}

.book .deals-module-label, .book .deals-module-icon {
    vertical-align: baseline
}

.wrap-hotelpage-top .deals-module-label, .wrap-hotelpage-top .deals-module-icon, .sr_item_content .deals-module-label, .sr_item_content .deals-module-icon {
    vertical-align: top
}

.deals-module-label.jq_tooltip, .deals-module-icon.jq_tooltip {
    cursor: help
}

.deals-module-label-m-16 {
    height: 16px;
    min-width: 8px;
    padding-left: 8px
}

.deals-module-label-m-24 {
    height: 24px;
    min-width: 12px;
    padding-left: 12px
}

.deals-module-label-m-32 {
    height: 32px;
    min-width: 16px;
    padding-left: 16px
}

.deals-module-label-m-40 {
    height: 40px;
    min-width: 20px;
    padding-left: 20px
}

.deals-module-label-m-57 {
    height: 57px;
    min-width: 29px;
    padding-left: 28px
}

.deals-module-label .deals-module-icon {
    position: absolute;
    top: 0;
    left: 0
}

.deals-module-label--text {
    display: block;
    white-space: nowrap;
    font-weight: 400;
    color: #333;
    background: #fafcff;
    border-radius: 0 4px 4px 0;
    padding: 0 1em;
    height: 100%
}

.deals-module-genius-rates .deals-module-label--text {
    background: #ffc489
}

.deals-module-preset-deal-bf {
    margin: 5px
}

.deals-module-preset-deal {
    color: #fcb4b4;
    display: block;
    margin-top: 5px;
    font-weight: bold
}

.deals-module-label-m-16 .deals-module-label--text {
    padding: 0 6px 0 14px;
    line-height: 17px;
    font-size: 11px
}

.deals-module-label-m-24 .deals-module-label--text {
    padding: 0 6px 0 16px;
    line-height: 24px;
    font-size: 13px
}

.deals-module-label-m-32 .deals-module-label--text {
    padding: 0 8px 0 24px;
    line-height: 33px;
    font-size: 14px
}

.deals-module-label-m-40 .deals-module-label--text {
    padding: 0 12px 0 30px;
    line-height: 41px;
    font-size: 16px
}

.deals-module-label-m-57 .deals-module-label--text {
    padding: 0 14px 0 42px;
    line-height: 58px;
    font-size: 18px
}

.b_chrome .deals-module-label-m-24 .deals-module-label--text {
    line-height: 25px
}

.crossedout-price-icon {
    margin: 0 2px 0 -2px;
    display: inline-block;
    color: #ffebeb;
    font-size: 11px
}

.ribbon--blue .crossedout-price-icon {
    color: #ebf3ff
}

.zh2 #room_availability_container .crossedout-price-icon {
    font-size: 11px;
    line-height: 14px
}

.hotel .crossedout-price-icon {
    margin: 0
}

.deal-card-discount-ribbon .crossedout-price-icon, .add-red-tag .crossedout-price-icon {
    position: absolute;
    top: 3px;
    right: 3px;
    margin: 0
}

.deal-card-discount-ribbon .crossedout-price-icon {
    color: var(--bui_color_white);
    opacity: .7
}

.deal-card-content .crossedout-price-icon {
    font-size: 1em;
    margin: 4px 0 0 4px;
    color: #0071c2;
    float: right
}

.room_level_saving .crossedout-price-icon {
    margin: 0 -5px 0 2px;
    vertical-align: 3px
}

.touch2 .room_level_saving .crossedout-price-icon {
    vertical-align: 0
}

.d-deal {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 1
}

.d-deal-b {
    z-index: 17;
    display: inline-block;
    height: 24px;
    -webkit-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
    white-space: nowrap;
    border-radius: 4px;
    background: #ff8000;
    font-size: 24px;
    line-height: 26px
}

.d-deal__room-table .d-deal-b {
    white-space: nowrap !important
}

.d-deal__room-table.d-deal__dod-countdown span.d-deal--main.d-deal--main__text {
    font-size: 12px;
    line-height: unset
}

.d-deal__room-table.d-deal__dod-countdown .d-deal-b {
    border-radius: 0;
    height: 20px;
    line-height: 20px
}

.supports_flexbox_unprefixed .d-deal__room-table .d-deal-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.d-deal__tooltip:hover .d-deal-b {
    cursor: pointer;
    background: #aaa
}

.d-deal__cursor:hover .d-deal-b {
    cursor: default
}

.d-deal--main::-moz-selection, .d-deal--ext::-moz-selection {
    background: 0
}

.d-deal--main::selection, .d-deal--ext::selection {
    background: 0
}

.d-deal--ext, .d-deal--main {
    display: inline-block;
    float: left;
    height: 24px;
    margin: 0;
    padding: 0 5px;
    text-align: center;
    font-size: .5em
}

.d-deal__s-large .d-deal-b {
    height: 32px;
    font-size: 28px;
    line-height: 32px
}

.d-deal__s-large .d-deal--main, .d-deal__s-large .d-deal--ext {
    height: 31px;
    padding: 0 8px
}

    .d-deal__s-large .d-deal--main i, .d-deal__s-large .d-deal--ext i {
        line-height: 31px
    }

    .d-deal__s-large .d-deal--ext:before {
        top: 0;
        font-size: 42px
    }

.d-deal__confirmation {
    vertical-align: -6px
}

.d-deal__promo {
    height: 35px
}

    .d-deal__promo .d-deal--ext, .d-deal__promo .d-deal-b {
        height: 36px;
        line-height: 50px
    }

    .d-deal__promo .d-deal-b {
        border-radius: 7px
    }

    .d-deal__promo.d-deal__lonely .d-deal--ext {
        padding: 0 6px
    }

    .d-deal__promo .d-deal--ext i {
        font-size: 26px;
        line-height: 32px
    }

.d-deal__search-inline {
    vertical-align: -3px
}

.hotellist .featuredRooms .d-deal__search-inline .d-deal--ext {
    font-size: 12px
}

.d-deal--ext {
    position: relative;
    -webkit-transition: background-color .3s ease-out,color .3s ease-out,padding .3s ease-out;
    transition: background-color .3s ease-out,color .3s ease-out,padding .3s ease-out;
    color: var(--bui_color_white);
    background-color: #ff8000
}

.supports_flexbox_unprefixed .d-deal__room-table .d-deal--ext, .supports_flexbox_unprefixed .d-deal__room-table .d-deal--main {
    display: block
}

.d-deal--discount .bicon-percentage {
    font-size: 14px;
    margin: 0 0 0 1px
}

.d-deal--ext--amount {
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    float: left;
    line-height: 24px;
    padding: 0 1px 0 2px
}

.d-deal--ext__w-amount .bicon-percentage {
    font-size: 11px
}

.d-deal__tooltip:hover .d-deal--ext {
    color: var(--bui_color_white);
    background-color: #aaa
}

.d-deal--ext__last {
    padding-right: 5px;
    border-radius: 0 4px 4px 0
}

.d-deal--ext:before {
    position: absolute;
    top: -1px;
    left: -2px;
    display: block;
    content: "\b254";
    opacity: .75;
    color: var(--bui_color_white);
    font-family: "booking-iconset";
    font-size: 32px
}

.d-deal__tooltip:hover .d-deal--ext:before {
    opacity: .5
}

.d-deal--ext i {
    font-size: 1.35em;
    line-height: 24px
}

.d-deal .d-deal--smart i {
    margin-left: .025em
}

.d-deal--main {
    padding: 0 8px 0 7px;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
    color: var(--bui_color_white)
}

.d-deal--main__text {
    text-transform: none;
    font-size: 14px;
    line-height: 23px;
    font-weight: 400
}

.ru .d-deal--main__text, .de .d-deal--main__text {
    text-transform: none;
    font-size: 14px;
    line-height: 24px
}

.ar .d-deal--main.d-deal--main__text {
    line-height: 20px
}

.d-deal__tooltip:hover .d-deal--main {
    color: var(--bui_color_white)
}

.d-deal--general i {
    font-size: 1em
}

.d-deal__no-main .d-deal--ext__first {
    border-radius: 4px 0 0 4px
}

    .d-deal__no-main .d-deal--ext__first:before {
        display: none
    }

.d-deal__lonely .d-deal--ext__first {
    padding: 0 4px;
    border-radius: 4px
}

.d-deal__stand-alone {
    margin: 2px 0
}

.d-deal__room-table {
    margin: 4px 0 4px 0
}

.d-deal__limit_size .d-deal--main__text {
    font-size: 11px
}

.d-deal__limit_size .d-deal--ext i {
    font-size: 1.2em
}

.d-deal-w {
    position: absolute;
    z-index: 45;
    top: 34px;
    left: 50%;
    width: 320px;
    margin-left: -160px;
    -webkit-transition: opacity .15s ease-out,top .15s ease-out,bottom .15s ease-out;
    transition: opacity .15s ease-out,top .15s ease-out,bottom .15s ease-out;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    pointer-events: none;
    opacity: 0;
    color: var(--bui_color_white);
    border-radius: 4px;
    background: rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.5);
    box-shadow: 0 1px 7px rgba(0,0,0,0.5);
    font-size: 13px;
    line-height: normal
}

    .d-deal-w.d-deal-w--restyle {
        -webkit-transition: none;
        transition: none;
        -webskit-transition: none;
        background: #333;
        font-size: 14px;
        line-height: 20px;
        font-weight: normal
    }

.hotellist .sr_item_content .d-deal-w {
    margin-left: -160px
}

.d-deal__pre-init .d-deal-w {
    width: 180px;
    margin-left: -90px
}

.d-deal__tooltip-left .d-deal-w {
    left: 0;
    margin-left: auto
}

    .d-deal__tooltip-left .d-deal-w:before {
        left: 7px;
        margin-left: auto
    }

.d-deal__tooltip-right .d-deal-w {
    right: 0;
    left: auto;
    margin-left: auto
}

    .d-deal__tooltip-right .d-deal-w:before {
        right: 7px;
        left: auto;
        margin-left: auto
    }

.d-deal__tooltip-bottom .d-deal-w {
    top: auto;
    bottom: 34px
}

.d-deal__dod-countdown {
    display: block;
    height: auto
}

.supports_flexbox_unprefixed .d-deal__dod-countdown.d-deal__room-table .d-deal-b {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.d-deal__tooltip-bottom .d-deal-w:before {
    top: auto;
    bottom: -10px;
    border-top-color: rgba(0,0,0,0.8);
    border-bottom-color: transparent
}

.d-deal__tooltip.d-deal__tooltip-bottom:hover .d-deal-w {
    top: auto;
    bottom: 29px;
    display: block;
    opacity: 1
}

.d-deal__tooltip:hover .d-deal-w {
    top: 29px;
    display: block;
    opacity: 1
}

.d-deal__s-large:hover .d-deal-w {
    top: 33px
}

.d-deal-w:before {
    position: absolute;
    top: -10px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -5px;
    content: "";
    border: transparent 5px solid;
    border-bottom-color: rgba(0,0,0,0.8)
}

.ge_badge_hash {
    display: block;
    width: 0;
    height: 0
}

.d-deal-w--section {
    min-height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 4px;
    padding: 12px 20px 15px 11px;
    -webkit-transition: top .3s ease-out,opacity .3s ease-out;
    transition: top .3s ease-out,opacity .3s ease-out;
    white-space: normal;
    opacity: 0;
    border-bottom: dotted 1px rgba(255,255,255,0.4);
    font-weight: normal
}

.d-deal-w.d-deal-w--restyle .d-deal-w--section {
    transition: none;
    -webkit-transition: none
}

.d-deal-w-classic .d-deal-w--section {
    top: auto;
    display: block;
    padding: 10px 0;
    opacity: 1;
    line-height: normal
}

    .d-deal-w-classic .d-deal-w--section:first-child {
        padding-top: 0
    }

    .d-deal-w-classic .d-deal-w--section:last-child {
        padding-bottom: 0
    }

.d-deal-w--section__last, .d-deal-w--section:last-child {
    border-bottom: 0
}

.d-deal__tooltip:hover .d-deal-w--section {
    top: 0;
    opacity: 1
}

.d-deal-w--secret {
    top: 14px
}

.d-deal-w--smart {
    top: 21px
}

.d-deal-w--discount, .d-deal-w--general {
    top: 28px
}

.d-deal-w--icon {
    position: static;
    padding: 0 13px 0 6px;
    font-size: 2.4em;
    float: left
}

.d-deal-w--discount .d-deal-w--icon {
    font-size: 21px
}

.d-deal-w--genius .d-deal-w--icon {
    height: 29px;
    width: auto;
    padding-right: 15px
}

.d-deal-w--secret .d-deal-w--section--header, .d-deal-w--secret .d-deal-w--icon {
    color: #5bbaff !important
}

.d-deal-w--smart .d-deal-w--section--header, .d-deal-w--smart .d-deal-w--icon {
    color: #febb02 !important
}

.d-deal-w--late .d-deal-w--section--header, .d-deal-w--late .d-deal-w--icon {
    color: #5bbaff !important
}

.d-deal-w--discount .d-deal-w--section--header, .d-deal-w--discount .d-deal-w--icon {
    color: #ff8000 !important
}

.d-deal-w--deal-of-the-day .d-deal-w--section--header, .d-deal-w--deal-of-the-day .d-deal-w--icon {
    color: #ff8000 !important
}

.d-deal-w--cpos .d-deal-w--section--header, .d-deal-w--cpos .d-deal-w--icon {
    color: #febb02 !important
}

.d-deal-w--singleday .d-deal-w--section--header, .d-deal-w--singleday .d-deal-w--icon {
    color: #febb02 !important
}

.d-deal-w--icon.bicon-singleday {
    font-size: 14px !important
}

.d-deal-w--general .d-deal-w--icon {
    color: #aaa;
    font-size: 1.5em
}

.d-deal-w--header {
    padding: 14px;
    font-size: 20px
}

.d-deal-w--section--header {
    margin-bottom: 4px;
    font-size: 13px;
    font-weight: bold !important
}

td.roomPrice .d-deal div, td.roomPrice .d-deal span {
    text-align: left;
    white-space: normal;
    text-decoration: none;
    color: var(--bui_color_white);
    font-weight: normal
}

td.roomPrice .d-deal .d-deal-w--icon {
    font-family: "booking-iconset"
}

.d-deal .d-deal-w .d-deal-w--section strong {
    font-size: 100%
}

.zh2 #room_availability_container .d-deal {
    line-height: 1
}

.zh2 #room_availability_container .d-deal--ext i {
    font-size: 16px;
    line-height: 24px
}

.zh2 #room_availability_container .d-deal-w--icon {
    font-size: 26px
}

.d-deal__time_targeting_banner {
    display: block;
    height: auto;
    margin: -5px 0 23px
}

    .d-deal__time_targeting_banner .deal-countdown {
        position: relative;
        border: 1px solid #ff8000;
        border-radius: 2px;
        text-align: center;
        -webkit-box-shadow: 0 1px 5px #aaa;
        box-shadow: 0 1px 5px #aaa;
        margin-top: 10px
    }

        .d-deal__time_targeting_banner .deal-countdown:before {
            content: "";
            position: absolute;
            top: -8px;
            left: 50%;
            margin-left: -7px;
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #ff8000
        }

.d-deal__no-deals-badge .deal-countdown:before {
    display: none
}

td.roomPrice .d-deal__time_targeting_banner div.deal-countdown_time {
    text-align: center;
    margin: 6px 0;
    white-space: normal !important;
    padding: 0 5px;
    color: #ff8000;
    font-size: 12px;
    line-height: 14px
}

    td.roomPrice .d-deal__time_targeting_banner div.deal-countdown_time .deal_time {
        font-size: 13px;
        display: inline-block;
        margin: 2px 0
    }

.d-deal__bp-cug-reinforcement, .d-deal__city-card, .d-deal__book-process {
    vertical-align: middle
}

td.smart_deal .smart_deal_block .d-deal strong {
    font-size: 100%
}

.b_msie .d-deal-w {
    display: none;
    background: var(--bui_color_black)
}

    .b_msie .d-deal-w:before {
        border-bottom-color: var(--bui_color_black)
    }

.b_msie_10 .d-deal .d-deal--ext .bicon-secret {
    position: relative;
    left: .04em
}

.b_msie_10 .d-deal.d-deal__no-main.d-deal__lonely .bicon-secret {
    top: -0.05em
}

.b_msie .d-deal__tooltip:hover .d-deal-w {
    display: block
}

.b_msie .d-deal--main__text {
    font-weight: bold
}

.d-deal-icon {
    display: block;
    overflow: hidden;
    height: 32px;
    padding: 6px;
    color: var(--bui_color_white);
    border-radius: 5px;
    background: #ff8000;
    font-size: 32px
}

.d-deal__colored .d-deal-b {
    background: #fff8f0;
    border: solid 1px #ffc489
}

.d-deal__colored .d-deal--ext {
    background-color: #fff8f0
}

    .d-deal__colored .d-deal--main, .d-deal__colored .d-deal--ext, .d-deal__colored .d-deal--ext:before {
        color: #ff8000
    }

.d-deal__colored:hover .d-deal--ext:before {
    color: var(--bui_color_white)
}

.us_4th_of_july_deal .d-deal-b, .us_4th_of_july_deal:hover .d-deal-b {
    padding-right: 25px;
}

    .us_4th_of_july_deal .d-deal-b .d-deal--ext.d-deal--smart {
        display: none
    }

.deal-badge-fb-live {
    background: #a30000;
    color: var(--bui_color_white);
    padding: 0 5px;
    border-radius: 3px;
    font-weight: 500;
    margin-right: 3px;
    line-height: unset;
    top: -7px
}

.d-deal__preset_deal.t-hp-header-badge {
    top: 1px;
    font-size: 15px
}

.d-deal__preset_deal.bp-header-badge {
    top: 2px
}

.d-deal__preset_deal.t-bp-header-badge {
    top: 4px;
    font-size: 15px
}

.d-deal__preset_deal.conf-header-badge {
    top: 7px;
    font-size: 15px
}

.d-deal-preset {
    background: #ff8000;
    padding-left: 10px;
    margin-left: -12px;
    margin-right: 3px
}

    .d-deal-preset.d-deal-no-icon-preset {
        background: #ff8000;
        padding-left: 0;
        margin-left: 0;
        margin-right: 3px
    }

        .d-deal-preset.d-deal-no-icon-preset.d-deal-preset_blacked {
            background-color: #333;
            color: var(--bui_color_white)
        }

.preset__icon-container {
    float: left;
    width: 22px;
    height: 22px;
    background: var(--bui_color_white);
    border: 1px solid #ff8000;
    border-radius: 50%;
    z-index: 18;
    position: relative;
    text-align: center;
    line-height: 19px
}

.hp__hotel-title .d-deal__preset-deal {
    display: inline-table
}

.hp__hotel-title .preset__icon-container {
    line-height: 17px
}

.preset__icon-container svg {
    fill: #ff8000
}

.d-deal__preset_deal .d-deal-b span {
    color: var(--bui_color_white) !important
}

.d-deal__preset_deal .d-deal--ext {
    background-color: #fcb4b4 !important
}

.d-deal__preset_deal .d-deal-w--classic-tooltip {
    max-width: 250px
}

.ar .d-deal__preset_deal .d-deal--main.d-deal--main__text {
    line-height: 24px
}

.bf-discount-rate {
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    position: relative;
    top: -1px;
    font-size: 10px !important;
    color: var(--bui_color_white)
}

.d-deal__preset-deal.deals-bf-badge .d-deal-preset {
    border: 0;
    background: var(--bui_color_black);
    padding-left: unset;
    margin-left: unset
}

.touch2 .d-deal.d-deal__preset-deal, .touch1 .d-deal.d-deal__preset-deal {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex
}

    .touch2 .d-deal.d-deal__preset-deal .preset__icon-container, .touch1 .d-deal.d-deal__preset-deal .preset__icon-container {
        line-height: 24px
    }

.touch2 .hp-comp-full .d-deal.d-deal__preset-deal .preset__icon-container, .touch1 .hp-comp-full .d-deal.d-deal__preset-deal .preset__icon-container {
    line-height: 21px
}

.touch2 .d-deal.d-deal__preset-deal.deals-bf-badge > span.preset__icon-container, .touch1 .d-deal.d-deal__preset-deal.deals-bf-badge > span.preset__icon-container {
    display: none
}

.bp_hotel_details .d-deal__preset-deal {
    height: 29px;
    vertical-align: middle
}

.pb-conf-overview-table .d-deal__preset-deal {
    vertical-align: middle
}

    .pb-conf-overview-table .d-deal__preset-deal .preset__icon-container {
        line-height: 21px
    }

.touch2 .pb-conf-overview-table .d-deal__preset-deal {
    margin-top: 8px
}

#b2searchresultsPage .deal-i--icon, .deal-i--icon {
    color: #ff8000;
    text-decoration: none;
    font-size: 19px;
    vertical-align: -1px;
    margin: 0 4px;
    visibility: visible;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1
}

#b2searchresultsPage .sr-prc__cached .deal-i--icon, #b2searchresultsPage .sr-prc__loading .deal-i--icon {
    visibility: hidden;
    opacity: 0
}

td.roomPrice .save-percentage-wrapper {
    text-align: center
}

td.roomPrice .save-percentage {
    padding: 3px;
    border: solid 1px #ffebeb;
    color: #a30000;
    font-weight: bold;
    border-radius: 3px;
    margin: 8px 0;
    font-size: 13px;
    text-align: center;
    min-width: 58px;
    display: inline-block;
    margin: 5px 3px;
    clear: both
}

td.roomPrice .save-percentage__label {
    max-width: 100px;
    white-space: normal
}

td.roomPrice .save-percentage__label__today {
    font-weight: bold
}

td.roomPrice .save-percentage--ribbon {
    display: block;
    padding: 7px 6px 9px;
    font-size: 14px;
    font-weight: bold;
    border: 0;
    background: #a30000;
    margin: 8px -12px 10px;
    color: var(--bui_color_white);
    position: relative;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    min-width: 90px
}

td.roomPrice .save-percentage--w-today {
    font-weight: normal
}

td.roomPrice .smart_deal_block .save-percentage__label__today, td.roomPrice .smart_deal_block .save-percentage__label__number, .save-percentage__label__number, .save-percentage__label__today {
    font-weight: bold;
    font-size: 15px
}

td.roomPrice .smart_deal_block .save-percentage__label__today, .save-percentage__label__today {
    font-size: 12px
}

.save-percentage--ribbon:after, .save-percentage--ribbon:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 0;
    border: 2px solid #bc5b01;
    border-bottom-color: transparent;
    border-left-color: transparent;
    z-index: -1;
    white-space: normal;
    direction: ltr
}

.save-percentage--ribbon:after {
    border: 2px solid #bc5b01;
    border-bottom-color: transparent;
    border-right-color: transparent;
    left: auto;
    right: 0
}

.save-percentage--lt-ie9:after, .save-percentage--lt-ie9:before {
    display: none
}

.save-percentage .crossedout-price-icon {
    color: #ffc489
}

.save-percentage--ribbon .crossedout-price-icon {
    color: #ffebeb
}

.ribbon {
    background: #a30000;
    position: absolute;
    top: 8px;
    left: -24px;
    padding: 8px 16px;
    z-index: 10;
    color: var(--bui_color_white);
    border-radius: 3px 6px 6px 0;
    -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.32);
    box-shadow: 1px 2px 1px rgba(0,0,0,0.32);
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    line-height: 1.3;
    cursor: help
}

.ribbon--blue {
    background: #003580
}

.ribbon:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border: 4px solid #a30000;
    border-bottom-color: transparent;
    border-left-color: transparent;
    z-index: -1;
    white-space: normal
}

.ribbon--blue:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border: 4px solid #00224f;
    border-bottom-color: transparent;
    border-left-color: transparent;
    z-index: -1;
    white-space: normal
}

.ribbon__flipped {
    padding: 6px 10px 10px
}

.ribbon--outer.ribbon__extra {
    min-width: 71px;
    max-width: 47%;
    width: auto
}

.ribbon__extra .ribbon {
    left: -6px;
    font-size: 14px;
    text-transform: none;
    padding: 8px 16px;
    color: var(--bui_color_black);
    background: #ffc489;
    cursor: default
}

    .ribbon__extra .ribbon:before {
        border: 4px solid #bc5b01;
        border-bottom-color: transparent;
        border-left-color: transparent
    }

.ribbon--outer {
    position: absolute;
    left: -18px;
    z-index: 20;
    width: 47%
}

.ribbon__hidden {
    display: none
}

.ribbon--digits {
    min-width: 29px;
    display: inline-block
}

.ribbon--digits__hidden {
    visibility: hidden
}

.noJS .ribbon__hidden, .noJS .ribbon--digits__hidden {
    visibility: visible
}

.noJS .ribbon__hidden {
    display: block
}

.ribbon .crossedout-price-icon {
    font-size: 10px;
    position: absolute;
    top: 3px;
    right: 1px
}

.hp-gallery-discount-tag .ribbon {
    left: -8px
}

    .hp-gallery-discount-tag .ribbon .crossedout-price-icon {
        right: 3px
    }

.ribbon--tooltip {
    line-height: 134%;
    color: #efefef
}

.ribbon--tooltip__long-copy {
    font-size: 12px;
    line-height: 120%
}

.ribbon--tooltip__summary {
    display: block;
    color: #ebf3ff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    border-bottom: 1px solid var(--bui_color_white);
    padding-bottom: 10px;
    margin-bottom: 10px
}

.ribbon--tooltip__header_sub {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding-bottom: 6px
}

.ribbon--number {
    font-size: 22px;
    line-height: 20px;
    font-weight: bold;
    direction: ltr
}

.ribbon--word {
    font-size: 13px;
    margin: 3px 1px 1px;
    font-weight: bold;
    white-space: nowrap
}

.ja .ribbon--word, .ko .ribbon--word {
    margin: 0 1px 3px
}

.ja .ribbon--number {
    font-size: 15px
}

.ribbon--word__big .ribbon--word {
    font-size: 11px
}

.ribbon--wrap {
    width: 170px;
    height: 170px;
    position: absolute;
    top: -16px;
    left: -16px;
    overflow: hidden
}

.ribbon--rate-tiers .ribbon--word {
    font-size: 14px;
    margin: 0 1px 1px;
    white-space: normal
}

.ribbon--rate-generic .ribbon--word {
    font-size: 12px;
    margin: 0 1px 1px;
    max-width: 100px;
    white-space: normal;
    text-transform: none
}

.ribbon--rate-generic.ribbon--rate-long .ribbon--word {
    max-width: 130px
}

.ribbon--rate-tilted {
    left: -65px;
    top: 40px;
    width: 210px;
    padding: 8px 42px 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.ribbon--corner-left, .ribbon--corner-right {
    height: 100%;
    width: 0;
    position: absolute;
    top: 100%;
    left: -webkit-calc(50% - 56px);
    left: calc(50% - 56px);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ribbon--corner-right {
    left: auto;
    right: -webkit-calc(50% - 56px);
    right: calc(50% - 56px);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

    .ribbon--corner-left:before, .ribbon--corner-right:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: -3px;
        width: 0;
        height: 0;
        border: 3px solid #a60c0c;
        border-bottom-color: transparent;
        border-left-color: transparent;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -1;
        white-space: normal
    }

    .ribbon--corner-right:before {
        border: 3px solid #a60c0c;
        border-top-color: transparent;
        border-right-color: transparent
    }

.ribbon--rate-tilted:before {
    display: none
}

.ribbon--icon-wrap {
    position: absolute;
    height: 100%;
    width: 0;
    top: 0;
    right: -webkit-calc(50% - 62px);
    right: calc(50% - 62px);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ribbon--rate-tilted .crossedout-price-icon {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    right: 0
}

.ribbon--rate-tilted .ribbon--word {
    font-size: 12px;
    margin: 0;
    white-space: normal
}

.ribbon--blue .ribbon--corner-left:before {
    border: 3px solid #00224f;
    border-bottom-color: transparent;
    border-left-color: transparent
}

.ribbon--blue .ribbon--corner-right:before {
    border: 3px solid #00224f;
    border-top-color: transparent;
    border-right-color: transparent
}

.otdot-ribbon-tracking {
    position: relative;
    top: -19px;
    left: -10px
}

.ribbon--rate-tilted .otdot-ribbon-tracking {
    top: 11px;
    left: -13px
}

.ribbon--tooltip__title {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding-bottom: 6px
}

.facility-badge__icon {
    position: absolute;
    top: 0;
    left: -10px
}

.facility-badge__vicon-wrapper {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #0071c2;
    height: 22px;
    width: 22px;
    margin: -1px 0 0 -30px;
    text-align: center;
    line-height: 25px;
    background: var(--bui_color_white);
    border-radius: 22px
}

.facility-badge__vicon {
    font-size: 14px
}

.facility-badge__title {
    display: inline-block;
    padding-right: 6px;
    margin-left: 12px;
    font-size: 12px;
    line-height: 24px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: normal;
    white-space: nowrap;
    color: #333;
    background-color: #ebf3ff;
    vertical-align: top;
    position: relative;
    padding-left: 20px;
    height: 24px;
    margin-top: 0
}

    .facility-badge__title.jq_tooltip {
        cursor: help
    }

    .facility-badge__title.facility-badge__icon-bp {
        margin-top: 1px
    }

.facility_badge_extra_info {
    background-color: var(--bui_color_white);
    border: 1px solid #fafcff;
    font-size: 12px;
    line-height: 22px;
    padding: 0 6px;
    display: inline-block;
    margin-right: -10px;
    margin-left: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    vertical-align: top
}

.badge_no_round {
    border-radius: 0
}

.sr-badges__row .facility-badge__wrapper {
    display: inline-block;
    vertical-align: baseline
}

.sr-badges__row .facility-badge__title {
    float: left
}

.bp_hotel_details .facility-badge__wrapper {
    display: inline-block;
    vertical-align: middle
}

.hp__hotel-title .facility-badge__title, .hp__hotel-title .bui-badge {
    vertical-align: super
}

.facility-badge__vicon.bicon-p2gbell {
    font-size: 12px;
    vertical-align: text-top
}

.facility-badge__vicon-svg {
    line-height: 14px
}

a.dsf_back_link {
    display: block;
    float: left;
    padding: 6px 12px;
    margin: 4px 20px 0 0;
    background: #e6e6e6;
    color: #333 !important;
    text-decoration: none;
    border-radius: 3px
}

    a.dsf_back_link:hover {
        background: #ebf3ff
    }

    a.dsf_back_link span.icon_back {
        display: block;
        margin: 2px 8px 0 0;
        float: left;
        width: 6px;
        height: 11px;
    }

.dsf_social_proof {
    display: block;
    border-left: none;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 5px 0;
    text-align: left
}

    .dsf_social_proof p.social_tag {
        color: #333;
        text-align: left;
        border-bottom: 1px dotted #0071c2;
        border-top: 1px dotted #0071c2;
        padding: 7px 0 9px 0
    }

.emk-subscription-entry-point .-invalid, .emk-subscription-entry-point .-error, .emk-subscription-entry-point .-success, .emk-subscription-entry-point .-submitted {
    display: none
}

.emk-subscription-entry-point.subscription-invalid .-invalid {
    display: block;
    color: #fcb4b4
}

.emk-subscription-entry-point.subscription-error .-error {
    display: block;
    color: #fcb4b4
}

.emk-subscription-entry-point.subscription-success .-success {
    display: block;
    color: #008009
}

.emk-subscription-entry-point.subscription-submitted .-submitted {
    display: block
}

.emk_footer_centered, .emk_footer_centered .emk-feedback-msg {
    text-align: center
}

    .emk_footer_centered .emk_footer_banner, .emk_footer_centered .emk_footer_subbanner {
        float: none;
        display: inline
    }

    .emk_footer_centered .emk_footer_gta_addition {
        text-align: center !important
    }

.emk_footer_update_space {
    padding: 50px 0;
    background-color: #00224f;
    color: var(--bui_color_white)
}

.emk_footer_centered .emk_footer_banner_block {
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    float: none;
    display: block;
    text-align: center
}

    .emk_footer_centered .emk_footer_banner_block h2 {
        margin: 0;
        padding: 0;
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
        color: inherit
    }

.emk_footer_centered .emk_footer_subbanner_block {
    font-size: 16px;
    line-height: 24px;
    color: #bdbdbd;
    margin-left: 0;
    text-align: center;
    display: block;
    float: none
}

.input_newsletter_subscription_to {
    font-size: 20px;
    line-height: 28px;
    color: #6b6b6b;
    border: 0;
    border-radius: 3px;
    font-weight: 100;
    padding: 10px;
    width: 65%
}

.emk_footer_form_layout {
    max-width: 50%;
    margin: 20px auto 0 auto
}

body.zh .emk_footer_form_layout {
    max-width: 100%
}

.subscription_form_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.emk_footer_form_layout button#newsletter_button_footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    border: 0;
    padding: 0 15px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    height: 48px;
    color: var(--bui_color_white);
    background-color: var(--bui_color_action_background);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 5px
}

.emk_footer_gta_addition_left {
    margin: 10px 0 0 0;
    display: block;
    text-align: left
}

body.fr .emk_footer_form_layout.cta-width-fixperiment, body.tl .emk_footer_form_layout.cta-width-fixperiment {
    max-width: 55%
}

body.is .emk_footer_form_layout.cta-width-fixperiment {
    max-width: 60%
}

@media screen and (max-width:1075px) {
    .emk_footer_form_layout button#newsletter_button_footer {
        font-size: 16px;
        line-height: 24px
    }
}

.emk_footer_centered .emk_footer_fineprint {
    font-size: 14px;
    line-height: 20px;
    color: #bdbdbd;
    display: block;
    margin-top: 12px
}

.wrapper-404 {
    text-align: center
}

.header-404 {
    font-size: 50px;
    font-weight: bold;
    line-height: 72px
}

.subline-404 {
    font-size: 16px;
    line-height: 20px;
    color: #838383
}

.search-404-ssu {
    text-align: left;
    width: 600px;
    margin: 20px auto 10px
}

.links-404 {
    width: 900px;
    margin: 0 auto;
    text-align: left
}

.links-404-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.links-404-item {
    width: 300px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px
}

.links-404-column-header {
    font-size: 20px;
    line-height: 24px
}

.links-404-column {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.links-404-sr-ufi, .links-404-sr-dates, .links-404-sr-party, .links-404-hotel, .links-404-hotel-price, .links-404-hotel-location {
    display: block;
    padding: 2px 0
}

.links-404-sr-ufi, .links-404-hotel {
    font-size: 15px;
    padding: 10px 0 4px;
    font-weight: normal !important
}

.links-404-sr-party {
    color: #797979
}

.links-404-hotel-price {
    color: #008009;
    margin-top: -4px
}

.searchbox-horizontal-wrapper {
    text-align: left
}

    .searchbox-horizontal-wrapper .xpi__content__wrapper {
        background-color: #FFF
    }

    .searchbox-horizontal-wrapper .xpi__searchbox {
        padding: 12px 8px
    }

#calendar_popup {
    display: none;
    position: absolute;
    padding: 8px;
    background-color: var(--bui_color_white);
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 5px #545454;
    box-shadow: 5px 5px 5px #545454;
    z-index: 8888
}

.newcalendar table {
    width: 210px !important;
    clear: both
}

.sb-searchbox select {
    z-index: auto
}

.singleCalendar {
    border-left: 0 !important
}

.newcalendar table, .newcalendar tbody, .newcalendar tr, .newcalendar td, .newcalendar th {
    border: 0 none;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    border-collapse: collapse
}

.newcalendar td {
    text-align: center;
    height: 25px
}

.newcalendar th {
    color: #333;
    text-align: center;
    font-weight: normal
}

.newcalendar td a {
    font-weight: bold;
    color: #0071c2 !important;
    text-decoration: none !important;
    display: block;
    height: 17px;
    padding: 2px 0 0 0;
    border: 2px solid var(--bui_color_white);
    overflow: hidden;
    margin-right: 2px
}

.newcalendar td span {
    text-decoration: line-through;
    color: #838383;
    display: block;
    height: 17px;
    padding: 2px 0 0 0;
    border: 2px solid var(--bui_color_white);
    margin-right: 2px
}

.newcalendar select {
    float: left;
    display: block;
    width: 11em;
    margin: 3px 0 0 3px
}

.newcalendar {
    float: left;
    margin: 5px 0 0 12px
}

.calendar_close {
    display: block;
    position: relative;
    float: left;
    clear: both;
    width: 210px;
    text-align: center;
    font-weight: bold;
    color: #0071c2 !important;
    cursor: pointer
}

.prevmonth, .nextmonth {
    display: block !important;
    height: 24px;
    width: 24px;
    overflow: hidden;
    position: relative
}

.prevmonth {
    float: left;
}

.nextmonth {
    float: right;
}

a.prevmonth:hover, a.nextmonth:hover {
    background-position: 0 -24px
}

a.disabled, a.disabled:hover {
    background-position: 0 -72px !important;
    cursor: default;
    color: #666
}

.prevmonth span, .nextmonth span {
    display: block;
    padding-top: 30px;
    position: relative
}

.newcalendar td span, .newcalendar td a {
    border-radius: 4px;
    -moz-border-radius: 4px
}

.newcalendar td.wk a {
    color: #333 !important
}

.newcalendar td a:hover {
    color: var(--bui_color_white) !important;
    border-color: #003580 !important;
    background: #003580 !important
}

.browseCalendar {
    display: block;
    float: left;
    clear: both;
    width: 200px;
    padding: 5px;
    position: relative
}

.newcalendar td a.today:hover, .newcalendar a.today {
    border-color: #febb02
}

.newcalendar td a.selected {
    color: var(--bui_color_white) !important;
    border-color: #003580 !important;
    background-color: #003580 !important
}

.newcalendar td a.endsel {
    border-color: #fafcff;
    background-color: #fafcff
}

.newcalendar td a.inbetween {
    border-color: #fafcff;
    background-color: #fafcff
}

.user_resend_conf_email_status {
    display: none;
    color: #008009
}

.user_resend_conf_email_retry {
    color: #c00
}

.flag_16 {
    float: left;
    margin: 2px 3px 0 0;
    width: 16px;
    height: 11px;
    background-repeat: no-repeat;
    overflow: hidden
}

.sflag {
    display: inline-block;
    width: 12px;
    height: 8px;
    background-repeat: no-repeat;
    overflow: hidden
}

.slang-ar {
    background-position: -117px 0
}

.slang-au {
    background-position: -26px -9px
}

.slang-be {
    background-position: -117px -9px
}

.slang-bg {
    background-position: -13px -18px
}

.slang-bo {
    background-position: -91px -18px
}

.slang-br {
    background-position: -104px -18px
}

.slang-ca {
    background-position: -65px -27px
}

.slang-ch {
    background-position: 0 -36px
}

.slang-cl {
    background-position: -39px -36px
}

.slang-cm {
    background-position: -52px -36px
}

.slang-cn {
    background-position: -65px -36px
}

.slang-co {
    background-position: -78px -36px
}

.slang-cr {
    background-position: -91px -36px
}

.slang-cz {
    background-position: -39px -45px
}

.slang-de {
    background-position: -52px -45px
}

.slang-dk {
    background-position: -78px -45px
}

.slang-ec {
    background-position: 0 -54px
}

.slang-ee {
    background-position: -13px -54px
}

.slang-es {
    background-position: -65px -54px
}

.slang-fi {
    background-position: -91px -54px
}

.slang-fr {
    background-position: -26px -63px
}

.slang-gb {
    background-position: -52px -63px
}

.slang-gr {
    background-position: -78px -72px
}

.slang-hk {
    background-position: -26px -81px
}

.slang-hn {
    background-position: -52px -81px
}

.slang-hr {
    background-position: -65px -81px
}

.slang-hu {
    background-position: -91px -81px
}

.slang-id {
    background-position: -104px -81px
}

.slang-ie {
    background-position: -117px -81px
}

.slang-il {
    background-position: 0 -90px
}

.slang-in {
    background-position: -13px -90px
}

.slang-is {
    background-position: -65px -90px
}

.slang-it {
    background-position: -78px -90px
}

.slang-jp {
    background-position: -117px -90px
}

.slang-kr {
    background-position: -91px -99px
}

.slang-lt {
    background-position: -104px -108px
}

.slang-lv {
    background-position: 0 -117px
}

.slang-mx {
    background-position: -13px -135px
}

.slang-my {
    background-position: -26px -135px
}

.slang-nl {
    background-position: 0 -144px
}

.slang-no {
    background-position: -13px -144px
}

.slang-nz {
    background-position: -65px -144px
}

.slang-pe {
    background-position: -104px -144px
}

.slang-ph {
    background-position: -13px -153px
}

.slang-pl {
    background-position: -39px -153px
}

.slang-pt {
    background-position: -104px -153px
}

.slang-ro {
    background-position: -39px -162px
}

.slang-rs {
    background-position: -52px -162px
}

.slang-ru {
    background-position: -65px -162px
}

.slang-sa {
    background-position: -91px -162px
}

.slang-se {
    background-position: -13px -171px
}

.slang-si {
    background-position: -52px -171px
}

.slang-sk {
    background-position: -78px -171px
}

.slang-th {
    background-position: 0 -189px
}

.slang-tr {
    background-position: -91px -189px
}

.slang-tw {
    background-position: 0 -198px
}

.slang-ua {
    background-position: -26px -198px
}

.slang-us {
    background-position: -65px -198px
}

.slang-vn {
    background-position: -39px -207px
}

.slang-za {
    background-position: -117px -207px
}

.slang-z4 {
    background-position: -65px -225px
}

.slang-catalonia {
    background-position: -52px -216px
}

.subscribername-lightbox {
    padding: 0 !important;
    border-radius: 0 !important;
    color: #353535;
    width: 720px !important;
    height: 485px !important
}

.sf_container {
    background: var(--bui_color_white);
    padding: 0;
    color: #525252 !important;
    position: relative;
    height: 461px
}

    .sf_container .uspfield {
        width: 295px;
        background: #fafcff;
        border-left: #fafcff;
        float: right;
        height: 461px
    }

        .sf_container .uspfield ul {
            padding: 30px 20px;
            margin: 0;
            list-style-type: none
        }

    .sf_container .subsc_title {
        height: 63px;
        padding: 13px 0 0 85px;
        margin: 15px;
        font-size: 20px
    }

    .sf_container .subsc_form {
        margin: 30px 20px 0 20px
    }

.subsc_form input.linedinput {
    display: block;
    font-size: 18px;
    color: #333;
    background: var(--bui_color_white);
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 7px 5px;
    margin: 5px 0;
    width: 328px
}

    .subsc_form input.linedinput:focus {
        background-color: #e7fde9
    }

.subsc_form .subscribebutton {
    padding: 6px 15px;
    font-size: 20px;
    border-radius: 4px;
    border: 2px solid #f1f1f1;
    background-color: #0071c2;
    color: var(--bui_color_white);
    -webkit-box-shadow: 0 0 2px #878787;
    box-shadow: 0 0 2px #878787;
    margin: 15px 0 5px 0;
    cursor: pointer
}

    .subsc_form .subscribebutton:hover {
        background-color: #003580
    }

.fly-dropdown {
    position: absolute;
    background: var(--bui_color_white);
    margin-top: 0;
    -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px 2px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.1);
    -webkit-transition: opacity .2s,visibility .2s,margin-top .2s;
    transition: opacity .2s,visibility .2s,margin-top .2s;
    z-index: 1000
}

    .fly-dropdown::before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        border: inherit;
        background: inherit;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        z-index: -1
    }

.fly-dropdown_bottom::before {
    top: -5px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: scaleX(0.6) rotate(45deg);
    -ms-transform: scaleX(0.6) rotate(45deg);
    transform: scaleX(0.6) rotate(45deg)
}

.fly-dropdown_top::before {
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: scaleX(0.6) rotate(45deg);
    -ms-transform: scaleX(0.6) rotate(45deg);
    transform: scaleX(0.6) rotate(45deg)
}

.fly-dropdown_left::before {
    top: 50%;
    right: -5px;
    margin-top: -5px;
    -webkit-transform: scaleY(0.6) rotate(45deg);
    -ms-transform: scaleY(0.6) rotate(45deg);
    transform: scaleY(0.6) rotate(45deg)
}

.fly-dropdown_right::before {
    top: 50%;
    left: -5px;
    margin-top: -5px;
    -webkit-transform: scaleY(0.6) rotate(45deg);
    -ms-transform: scaleY(0.6) rotate(45deg);
    transform: scaleY(0.6) rotate(45deg)
}

.fly-dropdown_arrow-top::before {
    top: 15px
}

.fly-dropdown_arrow-left::before {
    left: 15px
}

.fly-dropdown_arrow-right::before {
    left: auto;
    right: 10px
}

.fly-dropdown_arrow-bottom::before {
    top: auto;
    bottom: 10px
}

.fly-dropdown::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    z-index: -1
}

.fly-dropdown_hidden {
    opacity: 0;
    visibility: hidden;
    margin-top: 5px
}

.footerconstraint {
    border-top: 1px solid #fafcff;
    background: #fafcff;
    width: 100%;
    margin-top: 2em;
    clear: both
}

.a11y_fix_footer_contrast_footerconstraint {
    background: var(--bui_color_white)
}

.footerconstraint-inner {
    max-width: 1094px;
    min-width: 620px;
    margin: 0 auto;
    padding: 0 8px
}

.t_m_viewport .footerconstraint-inner {
    min-width: inherit
}

.footerconstraint .newsletter_subscribe {
    margin: 0;
    background: #fafcff;
    border-radius: 0;
    border-bottom: 1px solid #ebf3ff
}

.footerconstraint #footernote, .footerconstraint #footerrefid {
    font-size: 80%
}

.footerconstraint #footernav {
    color: #838383;
    font-weight: normal
}

    .footerconstraint #footernav a {
        text-decoration: none
    }

.footerconstraint #footernote {
    clear: both;
    line-height: 140%;
    margin-top: 1.6em
}

.footerconstraint #signup_label {
    padding: 21px 0 0 65px
}

    .footerconstraint #signup_label em {
        margin-top: .2em;
        color: #333
    }

.footerconstraint .icon_secretdeal {
    margin-top: 2px
}

.footerconstraint .footercopyright {
    font-size: 80%;
    border-top: 1px solid #fafcff;
    margin-top: 1em
}

    .footerconstraint .footercopyright .whitebar {
        border-top: 1px solid var(--bui_color_white)
    }

    .footerconstraint .footercopyright .copyright_text {
        padding: 1em 0;
        float: left
    }

#footerrefid {
    clear: left
}

.footer_nolanguages_gray {
    background: #fafcff;
    width: 100%;
    float: left
}

.footer__priceline {
    width: 100%;
    min-height: 90px;
    color: #6b6b6b;
    text-align: center;
    font-size: 12px;
    padding-top: 0
}

.footer__priceline__list {
    padding: 10px 0 0
}

    .footer__priceline__list ul {
        display: inline-block
    }

    .footer__priceline__list li {
        list-style: none;
        padding: 0 20px;
        display: inline-block;
        padding-bottom: 0
    }

.footer__priceline__title {
    margin: 0
}

a.footer__priceline__title {
    color: #6b6b6b;
    font-weight: normal
}

#footer_menu_track.footerconstraint {
    padding-bottom: 0
}

.availForm .checkinDateSection, .availForm .checkoutDateSection, #errorSection {
    text-align: left !important
}

.has_js_popup .but input[type=submit] {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: #0071c2;
    border: 2px solid var(--bui_color_white);
    color: var(--bui_color_white);
    font-size: 1.1em;
    font-weight: bold;
    padding: .3em .6em .2em;
    text-decoration: none;
    text-transform: uppercase
}

    .has_js_popup .but input[type=submit]:hover {
        background: #003580;
        color: var(--bui_color_white)
    }

#hotelpage_availform h4 {
    font-size: 95%;
    text-align: left !important
}

.ge-iconfont-extended .bk-icon {
    float: left
}

    .ge-iconfont-extended .bk-icon.-fonticon-gift {
        margin-left: 4px;
        margin-top: 2px
    }

.genius-sort-icon .-fonticon-genius-frube-title {
    margin: -6px
}

.sort_category.selected.sort_genius .genius-sort-icon .-fonticon-genius-frube-title {
    fill: var(--bui_color_white)
}

.ge-extended-freebies-detail-container .ge-discount-rate .bk-icon {
    margin: 6px;
    margin-bottom: 0
}

.recent_search_occupancy_icon {
    color: #333;
    margin-left: 0
}

.index .recent_search_occupancy_icon {
    margin-left: 5px
}

.gta-widget .rates_message {
    font-size: 11px;
    display: block
}

.confirmation_lightbox_app_download_content_wrapper .gta-widget .rates_message {
    display: none
}

.qr-code-footer {
    margin: 0 auto
}

.gta-qr-code-placeholder {
}

.app_store_badges .android, .app_store_badges .iphone {
    height: 50px;
    border-radius: 6px
}

#marker_close {
    font-size: 14px;
    position: absolute;
    line-height: 1em;
    height: 1em;
    padding: .5em 1em;
    top: -2em;
    right: 0;
    background: var(--bui_color_white);
    border-radius: 5px 5px 0 0
}

.header_reshuffle #weeklyEmailLink {
    margin: 0;
    padding: 0;
    float: none;
    background: 0
}

body.header_reshuffle a#weeklyEmailLink.banner_promo, body.header_reshuffle div#weeklyEmailLink.banner_promo, .banner_promo {
    display: block;
    overflow: hidden;
    width: 100%;
    min-height: 70px;
    border-radius: .5em;
    margin-bottom: .5em;
    background: #fafcff !important
}

a.banner_promo {
    display: block;
    overflow: hidden;
    width: 100%;
    min-height: 70px;
    border-radius: .5em;
    margin-bottom: .5em !important;
    min-width: 390px;
    text-decoration: none !important
}

body.header_reshuffle div.members {
    width: auto;
    font-weight: bold;
    padding: 15px 15px 15px 55px;
    color: #333;
    font-size: 20px;
    min-height: 0 !important
}

.members p {
    color: #333;
    margin: auto;
    padding-top: 10px;
    font-size: 15px
}

body.header_reshuffle a#weeklyEmailLink.banner_promo:hover, body.header_reshuffle div#weeklyEmailLink.banner_promo:hover, a.banner_promo:hover, a.banner_promo_hover, div.banner_promo:hover {
    background-position: right -110px;
    background-color: #003580 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.7)
}

body.header_reshuffle div.members:hover {
    text-shadow: none
}

.banner_promo strong {
    color: #333;
    display: block;
    min-height: 50px;
    text-decoration: none;
    line-height: 25px;
    padding: 10px 30px 10px 60px;
    border-radius: 10px
}

#weeklyEmailLink.banner_promo strong {
}

#weeklyEmailLink.banner_promo:hover strong {
}

.banner_promo span {
    font-size: 15px;
    margin-top: 9px;
    line-height: 1em;
    color: #838383
}

a.banner_promo_hover strong, div.banner_promo_hover strong, .banner_promo:hover strong {
    color: #febb02 !important
}

.banner_promo_hover span, .banner_promo:hover span {
    color: var(--bui_color_white)
}

.banner_promo sup {
    position: absolute
}

#weeklyEmailLink p {
    padding-left: 60px;
    padding-right: 60px !important
}

#weeklyEmailLink:hover p {
    color: var(--bui_color_white)
}

a.banner_promo.xxxsmall, div.banner_promo.xxxsmall, a.banner_promo .xxxsmall {
    font-size: 12px
}

a.banner_promo.xxsmall, div.banner_promo.xxsmall, a.banner_promo .xxsmall {
    font-size: 13px
}

a.banner_promo.xsmall, div.banner_promo.xsmall, a.banner_promo .xsmall {
    font-size: 14px
}

a.banner_promo.small, div.banner_promo.small, a.banner_promo .small {
    font-size: 15px
}

a.banner_promo.medium, div.banner_promo.medium, a.banner_promo .medium {
    font-size: 16px
}

a.banner_promo.large, div.banner_promo.large, a.banner_promo .large {
    font-size: 17px
}

a.banner_promo.xlarge, div.banner_promo.xlarge, a.banner_promo .xlarge {
    font-size: 18px
}

a.banner_promo.xxlarge, div.banner_promo.xxlarge, a.banner_promo .xxlarge {
    font-size: 19px
}

a.banner_promo.xxxlarge, div.banner_promo.xxxlarge, a.banner_promo .xxxlarge {
    font-size: 20px
}

.bg_ipad {
}

.bg_android {
}

.bg_www {
}

div.banner_promo strong.bg_www.bg_www_with_qr_code, a.banner_promo strong.bg_www.bg_www_with_qr_code {
    background-position: 10px 10px;
    padding-left: 120px;
    min-height: 100px
}

a.banner_promo:hover strong.bg_www.bg_www_with_qr_code, div.banner_promo:hover strong.bg_www.bg_www_with_qr_code {
    background-position: 10px 10px
}

a.banner_promo_hover strong.bg_ipad, div.banner_promo_hover strong.bg_ipad, .banner_promo:hover strong.bg_ipad {
    background-position: 0 -190px
}

a.banner_promo_hover strong.bg_android, div.banner_promo_hover strong.bg_android, .banner_promo:hover strong.bg_android {
    background-position: 5px -190px
}

a.banner_promo_hover strong.bg_www, div.banner_promo_hover strong.bg_www, .banner_promo:hover strong.bg_www {
    background-position: 3% -190px
}

.sd-promo {
    border-radius: 3px;
    padding: 10px 10px 7px;
    margin: 10px 0 18px;
    border: solid 1px #fff8f0;
    display: block;
    text-decoration: none;
    background: #fff8f0;
    position: relative;
    -webkit-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out
}

    .sd-promo:hover {
        background: #fff8f0
    }

.sd-promo--text {
    font-size: 16px;
    font-weight: normal;
    padding: 4px 62px 0;
    color: #a30000;
    display: block
}

.sd-promo__long-copy .sd-promo--text {
    font-size: 13px
}

.sd-promo--cta {
    color: #ff8000;
    text-decoration: underline;
    margin: 6px 0 6px;
    display: block;
    font-size: 14px;
    font-weight: bold
}

.sd-promo--icon {
    position: absolute;
    left: 14px;
    top: 12px
}

.sd-promo--arrow {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -12px;
    font-size: 24px;
    color: #ffc489
}

.lp-horizontal-section .sd-promo--icon {
    top: 21px
}

.lp-horizontal-section .sd-promo {
    padding: 20px 10px;
    margin: 0
}

.notice-wrap {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 250px;
    z-index: 9999
}

.notice-item {
    min-height: 40px;
    border-radius: 6px;
    color: #ededed !important;
    padding: 12px 12px 12px 70px;
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    border: 2px solid #333;
    display: block;
    position: relative;
    margin: 0 0 12px 0;
    opacity: .95;
    filter: alpha(opacity=95);
    cursor: default;
    text-align: left;
    background-color: #333;
    background-repeat: no-repeat;
    background-position: 12px 12px
}

.icon {
}

.notice-item:hover {
    border-color: var(--bui_color_white)
}

div.notice-item-close-x {
    position: absolute;
    left: 3px;
    top: 3px;
    width: 24px;
    height: 24px;
    display: none
}

.notice-item:hover .notice-item-close-x {
    display: block;
    cursor: pointer
}

.bp-sca-growl-keep-hover-state div.notice-item-close-x {
    display: block
}

.bp-sca-growl-keep-hover-state.notice-item {
    border-color: var(--bui_color_white)
}

div.notice-item p {
    margin: 0;
    color: var(--bui_color_white) !important
}

.notice-item p a {
    font-weight: normal;
    text-decoration: none;
    color: var(--bui_color_white) !important
}

.pset-bsd-persuasion__text {
    display: block;
    margin-top: 8px;
    color: #fff
}

    .pset-bsd-persuasion__text strong {
        color: #97e59c
    }

.modal-mask {
    position: absolute;
    z-index: 990;
    background-color: var(--bui_color_black);
    display: none;
    top: 0;
    left: 0
}

.modal-wrapper {
    position: fixed;
    width: 640px;
    visibility: hidden;
    z-index: 991;
    border-radius: 8px;
    border: 12px solid rgba(182,182,182,0.3);
    background-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box
}

.modal-mask-closeBtn {
    position: absolute;
    width: 17px;
    height: 17px;
    overflow: hidden;
    right: 10px;
    top: 10px;
    cursor: pointer;
    border: 0
}

.modal-content {
    background: var(--bui_color_white);
    padding: 20px
}

    .modal-content > h1, .modal-content > h2, .modal-content > h3 {
        padding-top: 0
    }

@media print {
    .modal-mask {
        width: 0 !important;
        display: none !important
    }
}

@media screen {
    #hidden_login_form {
        display: none !important
    }

    #bs2_page_login_error {
        display: none
    }

    #foldout_error, #foldout_error_signup {
        display: none;
        border-radius: 4px;
        width: 160px;
        padding: 10px;
        margin: 10px 0 0 10px;
        border: 1px solid #a30000;
        background: #fff0f0;
        color: #a30000
    }

    #login_loading {
        height: 100%;
        width: 100%;
        padding-left: 32px;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        filter: alpha(opacity=80);
        -moz-opacity: .8;
        -khtml-opacity: .8;
        opacity: .8
    }

    #multiple_login .login_left {
        display: block;
        float: left;
        margin-right: 3px;
        margin-top: 10px;
        padding-left: .5em;
        padding-right: 10px;
        border-right: 1px solid #ddd;
        width: 225px;
        position: relative
    }

    #multiple_login .login_right {
        float: right;
        text-align: left;
        margin-right: 5px;
        width: 215px
    }

    #multiple_login .login_tabs {
        border-bottom: 1px solid #ddd;
        display: block;
        float: left;
        clear: both;
        width: 100%;
        margin-top: .5em
    }

        #multiple_login .login_tabs span#existing_user {
            margin-left: 1em
        }

        #multiple_login .login_tabs span {
            font-weight: bold;
            display: block;
            float: left;
            padding: .6em 2em;
            color: #0071c2;
            background-color: #e6e6e6;
            border: 1px solid #ddd;
            margin-bottom: -1px;
            margin-right: -1px;
            cursor: pointer
        }

            #multiple_login .login_tabs span.active {
                color: #333;
                background-color: var(--bui_color_white);
                border-bottom-color: var(--bui_color_white)
            }

                #multiple_login .login_tabs span.active:hover {
                    color: #333
                }

            #multiple_login .login_tabs span:hover {
                color: #febb02
            }

    .login_right .but {
        display: block !important;
        float: left !important;
        clear: both !important
    }

    .touch2 #multiple_login.better_login .strength_text {
        padding-top: 5px;
        background: 0
    }

    #bs2_page_login_error div, #foldout_error div {
        color: var(--bui_color_black);
        font-size: .8em
    }

    #lb_b {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #003580;
        z-index: 9998;
        opacity: .5;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        -khtml-opacity: 0;
        -moz-opacity: 0
    }

    #lb_w {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999
    }

    #lb_c {
        display: block;
        width: 250px;
        height: auto;
        margin: auto;
        top: 30%;
        position: relative;
        border: 3px solid #003580;
        background: var(--bui_color_white);
        border-radius: 10px;
        padding: 0 10px 20px 10px
    }

        #lb_c button {
            margin-top: 10px
        }

    #lb_close {
        position: absolute;
        display: block;
        overflow: hidden;
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: 245px
    }

        #lb_close span {
            display: block;
            width: 30px;
            height: 30px;
            padding-top: 30px
        }

    #lb_t {
        display: block;
        float: left;
        width: 100%;
        clear: both
    }

    .login_right {
        padding-top: 15px
    }

    .login_right_page {
        padding-top: 15px;
        padding-left: 30px;
        border-left: 1px dotted #003580;
        float: left;
        margin-left: 300px;
        margin-top: -205px;
        width: 185px;
        text-align: center
    }

        .login_right_page p.signup_tp {
            margin-bottom: 16px !important
        }

    #subscriber_account_active .login_right_page {
        margin-top: -320px
    }

    .signup_tp {
        display: block;
        clear: both;
        margin-bottom: 6px;
        width: 100%
    }

    .view_data .signup_tp {
        border: 0;
        margin: 5px 0 !important
    }

    .signedup_tp {
        clear: both;
        margin-bottom: 5px;
        margin-top: 5px
    }

        .signup_tp a, .signedup_tp p {
            font-weight: bold;
            font-size: .88em
        }

    .real_login #login-form_wrapper fieldset.social_book {
        overflow-x: hidden !important;
        width: 97.5%;
        padding-bottom: 0 !important;
        padding-right: 0 !important
    }

    fieldset.social_book .signup_tp {
        display: block !important;
        width: 222px !important;
        float: left !important;
        clear: none !important;
        margin-right: 10px
    }

        fieldset.social_book .signup_tp a {
            background-color: #bad4f7
        }

            fieldset.social_book .signup_tp a span {
                border-color: #bad4f7
            }

    .signup_tp a:link, .signedup_tp p {
        display: block;
        padding: 2px;
        text-align: left;
        color: var(--bui_color_white);
        text-decoration: none !important;
        border-radius: 4px;
        min-height: 28px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out
    }

    .signup_tp a span, .signedup_tp span {
        display: block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        float: left;
        margin-right: 6px
    }

    .signup_tp a:link {
        background-color: #0071c2
    }

    .signup_tp a span {
        border: 2px solid #0071c2;
        border-radius: 4px;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out
    }

    .signup_tp a:visited {
        color: var(--bui_color_white)
    }

    .signup_tp a:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #003580 !important
    }

        .signup_tp a:hover span {
            border: 2px solid var(--bui_color_white)
        }

    .signedup_tp a {
        color: #febb02
    }

    .signedup_tp p {
        background-color: #008009
    }

    .signedup_tp span {
        border: 2px solid #008009
    }

    .view_data .signup_tp a, .view_data .signedup_tp p {
        width: 350px;
        line-height: 28px
    }

    .signup_tp a:hover {
        background-color: #0071c2;
        color: var(--bui_color_white)
    }

    .signedup_tp #Facebook span, .signup_tp #Facebook span {
        background-position: 0 0
    }

    .signedup_tp #Google span, .signup_tp #Google span {
        background-position: 0 -100px
    }

    .signedup_tp #Yahoo span, .signup_tp #Yahoo span {
        background-position: 0 -200px
    }

    .signedup_tp #Twitter span, .signup_tp #Twitter span {
        background-position: 0 -300px
    }

    hr.alignhelp {
        visibility: hidden;
        height: 1px;
        margin: 0;
        padding: 2px 0 0 0
    }

    .news_subscribe_check {
        clear: both;
        margin-left: .9em
    }

    .user_login_error_msg {
        background: #fff0f0;
        border-radius: 4px;
        border: 1px solid #a30000;
        padding: 1em;
        margin: 1em 0;
        color: #a30000
    }

    .smaller_booking_nr_login .login_left .bigbluebutton {
        float: left
    }

    .smaller_booking_nr_login #where_find_bn {
        padding-top: 20px
    }

    .non_logged_in_user .select_foldout_wrap {
        width: 490px
    }

    .smaller_booking_nr_login .non_logged_in_user .select_foldout_wrap {
        width: 560px
    }

    .smaller_booking_nr_login .bigbluebutton {
        font-size: 1em
    }

    .smaller_booking_nr_login .login_loading {
        position: absolute;
        left: 0;
        top: 3px;
        width: 100%;
        height: 100%
    }

    .smaller_booking_nr_login .login_section_header, .smaller_booking_nr_login .login_section_subheader {
        margin: 0 0 10px 5px;
        padding: 0
    }

    .smaller_booking_nr_login .login_section_subheader {
        font-size: .9em
    }

    .smaller_booking_nr_login #where_find_bn {
        font-size: .9em
    }

    .smaller_booking_nr_login .forgot_link_look, .smaller_booking_nr_login .stay_login .user_login_signup_alternative {
        float: right;
        margin: 0
    }

    .smaller_booking_nr_login .stay_login .user_login_signup_alternative {
        margin-top: 28px;
        max-width: 60%
    }

    .smaller_booking_nr_login .stay_login, .smaller_booking_nr_login .bigbluebutton {
        width: auto !important
    }

    .old_header_item_genius {
        padding-top: 1px
    }

        .old_header_item_genius > span {
            vertical-align: middle
        }

    .old_header_item_genius_icon {
        vertical-align: middle;
        padding: 1px 7px;
    }
}

.calendar_popup_title {
    width: 210px
}

    .calendar_popup_title span {
        font-weight: normal !important
    }

    .calendar_popup_title span {
        text-align: center;
        display: block;
        clear: both
    }

#calendar_check_out_title {
    display: none
}

#maf_wrapper {
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -244px;
    z-index: 1099;
    text-align: left
}

#maf_iframe_wrapper {
    z-index: 1000
}

#maf_iframe {
    height: 450px;
    width: 618px;
    z-index: 500;
    position: relative
}

#maf_shadow {
    position: absolute;
    top: -12px;
    left: -12px;
    width: 642px;
    height: 474px;
    background: var(--bui_color_black);
    z-index: 499;
    opacity: .3;
    filter: alpha(opacity=30)
}

#maf_content {
    padding: 15px
}

#maf_form_wrapper {
    background: var(--bui_color_white);
    padding: 20px;
    min-height: 380px
}

#maf_title {
    width: 80%
}

#maf_form {
    padding: 0 80px 0 0
}

.maf_input_td {
    padding: 8px 10px 0 0
}

    .maf_input_td strong {
        color: #a30000;
        font-weight: normal;
        font-size: 12px;
        display: block;
        padding: 0 0 3px 0
    }

    .maf_input_td input.texty {
        background-color: var(--bui_color_white);
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 2px 2px 2px 2px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset;
        padding: 5px;
        width: 250px
    }

    .maf_input_td textarea {
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 2px 2px 2px 2px;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset;
        box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset;
        padding: 5px;
        height: 60px !important;
        width: 250px !important
    }

#maf_subscribe {
    margin-right: 5px
}

#maf_content .top_separator {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc
}

#maf_submit {
    margin-top: 15px
}

#maf_message {
    width: 300px;
    height: 75px
}

#maf_success p {
    margin: 0;
    padding: 0 0 15px 0
}

    #maf_success p strong {
        font-size: 16px
    }

.map_full_overlay__wrapper {
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: var(--bui_z_index_2)
}

.map_full_overlay__mask {
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.4);
    position: absolute
}

#b_map_container {
    position: absolute;
    top: 40px;
    left: 40px;
    bottom: auto;
    right: auto;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);
    min-width: 355px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.24);
    box-shadow: 0 8px 16px rgba(0,0,0,0.24);
    background: #ededed
}

.map_with_list__container #b_map_container {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
    left: 645px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .2s ease left;
    transition: .2s ease left
}

.map_with_list__container.map_left_cards__collapsed #b_map_container {
    left: 265px
}

#b_map_container #b_map_tiles {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 4
}

#b_map_container #b_gmap_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.map-modal-full .map-modal-content {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.map-modal-full__close {
    position: fixed;
    right: var(--bui_spacing_4x);
    top: var(--bui_spacing_4x);
    z-index: 1003;
    border: 0;
    cursor: pointer;
    font-weight: 600
}

    .map-modal-full__close:hover {
        background: #f9f9f9
    }

    .map-modal-full__close:before {
        display: none
    }

    .map-modal-full__close .bk-icon {
        vertical-align: initial
    }

.map-modal-alt .map-modal-content {
    top: var(--bui_spacing_3x);
    left: var(--bui_spacing_3x);
    height: -webkit-calc(100% - var(--bui_spacing_6x));
    height: calc(100% - var(--bui_spacing_6x));
    width: -webkit-calc(100% - var(--bui_spacing_6x));
    width: calc(100% - var(--bui_spacing_6x))
}

.map-modal-alt .map_full_overlay__close {
    top: -webkit-calc(var(--bui_spacing_4x) + var(--bui_spacing_3x));
    top: calc(var(--bui_spacing_4x) + var(--bui_spacing_3x));
    right: -webkit-calc(var(--bui_spacing_4x) + var(--bui_spacing_3x));
    right: calc(var(--bui_spacing_4x) + var(--bui_spacing_3x))
}

.map-modal-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    overflow: hidden;
    overflow-x: auto;
    background: var(--bui_color_background_base_alt);
    top: 40px;
    left: 40px;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    height: -webkit-calc(100% - 80px);
    height: calc(100% - 80px);
    border: 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 8px 16px rgba(0,0,0,0.24);
    box-shadow: 0 8px 16px rgba(0,0,0,0.24);
    z-index: 1002
}

    .map-modal-content > .map_with_list__container, .map-modal-content > #b_map_container {
        background: 0;
        left: auto;
        top: auto;
        width: 100%;
        height: 100%;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }

.map_full_overlay__close {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 40px;
    height: 40px;
    z-index: 1003;
    background: #fff;
    border-radius: 50%;
    border: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.24);
    box-shadow: 0 2px 4px rgba(0,0,0,0.24);
    cursor: pointer
}

    .map_full_overlay__close:before, .map_full_overlay__close:after {
        content: '';
        background: #383838;
        position: absolute;
        left: 50%;
        top: 50%;
        width: 20px;
        height: 2px;
        border-radius: 4px
    }

    .map_full_overlay__close:hover:before, .map_full_overlay__close:hover:after, .map_full_overlay__close:focus:before, .map_full_overlay__close:focus:after {
        background: var(--bui_color_action_foreground)
    }

    .map_full_overlay__close:before {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg)
    }

    .map_full_overlay__close:after {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        transform: translateX(-50%) translateY(-50%) rotate(-45deg)
    }

#b_google_map_table.b_map_new_icons img, .marker {
}

.marker {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 18px;
    height: 27px;
    margin-left: -9px;
    margin-top: -27px;
    background-position: -34px -33px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.marker_hotel {
    z-index: 10000
}

.marker_hotel_matching {
    background-position: 0 -33px;
    z-index: 5000
}

.marker_landmark {
    background-position: -51px -33px;
    z-index: 80
}

.marker_airport {
    background-position: -102px -33px;
    z-index: 90
}

.marker_airport_current {
    background-position: -132px -60px;
    z-index: 91
}

.marker_landmark_current {
    background-position: -66px -60px;
    z-index: 81
}

.marker_current_static_map {
    top: 50% !important;
    left: 50% !important;
    margin-left: -11px !important;
    margin-top: -36px !important;
    background-position: 0 -60px !important
}

#b_google_map_table img {
    width: 22px;
    height: 36px
}

.marker_hotel_current, .marker_current {
    width: 22px;
    height: 36px;
    margin-left: -11px;
    margin-top: -36px;
    background-position: -44px -60px
}

.marker_disabled {
    cursor: default
}

.marker_hotel_current, .marker_current_static_map.img, .marker_hotel.marker_current {
    background-position: 0 -60px
}

.title_style {
    color: var(--bui_color_foreground);
    font-weight: bold
}

.price_style {
    color: var(--bui_color_constructive_foreground)
}

.soldout_style {
    color: var(--bui_color_destructive_foreground)
}

.tone_down {
    color: #858585
}

.b_square {
    display: inline-block;
    padding: 3px 4px 2px 4px;
    border-radius: 5px 5px 5px 0;
    background: var(--bui_color_brand_primary_background);
    color: var(--bui_color_white)
}

.iw-overlay {
    position: absolute;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#map_detail_overlay {
    background-color: var(--bui_color_white);
    display: none;
    position: absolute;
    z-index: 10000;
    min-height: 150px;
    width: 670px;
    border: 1px solid var(--bui_color_border_alt)
}

.iw-overlay-lp {
    display: none;
    z-index: 10000
}

.iw-container {
    background-color: var(--bui_color_white);
    min-height: 150px;
    width: 670px;
    border: 1px solid var(--bui_color_border_alt);
    overflow: hidden;
    font: small/1.2 BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

.map_iw_compact .iw-container-sr #map_hotel_overlay_title {
    margin-right: 0
}

.map_iw_compact .iw-location-bottom.iw-container-sr .map_hotel_overlay_price_wrapper {
    margin-bottom: 0
}

.iw-unified-container, .map_iw_compact .iw-unified-container.iw_hotel, #map_detail_overlay.iw-unified-container {
    background-color: var(--bui_color_white);
    min-height: 0;
    border: 1px solid var(--bui_color_border_alt) !important;
    border-radius: 3px;
    font: small/1.2 BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

#map_detail_overlay.native {
    width: 600px;
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    display: block !important;
    position: static;
    border: 0;
    clear: both
}

#b_overlay, #map_detail_overlay {
    font-family: BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

#map_hotel_overlay_content_wrapper {
    padding: 10px
}

.map_overlay_loading {
    border: 1px dashed #666;
    border-radius: 8px
}

#map_hotel_overlay_picture {
    height: 90px;
    width: 90px;
    margin: 12px 10px 35px;
    border-radius: 8px
}

.no_margin #map_hotel_overlay_picture {
    margin: 12px 10px 10px 12px
}

#map_overlay_loading_msg {
    font-size: 3em;
    font-weight: normal;
    margin: 27px 0 0
}

#map_hotel_overlay_title {
    font-size: 2em;
    font-weight: normal
}

.b_map_inline #map_hotel_overlay_title {
    font-size: 1.7em
}

#map_hotel_overlay_title a {
    font-weight: normal;
    text-decoration: none
}

#map_hotel_overlay_description {
    margin: 8px 10px 5px 0
}

.iw-hotel .map_hotel_overlay_google_link {
    font-weight: normal;
    font-size: 12px;
    text-decoration: none
}

#map_hotel_overlay_review_score_wrapper {
    float: right;
    margin: 5px 10px 0 0;
    text-align: right
}

#map_hotel_overlay_review_score {
    padding-right: 32px;
    font-size: 1.4em;
}

#map_hotel_overlay_review_score_x_reviews {
    font-size: .88em;
    margin-top: 3px
}

.hotel_overlay_soldout {
    color: var(--bui_color_destructive_foreground);
    font-size: 2em
}

.hotel_overlay_from {
    font-size: 1.4em
}

.hotel_overlay_stars {
    margin-left: 5px
}

.hotel_overlay_occupancy_item {
    vertical-align: middle;
    padding: 0 5px
}

.hotel_overlay_occupancy_persons {
    display: block;
    height: 28px;
    max-width: 44px
}

.hotel_overlay_room_price {
    font-weight: bold;
    font-size: 1.3em;
    color: var(--bui_color_constructive_foreground)
}

.hotel_overlay_occupancy_first {
    padding-left: 10px
}

.hotel_overlay_occupancy_last {
    padding-right: 10px;
    border-right: 1px dotted #333
}

.map_hotel_overlay_price {
    margin: 1em 0 0 100px
}

    .map_hotel_overlay_price .hotel_overlay_occupancy_persons {
        display: inline-block;
        margin-right: 5px;
        vertical-align: middle
    }

    .map_hotel_overlay_price .hotel_overlay_room_price {
        margin-right: 5px;
        vertical-align: middle
    }

.hotel_overlay_group_mismatch {
    color: var(--bui_color_destructive_foreground)
}

#map_hotel_overlay_picture_wrapper {
    float: left
}

#map_detail_overlay .price_x_nights, .iw-overlay-lp .price_x_nights {
    background-color: var(--bui_color_callout_background_alt);
    font-weight: bold;
    margin: 0 0 6px 6px;
    width: 90px;
    border-radius: var(--bui_border_radius_100);
    padding: 4px
}

.map_overlay_unofficial_rating {
    vertical-align: middle
}

#map_hotel_overlay_content_wrapper #hotel_overlay_prices_detached {
    width: auto
}

#map_hotel_overlay_review_score_wrapper.map_hotel_overlay_review_score_wrapper_button_below {
    margin: 5px
}

.b_map_inline #map_hotel_overlay_review_score_wrapper.map_hotel_overlay_review_score_wrapper_button_below {
    margin: 2px 5px 5px 10px
}

.map_hotel_overlay_button {
    clear: right;
    float: right;
    margin: 5px
}

.tiw-atlas .map_hotel_overlay_button {
    margin: 15px 5px 5px 5px
}

.map_iw_compact .iw-hotel, .map_iw_compact .iw-loading {
    width: 400px
}

.map_iw_compact .iw-hotel {
    min-height: 0;
    border: 1px solid #c7c7c7;
    border-radius: 3px
}

.map_iw_compact #map_hotel_overlay_picture {
    margin: 10px;
    border-radius: 3px
}

.map_iw_compact #map_hotel_overlay_content_wrapper {
    margin: 8px 10px 10px 110px;
    padding: 0
}

.map_iw_compact #map_hotel_overlay_title {
    margin-right: 26px;
    font-size: 139%
}

    .map_iw_compact #map_hotel_overlay_title > * {
        vertical-align: middle
    }

.map_iw_compact #map_hotel_overlay_description {
    margin: .25em 0 1em 0
}

.map_hotel_overlay_details_wrapper {
    margin: 1em 0 0 0
}

.map_iw_compact .map_hotel_overlay_review_score, .map_iw_compact .hotel_overlay_soldout {
    font-size: 135%
}

.map_iw_compact .map_hotel_overlay_review_score_x_reviews, .map_iw_compact .hotel_overlay_price_x_nights {
    font-size: 86%
}

.map_iw_compact .hotel_overlay_price_x_nights {
    display: block;
    line-height: 160%
}

.map_iw_compact .map_hotel_overlay_price_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 1em
}

.map_iw_compact .map_hotel_overlay_price, .map_iw_compact .map_hotel_overlay_button {
    float: none;
    vertical-align: middle
}

    .map_iw_compact .map_hotel_overlay_price .hotel_overlay_occupancy_persons {
        margin-right: 3px
    }

.map_iw_compact .hotel_overlay_group_mismatch {
    margin: 0
}

.map_iw_compact .hotel_overlay_room_price.hotel_overlay_occupancy_item {
    vertical-align: baseline
}

.map_iw_compact .map_hotel_overlay_price {
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

    .map_iw_compact .map_hotel_overlay_price .hotel_overlay_room_price {
        margin: 0;
        padding-left: 0;
        white-space: nowrap
    }

.map_iw_compact .hotel_overlay_group_mismatch {
    font-size: 86%
}

.map_iw_compact .map_hotel_overlay_button {
    margin: 0;
    padding: 0 0 0 .5em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.map_iw_compact .iw-hotel #marker_close {
    top: 10px;
    right: 10px;
    padding: 0;
    background-color: inherit;
    color: #999;
    font-size: 16px;
    font-family: 'booking-iconset' !important
}

.tablet .map_iw_compact .iw-hotel #marker_close {
    font-family: 'tdot' !important
}

.map_iw_compact .iw-hotel #marker_close:hover {
    color: var(--bui_color_action_foreground)
}

.map_hotel_overlay_price_wrapper.map_price_wrapper_soldout, .map_hotel_overlay_price_wrapper.map_price_wrapper_no_dates, .map_hotel_overlay_price_wrapper.map_price_wrapper_no_fit {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.map_hotel_overlay_price_wrapper.map_price_wrapper_multi_day {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    vertical-align: top
}

.map_price_wrapper_soldout .map_hotel_overlay_price {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.map_price_wrapper_soldout .map_hotel_overlay_button {
    -webkit-box-flex: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center
}

    .map_price_wrapper_soldout .map_hotel_overlay_button .b-button {
        line-height: 1.2
    }

.iw-flex-fix .map_hotel_overlay_price_wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.iw-flex-fix .map_hotel_overlay_price {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.iw-flex-fix .map_hotel_overlay_button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .iw-flex-fix .map_hotel_overlay_button .b-button {
        float: right
    }

.mng-iw-hotel-xpplooking {
    font-weight: normal;
    color: #777;
    border: 1px solid #ebf3ff;
    background-color: var(--bui_color_action_background_alt);
    border-radius: var(--bui_border_radius_100)
}

    .mng-iw-hotel-xpplooking .mng-iw-hotel-xpplooking-inner {
        padding: 3px 4px 3px 4px;
        display: block
    }

.iw-structured .mng-iw-hotel-xpplooking {
    margin-top: 10px;
    float: left;
    clear: both;
    width: 100%
}

.map_hotel_overlay_quality_wrapper.map_hotel_overlay_quality_wrapper_xpplooking {
    border-bottom: 0;
    padding-bottom: 0
}

#b_overlay, #map_detail_overlay.marker-landmark {
    display: none;
    background: var(--bui_color_white);
    border: 1px solid var(--bui_color_white);
    -webkit-box-shadow: .125cm .125cm .125cm #808080;
    box-shadow: .125cm .125cm .125cm #808080;
    color: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: 200px;
    z-index: 200;
    min-height: 24px
}

.iw-city, .iw-airport {
    width: 200px;
    min-height: 24px;
    background: var(--bui_color_white);
    border: 1px solid var(--bui_color_white);
    -webkit-box-shadow: .125cm .125cm .125cm #808080;
    box-shadow: .125cm .125cm .125cm #808080;
    color: inherit;
    z-index: 200
}

    #b_overlay h3, #map_detail_overlay.marker-landmark h3, .iw-city h3, .iw-airport h3 {
        padding: .5em !important;
        font-size: 8pt !important;
        margin-bottom: 0;
        font-weight: bold;
        text-shadow: none;
        background: var(--bui_color_destructive_background);
        color: var(--bui_color_white)
    }

        #b_overlay h3 a, #map_detail_overlay.marker-landmark h3 a, .iw-city h3 a, .iw-airport h3 a {
            color: var(--bui_color_white) !important;
            text-decoration: none
        }

    #b_overlay.airport h3, #b_overlay.airport_current h3, #map_detail_overlay.airport h3, #map_detail_overlay.airport_current h3, .iw-airport h3 {
        background: #00224f
    }

    #b_overlay.city h3, #b_overlay.city_current h3, #map_detail_overlay.city h3, #map_detail_overlay.city_current h3, .iw-city h3 {
        background: var(--bui_color_action_background)
    }

#b_overlay.landmark h3, #b_overlay.landmark_current h3, #b_overlay.ski_lift h3, #b_overlay.ski_lift_current h3, #map_detail_overlay.landmark h3, #map_detail_overlay.landmark_current h3, #map_detail_overlay.ski_lift h3, #map_detail_overlay.ski_lift_current h3 {
    background: var(--bui_color_action_background)
}

#b_overlay h3 span, #map_detail_overlay.marker-landmark h3 span, .iw-city h3 span, .iw-airport h3 span {
    font-weight: normal;
    display: block
}

#b_overlay h3 img, #map_detail_overlay.marker-landmark h3 img {
    float: right;
    padding: .25em .5em 0 0
}

#b_overlay p, #map_detail_overlay.marker-landmark p {
    font-size: 8pt !important;
    clear: right;
    line-height: 1.1;
    margin: 0;
    padding: .5em !important
}

    #b_overlay p img, #map_detail_overlay.marker-landmark p img {
        float: left;
        height: 64px;
        padding: 0 .5em .5em 0;
        width: 64px
    }

#map_detail_overlay .deal-container, .iw-overlay-lp .deal-container {
    vertical-align: middle;
    margin-left: 1.5em
}

.mini-iw-container {
    position: relative
}

#map_detail_overlay.mini {
    overflow: hidden;
    position: relative;
    display: block;
    width: auto;
    max-width: 20em;
    min-height: 0;
    padding: 8px 12px 12px 12px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    cursor: pointer
}

    #map_detail_overlay.mini.b_iw_marker_loading {
        width: 200px;
        padding: 8px 12px 22px 12px
    }

.iw-city.mini, .iw-airport.mini {
    min-height: 0
}

#map_detail_overlay.mini.iw_non_property {
    width: auto;
    min-width: 100px;
    text-align: center
}

.mini #map_hotel_overlay_picture.map_overlay_loading {
    width: 40px;
    height: 40px;
    margin: 0 10px 0 0;
    border: 0;
    border-radius: 0
}

.mini #map_overlay_loading_msg {
    font-size: 1.5em;
    margin: 0
}

.iw_mini_title {
    margin: 0 0 .3em 0;
    font-size: 100%
}

.iw_mini_details_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.iw_mini_review_score_wrapper {
    float: left;
    margin-right: 1em;
    position: relative
}

.iw_mini_price_wrapper {
    text-align: right
}

.iw_mini_from {
    color: #858585
}

    .iw_mini_from .hotel_overlay_occupancy_item {
        padding: 0 0 0 .2em;
        vertical-align: baseline
    }

.mini .hotel_overlay_room_price {
    font-size: 1em
}

.map-card__price-message {
    font-size: 86%;
    line-height: 120%;
    margin-top: 2px;
    color: #707070;
    font-weight: normal
}

.hotel_overlay_room_price .iw_rackrate_stroke_v2 {
    text-decoration: line-through;
    margin-right: 5px;
    color: var(--bui_color_constructive_foreground);
    font-size: 90%;
    font-weight: normal
}

.hotel_overlay_room_price .iw_rackrate_price {
    color: var(--bui_color_foreground)
}

.hotel_overlay_room_price .iw_mini_room_price_v2 {
    color: var(--bui_color_constructive_foreground)
}

.iw_mini_message {
    padding: 6px 12px;
    margin: 8px -12px -12px;
    background: var(--bui_color_action_background_alt);
    color: var(--bui_color_foreground_alt)
}

.iw_mini_message_better {
    background: #e0f3e1;
    color: var(--bui_color_constructive_foreground)
}

.iw_mini_message + .iw_mini_message {
    margin-top: 12px
}

.iw_mini_message_better + .iw_mini_message_better {
    border-top: 1px dotted var(--bui_color_constructive_border)
}

.map_overlay_loading_animation {
    overflow: hidden;
    display: block;
    width: 280px;
    height: 54px;
    margin: 12px 10px 10px 110px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeholder-shimmer;
    animation-name: placeholder-shimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f4f4f4;
    background-image: -webkit-gradient(linear,left center,right center,from(#f4f4f4),color-stop(.2,#e8e8e8),color-stop(.4,#f4f4f4),to(#f4f4f4));
    background-image: -webkit-linear-gradient(left,#f4f4f4 0,#e8e8e8 20%,#f4f4f4 40%,#f4f4f4 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(#f4f4f4),color-stop(20%,#e8e8e8),color-stop(40%,#f4f4f4),to(#f4f4f4));
    background-image: linear-gradient(to right,#f4f4f4 0,#e8e8e8 20%,#f4f4f4 40%,#f4f4f4 100%);
    background-repeat: no-repeat;
    background-size: 280px 54px;
    height: 54px
}

@-webkit-keyframes placeholder-shimmer {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: 200px 0
    }
}

@keyframes placeholder-shimmer {
    0% {
        background-position: -200px 0
    }

    100% {
        background-position: 200px 0
    }
}

.map_overlay_loading_animation_mask {
    height: 12px;
    margin-top: 10px;
    background: var(--bui_color_white)
}

.mask_short {
    float: right;
    width: 50%;
    margin-top: 0
}

.mini .map_overlay_loading_animation {
    width: 200px;
    margin: 5px 0 0 0;
    background-size: 200px 54px
}

.iw_skeleton .iw-loading .map_overlay_loading {
    border: 0;
    background-color: #e8e8e8
}

.iw_skeleton .iw-hotel #map_hotel_overlay_picture_wrapper {
    position: relative;
    width: 110px
}

.iw_skeleton .iw-hotel #map_hotel_overlay_picture {
    position: relative;
    z-index: 1
}

.iw_skeleton .iw-hotel .map_hotel_overlay_picture_background {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 3px;
}

.blank_button {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: normal
}

    .blank_button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

#open_map, #close_map {
    padding: 5px 0 5px 23px;
    color: #0071c2;
    float: right;
    font-size: 11px;
    margin: 0 11px
}

#close_map_lightbox {
    position: absolute;
    right: -16px;
    top: -16px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    z-index: 999
}

#close_map {
    display: none
}

#sr_map #close_map {
    position: absolute;
    right: 0;
    top: -3.5em
}

#b_google_map_thumbnail {
    display: block;
    position: relative;
    cursor: pointer;
    width: 100%;
    height: 150px;
    font-weight: normal;
    text-decoration: none;
    border-radius: 8px
}

.b_google_map_thumbnail_small #b_google_map_thumbnail {
    height: 50px !important;
    background-position: center center !important
}

#b_google_map_thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%
}

#GoogleMap {
    padding: 0;
    border-radius: 8px
}

    #GoogleMap h2 {
        display: none
    }

#header_GoogleMap .show_map_label, #showMap a:link, #showMap a:visited {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background-color: #0071c2 !important;
    padding: 3px !important;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
    opacity: .9;
    color: var(--bui_color_white);
    text-decoration: none;
    z-index: 2
}

    #header_GoogleMap .show_map_label:hover, #showMap a:hover {
        opacity: 1;
        background-color: #febb02 !important;
        color: #333
    }

#sidebar_print_map {
    display: block;
    padding: 0 0 10px 30px;
    clear: left
}

    #sidebar_print_map:hover {
        color: #333
    }

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.map_static_zoom {
    position: relative;
    width: 100%;
    height: 150px;
    background-color: var(--bui_color_white);
    border-radius: 3px;
    overflow: hidden;
    margin: 0 0 1em 0;
    cursor: pointer;
    display: block
}

    .map_static_zoom.jq_tooltip {
        cursor: pointer
    }

    .map_static_zoom.map_hp_static_interaction_2:hover {
        -ms-filter: "alpha(opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity: .7;
        -khtml-opacity: .7;
        opacity: .7
    }

.static_map_zoom_region {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    color: #c00;
    cursor: pointer;
    display: block;
    width: 120px;
    height: 70px;
    margin-left: -60px;
    margin-top: -35px
}

.map_static_zoom_2 .static_map_zoom_region {
    border-radius: 100%;
    border: 1px solid var(--bui_color_white);
    background-color: rgba(0,52,127,0.2);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.static_map_one, .static_map_two, .static_map_three {
    position: absolute;
    background-position: right center
}

.static_map_one {
    z-index: 0
}

.static_map_two {
    z-index: 1;
    display: none
}

.static_map_three {
    z-index: 2;
    display: none
}

.map_static_zoom_1 .map_static_zoom_images:hover .static_map_two, .map_static_zoom_2 .map_static_zoom_images:hover .static_map_two {
    display: block
}

.map_static_zoom_1 .static_map_zoom_region:hover + .map_static_zoom_images .static_map_three, .map_static_zoom_2 .static_map_zoom_region:hover + .map_static_zoom_images .static_map_three {
    display: block
}

.map_static_zoom_2 .static_map_zoom_region:hover {
    width: 100%;
    height: 150px;
    margin-left: -50%;
    margin-top: -90px;
    border-color: transparent;
    background-color: transparent;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.marker_current_static_map_zoom {
    z-index: 5;
    top: 50% !important;
    left: 50% !important;
    margin-left: -11px !important;
    margin-top: -36px !important;
    background-position: -198px -60px !important
}

    .marker_current_static_map_zoom.new-current-hotel-marker {
        background-position: -220px -60px !important
    }

.show_map_thumb_label {
    background-color: #0071c2;
    padding: 3px;
    color: var(--bui_color_white);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    font-weight: bold;
    opacity: .9
}

.streetViewClose {
    padding: 5px 10px;
    border-radius: 1px;
    margin: 10px;
    color: var(--bui_color_white);
    background-color: var(--bui_color_black);
    background-color: rgba(0,0,0,0.74902)
}

    .streetViewClose:hover {
        cursor: pointer
    }

.show_map_icon {
    display: inline-block;
    width: 15px;
    height: 23px;
    margin-right: 0;
    background: url(../../images/show_map_icon.png) no-repeat;
    margin-top: -2px;
    background-size: 15px 46px;
    background-position: 0 0;
    vertical-align: middle
}

a:hover .show_map_icon {
    background-position: 0 -23px
}

.static_map_banner {
    position: relative;
    min-height: 140px;
    margin: .5em 0 10px 0;
    border: 1px solid #0071c2;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.2) inset;
    box-shadow: 0 0 6px 1px rgba(0,0,0,0.2) inset
}

.static_map_banner_header {
    position: absolute;
    bottom: 10px;
    left: 10px;
    max-width: 60%;
    padding: 10px;
    border-radius: 3px;
    color: #333
}

.static_map_banner_header, .static_map_banner_link_text {
    background: var(--bui_color_white);
    background: rgba(255,255,255,0.75);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2)
}

.static-map__title {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    text-decoration: none
}

.sr_header_h1_subtitle {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

    .sr_header_h1_subtitle strong {
        font-weight: bold
    }

.sr_header_h1_destination, .sr_header_h1_count {
    display: block
}

.sr_header_h1_destination {
    font-size: 79%
}

.static_map_banner .static_map_banner_link_text {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: .3em .5em;
    border-radius: 0 3px 0 3px;
    color: #0071c2;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.static_map_banner:hover .static_map_banner_link_text {
    text-decoration: underline
}

.iw-overlay-city-current .iw-hide-click-to-page {
    display: none
}

#map_atlas_custom_zoom {
    position: absolute;
    top: 115px;
    right: 24px;
    z-index: 5
}

.map_atlas_custom_zoom_static {
    position: absolute;
    top: 70px;
    right: 10px;
    z-index: 5
}

.b_map_br_zoom #map_atlas_custom_zoom {
    top: auto;
    bottom: 35px;
    right: 31px
}

#map_atlas_custom_zoom a, .map_atlas_custom_zoom_static div {
    font: normal 32px BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 34px;
    text-decoration: none;
    text-align: center;
    background: var(--bui_color_white);
    background: rgba(255,255,255,0.9);
    text-align: center;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius: 3px;
    color: #7e7e7e
}

.map_atlas_custom_zoom_static div {
    width: 25px;
    height: 25px;
    line-height: 24px;
    font-size: 18px
}

#map_atlas_custom_zoom a.disabled {
    color: #f1f1f1
}

#map_atlas_custom_zoom a:hover, .map_atlas_custom_zoom_static div:hover, .map_zoom_controls_container a:hover {
    background: rgba(229,236,245,0.9)
}

#map_atlas_custom_zoom a.map_atlas_custom_zoom_decrement, .map_atlas_custom_zoom_static div.map_atlas_custom_zoom_decrement {
    line-height: 12px;
    margin-top: 5px;
    overflow: hidden
}

.map_atlas_custom_zoom_static div.map_atlas_custom_zoom_decrement {
    line-height: 10px
}

.atlas-control-pan, .atlas-control-layers {
    color: #555;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    box-shadow: 0 1px 5px rgba(0,0,0,0.65)
}

.atlas-control-layers-selected {
    color: var(--bui_color_black)
}

.atlas-control-layers-control {
    padding: 2px 10px;
    background-color: var(--bui_color_white);
    cursor: pointer;
    border-left: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .atlas-control-layers-control:first-of-type {
        border-left: none;
        border-radius: 4px 0 0 4px
    }

    .atlas-control-layers-control:hover {
        background-color: #f4f4f4
    }

.atlas-control-pan {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background-color: var(--bui_color_white);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden
}

.b_msie_7 .atlas-control-pan, .b_msie_7 .atlas-control-layers {
    border: 1px solid #555
}

.atlas-control-pan div {
    position: absolute;
    cursor: pointer;
    width: 0;
    height: 0
}

.atlas-control-pan-up {
    top: 0;
    left: 23px;
    border: 7px solid #555;
    border-color: transparent transparent #555 transparent
}

.atlas-control-pan-right {
    top: 23px;
    right: 0;
    border: 7px solid #555;
    border-color: transparent transparent transparent #555
}

.atlas-control-pan-down {
    bottom: 0;
    left: 23px;
    border: 7px solid #555;
    border-color: #555 transparent transparent transparent
}

.atlas-control-pan-left {
    top: 23px;
    left: 0;
    border: 7px solid #555;
    border-color: transparent #555 transparent transparent
}

.has-topright-atlas-control-pan div.atlas-control-pan {
    margin: 20px 30px 10px 0
}

.has-topright-atlas-control-pan div.leaflet-control-zoom {
    margin-right: 45px
}

.leaflet-oldie .leaflet-control-zoom {
    border: none !important
}

.leaflet-overlay-yandex {
    position: absolute;
    display: block;
    width: 56px;
    height: 20px;
    right: 10px;
    bottom: 22px;
    z-index: 5;
}

.b_map_br_zoom .atlas-places--bottom-zoom #map_atlas_custom_zoom {
    bottom: 80px
}

.maps-iw-dropshadow-container {
    background-color: var(--bui_color_white);
    min-height: 0;
    border: 1px solid #bababa !important;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    overflow: hidden;
    width: 200px;
    font: small/1.2 BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif
}

.maps-iw-landmark-mini-inner {
    padding: 10px
}

.maps-iw-landmark-inner {
    padding: 0
}

    .maps-iw-landmark-mini-inner h3, .maps-iw-landmark-inner h3 {
        font-size: 12px !important;
        background: 0;
        color: #333;
        margin: 0;
        padding: 0 !important
    }

    .maps-iw-landmark-inner h3 {
        background: #0071c2;
        padding: 10px 20px 10px 10px !important;
        color: var(--bui_color_white)
    }

.maps-iw-dropshadow-container #marker_close {
    background: 0;
    border-radius: none;
    font-size: 12px;
    padding: 5px;
    right: 0;
    top: 0;
    color: var(--bui_color_white)
}

.landmark-mini-inner-description {
    font-weight: normal;
    display: block;
    margin-top: 3px
}

.b_map_custom_zoom a.leaflet-control-zoom-in, .b_map_custom_zoom a.leaflet-control-zoom-out {
    font: normal 32px BlinkMacSystemFont,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 34px;
    text-decoration: none;
    text-align: center;
    background: var(--bui_color_white);
    background: rgba(255,255,255,0.9);
    text-align: center;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    border-radius: 3px;
    color: #0071c2;
    margin-bottom: 5px
}

.b_map_custom_zoom div.leaflet-control-zoom {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    margin-right: 40px
}

.b_map_br_zoom .leaflet-bottom div.leaflet-control-zoom {
    bottom: 6px;
    margin-right: 32px
}

.b_map_br_zoom .leaflet-right div.atlas-control-pan {
    margin-right: 10px
}

.b_map_custom_zoom a.leaflet-control-zoom-out:first-child {
    border-radius: 3px;
    margin-bottom: 0
}

.b_map_custom_zoom a.leaflet-control-zoom-in:hover, .b_map_custom_zoom a.leaflet-control-zoom-out:hover {
    background: rgba(229,236,245,0.9);
    width: 40px;
    height: 40px;
    line-height: 34px;
    color: inherit
}

.b_map_custom_zoom a.leaflet-control-zoom-in.leaflet-disabled, .b_map_custom_zoom a.leaflet-control-zoom-out.leaflet-disabled {
    color: #f1f1f1 !important;
    background: rgba(255,255,255,0.9)
}

.office {
    border-bottom: dashed 1px #999;
    margin: 1em 0;
    padding: 0 0 1em
}

.gcityname {
    border: 0 !important
}

.legal_name {
    color: #666;
    padding: 0 0 10px 10px;
    font-size: 12px
}

.is-hidden {
    display: none
}

.txtcenter {
    text-align: center
}

.marginTop_10 {
    margin-top: 10px
}

.marginTop_5 {
    margin-top: 5px
}

.marginBottom_10 {
    margin-bottom: 10px
}

.marginBottom_5 {
    margin-bottom: 5px
}

.marginRight_5 {
    margin-right: 5px
}

.popover_content__footer.resend-conf--absolute {
    position: absolute;
    bottom: 0;
    left: 0
}

.popover_content__footer.resend-conf--active {
    border-color: #fbfbfb;
    -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.1),0 -6px 4px rgba(0,0,0,0.05);
    box-shadow: 0 -1px 2px rgba(0,0,0,0.1),0 -6px 4px rgba(0,0,0,0.05)
}

.popover_content__footer {
    width: 100%;
    float: left;
    background-color: #fafcff;
    border-top: 1px solid #fafcff;
    margin-top: 15px;
    color: #666;
    font-size: 11px;
    -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
    box-shadow: 0 -1px 2px rgba(0,0,0,0.1)
}

.resend-conf__step {
    padding: 15px;
    position: relative
}

.resend-conf__step__title .resend-conf__icon {
    margin-bottom: 5px
}

.resend-conf__step--success .resend-conf__step__title {
    color: #008009 !important
}

form.resend-conf-form div label {
    display: inline-block;
    padding: 0
}

.resend-conf-form .input-text {
    margin-bottom: 10px !important
}

.resend-conf-form__error {
    margin: -5px 0 10px 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #a30000
}

a.resend-conf__link {
    white-space: nowrap;
    text-decoration: none;
    font-weight: normal
}

.user_access_menu .resend-conf__link:hover {
    color: #febb02
}

.resend-conf__link span {
    border-bottom: 1px dashed
}

.resend-conf__icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.resend-conf__icon--invite-to-resend {
    width: 16px;
    height: 11px;
    background-position: 0 0
}

.resend-conf__link:hover .resend-conf__icon--invite-to-resend {
    background-position: -16px 0
}

.resend-conf__icon--repeat {
    width: 12px;
    height: 11px;
    background-position: -32px 0
}

.resend-conf__link:hover .resend-conf__icon--repeat {
    background-position: -44px 0
}

.resend-conf__icon--close {
    width: 9px;
    height: 9px;
    background-position: -56px 0;
    text-decoration: none;
    position: absolute;
    top: 15px;
    right: 15px
}

    .resend-conf__icon--close:hover {
        background-position: -65px 0
    }

.resend-conf__icon--success, .resend-conf__icon--error {
    width: 58px;
    height: 23px;
    margin: 0 auto;
    display: block
}

.resend-conf__icon--success {
    background-position: 0 -11px
}

.resend-conf__icon--error {
    background-position: -58px -11px
}

.resend-conf-form .resend-conf-form__send .resend-conf-form__loading {
    display: none
}

.resend-conf-form .resend-conf-form__send.disabled .resend-conf-form__loading {
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 10px
}

div#basiclayout {
    overflow: hidden;
    width: auto
}

.rlt-left {
    width: 24% !important;
    padding: 0 !important
}

.rlt-right {
    width: 74% !important;
    padding: 0 !important
}

.rilt-left, .rilt-right {
    width: 49% !important;
    padding: 0 .5% 0 0 !important;
    margin: 0 !important
}

.rlt-left, .rilt-left {
    float: left
}

.rlt-right, .rilt-right {
    float: right
}

body.header_reshuffle #top {
    min-width: 980px !important
}

@media(max-width:980px) {
    body.header_reshuffle #top {
        min-width: 0 !important
    }
}

@media(max-width:760px) {
    #user_form.responsive_experiment {
        margin-top: 45px !important;
        float: none;
        width: 1000px
    }
}

.simple_av_calendar_no_av {
    color: #a30000;
    margin: 8px 0 !important
}

.sold_out_msg {
    font-size: var(--bui_font_small_1_font-size);
    font-weight: var(--bui_font_small_1_font-weight);
    line-height: var(--bui_font_small_1_line-height);
    font-family: var(--bui_font_small_1_font-family);
    padding: 4px 8px;
    border-radius: 3px;
    background: #a30000;
    color: var(--bui_color_white)
}

.spinner-uc {
    display: inline-block;
    width: 32px;
    height: 32px
}

.spinner-blue-button {
    display: inline-block;
    width: 16px;
    height: 16px
}

.spinner-darkblue-16 {
    display: inline-block;
    width: 16px;
    height: 16px
}

.spinner-fb {
    display: inline-block;
    width: 37px;
    height: 37px
}

.spinner-wl {
    display: inline-block;
    width: 16px;
    height: 16px
}

div#survey {
    border-radius: 8px;
    border: 1px solid #ccc;
    padding: .6em;
    text-align: center;
    margin: 0 8px 3em 5px;
    color: #212121;
    font-size: 13px;
    clear: both;
    width: 97%;
}

.confirmation div#survey {
    margin-top: 28px
}

div.surv_inwrap {
    margin: 0 auto;
    width: 48%;
    padding-left: 40px
}

div#surv_buttons {
    display: block;
    margin-top: .5em
}

.tpi_badge {
    display: inline-block;
    padding: 10px 6px;
    background: #e4f4ff;
    color: #00224f;
    font-size: 11.5px;
    font-weight: bold
}

.wl-btn-group > .wl-btn-bs + .wl-dropdown-toggle {
    padding-right: 6px;
    padding-left: 6px
}

.use_sprites {
    background-repeat: no-repeat !important
}

.new_search_icons .use_sprites {
}

.use_map_sprites {
}

.use_map_sprites_pub_trans {
}

.use_map_sprites_new_icons {
}

.use_sprites.use_transparent_sprite {
}

.use_sprites_no_back {
    background-image: none !important;
    position: relative !important
}

.use_sprites_no_back_static {
    background-image: none !important
}

.stars4 {
    display: inline-block;
    width: 66px;
    height: 12px;
    overflow: hidden
}

.promos .stars4 {
    vertical-align: top;
    margin-top: 5px
}

.hotellist .stars4 {
    vertical-align: top;
    margin-top: 3px
}

.stars4i, .stars4i0 {
    display: none
}

.stars4i1 {
    background-position: 0 0
}

.stars4i1half {
    background-position: 0 -13px
}

.stars4i2 {
    background-position: 0 -26px
}

.stars4i2half {
    background-position: 0 -39px
}

.stars4i3 {
    background-position: 0 -52px
}

.stars4i3half {
    background-position: 0 -65px
}

.stars4i4 {
    background-position: 0 -78px
}

.stars4i4half {
    background-position: 0 -91px
}

.stars4i5 {
    background-position: 0 -104px
}

.stars4i1 {
    width: 13px
}

.stars4i1half {
    width: 27px
}

.stars4i2 {
    width: 26px
}

.stars4i2half {
    width: 40px
}

.stars4i3 {
    width: 39px
}

.stars4i3half {
    width: 53px
}

.stars4i4 {
    width: 53px
}

.stars2 {
    display: inline-block;
    width: 66px;
    height: 12px;
    overflow: hidden
}

.stars2i, .stars2i0 {
    display: none
}

.stars2i1 {
    background-position: 0 -117px
}

.stars2i1half {
    background-position: 0 -130px
}

.stars2i2 {
    background-position: 0 -143px
}

.stars2i2half {
    background-position: 0 -156px
}

.stars2i3 {
    background-position: 0 -169px
}

.stars2i3half {
    background-position: 0 -182px
}

.stars2i4 {
    background-position: 0 -195px
}

.stars2i4half {
    background-position: 0 -208px
}

.stars2i5 {
    background-position: 0 -221px
}

.stars2i1 {
    width: 13px
}

.stars2i1half {
    width: 27px
}

.stars2i2 {
    width: 26px
}

.stars2i2half {
    width: 40px
}

.stars2i3 {
    width: 39px
}

.stars2i3half {
    width: 53px
}

.stars2i4 {
    width: 53px
}

.stars5 {
    display: inline-block;
    width: 44px;
    height: 8px;
    overflow: hidden
}

.stars5i, .stars5i0 {
    display: none
}

.stars5i1 {
    background-position: 0 -234px
}

.stars5i1half {
    background-position: 0 -243px
}

.stars5i2 {
    background-position: 0 -252px
}

.stars5i2half {
    background-position: 0 -261px
}

.stars5i3 {
    width: 30px;
    background-position: 0 -270px
}

.stars5i3half {
    background-position: 0 -279px
}

.stars5i4 {
    background-position: 0 -288px
}

.stars5i4half {
    background-position: 0 -297px
}

.stars5i5 {
    background-position: 0 -306px
}

.icon_calendar {
    background-color: transparent !important;
    background-position: 0 -338px !important
}

a:hover .icon_calendar {
    background-position: -22px -338px !important
}

.icon_remove_small {
    overflow: hidden;
    background-position: -44px -339px !important
}

    .icon_remove_small:hover {
        background-position: -44px -352px !important
    }

.icon_remove {
    overflow: hidden;
    background-position: -56px -339px !important
}

.icon_minibubble {
    width: 11px;
    height: 9px;
    background-position: -71px -339px
}

.icon_thumbyellow {
    display: inline-block;
    width: 21px;
    height: 21px;
    background-position: 0 -357px;
    overflow: hidden
}

.icon_thumbyellow_mobile {
    width: 35px
}

.promos .icon_thumbyellow, .hotellist .icon_thumbyellow {
    vertical-align: top;
    margin-top: -1px
}

.icon_info {
    width: 14px;
    height: 14px;
    background-position: -22px -356px
}

.icon_back {
    width: 8px;
    height: 10px;
    background-position: -43px -368px
}

.icon_top {
    width: 10px;
    height: 8px;
    background-position: -52px -370px
}

.icon_plus {
    width: 7px;
    height: 7px;
    background-position: -63px -371px
}

.icon_link_container {
    position: relative;
    background-image: none !important
}

.icon_show_link, .icon_hide_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 10px
}

.icon_show_link {
    background-position: 0 -382px !important
}

.icon_hide_link {
    background-position: 0 -398px !important
}

.icon_trash {
    background-position: 0 -412px !important
}

.icon_tick {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 20px;
    background-position: 0 -430px !important;
    zoom: 1 !important;
    font-size: 0 !important
}

.icon_toggle_map_container {
    position: relative;
    background: transparent !important
}

.icon_toggle_map {
    position: absolute;
    top: 3px;
    left: 0;
    width: 19px;
    height: 19px;
    background-position: -82px -378px !important;
    cursor: pointer
}

.icon_printer_container {
    background: transparent !important;
    position: relative
}

.icon_printer {
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: -20px;
    margin-top: -1px;
    background-position: -13px -380px !important
}

.icon_email_send {
    width: 13px;
    height: 9px;
    background-position: -14px -396px !important
}

.icon_popular_small {
    width: 8px;
    height: 12px;
    background-position: -31px -380px !important
}

i.icon_arrow {
    display: none
}

.icon_asc_container i.icon_arrow, .icon_desc_container i.icon_arrow {
    display: block;
    position: absolute;
    right: 0;
    top: 4px;
    width: 10px;
    height: 7px;
    zoom: 1;
    font-size: 0
}

.icon_asc_container i.icon_arrow {
    background-position: 0 -451px !important
}

.icon_desc_container i.icon_arrow {
    background-position: 0 -451px !important
}

.icon_filtercategory_container {
    background-image: none !important;
    position: relative;
    z-index: 1
}

.icon_filter_arrow, .toggla_hide .icon_filter_arrow {
    position: absolute;
    top: 5px;
    left: 8px
}

.icon_filtercategory_container .icon_filter_arrow {
    width: 7px;
    height: 12px;
    background-position: -26px -415px !important
}

.icon_filtercategory_container.toggla_hide .icon_filter_arrow {
    left: 6px;
    top: 7px;
    width: 12px;
    height: 7px;
    background-position: -14px -415px !important
}

.newsletter_form_with_sprites {
    background: transparent !important
}

    .newsletter_form_with_sprites #signup_label {
        position: relative
    }

.icon_rocket {
    position: absolute;
    width: 39px;
    height: 40px;
    margin-left: -50px;
    margin-top: -6px;
    background-position: -39px -380px !important
}

.icon_secretdeal {
    width: 40px;
    height: 40px;
    position: absolute;
    margin-top: 5px
}

.icon_secretdeal {
    margin-left: -50px
}

.icon_user_back_container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 42px;
    background: var(--bui_color_white)
}

.icon_user_back_inverted {
    width: 22px;
    height: 40px;
    left: 16px;
    background-position: -61px -421px;
    position: relative;
    top: 0;
    z-index: 2;
    zoom: 1 !important;
    font-size: 0 !important
}

.icon_user_back_inverted_border {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-top: 1px #fafcff solid;
    border-bottom: 1px #fafcff solid;
    zoom: 1 !important;
    font-size: 0 !important
}

.icon_user_menu {
    background-position: -44px -421px
}

.icon_cancel {
    background-position: -46px -439px;
    position: absolute;
    top: 1px
}

.icon_cancel_in_notice {
    right: 1px
}

.icon_cancel_in_error {
    left: 1px
}

.icon_success {
    background-position: -46px -454px;
    position: absolute;
    top: 1px;
    left: 1px
}

.wl_small_group_icon {
    background-repeat: no-repeat;
    width: 15px;
    display: inline-block;
    float: right;
    margin-right: 10px
}

.header-signin-prompt {
    padding: 20px;
    max-width: 330px
}

.header-signin-prompt__body {
    margin: 10px 0;
    text-align: center
}

.header-signin-prompt__footer {
    margin: 0 -20px -20px;
    padding: 10px 20px;
    background: #f6f6f6
}

.header-signin-prompt__close {
    position: absolute;
    top: 7px;
    right: 7px;
    font-size: 10px;
    color: #bababa;
    cursor: pointer
}

.header-joinapp-retargeting-prompt {
    padding: 16px;
    max-width: 230px
}

.header-joinapp-retargeting-prompt__title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0
}

.header-joinapp-retargeting-prompt__not-interested {
    font-size: 13px;
    color: #6b6b6b;
    margin-bottom: 0
}

.header-joinapp-retargeting-prompt__link {
    color: #0071c2;
    cursor: pointer
}

    .header-joinapp-retargeting-prompt__link:hover {
        color: #333
    }

.searchbox_children_ages_tooltip {
    padding: 10px;
    max-width: 240px;
    z-index: 10000
}

.searchbox_children_ages_tooltip__text {
    margin-bottom: 0;
    margin-top: 3px
}

.b_ta_dashboard_subheader {
    background-color: #464646;
    min-height: 53px
}

.b_ta_dashboard_subheader_wrapper {
    background-color: transparent;
    padding: 0;
    max-width: 1110px;
    margin: 0 auto
}

.b_ta_agency_name {
    width: 30%;
    color: var(--bui_color_white);
    padding: 14px 0 0 0;
    margin-bottom: 0;
    margin-left: 4px;
    float: left;
    font-size: 18px;
    font-weight: 400
}

a.b_ta_dashboard_link {
    float: right;
    padding: 17px 0 0 0;
    color: var(--bui_color_white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 100;
    margin-right: 17px
}

    a.b_ta_dashboard_link:hover {
        text-decoration: underline
    }

.c-occupancy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--bui_spacing_2x);
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.c-occupancy-icons {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.c-occupancy-icons__adults {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.c-occupancy-icons__children {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.c-occupancy-icons__plus-kids, .c-occupancy-icons__multiplier {
    display: block;
    margin-inline-start: -webkit-calc(var(--bui_spacing_1x) - 1px);
    margin-inline-start: calc(var(--bui_spacing_1x) - 1px);
    margin-inline-end: -webkit-calc(var(--bui_spacing_1x) + 1px);
    margin-inline-end: calc(var(--bui_spacing_1x) + 1px)
}

.c-occupancy-icons--no-plus {
    gap: 1px
}

    .c-occupancy-icons--no-plus .c-occupancy-icons__plus-kids {
        display: none
    }

.hprt-occupancy-has-ghost-icons .c-occupancy-icons__children {
    color: var(--bui_color_foreground_disabled)
}

.roomstable .occupancy_multiplier {
    display: block
}

.sr-group_recommendation .occupancy_multiplier {
    display: inline-block
}

.occupancy_adults .bicon-occupancy, .occupancy_adults .bicon-occupancyghost {
    font-size: 13px
}

.occupancy_children .bicon-occupancychild {
    display: inline-block;
    margin: 0 1px 0 0;
    font-size: 10px
}

.occupancy_multiplier_number {
    font-size: 12px;
    font-weight: bold;
    display: inline-block
}

.roomstable.rt_no_dates .occupancy_multiplier {
    display: inline-block
}

.villas-redirect-msg {
    display: none;
    background-color: #fff;
    width: 500px
}

.villas-redirect-msg__top {
    background-color: #013580;
    overflow: hidden;
    text-align: center
}

    .villas-redirect-msg__top h3 {
        color: #fff;
        font-size: 1.5em;
        font-weight: normal;
        text-align: center;
        margin: 2.5em 1em 2em
    }

.villas-redirect-msg__plane {
    margin-bottom: 3px
}

.villas-redirect-msg__villas-logo {
    vertical-align: top;
    margin: 0 50px 25px 10px
}

.villas-redirect-msg__booking-logo {
    vertical-align: top;
    margin: 4px 10px 20px 50px
}

.villas-redirect-msg__bottom {
    padding: 2.2em 3em;
    line-height: 1.4
}

    .villas-redirect-msg__bottom p {
        margin: 1.5em 0
    }

.site_is_mdot .villas-redirect-msg {
    width: 100%
}

.site_is_mdot .villas-redirect-msg__top h3 {
    margin: 1em
}

.site_is_mdot .villas-redirect-msg__bottom {
    padding: 1em 1em .5em
}

    .site_is_mdot .villas-redirect-msg__bottom p {
        margin: 0 0 1em 0
    }

.fly-content-tooltip:before, .fly-content-tooltip:after {
    content: " ";
    display: table
}

.fly-content-tooltip {
    font-size: 13px;
    line-height: normal;
    width: 320px;
    pointer-events: none;
    color: var(--bui_color_white);
    border-radius: 4px;
    background: rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.5);
    box-shadow: 0 1px 7px rgba(0,0,0,0.5);
    text-align: left
}

.fly-content-hover-tooltip {
    pointer-events: all
}

.b_msie .fly-content-tooltip {
    background: var(--bui_color_black)
}

.fly-content-tooltip--wrap {
    -webkit-transition: top .3s ease-out,opacity .3s ease-out;
    transition: top .3s ease-out,opacity .3s ease-out;
    top: 0;
    opacity: 1;
    position: relative;
    padding: 12px
}

.fly-dropdown_hidden .fly-content-tooltip--wrap {
    opacity: 0;
    top: 21px
}

.fly-content-tooltip:before {
    top: -10px;
    width: 0;
    height: 0;
    border: transparent 5px solid;
    border-bottom-color: rgba(0,0,0,0.8);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.fly-content-tooltip.fly-dropdown_hidden {
    margin-top: 10px
}

.b_msie .fly-content-tooltip:before {
    border-bottom-color: var(--bui_color_black)
}

.fly-dropdown_top:before {
    top: auto;
    bottom: -5px;
    border-bottom: transparent;
    border-top-color: rgba(0,0,0,0.8)
}

.fly-dropdown_arrow_left:before {
    left: 15px
}

.fly-dropdown_arrow_right::before {
    right: 15px
}

.tls-deprecated-banner {
    background: var(--bui_color_white);
    position: relative
}

.tls-deprecated-banner-wrapper {
    margin: 0 auto;
    max-width: 1110px;
    padding: 18px 0;
    min-height: 78px
}

#modal_trigger-dotcn_tc, #modal-dotcn_tc .bui-modal__close {
    display: none
}

#modal-dotcn_tc a {
    color: #0071c2;
    text-decoration: none
}

@media screen and (max-width:414px) {
    #modal-dotcn_tc .bui-modal__footer {
        padding-bottom: 16px
    }

        #modal-dotcn_tc .bui-modal__footer .bui-group__item {
            margin-top: 0
        }
}

a.footer-dotcn_icp {
    color: #333;
    font-weight: normal;
    margin: 0 8px
}

    a.footer-dotcn_icp > .china_beian_icon {
        vertical-align: -2px
    }

.emk_footer_update .emk_footer_wrapper {
    display: inline-block;
    width: 50%
}

.emk_footer_update .cs_contact_footer {
    background-color: var(--bui_color_white);
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 44%;
    margin-right: 5%;
    border-radius: 4px;
    color: #333
}

    .emk_footer_update .cs_contact_footer .cs_contact_footer_icon {
        position: absolute;
        top: 15px;
        left: 10px;
        width: 38px;
        height: 38px;
        background-repeat: no-repeat;
        display: inline-block;
        background-position: -5px -53px
    }

    .emk_footer_update .cs_contact_footer .cs_contact_footer_title {
        padding: 15px 0 0 70px;
        text-align: left
    }

    .emk_footer_update .cs_contact_footer h3.cs_contact_footer_title_header {
        font-size: 24px
    }

    .emk_footer_update .cs_contact_footer .cs_contact_footer_numbers {
        padding: 10px 0 15px 70px;
        position: relative;
        overflow: hidden
    }

    .emk_footer_update .cs_contact_footer .cs_contact_footer_title_subheader {
        font-size: 16px;
        color: #8e8e8e;
        margin: 0;
        padding-top: 4px
    }

    .emk_footer_update .cs_contact_footer .cs_contact_footer_numbers_section .number_title, .emk_footer_update .cs_contact_footer .cs_contact_footer_numbers_section .number_content {
        margin: 0;
        font-size: 16px;
        text-decoration: none
    }

.cs_contact_footer_numbers_section.demostic_line {
    float: left;
    width: 26%
}

.cs_contact_footer_numbers_section.international_line {
    float: left;
    width: 42%
}

.cs_contact_footer_numbers_section.help_center {
    float: left;
    width: 28%
}

.no_emk_cs_contact {
    background-color: var(--bui_color_white)
}

    .no_emk_cs_contact .cs_contact_footer {
        background-color: var(--bui_color_white);
        display: inline-block;
        vertical-align: top;
        position: relative;
        width: 100%;
        color: #333
    }

        .no_emk_cs_contact .cs_contact_footer .cs_contact_footer_icon {
            position: absolute;
            top: 15px;
            left: 0;
            width: 38px;
            height: 38px;
            background-repeat: no-repeat;
            display: inline-block;
            background-position: -5px -53px
        }

        .no_emk_cs_contact .cs_contact_footer .cs_contact_footer_title {
            margin: 15px 0 15px 65px;
            display: inline-block;
            width: 28%;
            border-right: 1px #fafcff solid
        }

        .no_emk_cs_contact .cs_contact_footer h3.cs_contact_footer_title_header {
            font-size: 24px
        }

        .no_emk_cs_contact .cs_contact_footer .cs_contact_footer_numbers {
            display: inline-block;
            position: absolute;
            margin: 20px 0 15px 38px;
            width: 48%
        }

        .no_emk_cs_contact .cs_contact_footer .cs_contact_footer_title_subheader {
            font-size: 16px;
            color: #8e8e8e;
            margin: 0;
            padding-top: 4px
        }

        .no_emk_cs_contact .cs_contact_footer .cs_contact_footer_numbers_section {
            display: inline-block;
            width: 32%
        }

            .no_emk_cs_contact .cs_contact_footer .cs_contact_footer_numbers_section .number_title, .no_emk_cs_contact .cs_contact_footer .cs_contact_footer_numbers_section .number_content {
                padding-top: 4px;
                margin: 0;
                font-size: 16px;
                text-decoration: none
            }

.cs_contact_footer_numbers_section.domestic_international_line {
    float: left;
    width: 40%;
    margin-right: 40px
}

.sticky_sidebar_toolbar {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10
}

a.sst_tool {
    margin-top: 5px;
    width: 30px;
    padding: 5px;
    padding-top: 7px;
    display: block;
    border-radius: 2px;
    background-color: #0071c2;
    color: var(--bui_color_white);
    cursor: pointer;
    text-align: center;
    text-decoration: none
}

    a.sst_tool:hover {
        color: var(--bui_color_white);
        background-color: #bad4f7;
        text-decoration: none
    }

.sst_tool__icon {
    margin-bottom: 4px;
    display: block
}

.sst_tool__icon--feedback {
    font-size: 24px
}

.sst_tool__text {
    display: block;
    font-size: 14px
}

.stl-list {
    padding: 0;
    overflow: hidden;
    list-style: none
}

    .stl-list .stl-item {
        margin: 0 1.5% 1.5% 0;
        padding: 0;
        width: 13%;
        border: 0;
        float: left;
        clear: none
    }

.stl-item.last {
    margin-right: 0
}

.stl-item a {
    padding: 15px;
    display: block;
    min-height: 63px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    background-color: #fafcff;
    border: solid #fafcff 2px;
    border-radius: 4px
}

    .stl-item a:hover {
        background-color: var(--bui_color_white)
    }

.stl-item .stl-icon {
    margin: 0 0 10px 0;
    display: block;
    text-align: center;
    font-size: 22px
}

.stl-list .stl-link {
    margin: 0 0 1.28% 1.28%;
    padding: 0 0 0 1.28%;
    float: left;
    clear: none;
    border: 0;
    border-left: solid #ebf3ff 1px
}

.stl-link.first {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
    clear: both
}

.stl-link a {
    font-size: 14px;
    font-weight: normal
}

#hotelTmpl .hp__hotel-title {
    font-size: 1.8em
}

    #hotelTmpl .hp__hotel-title .icon_thumbyellow {
        vertical-align: top;
        margin-top: 2px
    }

    #hotelTmpl .hp__hotel-title .stars4 {
        vertical-align: top;
        margin-top: 8px
    }

    #hotelTmpl .hp__hotel-title .deals_label_content {
        vertical-align: top
    }

.breadcrumb--link-on-top {
    z-index: 1
}

.phone_signup__feedback_messages {
    margin: 0 0 27px 0
}

.phone_number_signup__verification__title {
    font-size: 14px
}

@media screen and (min-width:600px) {
    .phone_number_signup__verification__title {
        font-size: 16px
    }
}

.phone_number_signup__verification__subtitle {
    margin: 25px 0 2px 0;
    font-weight: normal;
    font-size: 12px
}

.send_verification_code {
    text-align: center;
    color: #0071c2;
    display: block;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #0071c2;
    padding: 8px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    margin: 3px 0 10px
}

.wait_resend_verification_code {
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #6b6b6b;
    display: block;
    text-align: center;
    border-radius: 4px;
    padding: 8px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    margin-top: 3px
}

.verify_phone_confirmation_label {
    display: block;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.send_verification_code_actions {
    display: block;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px
}

.send_verification_code_submit {
    margin: 30px 0 0 0
}

.phone_number_login_close {
    margin: 10px 0 0 0
}

.review-score-widget {
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    text-align: left;
    white-space: nowrap
}

a.review-score-badge, span.review-score-badge {
    background: var(--bui_color_brand_primary_background);
    color: var(--bui_color_on_brand_primary_background);
    text-shadow: none;
    display: inline-block;
    text-align: center;
    font-weight: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    border: 0;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 16px;
    border-radius: 6.4px 6.4px 6.4px 0;
    width: 32px;
    line-height: 2;
    text-decoration: none
}

.review-score-widget__body {
    display: inline-block;
    text-align: right;
    vertical-align: top
}

a.review-score-widget__text, span.review-score-widget__text {
    color: var(--bui_color_foreground);
    font-weight: normal;
    display: block;
    line-height: 1.2;
    text-decoration: none
}

a.review-score-widget__subtext, span.review-score-widget__subtext {
    color: #666;
    font-size: 12px;
    display: block;
    font-weight: normal;
    text-decoration: none
}

.tltp__content .review-score-widget__text-only .review-score-badge, .tltp__content a.review-score-widget__text, .tltp__content span.review-score-widget__text, .tltp__content a.review-score-widget__subtext, .tltp__content span.review-score-widget__subtext {
    color: var(--bui_color_white)
}

a .review-score-widget.review-score-widget__text-only .review-score-badge, a .review-score-widget.review-score-widget__text-only .review-score-widget__text {
    color: inherit
}

.review-score-badge + .review-score-widget__body {
    text-align: left
}

.review-score-widget__right {
    text-align: right
}

.review-score-widget__no-subtext .review-score-widget__text {
    line-height: 2
}

.review-score-widget__inline .review-score-widget__text, .review-score-widget__inline .review-score-widget__subtext {
    display: inline;
    font-size: 16px
}

    .review-score-widget__inline .review-score-widget__subtext:after {
        content: "\00B7";
        display: inline-block
    }

    .review-score-widget__inline .review-score-widget__text + .review-score-widget__subtext:after {
        content: ""
    }

    .review-score-widget__inline .review-score-widget__text + .review-score-widget__subtext:before {
        content: "\00B7";
        display: inline-block
    }

.review-score-widget__outlined .review-score-badge {
    border: 1px solid var(--bui_color_foreground);
    color: var(--bui_color_foreground);
    background: transparent;
    line-height: 30px
}

.review-score-widget__outlined .review-score-widget__text {
    color: var(--bui_color_foreground)
}

.review-score-widget__text-only {
    white-space: normal
}

    .review-score-widget__text-only .review-score-badge {
        background: transparent;
        color: var(--bui_color_brand_primary_foreground);
        display: inline;
        line-height: 1
    }

    .review-score-widget__text-only .review-score-widget__text {
        display: inline;
        font-weight: normal;
        line-height: 1
    }

    .review-score-widget__text-only .review-score-widget__subtext {
        margin-top: .3em
    }

.ar .review-score-badge {
    font-family: sans-serif !important
}

.ar .review-score-widget__inline .review-score-widget__subtext:before, .ar .review-score-widget__inline .review-score-widget__subtext:after {
    font-family: sans-serif !important;
    line-height: .9em;
    position: relative;
    top: 2px
}

.review-score-widget__debug {
    background: rgba(255,0,255,0.3)
}

    .review-score-widget__debug.review-score-widget__right {
        background: rgba(255,255,0,0.3)
    }

.review-score-widget__12 {
    font-size: 12px
}

    .review-score-widget__12 .review-score-badge {
        font-size: 12px;
        border-radius: 4.8px 4.8px 4.8px 0;
        width: 24px
    }

    .review-score-widget__12.review-score-widget__outlined .review-score-badge {
        line-height: 22px
    }

    .review-score-widget__12 .review-score-widget__subtext {
        font-size: 9px
    }

    .review-score-widget__12.review-score-widget__inline .review-score-widget__text, .review-score-widget__12.review-score-widget__inline .review-score-widget__subtext {
        font-size: 12px
    }

    .review-score-widget__12.review-score-widget__inline.review-score-widget__text-only .review-score-badge {
        width: auto
    }

.review-score-widget__14 {
    font-size: 14px
}

    .review-score-widget__14 .review-score-badge {
        font-size: 14px;
        border-radius: 5.6px 5.6px 5.6px 0;
        width: 28px
    }

    .review-score-widget__14.review-score-widget__outlined .review-score-badge {
        line-height: 26px
    }

    .review-score-widget__14 .review-score-widget__subtext {
        font-size: 11px
    }

    .review-score-widget__14.review-score-widget__inline .review-score-widget__text, .review-score-widget__14.review-score-widget__inline .review-score-widget__subtext {
        font-size: 14px
    }

    .review-score-widget__14.review-score-widget__inline.review-score-widget__text-only .review-score-badge {
        width: auto
    }

.review-score-widget__20 {
    font-size: 20px
}

    .review-score-widget__20 .review-score-badge {
        font-size: 20px;
        border-radius: 8px 8px 8px 0;
        width: 40px
    }

    .review-score-widget__20.review-score-widget__outlined .review-score-badge {
        line-height: 38px
    }

    .review-score-widget__20 .review-score-widget__subtext {
        font-size: 13px
    }

    .review-score-widget__20.review-score-widget__inline .review-score-widget__text, .review-score-widget__20.review-score-widget__inline .review-score-widget__subtext {
        font-size: 20px
    }

    .review-score-widget__20.review-score-widget__inline.review-score-widget__text-only .review-score-badge {
        width: auto
    }

.review-score-widget__24 {
    font-size: 24px
}

    .review-score-widget__24 .review-score-badge {
        font-size: 24px;
        border-radius: 9.6px 9.6px 9.6px 0;
        width: 48px
    }

    .review-score-widget__24.review-score-widget__outlined .review-score-badge {
        line-height: 46px
    }

    .review-score-widget__24 .review-score-widget__subtext {
        font-size: 17px
    }

    .review-score-widget__24.review-score-widget__inline .review-score-widget__text, .review-score-widget__24.review-score-widget__inline .review-score-widget__subtext {
        font-size: 24px
    }

    .review-score-widget__24.review-score-widget__inline.review-score-widget__text-only .review-score-badge {
        width: auto
    }

.hp-gallery-review a .review-score-widget__very_good .review-score-badge, .hp-gallery-review a .review-score-widget__very_good .review-score-widget__text, .hp-gallery-review a .review-score-widget__fabulous .review-score-badge, .hp-gallery-review a .review-score-widget__fabulous .review-score-widget__text, .hp-gallery-review a .review-score-widget__superb .review-score-badge, .hp-gallery-review a .review-score-widget__superb .review-score-widget__text, .hp-gallery-review a .review-score-widget__exceptional .review-score-badge, .hp-gallery-review a .review-score-widget__exceptional .review-score-widget__text {
    font-weight: bold
}

.sr_item a .review-score-widget__very_good .review-score-badge, .sr_item a .review-score-widget__very_good .review-score-widget__text, .sr_item a .review-score-widget__fabulous .review-score-badge, .sr_item a .review-score-widget__fabulous .review-score-widget__text, .sr_item a .review-score-widget__superb .review-score-badge, .sr_item a .review-score-widget__superb .review-score-widget__text, .sr_item a .review-score-widget__exceptional .review-score-badge, .sr_item a .review-score-widget__exceptional .review-score-widget__text, .sr_item a .search-secondary-review-score .review-score-widget__text, .sr_item a .search-secondary-review-score .review-score-badge {
    font-weight: bold
}

.sr_item a .review-score-widget__20.review-score-widget__superb .review-score-badge, .sr_item a .review-score-widget__20.review-score-widget__superb .review-score-widget__text, .sr_item a .review-score-widget__20.review-score-widget__exceptional .review-score-badge, .sr_item a .review-score-widget__20.review-score-widget__exceptional .review-score-widget__text {
    color: #cd8900
}

.sr_item a:hover .review-score-widget__20.review-score-widget__superb .review-score-badge, .sr_item a:hover .review-score-widget__20.review-score-widget__superb .review-score-widget__text, .sr_item a:hover .review-score-widget__20.review-score-widget__exceptional .review-score-badge, .sr_item a:hover .review-score-widget__20.review-score-widget__exceptional .review-score-widget__text {
    color: #febb02
}

.hp-gallery-review a .hp_main_score_badge {
    line-height: 1.1
}

    .hp-gallery-review a .hp_main_score_badge .review-score-badge {
        font-weight: normal;
        margin: 0 0 0 3px
    }

.hp_main_score_badge .review-score-widget__body {
    max-width: -webkit-calc(100% - 44px);
    max-width: calc(100% - 44px);
    white-space: normal
}

.ugc-bh-review-notification span {
    display: block;
    margin-top: 4px
}

.ugc-bh-review-notification .uc-notification__image {
    border-radius: 50%;
    border: 1px solid #bdbdbd
}

.ugc-bh-review-notification .uc-notification__icon {
    font-size: 40px;
    color: #bdbdbd
}

.tltp p {
    margin: .3em 0
}

.tltp {
    position: absolute;
    z-index: 9999;
    background: var(--bui_color_black);
    background: rgba(0,0,0,0.8);
    color: var(--bui_color_white);
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.5);
    box-shadow: 0 1px 7px rgba(0,0,0,0.5);
    text-align: left;
    font-size: 13px;
    line-height: 1.2;
    pointer-events: none;
    border-radius: 4px;
    opacity: 1;
    visibility: visible;
    padding: 0
}

    .tltp.tltp--themified {
        font-size: 14px;
        line-height: 20px;
        font-weight: normal
    }

        .tltp.tltp--themified.tltp--dark {
            background: #333
        }

.tltp--animate {
    -webkit-transition: margin .15s ease-out,opacity .15s ease-out,visibility .15s ease-out;
    transition: margin .15s ease-out,opacity .15s ease-out,visibility .15s ease-out
}

.tltp--over-modal-window {
    z-index: 1003
}

.tltp:before {
    content: ' ';
    position: absolute;
    z-index: -1;
    display: table;
    width: 0;
    height: 0;
    border: 5px solid transparent
}

.tltp[class*="tltp--bottom"]:before {
    top: -10px;
    border-bottom-color: var(--bui_color_black);
    border-bottom-color: rgba(0,0,0,0.8)
}

.tltp--bottom:before {
    left: 50%;
    margin-left: -5px
}

.tltp--bottom-start:before {
    left: 15px
}

.tltp--bottom-end:before {
    right: 15px
}

.tltp[class*="tltp--bottom"] {
    margin-top: 5px
}

.tltp[class*="tltp--top"]:before {
    bottom: -10px;
    border-top-color: var(--bui_color_black);
    border-top-color: rgba(0,0,0,0.8)
}

.tltp--top:before {
    left: 50%;
    margin-left: -5px
}

.tltp--top-start:before {
    left: 15px
}

.tltp--top-end:before {
    right: 15px
}

.tltp[class*="tltp--top"] {
    margin-top: -5px
}

.tltp[class*="tltp--end"]:before {
    left: -10px;
    border-right-color: var(--bui_color_black);
    border-right-color: rgba(0,0,0,0.8)
}

.tltp--end:before {
    top: 50%;
    margin-top: -5px
}

.tltp--end-top:before {
    top: 15px
}

.tltp--end-bottom:before {
    bottom: 15px
}

.tltp[class*="tltp--end"] {
    margin-left: 5px
}

.tltp[class*="tltp--start"]:before {
    right: -10px;
    border-left-color: var(--bui_color_black);
    border-left-color: rgba(0,0,0,0.8)
}

.tltp--start:before {
    top: 50%;
    margin-top: -5px
}

.tltp--start-top:before {
    top: 15px
}

.tltp--start-bottom:before {
    bottom: 15px
}

.tltp[class*="tltp--start"] {
    margin-left: -5px
}

.tltp--animate .tltp__content {
    -webkit-transition: top .3s ease-out,left .3s ease-out;
    transition: top .3s ease-out,left .3s ease-out
}

.tltp__content {
    width: auto;
    max-width: 320px;
    padding: 10px;
    position: relative;
    top: 0;
    left: 0
}

.tltp--themified.tltp__content {
    padding: 5px
}

.tltp__header {
    color: #feba02;
    font-size: 13px;
    font-weight: bold
}

.tltp__image {
    min-height: 50px;
    float: left;
    margin-right: 10px;
    color: #feba02
}

    .tltp__image .bicon {
        font-size: 2em
    }

.tltp--hidden {
    opacity: 0;
    visibility: hidden
}

    .tltp--hidden.tltp:before {
        content: ''
    }

    .tltp--hidden[class*="tltp--bottom"] {
        margin-top: 10px
    }

        .tltp--hidden[class*="tltp--bottom"] .tltp__content {
            top: 20px
        }

    .tltp--hidden[class*="tltp--top"] {
        margin-top: -10px
    }

        .tltp--hidden[class*="tltp--top"] .tltp__content {
            top: -20px
        }

    .tltp--hidden[class*="tltp--start"] {
        margin-left: 10px
    }

        .tltp--hidden[class*="tltp--start"] .tltp__content {
            left: 20px
        }

    .tltp--hidden[class*="tltp--end"] {
        margin-left: -10px
    }

        .tltp--hidden[class*="tltp--end"] .tltp__content {
            left: -20px
        }

.touch2 .tltp__content:after {
    -webkit-font-smoothing: antializased;
    -moz-osx-font-smoothing: grayscale;
    content: "\b195";
    color: #8e8e8e;
    display: block;
    font-family: 'booking-iconset';
    font-size: 8px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: none;
    top: 12px;
    width: 30px
}

.site_is_mdot .tltp__close_icon {
    color: #8e8e8e;
    display: block;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: none;
    top: 8px;
    width: 30px
}

.no_bg_img:not(.emk_header,.rpp_unified_login,.background--grey,.myreferrals,.mysettings,.login-page-body--override) {
    background: none !important
}

.no_bg_img:before {
    content: "";
    background: var(--bui_color_brand_primary_background);
    height: 50px;
    width: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    pointer-events: none
}

.booking-header-bar--alignment.no_bg_img #bodyconstraint {
    background-color: transparent
}

.no_bg_img .lp_flexible_layout_content_wrapper {
    background-color: transparent !important
}

body.no_bg_img.touch2.rpp_unified_login #bodyconstraint {
    background: #fafcff !important
}

.pe-full-width-wrapper.fe_bbtool_banner {
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.destination_budgets_notification_container {
    display: inline-block;
    vertical-align: top
}

.fe_banner.fe_banner-embargo {
    margin-bottom: 40px;
    padding: 12px 12px 12px 56px
}

    .fe_banner.fe_banner-embargo.fe_banner-embargo-hidden {
        margin: 0;
        padding: 12px 12px 12px 56px;
        width: 870px
    }

.fe_banner-embargo-hidden {
    display: none
}

.fe_banner-embargo .fe_banner__btn_container .fe_banner__btn_container_content {
    width: 85%
}

.fe_banner-embargo .b-button {
    padding: 12px 16px 12px 16px
}

.fe_banner-embargo-hidden .fe_banner__icon {
    top: 24px
}

.fe_banner-embargo .fe_banner__icon {
    left: 12px
}

.fe_banner__white.fe_banner-embargo {
    border-color: #bdbdbd;
    background-color: var(--bui_color_white)
}

.fe_banner__white .fe_banner__icon {
    fill: #c00
}

.fe_banner__white .fe_banner__title {
    color: #333
}

.fe_banner__white .fe_banner__message {
    color: #333
}

.fe_banner__white .fe_banner__dismiss {
    color: #333
}

    .fe_banner__white .fe_banner__dismiss:hover {
        color: #6b6b6b
    }

.fe_dsf_icon__wrapper {
    width: 36px;
    height: 36px
}

.fe_dsf_icon__wrapper-large {
    width: 68px;
    height: 68px
}

.fe_dsf_icon__wrapper-circle {
    margin-top: 7px;
    margin-left: -5px;
    margin-right: 10px;
    float: left;
    position: absolute;
    border-radius: 50%;
    text-align: center;
    display: inline-block
}

    .fe_dsf_icon__wrapper-circle .fe_dsf_icon {
        margin-top: 7px
    }

.fe_dsf_icon__wrapper-dsf_booking_tip__badge {
    margin-top: 15px;
    margin-left: 0
}

.city_theme_icon .fe_dsf_icon__wrapper-circle {
    position: static;
    margin-top: 0
}

.fe_dsf_icon__wrapper-social_proof {
    position: static;
    margin: 0;
    float: none
}

.fe_dsf_icon__wrapper-green {
    background: #97e59c
}

.fe_dsf_icon__wrapper-yellow {
    background: #febb02
}

.fe_dsf_icon__wrapper-blue {
    background: #0071c2
}

.fe_dsf_icon__wrapper-darkblue {
    background: #333
}

.fe_dsf_icon__wrapper-grey {
    background: #f1f1f1
}

.fe_dsf_icon__wrapper-nobg, .fe_dsf_icon__wrapper-nobg:hover {
    background: 0
}

.fe_dsf_icon__wrapper-circle:hover {
    background: #febb02
}

.result_text-padding {
    padding-left: 0 !important
}

.fe_dsf_icon__wrapper-cd_mod {
    text-align: center;
    display: inline-block
}

    .fe_dsf_icon__wrapper-cd_mod .fe_dsf_icon {
        margin-top: 23px
    }

.dsf_cd_mod_hlist-item:hover .fe_dsf_icon__wrapper-cd_mod {
    width: 78px;
    height: 78px
}

    .dsf_cd_mod_hlist-item:hover .fe_dsf_icon__wrapper-cd_mod .fe_dsf_icon {
        width: 42px;
        height: 42px;
        margin-top: 15px
    }

.fe_dsf_icon__dsf_badge {
    margin-top: 0;
    margin-left: 0;
    width: 28px;
    height: 28px
}

    .fe_dsf_icon__dsf_badge .fe_dsf_icon {
        margin-top: -17px
    }

.sr_item .fe_dsf_icon__dsf_badge .fe_dsf_icon {
    margin-top: 1px
}

.gc_fathers_day_banner {
    margin-bottom: 16px
}

.sb-autocomplete__badge.sb-autocomplete__badge--ski-area {
    background-color: #008009
}

.c-accommodation-classification-rating {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.c-accommodation-classification-rating__badge, .c-accommodation-classification-rating__additional-info-icon {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-accommodation-classification-rating__badge .bui-rating__item svg {
        display: block
    }

.c-accommodation-classification-rating__badge--with-tooltip {
    cursor: help
}

.c-accommodation-classification-rating__additional-info-icon {
    margin-left: 6px
}

.c-accommodation-classification-rating-popover-content p {
    font-size: var(--bui_font_body_2_font-size);
    font-weight: var(--bui_font_body_2_font-weight);
    line-height: var(--bui_font_body_2_line-height);
    font-family: var(--bui_font_body_2_font-family);
    margin: 0
}

    .c-accommodation-classification-rating-popover-content p + p {
        margin-top: 1em
    }

.c-accommodation-classification-rating-popover-content a {
    font-weight: normal
}

.bh-photo-modal-opened .bui-popover {
    z-index: 1010
}

.c-accommodation-classification-rating__badge .bui-badge--alt {
    border-color: transparent;
    background-color: #fff0e0;
    color: var(--bui_color_accent_foreground)
}

.gta-country-flag-dropdown {
    position: relative;
    background-color: var(--bui_color_white);
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    margin-right: 8px
}

    .gta-country-flag-dropdown:hover {
        border-color: #bad4f7
    }

.gta-country-flag-dropdown-icon {
    position: absolute;
    top: 18px;
    right: 9px;
    font-size: 7px;
    color: #6b6b6b
}

.gta-cfd-value {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    padding: 11px 28px 11px 8px;
    min-width: 135px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.gta-cfd-list {
    position: absolute;
    top: 43px;
    left: -1px;
    width: 288px;
    height: 237px;
    display: none;
    background: var(--bui_color_white);
    border: 1px solid #ebf3ff;
    border-radius: 3px;
    margin: 0 !important;
    padding: 0 !important;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 1001;
    -webkit-box-shadow: 0 0 3px #eaeaea;
    box-shadow: 0 0 3px #eaeaea
}

    .gta-cfd-list li {
        float: none !important;
        display: block;
        position: relative;
        padding: 6px 6px 6px 38px !important;
        margin: 0 0 2px !important;
        font-size: 14px !important;
        line-height: 20px;
        color: #333;
        cursor: pointer
    }

        .gta-cfd-list li:last-child {
            margin-bottom: 0
        }

        .gta-cfd-list li:hover {
            background: #efefef
        }

.cflag18 {
    width: 18px;
    height: 18px;
}

.gta-cfd-value .cflag18 {
    display: block;
    margin: 2px 9px 0 3px;
    float: left
}

.gta-cfd-list .cflag18 {
    position: absolute;
    top: 7px;
    left: 11px
}

.cflag24 {
    width: 24px;
    height: 24px;
}

.gta-cfd-value .cflag24 {
    display: block;
    margin: -2px 6px 0 0;
    float: left
}

.gta-cfd-list .cflag24 {
    position: absolute;
    top: 4px;
    left: 8px
}

.cflag-ad {
    background-position: 0 0
}

.cflag-ae {
    background-position: 0 -25px
}

.cflag-af {
    background-position: 0 -50px
}

.cflag-ag {
    background-position: 0 -75px
}

.cflag-ai {
    background-position: 0 -100px
}

.cflag-al {
    background-position: 0 -125px
}

.cflag-am {
    background-position: 0 -150px
}

.cflag-an {
    background-position: 0 -175px
}

.cflag-ao {
    background-position: 0 -200px
}

.cflag-aq {
    background-position: 0 -225px
}

.cflag-ar {
    background-position: 0 -250px
}

.cflag-as {
    background-position: 0 -275px
}

.cflag-at {
    background-position: 0 -300px
}

.cflag-au {
    background-position: 0 -325px
}

.cflag-aw {
    background-position: 0 -350px
}

.cflag-ax {
    background-position: 0 -375px
}

.cflag-az {
    background-position: 0 -400px
}

.cflag-ba {
    background-position: 0 -425px
}

.cflag-bb {
    background-position: 0 -450px
}

.cflag-bd {
    background-position: 0 -475px
}

.cflag-be {
    background-position: 0 -500px
}

.cflag-bf {
    background-position: 0 -525px
}

.cflag-bg {
    background-position: 0 -550px
}

.cflag-bh {
    background-position: 0 -575px
}

.cflag-bi {
    background-position: 0 -600px
}

.cflag-bj {
    background-position: 0 -625px
}

.cflag-bl {
    background-position: 0 -650px
}

.cflag-bm {
    background-position: 0 -675px
}

.cflag-bn {
    background-position: 0 -700px
}

.cflag-bo {
    background-position: 0 -725px
}

.cflag-bq {
    background-position: 0 -750px
}

.cflag-br {
    background-position: 0 -775px
}

.cflag-bs {
    background-position: 0 -800px
}

.cflag-bt {
    background-position: 0 -825px
}

.cflag-bv {
    background-position: 0 -850px
}

.cflag-bw {
    background-position: 0 -875px
}

.cflag-by {
    background-position: 0 -900px
}

.cflag-bz {
    background-position: 0 -925px
}

.cflag-ca {
    background-position: 0 -950px
}

.cflag-cc {
    background-position: 0 -975px
}

.cflag-cd {
    background-position: 0 -1000px
}

.cflag-cf {
    background-position: 0 -1025px
}

.cflag-cg {
    background-position: 0 -1050px
}

.cflag-ch {
    background-position: 0 -1075px
}

.cflag-ci {
    background-position: 0 -1100px
}

.cflag-ck {
    background-position: 0 -1125px
}

.cflag-cl {
    background-position: 0 -1150px
}

.cflag-cm {
    background-position: 0 -1175px
}

.cflag-cn {
    background-position: 0 -1200px
}

.cflag-co {
    background-position: 0 -1225px
}

.cflag-cr {
    background-position: 0 -1250px
}

.cflag-cu {
    background-position: 0 -1275px
}

.cflag-cv {
    background-position: 0 -1300px
}

.cflag-cw {
    background-position: 0 -1325px
}

.cflag-cx {
    background-position: 0 -1350px
}

.cflag-cy {
    background-position: 0 -1375px
}

.cflag-cz {
    background-position: 0 -1400px
}

.cflag-de {
    background-position: 0 -1425px
}

.cflag-dj {
    background-position: 0 -1450px
}

.cflag-dk {
    background-position: 0 -1475px
}

.cflag-dm {
    background-position: 0 -1500px
}

.cflag-do {
    background-position: 0 -1525px
}

.cflag-dz {
    background-position: 0 -1550px
}

.cflag-ec {
    background-position: 0 -1575px
}

.cflag-ee {
    background-position: 0 -1600px
}

.cflag-eg {
    background-position: 0 -1625px
}

.cflag-eh {
    background-position: 0 -1650px
}

.cflag-er {
    background-position: 0 -1675px
}

.cflag-es {
    background-position: 0 -1700px
}

.cflag-et {
    background-position: 0 -1725px
}

.cflag-fi {
    background-position: 0 -1750px
}

.cflag-fj {
    background-position: 0 -1775px
}

.cflag-fk {
    background-position: 0 -1800px
}

.cflag-fm {
    background-position: 0 -1825px
}

.cflag-fo {
    background-position: 0 -1850px
}

.cflag-fr {
    background-position: 0 -1875px
}

.cflag-ga {
    background-position: 0 -1900px
}

.cflag-gb {
    background-position: 0 -1925px
}

.cflag-gd {
    background-position: 0 -1950px
}

.cflag-ge {
    background-position: 0 -1975px
}

.cflag-gf {
    background-position: 0 -2000px
}

.cflag-gg {
    background-position: 0 -2025px
}

.cflag-gh {
    background-position: 0 -2050px
}

.cflag-gi {
    background-position: 0 -2075px
}

.cflag-gl {
    background-position: 0 -2100px
}

.cflag-gm {
    background-position: 0 -2125px
}

.cflag-gn {
    background-position: 0 -2150px
}

.cflag-gp {
    background-position: 0 -2175px
}

.cflag-gq {
    background-position: 0 -2200px
}

.cflag-gr {
    background-position: 0 -2225px
}

.cflag-gs {
    background-position: 0 -2250px
}

.cflag-gt {
    background-position: 0 -2275px
}

.cflag-gu {
    background-position: 0 -2300px
}

.cflag-gw {
    background-position: 0 -2325px
}

.cflag-gy {
    background-position: 0 -2350px
}

.cflag-hk {
    background-position: 0 -2375px
}

.cflag-hm {
    background-position: 0 -2400px
}

.cflag-hn {
    background-position: 0 -2425px
}

.cflag-hr {
    background-position: 0 -2450px
}

.cflag-ht {
    background-position: 0 -2475px
}

.cflag-hu {
    background-position: 0 -2500px
}

.cflag-id {
    background-position: 0 -2525px
}

.cflag-ie {
    background-position: 0 -2550px
}

.cflag-il {
    background-position: 0 -2575px
}

.cflag-im {
    background-position: 0 -2600px
}

.cflag-in {
    background-position: 0 -2625px
}

.cflag-io {
    background-position: 0 -2650px
}

.cflag-iq {
    background-position: 0 -2675px
}

.cflag-ir {
    background-position: 0 -2700px
}

.cflag-is {
    background-position: 0 -2725px
}

.cflag-it {
    background-position: 0 -2750px
}

.cflag-je {
    background-position: 0 -2775px
}

.cflag-jm {
    background-position: 0 -2800px
}

.cflag-jo {
    background-position: 0 -2825px
}

.cflag-jp {
    background-position: 0 -2850px
}

.cflag-ke {
    background-position: 0 -2875px
}

.cflag-kg {
    background-position: 0 -2900px
}

.cflag-kh {
    background-position: 0 -2925px
}

.cflag-ki {
    background-position: 0 -2950px
}

.cflag-km {
    background-position: 0 -2975px
}

.cflag-kn {
    background-position: 0 -3000px
}

.cflag-kp {
    background-position: 0 -3025px
}

.cflag-kr {
    background-position: 0 -3050px
}

.cflag-kw {
    background-position: 0 -3075px
}

.cflag-ky {
    background-position: 0 -3100px
}

.cflag-kz {
    background-position: 0 -3125px
}

.cflag-la {
    background-position: 0 -3150px
}

.cflag-lb {
    background-position: 0 -3175px
}

.cflag-lc {
    background-position: 0 -3200px
}

.cflag-li {
    background-position: 0 -3225px
}

.cflag-lk {
    background-position: 0 -3250px
}

.cflag-lr {
    background-position: 0 -3275px
}

.cflag-ls {
    background-position: 0 -3300px
}

.cflag-lt {
    background-position: 0 -3325px
}

.cflag-lu {
    background-position: 0 -3350px
}

.cflag-lv {
    background-position: 0 -3375px
}

.cflag-ly {
    background-position: 0 -3400px
}

.cflag-ma {
    background-position: 0 -3425px
}

.cflag-mc {
    background-position: 0 -3450px
}

.cflag-md {
    background-position: 0 -3475px
}

.cflag-me {
    background-position: 0 -3500px
}

.cflag-mf {
    background-position: 0 -3525px
}

.cflag-mg {
    background-position: 0 -3550px
}

.cflag-mh {
    background-position: 0 -3575px
}

.cflag-mk {
    background-position: 0 -3600px
}

.cflag-ml {
    background-position: 0 -3625px
}

.cflag-mm {
    background-position: 0 -3650px
}

.cflag-mn {
    background-position: 0 -3675px
}

.cflag-mo {
    background-position: 0 -3700px
}

.cflag-mp {
    background-position: 0 -3725px
}

.cflag-mq {
    background-position: 0 -3750px
}

.cflag-mr {
    background-position: 0 -3775px
}

.cflag-ms {
    background-position: 0 -3800px
}

.cflag-mt {
    background-position: 0 -3825px
}

.cflag-mu {
    background-position: 0 -3850px
}

.cflag-mv {
    background-position: 0 -3875px
}

.cflag-mw {
    background-position: 0 -3900px
}

.cflag-mx {
    background-position: 0 -3925px
}

.cflag-my {
    background-position: 0 -3950px
}

.cflag-mz {
    background-position: 0 -3975px
}

.cflag-na {
    background-position: 0 -4000px
}

.cflag-nc {
    background-position: 0 -4025px
}

.cflag-ne {
    background-position: 0 -4050px
}

.cflag-nf {
    background-position: 0 -4075px
}

.cflag-ng {
    background-position: 0 -4100px
}

.cflag-ni {
    background-position: 0 -4125px
}

.cflag-nl {
    background-position: 0 -4150px
}

.cflag-no {
    background-position: 0 -4175px
}

.cflag-np {
    background-position: 0 -4200px
}

.cflag-nr {
    background-position: 0 -4225px
}

.cflag-nu {
    background-position: 0 -4250px
}

.cflag-nz {
    background-position: 0 -4275px
}

.cflag-om {
    background-position: 0 -4300px
}

.cflag-pa {
    background-position: 0 -4325px
}

.cflag-pe {
    background-position: 0 -4350px
}

.cflag-pf {
    background-position: 0 -4375px
}

.cflag-pg {
    background-position: 0 -4400px
}

.cflag-ph {
    background-position: 0 -4425px
}

.cflag-pk {
    background-position: 0 -4450px
}

.cflag-pl {
    background-position: 0 -4475px
}

.cflag-pm {
    background-position: 0 -4500px
}

.cflag-pn {
    background-position: 0 -4525px
}

.cflag-pr {
    background-position: 0 -4550px
}

.cflag-ps {
    background-position: 0 -4575px
}

.cflag-pt {
    background-position: 0 -4600px
}

.cflag-pw {
    background-position: 0 -4625px
}

.cflag-py {
    background-position: 0 -4650px
}

.cflag-qa {
    background-position: 0 -4675px
}

.cflag-re {
    background-position: 0 -4700px
}

.cflag-ro {
    background-position: 0 -4725px
}

.cflag-rs {
    background-position: 0 -4750px
}

.cflag-ru {
    background-position: 0 -4775px
}

.cflag-rw {
    background-position: 0 -4800px
}

.cflag-sa {
    background-position: 0 -4825px
}

.cflag-sb {
    background-position: 0 -4850px
}

.cflag-sc {
    background-position: 0 -4875px
}

.cflag-sd {
    background-position: 0 -4900px
}

.cflag-se {
    background-position: 0 -4925px
}

.cflag-sg {
    background-position: 0 -4950px
}

.cflag-sh {
    background-position: 0 -4975px
}

.cflag-si {
    background-position: 0 -5000px
}

.cflag-sj {
    background-position: 0 -5025px
}

.cflag-sk {
    background-position: 0 -5050px
}

.cflag-sl {
    background-position: 0 -5075px
}

.cflag-sm {
    background-position: 0 -5100px
}

.cflag-sn {
    background-position: 0 -5125px
}

.cflag-so {
    background-position: 0 -5150px
}

.cflag-sr {
    background-position: 0 -5175px
}

.cflag-st {
    background-position: 0 -5200px
}

.cflag-sv {
    background-position: 0 -5225px
}

.cflag-sx {
    background-position: 0 -5250px
}

.cflag-sy {
    background-position: 0 -5275px
}

.cflag-sz {
    background-position: 0 -5300px
}

.cflag-tc {
    background-position: 0 -5325px
}

.cflag-td {
    background-position: 0 -5350px
}

.cflag-tf {
    background-position: 0 -5375px
}

.cflag-tg {
    background-position: 0 -5400px
}

.cflag-th {
    background-position: 0 -5425px
}

.cflag-tj {
    background-position: 0 -5450px
}

.cflag-tk {
    background-position: 0 -5475px
}

.cflag-tl {
    background-position: 0 -5500px
}

.cflag-tm {
    background-position: 0 -5525px
}

.cflag-tn {
    background-position: 0 -5550px
}

.cflag-to {
    background-position: 0 -5575px
}

.cflag-tr {
    background-position: 0 -5600px
}

.cflag-tt {
    background-position: 0 -5625px
}

.cflag-tv {
    background-position: 0 -5650px
}

.cflag-tw {
    background-position: 0 -5675px
}

.cflag-tz {
    background-position: 0 -5700px
}

.cflag-ua {
    background-position: 0 -5725px
}

.cflag-ug {
    background-position: 0 -5750px
}

.cflag-um {
    background-position: 0 -5775px
}

.cflag-us {
    background-position: 0 -5800px
}

.cflag-uy {
    background-position: 0 -5825px
}

.cflag-uz {
    background-position: 0 -5850px
}

.cflag-va {
    background-position: 0 -5875px
}

.cflag-vc {
    background-position: 0 -5900px
}

.cflag-ve {
    background-position: 0 -5925px
}

.cflag-vg {
    background-position: 0 -5950px
}

.cflag-vi {
    background-position: 0 -5975px
}

.cflag-vn {
    background-position: 0 -6000px
}

.cflag-vu {
    background-position: 0 -6025px
}

.cflag-wf {
    background-position: 0 -6050px
}

.cflag-ws {
    background-position: 0 -6075px
}

.cflag-xk {
    background-position: 0 -6100px
}

.cflag-ye {
    background-position: 0 -6125px
}

.cflag-yt {
    background-position: 0 -6150px
}

.cflag-za {
    background-position: 0 -6175px
}

.cflag-zm {
    background-position: 0 -6200px
}

.cflag-zw {
    background-position: 0 -6225px
}

.gta-widget {
    position: relative
}

.gta-sms-widget-split {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.gta-widget-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .gta-widget-input:not(.bui-input-text__control) {
        padding: 11px 15px;
        border-radius: 4px;
        background-color: var(--bui_color_white);
        border: 1px solid #bdbdbd;
        font-size: 14px;
        line-height: 20px;
        color: #333
    }

    .gta-widget-input::-webkit-input-placeholder {
        color: #6b6b6b
    }

    .gta-widget-input::-moz-placeholder {
        color: #6b6b6b
    }

    .gta-widget-input:-ms-input-placeholder {
        color: #6b6b6b
    }

    .gta-widget-input::placeholder {
        color: #6b6b6b
    }

    .gta-widget-input:hover {
        border-color: #bad4f7
    }

.gta-sms-widget .gta-widget-input {
    width: 100%
}

.gta-email-widget .gta-widget-input {
    width: 100%;
    margin-bottom: 10px
}

.gta-widget .gta-widget-submit.b-button {
    padding: 12px 16px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px !important;
    line-height: 20px;
    font-weight: normal;
    white-space: nowrap;
    width: 100%
}

    .gta-widget .gta-widget-submit.b-button .b-button__text {
        font-size: 14px !important
    }

.gta-widget-message {
    display: none;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px
}

    .gta-widget-message.success {
        color: #008009
    }

    .gta-widget-message.invalid {
        color: #a30000
    }

.gta-sms-widget-oneline .gta-sms-widget-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.gta-sms-widget-oneline .gta-sms-widget-split {
    margin-bottom: 0
}

.gta-sms-widget-oneline .gta-widget-input {
    width: 220px;
    margin-right: 8px
}

.gta-sms-widget-oneline .gta-widget-submit {
    width: auto
}

.coronavirus-main-funnel-banner .bui-alert {
    border: 0;
    margin: 0 auto;
    max-width: 1110px
}

.coronavirus-main-funnel-banner .bui-alert__title {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .coronavirus-main-funnel-banner .bui-alert__title .bk-icon {
        margin-left: auto
    }

.coronavirus-main-funnel-banner .is-collapsed .bui-alert__title .bk-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.coronavirus-main-funnel-banner .bui-alert__text {
    margin-top: 8px
}

.coronavirus-main-funnel-banner .is-collapsed .bui-alert__text {
    display: none
}

.coronavirus-main-funnel-banner .bui-link {
    font-weight: normal
}