: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"; src: url("https://t-cf.bstatic.com/design-assets/assets/v3.109.6/fonts-brand/BookingExtraBold.woff") format("woff"); font-weight: 800 } @font-face { font-family: "Blue Sans"; src: url("https://t-cf.bstatic.com/design-assets/assets/v3.109.6/fonts-brand/BookingRegular.woff") format("woff"); font-weight: 400 } @font-face { font-family: "Blue Sans"; src: url("https://t-cf.bstatic.com/design-assets/assets/v3.109.6/fonts-brand/BookingBold.woff") format("woff"); 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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); 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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); 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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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: 100%; -webkit-flex-basis: 100%; flex-basis: 100%, width: 500px; max-width: 100%; } .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%; } .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%; } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); 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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } @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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); 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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border); box-shadow: 0 0 0 2px var(--bui_color_background_base), 0 0 0 4px var(--bui_color_action_border) } .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,'); 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 { 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 0 0; 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) url("//cf.bstatic.com/static/img/nobg/8ac89f1f2814fcb543b4b8f8469f7ae673f8dd69.png") 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; background: transparent url("//cf.bstatic.com/static/img/selectbox_new/7034158f26c43152bc12bd4cae72a9757ff14878.gif") left top repeat-x; text-shadow: none } .select_box .pointer { display: block; float: left; height: 27px; width: 24px; background: transparent url("//cf.bstatic.com/static/img/selectbox_new_pro/061754ce1f97f577412e1f955da7d3320f62d186.png") 0 -57px no-repeat; 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-image: url("//cf.bstatic.com/static/img/profile/nw_avatar_3/301286f67993ad5f7edd36d6529ee30249380a11.png") !important; 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; background: url("//cf.bstatic.com/static/img/icon_tick/4739b69c23ef3933cb65e8c4e151be64f2f19ff6.png") no-repeat left center; width: 90% } .small_flags_foldout .selsymbol { width: 20px; padding-top: 2px } .is_cobrand #foldout_loggedin .my_logout { background: url("//cf.bstatic.com/static/img/sprite_new_user_menu_icons/81fcb87fa4a599b4852effff32fa5a9e871d099b.png") 4px -360px no-repeat; padding: 0 } .is_cobrand #foldout_loggedin .my_logout:hover .header_logout_link { background: #0071c2 url("//cf.bstatic.com/static/img/sprite_new_user_menu_icons/81fcb87fa4a599b4852effff32fa5a9e871d099b.png") 4px -389px no-repeat !important; 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; background-image: url("//cf.bstatic.com/static/img/shadow3/d59400a9e3fb1de83d0ecf952eef4e894acabc26.png"); padding: 0 4px 4px 0; z-index: 999 } #mailafriend, #newslettersubscribe { position: absolute; width: 640px; background-image: url("//cf.bstatic.com/static/img/shadow3/d59400a9e3fb1de83d0ecf952eef4e894acabc26.png"); 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 { background: var(--bui_color_white) url("//cf.bstatic.com/static/img/butPrevMonth/3753f376f8fe37059e84a3ac3aa13cb5cbc459e1.png") 0 -72px no-repeat; vertical-align: -.4em } .caltable td.calheader img.calNoNextMonth { background: var(--bui_color_white) url("//cf.bstatic.com/static/img/butNextMonth/dc92020627f8ae26a5d6727cef75c82262923859.png") 0 -72px no-repeat; vertical-align: -.4em } .caltable td.calheader .calNextMonth img { background: var(--bui_color_white) url("//cf.bstatic.com/static/img/butNextMonth2/b06b79791e7382f03b4cb59e145f1e31d373a954.png") 0 0 no-repeat } .caltable td.calheader .calPrevMonth img { background: var(--bui_color_white) url("//cf.bstatic.com/static/img/butPrevMonth2/acad5b5107a8424186b7b88df6571532a4a540cf.png") 0 0 no-repeat } .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; background: #ffc489 url("//cf.bstatic.com/static/img/experiments/info/f00e4264181b956aee36c2d0193594bec7ae12ef.png") no-repeat 8px; 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-image: url("//cf.bstatic.com/static/img/my_hotels_actions/19b078115a6e3bef13a636cdaf449a0874829e96.gif"); 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 { background: url("//cf.bstatic.com/static/img/bpg/bpg_logo/43fb545d9c32614b87f0615a97620ad3d8685525.png") center center no-repeat transparent } @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: url("//cf.bstatic.com/static/img/bpg/bpg_logo_retina/b4785e81dfbdb3907f75887373d5920d3dc3b245.png") center center no-repeat transparent; 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: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; 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 div#rate_guarantee { padding: 5px 0 0 0; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; 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 { background: url("//cf.bstatic.com/static/img/experiments/bpg/green_bpg_logo/7857c188601634c2f8c6ef26c001b40003269cf8.png") 0 0 no-repeat transparent; 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: url("//cf.bstatic.com/static/img/experiments/bpg/green_bpg_logo_retina/296982b38bd3bb3e118b4ed7bc2bfae3c60b0521.png") center center no-repeat transparent; 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) } .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; background: url('//cf.bstatic.com/static/img/experiments/nl_back_button/256a51b3e688a49fc0f233ed119c315a7dc09286.png') 0 0 no-repeat } .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; background: transparent url("//cf.bstatic.com/static/img/butPrevMonth/3753f376f8fe37059e84a3ac3aa13cb5cbc459e1.png") 0 0 no-repeat } .nextmonth { float: right; background: transparent url("//cf.bstatic.com/static/img/butNextMonth/dc92020627f8ae26a5d6727cef75c82262923859.png") 0 0 no-repeat } 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-image: url("//cf.bstatic.com/static/img/flags/flags_16px_d3/b9aef7d16e7b45d70f194ddde38f5b6493c9045f.png"); background-repeat: no-repeat; overflow: hidden } .sflag { display: inline-block; width: 12px; height: 8px; background-image: url("//cf.bstatic.com/static/img/flags/flags_12px_d3/437a96936c64591af902e1a9331fdb48381a1594.png"); 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 { background: url("//cf.bstatic.com/static/img/deals/finddeal-header/ad187fe174ee955d05fdbfeaa4d1d12e1e373465.png") top left no-repeat; 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-simple-horizontal-nav li { margin-bottom: 8px } .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 { background: var(--bui_color_white) url('//cf.bstatic.com/static/img/map-loader/5b002027c2209cf328a1aeffd1954c5516fa0913.gif') no-repeat 50% 50% } .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; background: #fafcff url(//cf.bstatic.com/static/img/experiments/iphone_arrow/e601d721da0973825fa3ec93ad94c999b020883f.png) top right no-repeat; min-width: 390px; text-decoration: none !important } body.header_reshuffle div.members { width: auto; font-weight: bold; background: url(//cf.bstatic.com/static/img/sd_woman_on_white/cb9ac62f4e843f384f19196a4e5bf522c5f41670.png) 3% 10px no-repeat #fafcff !important; 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 { background: url(//cf.bstatic.com/static/img/sd_woman_on_white/cb9ac62f4e843f384f19196a4e5bf522c5f41670.png) 3% 10px no-repeat #fafcff !important; 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 { background: url(//cf.bstatic.com/static/img/sd_woman_on_white/cb9ac62f4e843f384f19196a4e5bf522c5f41670.png) 3% 10px no-repeat } #weeklyEmailLink.banner_promo:hover strong { background: url(//cf.bstatic.com/static/img/sd_woman_on_dark2/4f339b7df667150549118ef8b477b525b7364221.png) 3% 10px no-repeat } .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 { background: url(//cf.bstatic.com/static/img/experiments/ipad_home_banner_smaller_2/f8682c1f493c3da8f3e586a4e6f83b056d3c590e.png) left top no-repeat } .bg_android { background: url(//cf.bstatic.com/static/img/experiments/android_home_banner/149f19b69107613e63416c62152c06864d463b14.png) 5px top no-repeat } .bg_www { background: url(//cf.bstatic.com/static/img/experiments/iphone5_home_banner_smaller_2/536d6c122e254875716a4cd2ed77c2bd2210ca6a.png) 3% top no-repeat } div.banner_promo strong.bg_www.bg_www_with_qr_code, a.banner_promo strong.bg_www.bg_www_with_qr_code { background: url("//cf.bstatic.com/static/img/localisation/qr_upcoming_booking_app_100/038d651cf4c78dd5a09746c9cd3d63627d2a3f19.png") no-repeat; 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 { background-image: url("//cf.bstatic.com/static/img/gheart/18be8e3d4747ecaf5f6f45ca9c5a99a5daed67c3.gif") } .notice-item:hover { border-color: var(--bui_color_white) } div.notice-item-close-x { position: absolute; left: 3px; top: 3px; width: 24px; height: 24px; background: url("//cf.bstatic.com/static/img/growl-close/d6486787fd055c811f412a790a584fca29c77831.png"); 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; background: url("//cf.bstatic.com/static/img/icons/icon_close_map_ipad/eb95ad38e01ee6a429d4a59dd116ee4634691002.png") no-repeat 0 0; 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 { background: var(--bui_color_white) url("//cf.bstatic.com/static/img/map-loader/5b002027c2209cf328a1aeffd1954c5516fa0913.gif") left top no-repeat; 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; background: transparent url("//cf.bstatic.com/static/img/popup_close/417146c1ced081b1cdbde809d36610a687e3e021.png") left top no-repeat; 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-image: url("//cf.bstatic.com/static/img/profile/sprite_social_icons/a8728517ca2e9dd99a948f89068b0fc509127825.gif"); 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; background: url("//cf.bstatic.com/static/img/genius_icons/genius_icon_16px/108c3b9ce97f576ca43e40878eb07f9c72f2f87e.png") no-repeat } } .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 { background: url("//cf.bstatic.com/static/img/airmail-border/b48fdbc98b46b78e564398f3c0783ff042d15bdb.png"); padding: 15px } #maf_form_wrapper { background: var(--bui_color_white); padding: 20px; min-height: 380px } #maf_title { width: 80% } #maf_form { background: url("//cf.bstatic.com/static/img/experiments/booking_logo_75x75/3e76c1b6cb5d6a008f5e43274374c83addd5bffa.png") top right no-repeat; 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_3x); top: var(--bui_spacing_3x); z-index: 1003; border: 0; cursor: pointer; font-weight: 500; padding-left: var(--bui_spacing_3x); padding-right: var(--bui_spacing_3x); min-height: 34px; min-width: 34px } .map-modal-full__close:hover { background: #f9f9f9 } .map-modal-full__close:before { display: none } .map-modal-full__close .bui-button__text { margin-right: var(--bui_spacing_2x) } .map-modal-full__close .bui-button__icon { margin-left: 0 } @media screen and (max-width:1100px) { .map-modal-full__close { padding-left: var(--bui_spacing_2x); padding-right: var(--bui_spacing_2x) } .map-modal-full__close .bui-button__text { display: none } } .map-modal-full__close .bk-icon { vertical-align: initial } .map-modal-full .map_with_list__container .map_left_cards__collapse__button { top: 17px } .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) } .map-modal-content.capla-map-content { z-index: var(--bui_z_index_2) } .map-modal--property-card-optimised .map_left_filters__container { -webkit-box-shadow: unset; box-shadow: unset; border-right: unset; width: 262px } .map-modal--property-card-optimised .map_left_filters { padding: 0; width: 262px } .map-modal--property-card-optimised .map_left_cards { padding: 0; width: 364px; left: 262px } .map-modal--property-card-optimised .map_with_list__container .map_left_cards__collapse__button { left: 626px } .map-modal--property-card-optimised .map_with_list__container #b_map_container { left: 626px } .map-modal--property-card-optimised .map_with_list__container.map_left_cards__collapsed #b_map_container, .map-modal--property-card-optimised .map_with_list__container.map_left_cards__collapsed .map_left_cards__collapse__button { left: 262px; -webkit-transform: unset; -ms-transform: unset; transform: unset } .map-modal--property-card-optimised .map_with_list__container.map_left_cards__collapsed .map_left_cards { -webkit-transform: translateX(-364px); -ms-transform: translateX(-364px); transform: translateX(-364px) } .map-modal--filters-toggle.map_filters_hidden .map_left_cards { left: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset } .map-modal--filters-toggle.map_filters_hidden .map_left_filters__container { -webkit-transform: translateX(-262px); -ms-transform: translateX(-262px); transform: translateX(-262px) } .map-modal--filters-toggle.map_filters_hidden .map_with_list__container #b_map_container, .map-modal--filters-toggle.map_filters_hidden .map_with_list__container .map_left_cards__collapse__button { left: 364px; -webkit-transform: unset; -ms-transform: unset; transform: unset } .map-modal--filters-toggle.map_filters_hidden .map_with_list__container.map_left_cards__collapsed #b_map_container { left: 0; -webkit-transform: unset; -ms-transform: unset; transform: unset } .map-modal--filters-toggle.map_filters_hidden .map_with_list__container.map_left_cards__collapsed .map_left_cards__collapse__button { display: none } #b_map_container.map_view_container::before { content: ''; z-index: 10; pointer-events: none; width: -webkit-calc(100% - 4px); width: calc(100% - 4px); height: -webkit-calc(100% - 4px); height: calc(100% - 4px); position: absolute; top: 0; right: 0; left: 0; bottom: 0; border: 2px solid transparent } #b_map_container.map_view_container:focus::before { border: 2px solid var(--bui_color_action_border) } #b_google_map_table.b_map_new_icons img, .marker { background-image: url("//cf.bstatic.com/static/img/map_sprites_omnibus_mk3/e3b6aedd86458d97669b69c59cd62d96972b68f3.png") !important } .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 { background: url("//cf.bstatic.com/static/img/map/loading/581a04f01159dcdf91defea18f7e2f946eddb558.gif") no-repeat 50% 50% scroll #ddd; 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; background: url("//cf.bstatic.com/static/img/map/review_score_bubble/c79a3e5a73b7eb5b8a56394e6e384c10fb31b560.png") no-repeat right 0 transparent } #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 { background: url("//cf.bstatic.com/static/img/map/occupancy_person/f96d115df1798235875ee0ebb7db075f1dc6181d.png") repeat-x 0 0 transparent; 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; background: url("//cf.bstatic.com/static/img/map/loading/581a04f01159dcdf91defea18f7e2f946eddb558.gif") no-repeat 50% 50% scroll; 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-image: url("//cf.bstatic.com/static/img/map/map_iw_placeholder_building/ef86f877d0e587f43facc8d72e139285d799e187.png"); 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; background: url("//cf.bstatic.com/static/img/map/map_iw_placeholder_building/ef86f877d0e587f43facc8d72e139285d799e187.png") no-repeat 50% 50% scroll #e8e8e8 } .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 { background: url("//cf.bstatic.com/static/img/globe/1b143b570690da825392d8489140d1943c738d61.gif") no-repeat 0; 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; background: url("//cf.bstatic.com/static/img/map/map_lightbox_close/a898412038d8fd1540d48f6cfea90d29c65db262.png") no-repeat scroll 0 0 transparent; 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("//cf.bstatic.com/static/img/map/cta_material/map_cta_pin_small_sprite/282fe351577daee951a83d531ff1a065e74a5d04.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; background: url("//cf.bstatic.com/static/img/map/yandex/9b795beab08dfc7ca54997bfccdd8dd5e76cfeac.png") no-repeat 0 0 } .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; background-image: url("//cf.bstatic.com/static/img/resend-conf-email-sprite/1c88e3de3d327aa90768e54b8c8a67bbeab4dace.png") } .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; background: url(//cf.bstatic.com/static/img/uc_ajax_loader/44d20cd12a233cfc196701b40a8c2a86faf03cbf.gif); width: 32px; height: 32px } .spinner-blue-button { display: inline-block; background: url(//cf.bstatic.com/static/img/ajax-loaders/ajax-loader-blue-button/9e684ff4b8aecf9b1c961c2659aecad18e1a3093.gif); width: 16px; height: 16px } .spinner-darkblue-16 { display: inline-block; background: url(//cf.bstatic.com/static/img/ajax-loaders/spinner-darkblue-16/f2dc9d82698522400b79c3a2651226317d89f45b.gif); width: 16px; height: 16px } .spinner-fb { display: inline-block; background: url(//cf.bstatic.com/static/img/loading_filterbox/db3a483e4b74971fbfb1cc0fb6499852cedfe650.gif); width: 37px; height: 37px } .spinner-wl { display: inline-block; background: url(//cf.bstatic.com/static/img/profile/wishlist/wl-spinner/1c1ca945686881d08cc238a309b8f8eb8943fdc4.gif); 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%; background: var(--bui_color_white) url("//cf.bstatic.com/static/img/survey_back1/c69a8f77c221cd1815f2ae31a045280b9931dec4.gif") repeat-x } .confirmation div#survey { margin-top: 28px } div.surv_inwrap { margin: 0 auto; width: 48%; background: transparent url("//cf.bstatic.com/static/img/survey_icon_small/7be46a4c77eac4f1b80dff47a1864608d87e5056.gif") no-repeat; 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-image: url("//cf.bstatic.com/static/img/use_sprites_16_exp/66bf86dee54530a7bbd96bc0aa678a645960d474.png") !important; background-repeat: no-repeat !important } .new_search_icons .use_sprites { background-image: url("//cf.bstatic.com/static/img/experiments/use_sprites_16_exp_update_box_icons/cd2b3210bf64e2363360abe8334fd262e2737f20.png") !important } .use_map_sprites { background-image: url("//cf.bstatic.com/static/img/use_map_sprites6/c9a40cd2e92bddc09fda82b3c744fc8c8e511cb9.png") !important } .use_map_sprites_pub_trans { background-image: url("//cf.bstatic.com/static/img/use_map_sprites8/de7553bbf0541a4b9a68deee4008dfd06de074df.png") !important } .use_map_sprites_new_icons { background-image: url("//cf.bstatic.com/static/img/use_map_sprites9/68ad213cd25dfd36aa7280bf4b33172dd339f236.png") !important } .use_sprites.use_transparent_sprite { background-image: url("//cf.bstatic.com/static/img/oh_stars_sprite_transparent/693c8b170cfb226c94a7be58140561810cc9e769.png") !important } .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 { background: url(//cf.bstatic.com/static/img/sd_woman_on_white/cb9ac62f4e843f384f19196a4e5bf522c5f41670.png) 0 0 no-repeat !important; 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-image: url("//cf.bstatic.com/static/img/profile/small_group_list_icon/6a1a362abf79c2cc58f288815214298ebf348e10.png"); 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 } .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 } .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 } .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; background: url(//cf.bstatic.com/static/img/flags/flags_18/3add5fc1f256a1d2daa0f361799a5ee2999620fa.png) no-repeat } .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; background: url(//cf.bstatic.com/static/img/flags/flags_24/0ecb6a8e5c7cf8f1edc00aa33f818f7234696f3a.png) no-repeat } .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; width: 100% } .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 }