{"id":7182,"date":"2025-10-15T13:48:51","date_gmt":"2025-10-15T06:48:51","guid":{"rendered":"https:\/\/giatui2h.com\/?page_id=7182"},"modified":"2025-10-15T14:16:00","modified_gmt":"2025-10-15T07:16:00","slug":"test","status":"publish","type":"page","link":"https:\/\/giatui2h.com\/ru\/test\/","title":{"rendered":"Test"},"content":{"rendered":"<p>[et_pb_section fb_built=&#187;1&#8243; _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][\/et_pb_section][et_pb_section fb_built=&#187;1&#8243; _builder_version=&#187;4.16&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][et_pb_row column_structure=&#187;1_2,1_2&#8243; _builder_version=&#187;4.27.0&#8243; _module_preset=&#187;default&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][et_pb_column type=&#187;1_2&#8243; _builder_version=&#187;4.27.0&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_heading title=&#187;\u0110\u1eb7t d\u1ecbch v\u1ee5 gi\u1eb7t \u1ee7i&#187; _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187; title_level=&#187;h2&#8243; global_colors_info=&#187;{}&#187;][\/et_pb_heading][et_pb_text _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187; text_font_size=&#187;18px&#187; global_colors_info=&#187;{}&#187;]<\/p>\n<p>Vui l\u00f2ng \u0111i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 th\u00f4ng tin c\u1ee7a b\u1ea1n \u0111\u1ec3 vi\u1ec7c giao nh\u1eadn \u0111\u1ed3 d\u1ec5 d\u00e0ng h\u01a1n.<\/p>\n<p>Ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 v\u1edbi b\u1ea1n \u0111\u1ec3 x\u00e1c nh\u1eadn \u0111\u01a1n h\u00e0ng.<\/p>\n<p>[\/et_pb_text][dsm_button button_one_text=&#187;ZALO&#187; button_one_url=&#187;https:\/\/zalo.me\/0812397666&#8243; button_one_url_new_window=&#187;on&#187; button_two_text=&#187;WHATSAPP&#187; button_two_url=&#187;https:\/\/wa.me\/+84812397666&#8243; button_alignment=&#187;center&#187; separator_gap_tablet=&#187;&#187; separator_gap_phone=&#187;&#187; separator_gap_last_edited=&#187;on|desktop&#187; _builder_version=&#187;4.27.0&#8243; _module_preset=&#187;default&#187; separator_text_text_color=&#187;#fd947e&#187; tooltip_one_text_color=&#187;#fd947e&#187; tooltip_two_text_color=&#187;#fd947e&#187; custom_button_one=&#187;on&#187; button_one_text_size=&#187;18px&#187; button_one_text_color=&#187;#FFFFFF&#187; button_one_bg_color=&#187;#ff8c00&#8243; button_one_border_width=&#187;0px&#187; button_one_border_color=&#187;RGBA(255,255,255,0)&#187; button_one_border_radius=&#187;5px&#187; button_one_font=&#187;Arial|600|||||||&#187; button_one_use_icon=&#187;off&#187; button_one_custom_padding=&#187;|43px||43px|false|true&#187; custom_button_two=&#187;on&#187; button_two_text_size=&#187;18px&#187; button_two_text_color=&#187;#FFFFFF&#187; button_two_bg_color=&#187;#ff8c00&#8243; button_two_border_width=&#187;0px&#187; button_two_border_color=&#187;RGBA(255,255,255,0)&#187; button_two_border_radius=&#187;5px&#187; button_two_font=&#187;Arial|600|||||||&#187; button_two_use_icon=&#187;off&#187; button_two_custom_margin=&#187;|||30px|false|false&#187; button_two_custom_padding=&#187;|15px||15px|false|true&#187; custom_margin=&#187;0px|0px|30px|0px|false|false&#187; custom_padding=&#187;0px||||false|false&#187; global_colors_info=&#187;{}&#187;][\/dsm_button][dsm_button button_one_text=&#187;KAKAO&#187; button_one_url=&#187;http:\/\/qr.kakao.com\/talk\/D9cQrSAyXJ6c13Ldnda978IFuyQ-&#187; button_one_url_new_window=&#187;on&#187; button_two_text=&#187;MESSENGER&#187; button_two_url=&#187;https:\/\/m.me\/giatui2h&#187; button_alignment=&#187;center&#187; separator_gap_tablet=&#187;&#187; separator_gap_phone=&#187;&#187; separator_gap_last_edited=&#187;on|desktop&#187; _builder_version=&#187;4.27.0&#8243; _module_preset=&#187;default&#187; separator_text_text_color=&#187;#fd947e&#187; tooltip_one_text_color=&#187;#fd947e&#187; tooltip_two_text_color=&#187;#fd947e&#187; custom_button_one=&#187;on&#187; button_one_text_size=&#187;18px&#187; button_one_text_color=&#187;#FFFFFF&#187; button_one_bg_color=&#187;#ff8c00&#8243; button_one_border_width=&#187;0px&#187; button_one_border_color=&#187;RGBA(255,255,255,0)&#187; button_one_border_radius=&#187;5px&#187; button_one_font=&#187;Arial|600|||||||&#187; button_one_use_icon=&#187;off&#187; button_one_custom_padding=&#187;|35px||35px|false|true&#187; custom_button_two=&#187;on&#187; button_two_text_size=&#187;18px&#187; button_two_text_color=&#187;#FFFFFF&#187; button_two_bg_color=&#187;#ff8c00&#8243; button_two_border_width=&#187;0px&#187; button_two_border_color=&#187;RGBA(255,255,255,0)&#187; button_two_border_radius=&#187;5px&#187; button_two_font=&#187;Arial|600|||||||&#187; button_two_use_icon=&#187;off&#187; button_two_custom_margin=&#187;|||30px|false|false&#187; button_two_custom_padding=&#187;|11px||11px|false|true&#187; custom_margin=&#187;0px|0px|30px|0px|false|false&#187; custom_padding=&#187;0px||0px||false|false&#187; global_colors_info=&#187;{}&#187;][\/dsm_button][\/et_pb_column][et_pb_column type=&#187;1_2&#8243; _builder_version=&#187;4.27.0&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][et_pb_contact_form captcha=&#187;off&#187; email=&#187;hatrunghieu11s@gmail.com, hahieudev@gmail.com, admin@giatui2h.com&#187; title=&#187;Vui l\u00f2ng \u0111i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 th\u00f4ng tin!&#187; custom_message=&#187;\u0110\u01a0N H\u00c0NG M\u1edaI (VI)||et_pb_line_break_holder||Name: %%Name%%||et_pb_line_break_holder||Phone number: %%Country_codes%%%%phone%%||et_pb_line_break_holder||Contact by %%Contact%%||et_pb_line_break_holder||Room number: %%Room%% Hotel: %%Hotel%%||et_pb_line_break_holder||Address: %%Address%%||et_pb_line_break_holder||Message: %%Message%%&#187; success_message=&#187;C\u1ea3m \u01a1n b\u1ea1n! Ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 l\u1ea1i \u0111\u1ec3 x\u00e1c nh\u1eadn \u0111\u01a1n h\u00e0ng c\u1ee7a b\u1ea1n&#187; submit_button_text=&#187;\u0110\u1eb6T D\u1ecaCH V\u1ee4&#187; admin_label=&#187;Booking form&#187; _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187; _unique_id=&#187;afea63e1-7b36-4ace-9031-782a487fc996&#8243; form_field_font_size=&#187;16px&#187; custom_button=&#187;on&#187; button_text_size=&#187;18px&#187; button_text_color=&#187;#FFFFFF&#187; button_bg_color=&#187;#ff8c00&#8243; button_border_width=&#187;0px&#187; button_border_color=&#187;RGBA(255,255,255,0)&#187; button_border_radius=&#187;8px&#187; button_font=&#187;|700|||||||&#187; button_use_icon=&#187;off&#187; locked=&#187;off&#187; global_colors_info=&#187;{}&#187;][et_pb_contact_field field_id=&#187;Hotel&#187; field_title=&#187;T\u00ean kh\u00e1ch s\u1ea1n&#187; _builder_version=&#187;4.27.0&#8243; global_colors_info=&#187;{}&#187; button_text_size__hover_enabled=&#187;off&#187; button_one_text_size__hover_enabled=&#187;off&#187; button_two_text_size__hover_enabled=&#187;off&#187; button_text_color__hover_enabled=&#187;off&#187; button_one_text_color__hover_enabled=&#187;off&#187; button_two_text_color__hover_enabled=&#187;off&#187; button_border_width__hover_enabled=&#187;off&#187; button_one_border_width__hover_enabled=&#187;off&#187; button_two_border_width__hover_enabled=&#187;off&#187; button_border_color__hover_enabled=&#187;off&#187; button_one_border_color__hover_enabled=&#187;off&#187; button_two_border_color__hover_enabled=&#187;off&#187; button_border_radius__hover_enabled=&#187;off&#187; button_one_border_radius__hover_enabled=&#187;off&#187; button_two_border_radius__hover_enabled=&#187;off&#187; button_letter_spacing__hover_enabled=&#187;off&#187; button_one_letter_spacing__hover_enabled=&#187;off&#187; button_two_letter_spacing__hover_enabled=&#187;off&#187; button_bg_color__hover_enabled=&#187;off&#187; button_one_bg_color__hover_enabled=&#187;off&#187; button_two_bg_color__hover_enabled=&#187;off&#187;][\/et_pb_contact_field][et_pb_contact_field field_id=&#187;Room&#187; field_title=&#187;S\u1ed1 ph\u00f2ng&#187; _builder_version=&#187;4.27.0&#8243; global_colors_info=&#187;{}&#187; button_text_size__hover_enabled=&#187;off&#187; button_one_text_size__hover_enabled=&#187;off&#187; button_two_text_size__hover_enabled=&#187;off&#187; button_text_color__hover_enabled=&#187;off&#187; button_one_text_color__hover_enabled=&#187;off&#187; button_two_text_color__hover_enabled=&#187;off&#187; button_border_width__hover_enabled=&#187;off&#187; button_one_border_width__hover_enabled=&#187;off&#187; button_two_border_width__hover_enabled=&#187;off&#187; button_border_color__hover_enabled=&#187;off&#187; button_one_border_color__hover_enabled=&#187;off&#187; button_two_border_color__hover_enabled=&#187;off&#187; button_border_radius__hover_enabled=&#187;off&#187; button_one_border_radius__hover_enabled=&#187;off&#187; button_two_border_radius__hover_enabled=&#187;off&#187; button_letter_spacing__hover_enabled=&#187;off&#187; button_one_letter_spacing__hover_enabled=&#187;off&#187; button_two_letter_spacing__hover_enabled=&#187;off&#187; button_bg_color__hover_enabled=&#187;off&#187; button_one_bg_color__hover_enabled=&#187;off&#187; button_two_bg_color__hover_enabled=&#187;off&#187;][\/et_pb_contact_field][et_pb_contact_field field_id=&#187;Address&#187; field_title=&#187;\u0110\u1ecba ch\u1ec9&#187; fullwidth_field=&#187;on&#187; _builder_version=&#187;4.27.0&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][\/et_pb_contact_field][et_pb_contact_field field_id=&#187;delivery_fee&#187; field_title=&#187;Ph\u00ed giao v\u00e0 nh\u1eadn&#187; fullwidth_field=&#187;on&#187; _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][\/et_pb_contact_field][et_pb_contact_field field_id=&#187;other_address&#187; field_title=&#187;\u0110\u1ecba ch\u1ec9 kh\u00e1c&#187; field_type=&#187;radio&#187; radio_options=&#187;%91{%22value%22:%22\u0110\u1ecba ch\u1ec9 kh\u00e1c%22,%22checked%22:0,%22dragID%22:-1}%93&#8243; fullwidth_field=&#187;on&#187; conditional_logic=&#187;on&#187; conditional_logic_rules=&#187;%91{%22field%22:%22hotel%22,%22condition%22:%22is%22,%22value%22:%22%22}%93&#8243; _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][\/et_pb_contact_field][et_pb_contact_field field_id=&#187;Name&#187; field_title=&#187;T\u00ean c\u1ee7a b\u1ea1n&#187; fullwidth_field=&#187;on&#187; _builder_version=&#187;4.27.0&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;][\/et_pb_contact_field][et_pb_contact_field field_id=&#187;Country_codes&#187; field_title=&#187;M\u00e3 qu\u1ed1c gia&#187; _builder_version=&#187;4.27.4&#8243; global_colors_info=&#187;{}&#187; button_text_size__hover_enabled=&#187;off&#187; button_one_text_size__hover_enabled=&#187;off&#187; button_two_text_size__hover_enabled=&#187;off&#187; button_text_color__hover_enabled=&#187;off&#187; button_one_text_color__hover_enabled=&#187;off&#187; button_two_text_color__hover_enabled=&#187;off&#187; button_border_width__hover_enabled=&#187;off&#187; button_one_border_width__hover_enabled=&#187;off&#187; button_two_border_width__hover_enabled=&#187;off&#187; button_border_color__hover_enabled=&#187;off&#187; button_one_border_color__hover_enabled=&#187;off&#187; button_two_border_color__hover_enabled=&#187;off&#187; button_border_radius__hover_enabled=&#187;off&#187; button_one_border_radius__hover_enabled=&#187;off&#187; button_two_border_radius__hover_enabled=&#187;off&#187; button_letter_spacing__hover_enabled=&#187;off&#187; button_one_letter_spacing__hover_enabled=&#187;off&#187; button_two_letter_spacing__hover_enabled=&#187;off&#187; button_bg_color__hover_enabled=&#187;off&#187; button_one_bg_color__hover_enabled=&#187;off&#187; button_two_bg_color__hover_enabled=&#187;off&#187;][\/et_pb_contact_field][et_pb_contact_field field_id=&#187;Phone&#187; field_title=&#187;S\u1ed1 \u0111i\u1ec7n tho\u1ea1i&#187; allowed_symbols=&#187;numbers&#187; _builder_version=&#187;4.27.0&#8243; global_colors_info=&#187;{}&#187; button_text_size__hover_enabled=&#187;off&#187; button_one_text_size__hover_enabled=&#187;off&#187; button_two_text_size__hover_enabled=&#187;off&#187; button_text_color__hover_enabled=&#187;off&#187; button_one_text_color__hover_enabled=&#187;off&#187; button_two_text_color__hover_enabled=&#187;off&#187; button_border_width__hover_enabled=&#187;off&#187; button_one_border_width__hover_enabled=&#187;off&#187; button_two_border_width__hover_enabled=&#187;off&#187; button_border_color__hover_enabled=&#187;off&#187; button_one_border_color__hover_enabled=&#187;off&#187; button_two_border_color__hover_enabled=&#187;off&#187; button_border_radius__hover_enabled=&#187;off&#187; button_one_border_radius__hover_enabled=&#187;off&#187; button_two_border_radius__hover_enabled=&#187;off&#187; button_letter_spacing__hover_enabled=&#187;off&#187; button_one_letter_spacing__hover_enabled=&#187;off&#187; button_two_letter_spacing__hover_enabled=&#187;off&#187; button_bg_color__hover_enabled=&#187;off&#187; button_one_bg_color__hover_enabled=&#187;off&#187; button_two_bg_color__hover_enabled=&#187;off&#187;][\/et_pb_contact_field][et_pb_contact_field field_id=&#187;Contact&#187; field_title=&#187;Li\u00ean h\u1ec7 b\u1eb1ng&#8230;&#187; field_type=&#187;select&#187; select_options=&#187;%91{%22value%22:%22Zalo%22,%22checked%22:0,%22dragID%22:-1},{%22value%22:%22WhatsApp%22,%22checked%22:0,%22dragID%22:0},{%22value%22:%22KakaoTalk%22,%22checked%22:0,%22dragID%22:2},{%22value%22:%22iMessage%22,%22checked%22:0,%22dragID%22:3}%93&#8243; fullwidth_field=&#187;on&#187; _builder_version=&#187;4.27.4&#8243; global_colors_info=&#187;{}&#187; button_text_size__hover_enabled=&#187;off&#187; button_one_text_size__hover_enabled=&#187;off&#187; button_two_text_size__hover_enabled=&#187;off&#187; button_text_color__hover_enabled=&#187;off&#187; button_one_text_color__hover_enabled=&#187;off&#187; button_two_text_color__hover_enabled=&#187;off&#187; button_border_width__hover_enabled=&#187;off&#187; button_one_border_width__hover_enabled=&#187;off&#187; button_two_border_width__hover_enabled=&#187;off&#187; button_border_color__hover_enabled=&#187;off&#187; button_one_border_color__hover_enabled=&#187;off&#187; button_two_border_color__hover_enabled=&#187;off&#187; button_border_radius__hover_enabled=&#187;off&#187; button_one_border_radius__hover_enabled=&#187;off&#187; button_two_border_radius__hover_enabled=&#187;off&#187; button_letter_spacing__hover_enabled=&#187;off&#187; button_one_letter_spacing__hover_enabled=&#187;off&#187; button_two_letter_spacing__hover_enabled=&#187;off&#187; button_bg_color__hover_enabled=&#187;off&#187; button_one_bg_color__hover_enabled=&#187;off&#187; button_two_bg_color__hover_enabled=&#187;off&#187;][\/et_pb_contact_field][et_pb_contact_field field_id=&#187;Message&#187; field_title=&#187;Tin nh\u1eafn&#8230;&#187; field_type=&#187;text&#187; fullwidth_field=&#187;on&#187; _builder_version=&#187;4.27.0&#8243; global_colors_info=&#187;{}&#187; button_text_size__hover_enabled=&#187;off&#187; button_one_text_size__hover_enabled=&#187;off&#187; button_two_text_size__hover_enabled=&#187;off&#187; button_text_color__hover_enabled=&#187;off&#187; button_one_text_color__hover_enabled=&#187;off&#187; button_two_text_color__hover_enabled=&#187;off&#187; button_border_width__hover_enabled=&#187;off&#187; button_one_border_width__hover_enabled=&#187;off&#187; button_two_border_width__hover_enabled=&#187;off&#187; button_border_color__hover_enabled=&#187;off&#187; button_one_border_color__hover_enabled=&#187;off&#187; button_two_border_color__hover_enabled=&#187;off&#187; button_border_radius__hover_enabled=&#187;off&#187; button_one_border_radius__hover_enabled=&#187;off&#187; button_two_border_radius__hover_enabled=&#187;off&#187; button_letter_spacing__hover_enabled=&#187;off&#187; button_one_letter_spacing__hover_enabled=&#187;off&#187; button_two_letter_spacing__hover_enabled=&#187;off&#187; button_bg_color__hover_enabled=&#187;off&#187; button_one_bg_color__hover_enabled=&#187;off&#187; button_two_bg_color__hover_enabled=&#187;off&#187;][\/et_pb_contact_field][\/et_pb_contact_form][et_pb_code _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187; global_colors_info=&#187;{}&#187;]<script><!-- [et_pb_line_break_holder] -->jQuery(document).ready(function($) {<!-- [et_pb_line_break_holder] -->    $(document).ajaxComplete(function(event, xhr, settings) {<!-- [et_pb_line_break_holder] -->        if (settings.data && settings.data.includes('et_pb_contactform_submit')) {<!-- [et_pb_line_break_holder] -->            if ($('.et-pb-contact-message:visible').length) {<!-- [et_pb_line_break_holder] -->                \/\/ T\u1ea1o popup overlay<!-- [et_pb_line_break_holder] -->                $('body').append(`<!-- [et_pb_line_break_holder] -->                    <\/p>\n<div class=\"success-popup-overlay\"><!-- [et_pb_line_break_holder] -->                        <\/p>\n<div class=\"success-popup\"><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"success-icon\">\u2705<\/div>\n<p><!-- [et_pb_line_break_holder] -->                            <\/p>\n<h3>\u0110\u1eb7t h\u00e0ng th\u00e0nh c\u00f4ng!<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                            <pee>Ch\u00fang t\u00f4i \u0111\u00e3 nh\u1eadn \u0111\u01b0\u1ee3c y\u00eau c\u1ea7u c\u1ee7a b\u1ea1n v\u00e0 s\u1ebd li\u00ean h\u1ec7 trong v\u00f2ng 30 ph\u00fat (Trong gi\u1edd l\u00e0m vi\u1ec7c).<\/pee><!-- [et_pb_line_break_holder] -->                            <\/p>\n<div class=\"popup-buttons\"><!-- [et_pb_line_break_holder] -->                                <button class=\"btn-new-order\">\u0110\u1eb7t \u0111\u01a1n h\u00e0ng kh\u00e1c<\/button><!-- [et_pb_line_break_holder] -->                                <button class=\"btn-home\">Trang ch\u1ee7<\/button><!-- [et_pb_line_break_holder] -->                            <\/div>\n<p><!-- [et_pb_line_break_holder] -->                        <\/div>\n<p><!-- [et_pb_line_break_holder] -->                    <\/div>\n<p><!-- [et_pb_line_break_holder] -->                `);<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Animations<!-- [et_pb_line_break_holder] -->                $('.success-popup-overlay').fadeIn();<!-- [et_pb_line_break_holder] -->                $('.success-popup').addClass('show');<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Button handlers<!-- [et_pb_line_break_holder] -->                $('.btn-new-order').click(function() {<!-- [et_pb_line_break_holder] -->                    location.reload();<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Button Trang ch\u1ee7 - chuy\u1ec3n v\u1ec1 trang ch\u1ee7<!-- [et_pb_line_break_holder] -->                $('.btn-home').click(function() {<!-- [et_pb_line_break_holder] -->                    window.location.href = 'https:\/\/giatui2h.com';<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->                <!-- [et_pb_line_break_holder] -->                \/\/ Click overlay \u0111\u1ec3 \u0111\u00f3ng popup v\u00e0 reload<!-- [et_pb_line_break_holder] -->                $('.success-popup-overlay').click(function(e) {<!-- [et_pb_line_break_holder] -->                    if (e.target === this) {<!-- [et_pb_line_break_holder] -->                        location.reload();<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->.success-popup-overlay {<!-- [et_pb_line_break_holder] -->    position: fixed;<!-- [et_pb_line_break_holder] -->    top: 0;<!-- [et_pb_line_break_holder] -->    left: 0;<!-- [et_pb_line_break_holder] -->    right: 0;<!-- [et_pb_line_break_holder] -->    bottom: 0;<!-- [et_pb_line_break_holder] -->    background: rgba(0,0,0,0.7);<!-- [et_pb_line_break_holder] -->    z-index: 99999;<!-- [et_pb_line_break_holder] -->    display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.success-popup {<!-- [et_pb_line_break_holder] -->    position: fixed;<!-- [et_pb_line_break_holder] -->    top: 50%;<!-- [et_pb_line_break_holder] -->    left: 50%;<!-- [et_pb_line_break_holder] -->    transform: translate(-50%, -50%) scale(0.8);<!-- [et_pb_line_break_holder] -->    background: white;<!-- [et_pb_line_break_holder] -->    padding: 40px;<!-- [et_pb_line_break_holder] -->    border-radius: 20px;<!-- [et_pb_line_break_holder] -->    max-width: 500px;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 20px 60px rgba(0,0,0,0.3);<!-- [et_pb_line_break_holder] -->    opacity: 0;<!-- [et_pb_line_break_holder] -->    transition: all 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.success-popup.show {<!-- [et_pb_line_break_holder] -->    transform: translate(-50%, -50%) scale(1);<!-- [et_pb_line_break_holder] -->    opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.success-icon {<!-- [et_pb_line_break_holder] -->    font-size: 60px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.success-popup h3 {<!-- [et_pb_line_break_holder] -->    color: #333;<!-- [et_pb_line_break_holder] -->    margin-bottom: 15px;<!-- [et_pb_line_break_holder] -->    font-size: 24px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.popup-buttons {<!-- [et_pb_line_break_holder] -->    margin-top: 30px;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    gap: 15px;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.popup-buttons button {<!-- [et_pb_line_break_holder] -->    padding: 12px 30px;<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    border-radius: 25px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    font-weight: bold;<!-- [et_pb_line_break_holder] -->    font-size: 16px;<!-- [et_pb_line_break_holder] -->    transition: all 0.3s;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.btn-new-order {<!-- [et_pb_line_break_holder] -->    background: #ff9500;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.btn-home {<!-- [et_pb_line_break_holder] -->    background: #e0e0e0;<!-- [et_pb_line_break_holder] -->    color: #333;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.popup-buttons button:hover {<!-- [et_pb_line_break_holder] -->    transform: scale(1.05);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187;][et_pb_column _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187; type=&#187;4_4&#8243;][et_pb_code _builder_version=&#187;4.27.4&#8243; _module_preset=&#187;default&#187; hover_enabled=&#187;0&#8243; sticky_enabled=&#187;0&#8243;]<!--<!-- [et_pb_line_break_holder] -->  Copyright 2023 Google LLC<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  Licensed under the Apache License, Version 2.0 (the &#171;License&#187;);<!-- [et_pb_line_break_holder] -->  you may not use this file except in compliance with the License.<!-- [et_pb_line_break_holder] -->  You may obtain a copy of the License at<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      https:\/\/www.apache.org\/licenses\/LICENSE-2.0<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  Unless required by applicable law or agreed to in writing, software<!-- [et_pb_line_break_holder] -->  distributed under the License is distributed on an &#171;AS IS&#187; BASIS,<!-- [et_pb_line_break_holder] -->  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.<!-- [et_pb_line_break_holder] -->  See the License for the specific language governing permissions and<!-- [et_pb_line_break_holder] -->  limitations under the License.<!-- [et_pb_line_break_holder] -->&#8212;><!-- [et_pb_line_break_holder] --><!DOCTYPE html><!-- [et_pb_line_break_holder] --><html lang=\"en\"><!-- [et_pb_line_break_holder] -->  <head><!-- [et_pb_line_break_holder] -->    <title>Commutes and Destinations Map<\/title><!-- [et_pb_line_break_holder] -->    <meta charset=\"utf-8\"\/><!-- [et_pb_line_break_holder] -->    <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><!-- [et_pb_line_break_holder] -->    <\/p>\n<style><!-- [et_pb_line_break_holder] -->      html,<!-- [et_pb_line_break_holder] -->      body {<!-- [et_pb_line_break_holder] -->        height: 100%;<!-- [et_pb_line_break_holder] -->        margin: 0;<!-- [et_pb_line_break_holder] -->        padding: 0;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes {<!-- [et_pb_line_break_holder] -->        align-content: stretch;<!-- [et_pb_line_break_holder] -->        color: #202124;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->        font-family: Arial, sans-serif;<!-- [et_pb_line_break_holder] -->        height: 100%;<!-- [et_pb_line_break_holder] -->        min-height: 256px;<!-- [et_pb_line_break_holder] -->        min-width: 360px;<!-- [et_pb_line_break_holder] -->        overflow: auto;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-info {<!-- [et_pb_line_break_holder] -->        flex: 0 0 110px;<!-- [et_pb_line_break_holder] -->        max-width: 100%;<!-- [et_pb_line_break_holder] -->        overflow: hidden;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-initial-state {<!-- [et_pb_line_break_holder] -->        border-radius: 8px;<!-- [et_pb_line_break_holder] -->        border: 1px solid #dadce0;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        height: 98px;<!-- [et_pb_line_break_holder] -->        margin-top: 8px;<!-- [et_pb_line_break_holder] -->        padding: 0 16px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-initial-state svg {<!-- [et_pb_line_break_holder] -->        align-self: center;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-initial-state .description {<!-- [et_pb_line_break_holder] -->        align-self: center;<!-- [et_pb_line_break_holder] -->        flex-grow: 1;<!-- [et_pb_line_break_holder] -->        padding: 0 16px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-initial-state .description .heading {<!-- [et_pb_line_break_holder] -->        font: 22px\/28px Arial, sans-serif;<!-- [et_pb_line_break_holder] -->        margin: 0;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-initial-state .description p {<!-- [et_pb_line_break_holder] -->        color: #5f6368;<!-- [et_pb_line_break_holder] -->        font: 13px\/20px Arial, sans-serif;<!-- [et_pb_line_break_holder] -->        margin: 0;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-initial-state .add-button {<!-- [et_pb_line_break_holder] -->        align-self: center;<!-- [et_pb_line_break_holder] -->        background-color: #1a73e8;<!-- [et_pb_line_break_holder] -->        border-color: #1a73e8;<!-- [et_pb_line_break_holder] -->        border-radius: 4px;<!-- [et_pb_line_break_holder] -->        border-style: solid;<!-- [et_pb_line_break_holder] -->        color: #fff;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        display: inline-flex;<!-- [et_pb_line_break_holder] -->        fill: #fff;<!-- [et_pb_line_break_holder] -->        padding: 8px 16px 8px 8px;<!-- [et_pb_line_break_holder] -->        white-space: nowrap;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-initial-state .add-button .label {<!-- [et_pb_line_break_holder] -->        font: normal 600 15px\/24px Arial, sans-serif;<!-- [et_pb_line_break_holder] -->        padding-left: 8px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      @media (max-width: 535px) {<!-- [et_pb_line_break_holder] -->        .commutes-initial-state svg {<!-- [et_pb_line_break_holder] -->          display: none;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .commutes-initial-state .description {<!-- [et_pb_line_break_holder] -->          padding-left: 0;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        .commutes-initial-state .description .heading {<!-- [et_pb_line_break_holder] -->          font-weight: bold;<!-- [et_pb_line_break_holder] -->          font-size: 15px;<!-- [et_pb_line_break_holder] -->          line-height: 24px;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations {<!-- [et_pb_line_break_holder] -->        display: none;<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations:hover .visible {<!-- [et_pb_line_break_holder] -->        display: block;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destinations-container {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        overflow-x: auto;<!-- [et_pb_line_break_holder] -->        padding: 8px 8px 4px 8px;<!-- [et_pb_line_break_holder] -->        white-space: nowrap;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destinations-container::-webkit-scrollbar {<!-- [et_pb_line_break_holder] -->        display: none;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destinations-container::-webkit-scrollbar-thumb {<!-- [et_pb_line_break_holder] -->        background-color: #dadce0;<!-- [et_pb_line_break_holder] -->        width: 4px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-list {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-grow: 1;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .right-control,<!-- [et_pb_line_break_holder] -->      .commutes-destinations .left-control {<!-- [et_pb_line_break_holder] -->        background-color: #fff;<!-- [et_pb_line_break_holder] -->        border-radius: 40px;<!-- [et_pb_line_break_holder] -->        border-style: none;<!-- [et_pb_line_break_holder] -->        bottom: 35px;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 2px 3px 0 rgb(60 64 67 \/ 30%), 0 6px 10px 4px rgb(60 64 67 \/ 15%);<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        fill: #616161;<!-- [et_pb_line_break_holder] -->        height: 40px;<!-- [et_pb_line_break_holder] -->        padding: 8px;<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        width: 40px;<!-- [et_pb_line_break_holder] -->        z-index: 100;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .right-control:hover,<!-- [et_pb_line_break_holder] -->      .commutes-destinations .left-control:hover {<!-- [et_pb_line_break_holder] -->        background-color: #f1f3f4;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .left-control {<!-- [et_pb_line_break_holder] -->        left: 16px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .right-control {<!-- [et_pb_line_break_holder] -->        right: 16px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .add-button {<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        background-color: #e8f0fe;<!-- [et_pb_line_break_holder] -->        border-radius: 8px;<!-- [et_pb_line_break_holder] -->        border-color: #e8f0fe;<!-- [et_pb_line_break_holder] -->        border-style: solid;<!-- [et_pb_line_break_holder] -->        color: #1967d2;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        fill: #1967d2;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        flex-grow: 1;<!-- [et_pb_line_break_holder] -->        font-weight: bold;<!-- [et_pb_line_break_holder] -->        gap: 4px;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        min-width: 156px;<!-- [et_pb_line_break_holder] -->        padding: 20px 16px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .add-button:hover {<!-- [et_pb_line_break_holder] -->        background-color: #d2e3fc;<!-- [et_pb_line_break_holder] -->        border-color: #d2e3fc;<!-- [et_pb_line_break_holder] -->        color: #185abc;<!-- [et_pb_line_break_holder] -->        fill: #185abc;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container {<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex: 1 1 0;<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination {<!-- [et_pb_line_break_holder] -->        border-radius: 4px;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);<!-- [et_pb_line_break_holder] -->        color: #5f6368;<!-- [et_pb_line_break_holder] -->        fill: #5f6368;<!-- [et_pb_line_break_holder] -->        height: 72px;<!-- [et_pb_line_break_holder] -->        justify-content: space-between;<!-- [et_pb_line_break_holder] -->        margin-right: 8px;<!-- [et_pb_line_break_holder] -->        min-width: 256px;<!-- [et_pb_line_break_holder] -->        overflow: hidden;<!-- [et_pb_line_break_holder] -->        padding: 12px;<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .active:after {<!-- [et_pb_line_break_holder] -->        background-color: #4285f4;<!-- [et_pb_line_break_holder] -->        content: '';<!-- [et_pb_line_break_holder] -->        display: block;<!-- [et_pb_line_break_holder] -->        height: 4px;<!-- [et_pb_line_break_holder] -->        left: 0;<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        top: 0;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .active + .destination-controls .directions-button {<!-- [et_pb_line_break_holder] -->        fill: #4285f4;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .active + .destination-controls .edit-button {<!-- [et_pb_line_break_holder] -->        opacity: 1;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .active .metadata .location-marker {<!-- [et_pb_line_break_holder] -->        background-color: #fce8e6;<!-- [et_pb_line_break_holder] -->        color: #d93025;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container:hover,<!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container:focus-within<!-- [et_pb_line_break_holder] -->      {<!-- [et_pb_line_break_holder] -->        background-color: #f8f9fa;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container:hover .edit-button,<!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container:focus-within .edit-button<!-- [et_pb_line_break_holder] -->      {<!-- [et_pb_line_break_holder] -->        opacity: 1;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination .destination-content {<!-- [et_pb_line_break_holder] -->        font-size: 12px;<!-- [et_pb_line_break_holder] -->        line-height: 20px;<!-- [et_pb_line_break_holder] -->        overflow: hidden;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination .metadata {<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        margin-bottom: 4px;<!-- [et_pb_line_break_holder] -->        gap: 4px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container svg {<!-- [et_pb_line_break_holder] -->        height: 18px;<!-- [et_pb_line_break_holder] -->        width: 18px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination .location-marker {<!-- [et_pb_line_break_holder] -->        background-color: #f1f3f4;<!-- [et_pb_line_break_holder] -->        border-radius: 8px;<!-- [et_pb_line_break_holder] -->        color: #616161;<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->        font-weight: bold;<!-- [et_pb_line_break_holder] -->        line-height: 16px;<!-- [et_pb_line_break_holder] -->        text-align: center;<!-- [et_pb_line_break_holder] -->        width: 16px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination .address {<!-- [et_pb_line_break_holder] -->        margin-bottom: 4px;<!-- [et_pb_line_break_holder] -->        max-width: 100%;<!-- [et_pb_line_break_holder] -->        overflow: hidden;<!-- [et_pb_line_break_holder] -->        text-overflow: ellipsis;<!-- [et_pb_line_break_holder] -->        white-space: nowrap;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination .address abbr {<!-- [et_pb_line_break_holder] -->        text-decoration: none;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination .destination-eta {<!-- [et_pb_line_break_holder] -->        color: #202124;<!-- [et_pb_line_break_holder] -->        font-weight: bold;<!-- [et_pb_line_break_holder] -->        font-size: 22px;<!-- [et_pb_line_break_holder] -->        line-height: 28px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container .destination-controls {<!-- [et_pb_line_break_holder] -->        align-items: flex-end;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        min-width: 70px;<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        right: 20px;<!-- [et_pb_line_break_holder] -->        text-align: right;<!-- [et_pb_line_break_holder] -->        top: 12px;<!-- [et_pb_line_break_holder] -->        white-space: nowrap;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container .directions-button {<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        background-color: #fff;<!-- [et_pb_line_break_holder] -->        border-radius: 32px;<!-- [et_pb_line_break_holder] -->        border: 1px solid #dadce0;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        fill: #5f6368;<!-- [et_pb_line_break_holder] -->        height: 32px;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        margin: 0;<!-- [et_pb_line_break_holder] -->        width: 34px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container .directions-button:hover {<!-- [et_pb_line_break_holder] -->        background-color: #e8f0fe;<!-- [et_pb_line_break_holder] -->        fill: #4285f4;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container .edit-button {<!-- [et_pb_line_break_holder] -->        background-color: #fff;<!-- [et_pb_line_break_holder] -->        border-radius: 20px;<!-- [et_pb_line_break_holder] -->        border: 1px solid #dadce0;<!-- [et_pb_line_break_holder] -->        opacity: 0;<!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->        font-weight: bold;<!-- [et_pb_line_break_holder] -->        line-height: 22px;<!-- [et_pb_line_break_holder] -->        margin: 8px 0 0 0;<!-- [et_pb_line_break_holder] -->        padding: 3px 12px 3px 5px;<!-- [et_pb_line_break_holder] -->        fill: #616161;<!-- [et_pb_line_break_holder] -->        color: #616161;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container .edit-button svg {<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->        font-size: 20px;<!-- [et_pb_line_break_holder] -->        line-height: 20px;<!-- [et_pb_line_break_holder] -->        width: 20px;<!-- [et_pb_line_break_holder] -->        vertical-align: middle;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-destinations .destination-container .edit-button:hover {<!-- [et_pb_line_break_holder] -->        background-color: #f1f3f4;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-map {<!-- [et_pb_line_break_holder] -->        flex: 1;<!-- [et_pb_line_break_holder] -->        overflow: hidden;<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-map .map-view {<!-- [et_pb_line_break_holder] -->        background-color: rgb(229, 227, 223);<!-- [et_pb_line_break_holder] -->        height: 100%;<!-- [et_pb_line_break_holder] -->        left: 0;<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        top: 0;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal-container {<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        background-color: rgba(0, 0, 0, 0.4);<!-- [et_pb_line_break_holder] -->        display: none;<!-- [et_pb_line_break_holder] -->        height: 100%;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        left: 0;<!-- [et_pb_line_break_holder] -->        position: fixed;<!-- [et_pb_line_break_holder] -->        top: 0;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->        z-index: 1000;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal {<!-- [et_pb_line_break_holder] -->        background: #fff;<!-- [et_pb_line_break_holder] -->        border-radius: 4px;<!-- [et_pb_line_break_holder] -->        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12);<!-- [et_pb_line_break_holder] -->        height: 256px;<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        width: 360px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .content {<!-- [et_pb_line_break_holder] -->        padding: 24px 24px 8px;<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: column;<!-- [et_pb_line_break_holder] -->        gap: 16px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->      .commutes-modal .heading {<!-- [et_pb_line_break_holder] -->        font: 24px\/32px Arial, sans-serif;<!-- [et_pb_line_break_holder] -->        margin: 0;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal input {<!-- [et_pb_line_break_holder] -->        font: 16px\/24px Arial, sans-serif;<!-- [et_pb_line_break_holder] -->        padding: 10px;<!-- [et_pb_line_break_holder] -->        box-sizing: border-box;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .error {<!-- [et_pb_line_break_holder] -->        background-color: #fce4e4;<!-- [et_pb_line_break_holder] -->        border: 1px solid #c03;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .error-message {<!-- [et_pb_line_break_holder] -->        color: #c03;<!-- [et_pb_line_break_holder] -->        display: inline-block;<!-- [et_pb_line_break_holder] -->        font: 12px\/14px Arial, sans-serif;<!-- [et_pb_line_break_holder] -->        margin: 0 0 5px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .travel-modes {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        flex-direction: row;<!-- [et_pb_line_break_holder] -->        height: 40px;<!-- [et_pb_line_break_holder] -->        margin-bottom: 12px;<!-- [et_pb_line_break_holder] -->        padding: 0;<!-- [et_pb_line_break_holder] -->        width: 100%;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .travel-modes [type=radio] {<!-- [et_pb_line_break_holder] -->        height: 0;<!-- [et_pb_line_break_holder] -->        opacity: 0;<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        width: 0;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .travel-modes label {<!-- [et_pb_line_break_holder] -->        align-items: center;<!-- [et_pb_line_break_holder] -->        border: solid #dadce0;<!-- [et_pb_line_break_holder] -->        border-width: 1px 0.031em;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        display: inline-flex;<!-- [et_pb_line_break_holder] -->        fill: #5f6368;<!-- [et_pb_line_break_holder] -->        flex: 1;<!-- [et_pb_line_break_holder] -->        justify-content: center;<!-- [et_pb_line_break_holder] -->        padding: 6px;<!-- [et_pb_line_break_holder] -->        position: relative;<!-- [et_pb_line_break_holder] -->        transition: background 0.5s, fill 0.5s;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .travel-modes label:hover {<!-- [et_pb_line_break_holder] -->        background-color: #f1f3f4;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .travel-modes svg {<!-- [et_pb_line_break_holder] -->        height: 24px;<!-- [et_pb_line_break_holder] -->        width: 24px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .travel-modes .left-label {<!-- [et_pb_line_break_holder] -->        border-left-width: 1px;<!-- [et_pb_line_break_holder] -->        border-radius: 4px 0 0 4px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .travel-modes .right-label {<!-- [et_pb_line_break_holder] -->        border-radius: 0 4px 4px 0;<!-- [et_pb_line_break_holder] -->        border-right-width: 1px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .travel-modes input[type=radio]:checked+label {<!-- [et_pb_line_break_holder] -->        background: #e8f0fe;<!-- [et_pb_line_break_holder] -->        fill: #1967d2;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .travel-modes input[type=radio]:focus-visible+label {<!-- [et_pb_line_break_holder] -->        outline: 2px solid Highlight;<!-- [et_pb_line_break_holder] -->        outline: 2px solid -webkit-focus-ring-color;<!-- [et_pb_line_break_holder] -->        outline-offset: -2px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .modal-action-bar {<!-- [et_pb_line_break_holder] -->        display: flex;<!-- [et_pb_line_break_holder] -->        justify-content: flex-end;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .modal-action-bar button {<!-- [et_pb_line_break_holder] -->        background: #ffff;<!-- [et_pb_line_break_holder] -->        border: none;<!-- [et_pb_line_break_holder] -->        cursor: pointer;<!-- [et_pb_line_break_holder] -->        font-size: 14px;<!-- [et_pb_line_break_holder] -->        font-weight: bold;<!-- [et_pb_line_break_holder] -->        line-height: 32px;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .modal-action-bar .delete-destination-button {<!-- [et_pb_line_break_holder] -->        color: #c5221f;<!-- [et_pb_line_break_holder] -->        left: 18px;<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .modal-action-bar .cancel-button {<!-- [et_pb_line_break_holder] -->        color: #0000008a;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .commutes-modal .modal-action-bar .add-destination-button,<!-- [et_pb_line_break_holder] -->      .commutes-modal .modal-action-bar .edit-destination-button {<!-- [et_pb_line_break_holder] -->        color: #1a73e8;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      .hide {<!-- [et_pb_line_break_holder] -->        display: none;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    <\/style>\n<p><!-- [et_pb_line_break_holder] -->  <\/head><!-- [et_pb_line_break_holder] -->  <body><!-- [et_pb_line_break_holder] -->    <!-- Defined commutes SVGs --><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-initial-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M41 20H18.6c-9.5 0-10.8 13.5 0 13.5h14.5C41 33.5 41 45 33 45H17.7\" stroke=\"#D2E3FC\" stroke-width=\"5\"><\/path><!-- [et_pb_line_break_holder] -->          <path d=\"M41 22c.2 0 .4 0 .6-.2l.4-.5c.3-1 .7-1.7 1.1-2.5l2-3c.8-1 1.5-2 2-3 .6-1 .9-2.3.9-3.8 0-2-.7-3.6-2-5-1.4-1.3-3-2-5-2s-3.6.7-5 2c-1.3 1.4-2 3-2 5 0 1.4.3 2.6.8 3.6s1.2 2 2 3.2c.9 1 1.6 2 2 2.8.5.9 1 1.7 1.2 2.7l.4.5.6.2Zm0-10.5c-.7 0-1.3-.2-1.8-.7-.5-.5-.7-1.1-.7-1.8s.2-1.3.7-1.8c.5-.5 1.1-.7 1.8-.7s1.3.2 1.8.7c.5.5.7 1.1.7 1.8s-.2 1.3-.7 1.8c-.5.5-1.1.7-1.8.7Z\" fill=\"#185ABC\"><\/path><!-- [et_pb_line_break_holder] -->          <path d=\"m12 32-8 6v12h5v-7h6v7h5V38l-8-6Z\" fill=\"#4285F4\"><\/path><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commutes-initial-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-add-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commutes-add-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-driving-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.85 7h10.29l1.08 3.11H5.77L6.85 7zM19 17H5v-5h14v5z\"\/><!-- [et_pb_line_break_holder] -->          <circle cx=\"7.5\" cy=\"14.5\" r=\"1.5\"\/><!-- [et_pb_line_break_holder] -->          <circle cx=\"16.5\" cy=\"14.5\" r=\"1.5\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commutes-driving-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-transit-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path d=\"M12 2c-4 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zm5.66 3H6.43c.61-.52 2.06-1 5.57-1 3.71 0 5.12.46 5.66 1zM11 7v3H6V7h5zm2 0h5v3h-5V7zm3.5 10h-9c-.83 0-1.5-.67-1.5-1.5V12h12v3.5c0 .83-.67 1.5-1.5 1.5z\"\/><!-- [et_pb_line_break_holder] -->          <circle cx=\"8.5\" cy=\"14.5\" r=\"1.5\"\/><!-- [et_pb_line_break_holder] -->          <circle cx=\"15.5\" cy=\"14.5\" r=\"1.5\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commutes-transit-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-bicycling-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path d=\"M15.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm5.8-10l2.4-2.4.8.8c1.3 1.3 3 2.1 5.1 2.1V9c-1.5 0-2.7-.6-3.6-1.5l-1.9-1.9c-.5-.4-1-.6-1.6-.6s-1.1.2-1.4.6L7.8 8.4c-.4.4-.6.9-.6 1.4 0 .6.2 1.1.6 1.4L11 14v5h2v-6.2l-2.2-2.3zM19 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commutes-bicycling-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-walking-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path d=\"M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.56-.89-1.68-1.25-2.65-.84L6 8.3V13h2V9.6l1.8-.7\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commutes-walking-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-chevron-left-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path d=\"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12l4.58-4.59z\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commutes-chevron-left-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-chevron-right-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path xmlns=\"http:\/\/www.w3.org\/2000\/svg\" d=\"M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commutes-chevron-right-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-arrow-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path d=\"M16.01 11H4v2h12.01v3L20 12l-3.99-4v3z\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commutes-arrow-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-directions-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path d=\"M22.43 10.59l-9.01-9.01c-.75-.75-2.07-.76-2.83 0l-9 9c-.78.78-.78 2.04 0 2.82l9 9c.39.39.9.58 1.41.58.51 0 1.02-.19 1.41-.58l8.99-8.99c.79-.76.8-2.02.03-2.82zm-10.42 10.4l-9-9 9-9 9 9-9 9zM8 11v4h2v-3h4v2.5l3.5-3.5L14 7.5V10H9c-.55 0-1 .45-1 1z\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commute-directions-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <svg class=\"hide\"><!-- [et_pb_line_break_holder] -->      <defs><!-- [et_pb_line_break_holder] -->        <symbol id=\"commutes-edit-icon\"><!-- [et_pb_line_break_holder] -->          <path d=\"M0 0h24v24H0V0z\" fill=\"none\"\/><!-- [et_pb_line_break_holder] -->          <path d=\"M14.06 9.02l.92.92L5.92 19H5v-.92l9.06-9.06M17.66 3c-.25 0-.51.1-.7.29l-1.83 1.83 3.75 3.75 1.83-1.83c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.2-.2-.45-.29-.71-.29zm-3.6 3.19L3 17.25V21h3.75L17.81 9.94l-3.75-3.75z\"\/><!-- [et_pb_line_break_holder] -->        <\/symbol><!-- [et_pb_line_break_holder] -->      <\/defs><!-- [et_pb_line_break_holder] -->      <use href=\"#commute-edit-icon\"\/><!-- [et_pb_line_break_holder] -->    <\/svg><!-- [et_pb_line_break_holder] -->    <!-- End commutes SVGs --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <main class=\"commutes\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"commutes-map\" aria-label=\"Map\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"map-view\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"commutes-info\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"commutes-initial-state\"><!-- [et_pb_line_break_holder] -->          <svg aria-label=\"Directions Icon\" width=\"53\" height=\"53\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] -->            <use href=\"#commutes-initial-icon\"\/><!-- [et_pb_line_break_holder] -->          <\/svg><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"description\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<h1 class=\"heading\">Estimate commute time<\/h1>\n<p><!-- [et_pb_line_break_holder] -->            <pee>See travel time and directions for places nearby<\/pee><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <button class=\"add-button\" autofocus><!-- [et_pb_line_break_holder] -->            <svg aria-label=\"Add Icon\" width=\"24px\" height=\"24px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] -->              <use href=\"#commutes-add-icon\"\/><!-- [et_pb_line_break_holder] -->            <\/svg><!-- [et_pb_line_break_holder] -->            <span class=\"label\">Add destination<\/span><!-- [et_pb_line_break_holder] -->          <\/button><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"commutes-destinations\"><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"destinations-container\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"destination-list\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <button class=\"add-button\"><!-- [et_pb_line_break_holder] -->              <svg aria-label=\"Add Icon\" width=\"24px\" height=\"24px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] -->                <use href=\"#commutes-add-icon\"\/><!-- [et_pb_line_break_holder] -->              <\/svg><!-- [et_pb_line_break_holder] -->              <\/p>\n<div class=\"label\">Add destination<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/button><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <button class=\"left-control hide\" data-direction=\"-1\" aria-label=\"Scroll left\"><!-- [et_pb_line_break_holder] -->            <svg width=\"24px\" height=\"24px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-direction=\"-1\"><!-- [et_pb_line_break_holder] -->              <use href=\"#commutes-chevron-left-icon\" data-direction=\"-1\"\/><!-- [et_pb_line_break_holder] -->            <\/svg><!-- [et_pb_line_break_holder] -->          <\/button><!-- [et_pb_line_break_holder] -->          <button class=\"right-control hide\" data-direction=\"1\" aria-label=\"Scroll right\"><!-- [et_pb_line_break_holder] -->            <svg width=\"24px\" height=\"24px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" data-direction=\"1\"><!-- [et_pb_line_break_holder] -->              <use href=\"#commutes-chevron-right-icon\" data-direction=\"1\"\/><!-- [et_pb_line_break_holder] -->            <\/svg><!-- [et_pb_line_break_holder] -->          <\/button><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/main><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <\/p>\n<div class=\"commutes-modal-container\"><!-- [et_pb_line_break_holder] -->      <\/p>\n<div class=\"commutes-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"add-edit-heading\"><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"content\"><!-- [et_pb_line_break_holder] -->          <\/p>\n<h2 id=\"add-edit-heading\" class=\"heading\">Add destination<\/h2>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<form id=\"destination-form\"><!-- [et_pb_line_break_holder] -->            <input type=\"text\" id=\"destination-address-input\" name=\"destination-address\" placeholder=\"Enter a place or address\" autocomplete=\"off\" required><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"error-message\" role=\"alert\"><\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"travel-modes\"><!-- [et_pb_line_break_holder] -->              <input type=\"radio\" name=\"travel-mode\" id=\"driving-mode\" value=\"DRIVING\" aria-label=\"Driving travel mode\"><!-- [et_pb_line_break_holder] -->              <label for=\"driving-mode\" class=\"left-label\" title=\"Driving travel mode\"><!-- [et_pb_line_break_holder] -->                <svg aria-label=\"Driving icon\" mlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] -->                  <use href=\"#commutes-driving-icon\"\/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->              <\/label><!-- [et_pb_line_break_holder] -->              <input type=\"radio\" name=\"travel-mode\" id=\"transit-mode\" value=\"TRANSIT\" aria-label=\"Public transit travel mode\"><!-- [et_pb_line_break_holder] -->              <label for=\"transit-mode\" title=\"Public transit travel mode\"><!-- [et_pb_line_break_holder] -->                <svg aria-label=\"Public transit icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] -->                  <use href=\"#commutes-transit-icon\"\/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->              <\/label><!-- [et_pb_line_break_holder] -->              <input type=\"radio\" name=\"travel-mode\" id=\"bicycling-mode\" value=\"BICYCLING\" aria-label=\"Bicycling travel mode\"><!-- [et_pb_line_break_holder] -->              <label for=\"bicycling-mode\" title=\"Bicycling travel mode\"><!-- [et_pb_line_break_holder] -->                <svg aria-label=\"Bicycling icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] -->                  <use href=\"#commutes-bicycling-icon\"\/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->              <\/label><!-- [et_pb_line_break_holder] -->              <input type=\"radio\" name=\"travel-mode\" id=\"walking-mode\" value=\"WALKING\" aria-label=\"Walking travel mode\"><!-- [et_pb_line_break_holder] -->              <label for=\"walking-mode\" class=\"right-label\" title=\"Walking travel mode\"><!-- [et_pb_line_break_holder] -->                <svg aria-label=\"Walking icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><!-- [et_pb_line_break_holder] -->                  <use href=\"#commutes-walking-icon\"\/><!-- [et_pb_line_break_holder] -->                <\/svg><!-- [et_pb_line_break_holder] -->              <\/label><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/form>\n<p><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"modal-action-bar\"><!-- [et_pb_line_break_holder] -->            <button class=\"delete-destination-button hide\" type=\"reset\"><!-- [et_pb_line_break_holder] -->              Delete<!-- [et_pb_line_break_holder] -->            <\/button><!-- [et_pb_line_break_holder] -->            <button class=\"cancel-button\" type=\"reset\"><!-- [et_pb_line_break_holder] -->              Cancel<!-- [et_pb_line_break_holder] -->            <\/button><!-- [et_pb_line_break_holder] -->            <button class=\"add-destination-button\" type=\"button\"><!-- [et_pb_line_break_holder] -->              Add<!-- [et_pb_line_break_holder] -->            <\/button><!-- [et_pb_line_break_holder] -->            <button class=\"edit-destination-button hide\" type=\"button\"><!-- [et_pb_line_break_holder] -->              Done<!-- [et_pb_line_break_holder] -->            <\/button><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] -->      <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <\/div>\n<p><!-- [et_pb_line_break_holder] -->    <script><!-- [et_pb_line_break_holder] -->    'use strict';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Element selectors for commutes widget.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const commutesEl = {<!-- [et_pb_line_break_holder] -->      map: document.querySelector('.map-view'),<!-- [et_pb_line_break_holder] -->      initialStatePanel: document.querySelector('.commutes-initial-state'),<!-- [et_pb_line_break_holder] -->      destinationPanel: document.querySelector('.commutes-destinations'),<!-- [et_pb_line_break_holder] -->      modal: document.querySelector('.commutes-modal-container'),<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Element selectors for commutes destination panel.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const destinationPanelEl = {<!-- [et_pb_line_break_holder] -->      addButton: commutesEl.destinationPanel.querySelector('.add-button'),<!-- [et_pb_line_break_holder] -->      container: commutesEl.destinationPanel.querySelector('.destinations-container'),<!-- [et_pb_line_break_holder] -->      list: commutesEl.destinationPanel.querySelector('.destination-list'),<!-- [et_pb_line_break_holder] -->      scrollLeftButton: commutesEl.destinationPanel.querySelector('.left-control'),<!-- [et_pb_line_break_holder] -->      scrollRightButton: commutesEl.destinationPanel.querySelector('.right-control'),<!-- [et_pb_line_break_holder] -->      getActiveDestination: () => commutesEl.destinationPanel.querySelector('.destination.active'),<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Element selectors for commutes modal popup.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const destinationModalEl = {<!-- [et_pb_line_break_holder] -->      title: commutesEl.modal.querySelector('h2'),<!-- [et_pb_line_break_holder] -->      form: commutesEl.modal.querySelector('form'),<!-- [et_pb_line_break_holder] -->      destinationInput: commutesEl.modal.querySelector('input[name=\"destination-address\"]'),<!-- [et_pb_line_break_holder] -->      errorMessage: commutesEl.modal.querySelector('.error-message'),<!-- [et_pb_line_break_holder] -->      addButton: commutesEl.modal.querySelector('.add-destination-button'),<!-- [et_pb_line_break_holder] -->      deleteButton: commutesEl.modal.querySelector('.delete-destination-button'),<!-- [et_pb_line_break_holder] -->      editButton: commutesEl.modal.querySelector('.edit-destination-button'),<!-- [et_pb_line_break_holder] -->      cancelButton: commutesEl.modal.querySelector('.cancel-button'),<!-- [et_pb_line_break_holder] -->      getTravelModeInput: () => commutesEl.modal.querySelector('input[name=\"travel-mode\"]:checked'),<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Max number of destination allowed to be added to commutes panel.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const MAX_NUM_DESTINATIONS = 10;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Bounds to bias search within ~50km distance.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const BIAS_BOUND_DISTANCE = 0.5;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Hour in seconds.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const HOUR_IN_SECONDS = 3600;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Minutes in seconds.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const MIN_IN_SECONDS = 60;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Stroke colors for destination direction polylines for different states.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const STROKE_COLORS = {<!-- [et_pb_line_break_holder] -->      active: {<!-- [et_pb_line_break_holder] -->        innerStroke: '#4285F4',<!-- [et_pb_line_break_holder] -->        outerStroke: '#185ABC',<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->      inactive: {<!-- [et_pb_line_break_holder] -->        innerStroke: '#BDC1C6',<!-- [et_pb_line_break_holder] -->        outerStroke: '#80868B',<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Marker icon colors for different states.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const MARKER_ICON_COLORS = {<!-- [et_pb_line_break_holder] -->      active: {<!-- [et_pb_line_break_holder] -->        fill: '#EA4335',<!-- [et_pb_line_break_holder] -->        stroke: '#C5221F',<!-- [et_pb_line_break_holder] -->        label: '#FFF',<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->      inactive: {<!-- [et_pb_line_break_holder] -->        fill: '#F1F3F4',<!-- [et_pb_line_break_holder] -->        stroke: '#9AA0A6',<!-- [et_pb_line_break_holder] -->        label: '#3C4043',<!-- [et_pb_line_break_holder] -->      },<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * List of operations to perform on destinations.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const DestinationOperation = {<!-- [et_pb_line_break_holder] -->      ADD: 'ADD',<!-- [et_pb_line_break_holder] -->      EDIT: 'EDIT',<!-- [et_pb_line_break_holder] -->      DELETE: 'DELETE',<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * List of available commutes travel mode.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    const TravelMode = {<!-- [et_pb_line_break_holder] -->      DRIVING: 'DRIVING',<!-- [et_pb_line_break_holder] -->      TRANSIT: 'TRANSIT',<!-- [et_pb_line_break_holder] -->      BICYCLING: 'BICYCLING',<!-- [et_pb_line_break_holder] -->      WALKING: 'WALKING',<!-- [et_pb_line_break_holder] -->    };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Defines instance of Commutes widget to be instantiated when Map library<!-- [et_pb_line_break_holder] -->     * loads.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function Commutes(configuration) {<!-- [et_pb_line_break_holder] -->      let commutesMap;<!-- [et_pb_line_break_holder] -->      let activeDestinationIndex;<!-- [et_pb_line_break_holder] -->      let origin = configuration.mapOptions.center;<!-- [et_pb_line_break_holder] -->      let destinations = configuration.destination || [];<!-- [et_pb_line_break_holder] -->      let markerIndex = 0;<!-- [et_pb_line_break_holder] -->      let lastActiveEl;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      const markerIconConfig = {<!-- [et_pb_line_break_holder] -->        path:<!-- [et_pb_line_break_holder] -->            'M10 27c-.2 0-.2 0-.5-1-.3-.8-.7-2-1.6-3.5-1-1.5-2-2.7-3-3.8-2.2-2.8-3.9-5-3.9-8.8C1 4.9 5 1 10 1s9 4 9 8.9c0 3.9-1.8 6-4 8.8-1 1.2-1.9 2.4-2.8 3.8-1 1.5-1.4 2.7-1.6 3.5-.3 1-.4 1-.6 1Z',<!-- [et_pb_line_break_holder] -->        fillOpacity: 1,<!-- [et_pb_line_break_holder] -->        strokeWeight: 1,<!-- [et_pb_line_break_holder] -->        anchor: new google.maps.Point(15, 29),<!-- [et_pb_line_break_holder] -->        scale: 1.2,<!-- [et_pb_line_break_holder] -->        labelOrigin: new google.maps.Point(10, 9),<!-- [et_pb_line_break_holder] -->      };<!-- [et_pb_line_break_holder] -->      const originMarkerIcon = {<!-- [et_pb_line_break_holder] -->        ...markerIconConfig,<!-- [et_pb_line_break_holder] -->        fillColor: MARKER_ICON_COLORS.active.fill,<!-- [et_pb_line_break_holder] -->        strokeColor: MARKER_ICON_COLORS.active.stroke,<!-- [et_pb_line_break_holder] -->      };<!-- [et_pb_line_break_holder] -->      const destinationMarkerIcon = {<!-- [et_pb_line_break_holder] -->        ...markerIconConfig,<!-- [et_pb_line_break_holder] -->        fillColor: MARKER_ICON_COLORS.inactive.fill,<!-- [et_pb_line_break_holder] -->        strokeColor: MARKER_ICON_COLORS.inactive.stroke,<!-- [et_pb_line_break_holder] -->      };<!-- [et_pb_line_break_holder] -->      const bikeLayer = new google.maps.BicyclingLayer();<!-- [et_pb_line_break_holder] -->      const publicTransitLayer = new google.maps.TransitLayer();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      initMapView();<!-- [et_pb_line_break_holder] -->      initDestinations();<!-- [et_pb_line_break_holder] -->      initCommutesPanel();<!-- [et_pb_line_break_holder] -->      initCommutesModal();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Initializes map view on commutes widget.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function initMapView() {<!-- [et_pb_line_break_holder] -->        const mapOptionConfig = configuration.mapOptions;<!-- [et_pb_line_break_holder] -->        commutesMap = new google.maps.Map(commutesEl.map, mapOptionConfig);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        configuration.defaultTravelModeEnum =<!-- [et_pb_line_break_holder] -->            parseTravelModeEnum(configuration.defaultTravelMode);<!-- [et_pb_line_break_holder] -->        setTravelModeLayer(configuration.defaultTravelModeEnum);<!-- [et_pb_line_break_holder] -->        createMarker(origin);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Initializes commutes widget with destinations info if provided with a list<!-- [et_pb_line_break_holder] -->       * of initial destinations and update view.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function initDestinations() {<!-- [et_pb_line_break_holder] -->        if (!configuration.initialDestinations) return;<!-- [et_pb_line_break_holder] -->        let callbackCounter = 0;<!-- [et_pb_line_break_holder] -->        const placesService = new google.maps.places.PlacesService(commutesMap);<!-- [et_pb_line_break_holder] -->        for (const destination of configuration.initialDestinations) {<!-- [et_pb_line_break_holder] -->          destination.travelModeEnum = parseTravelModeEnum(destination.travelMode);<!-- [et_pb_line_break_holder] -->          const label = getNextMarkerLabel();<!-- [et_pb_line_break_holder] -->          const request = {<!-- [et_pb_line_break_holder] -->            placeId: destination.placeId,<!-- [et_pb_line_break_holder] -->            fields: ['place_id', 'geometry', 'name'],<!-- [et_pb_line_break_holder] -->          };<!-- [et_pb_line_break_holder] -->          placesService.getDetails(<!-- [et_pb_line_break_holder] -->              request,<!-- [et_pb_line_break_holder] -->              function(place) {<!-- [et_pb_line_break_holder] -->                if (!place.geometry || !place.geometry.location) return;<!-- [et_pb_line_break_holder] -->                const travelModeEnum =<!-- [et_pb_line_break_holder] -->                    destination.travelModeEnum || configuration.defaultTravelModeEnum;<!-- [et_pb_line_break_holder] -->                const destinationConfig =<!-- [et_pb_line_break_holder] -->                    createDestinationConfig(place, travelModeEnum, label);<!-- [et_pb_line_break_holder] -->                getDirections(destinationConfig).then((response) => {<!-- [et_pb_line_break_holder] -->                  if (!response) return;<!-- [et_pb_line_break_holder] -->                  destinations.push(destinationConfig);<!-- [et_pb_line_break_holder] -->                  getCommutesInfo(response, destinationConfig);<!-- [et_pb_line_break_holder] -->                  callbackCounter++;<!-- [et_pb_line_break_holder] -->                  \/\/ Update commutes panel and click event objects after getting<!-- [et_pb_line_break_holder] -->                  \/\/ direction to all destinations.<!-- [et_pb_line_break_holder] -->                  if (callbackCounter === configuration.initialDestinations.length) {<!-- [et_pb_line_break_holder] -->                    destinations.sort(function(a, b) {<!-- [et_pb_line_break_holder] -->                      return a.label < b.label ? -1 : 1;<!-- [et_pb_line_break_holder] -->                    });<!-- [et_pb_line_break_holder] -->                    let bounds = new google.maps.LatLngBounds();<!-- [et_pb_line_break_holder] -->                    for (let i = 0; i < destinations.length; i++) {<!-- [et_pb_line_break_holder] -->                      assignMapObjectListeners(destinations[i], i);<!-- [et_pb_line_break_holder] -->                      updateCommutesPanel(destinations[i], i, DestinationOperation.ADD);<!-- [et_pb_line_break_holder] -->                      bounds.union(destinations[i].bounds);<!-- [et_pb_line_break_holder] -->                    }<!-- [et_pb_line_break_holder] -->                    const lastIndex = destinations.length - 1;<!-- [et_pb_line_break_holder] -->                    handleRouteClick(destinations[lastIndex], lastIndex);<!-- [et_pb_line_break_holder] -->                    commutesMap.fitBounds(bounds);<!-- [et_pb_line_break_holder] -->                  }<!-- [et_pb_line_break_holder] -->                });<!-- [et_pb_line_break_holder] -->              },<!-- [et_pb_line_break_holder] -->              () => {<!-- [et_pb_line_break_holder] -->                console.error('Failed to retrieve places info due to ' + e);<!-- [et_pb_line_break_holder] -->              });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Initializes the bottom panel for updating map view and displaying commutes<!-- [et_pb_line_break_holder] -->       * info.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function initCommutesPanel() {<!-- [et_pb_line_break_holder] -->        const addCommutesButtonEls = document.querySelectorAll('.add-button');<!-- [et_pb_line_break_holder] -->        addCommutesButtonEls.forEach(addButton => {<!-- [et_pb_line_break_holder] -->          addButton.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->            destinationModalEl.title.innerHTML = 'Add destination';<!-- [et_pb_line_break_holder] -->            hideElement(destinationModalEl.deleteButton);<!-- [et_pb_line_break_holder] -->            hideElement(destinationModalEl.editButton);<!-- [et_pb_line_break_holder] -->            showElement(destinationModalEl.addButton);<!-- [et_pb_line_break_holder] -->            showModal();<!-- [et_pb_line_break_holder] -->            const travelModeEnum = configuration.defaultTravelModeEnum || TravelMode.DRIVING;<!-- [et_pb_line_break_holder] -->            const travelModeId = travelModeEnum.toLowerCase() + '-mode';<!-- [et_pb_line_break_holder] -->            document.forms['destination-form'][travelModeId].checked = true;<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        destinationPanelEl.scrollLeftButton.addEventListener(<!-- [et_pb_line_break_holder] -->            'click', handleScrollButtonClick);<!-- [et_pb_line_break_holder] -->        destinationPanelEl.scrollRightButton.addEventListener(<!-- [et_pb_line_break_holder] -->            'click', handleScrollButtonClick);<!-- [et_pb_line_break_holder] -->        destinationPanelEl.list.addEventListener('keydown', (e) => {<!-- [et_pb_line_break_holder] -->          if (e.key === 'Enter' &&<!-- [et_pb_line_break_holder] -->              e.target !== destinationPanelEl.getActiveDestination()) {<!-- [et_pb_line_break_holder] -->            e.target.click();<!-- [et_pb_line_break_holder] -->            e.preventDefault();<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Initializes commutes modal to gathering destination inputs. Configures the<!-- [et_pb_line_break_holder] -->       * event target listeners to update view and behaviors on the modal.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function initCommutesModal() {<!-- [et_pb_line_break_holder] -->        const boundConfig = {<!-- [et_pb_line_break_holder] -->          north: origin.lat + BIAS_BOUND_DISTANCE,<!-- [et_pb_line_break_holder] -->          south: origin.lat - BIAS_BOUND_DISTANCE,<!-- [et_pb_line_break_holder] -->          east: origin.lng + BIAS_BOUND_DISTANCE,<!-- [et_pb_line_break_holder] -->          west: origin.lng - BIAS_BOUND_DISTANCE,<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const destinationFormReset = function() {<!-- [et_pb_line_break_holder] -->          destinationModalEl.destinationInput.classList.remove('error');<!-- [et_pb_line_break_holder] -->          destinationModalEl.errorMessage.innerHTML = '';<!-- [et_pb_line_break_holder] -->          destinationModalEl.form.reset();<!-- [et_pb_line_break_holder] -->          destinationToAdd = null;<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const autocompleteOptions = {<!-- [et_pb_line_break_holder] -->          bounds: boundConfig,<!-- [et_pb_line_break_holder] -->          fields: ['place_id', 'geometry', 'name'],<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->        const autocomplete = new google.maps.places.Autocomplete(<!-- [et_pb_line_break_holder] -->            destinationModalEl.destinationInput, autocompleteOptions);<!-- [et_pb_line_break_holder] -->        let destinationToAdd;<!-- [et_pb_line_break_holder] -->        autocomplete.addListener('place_changed', () => {<!-- [et_pb_line_break_holder] -->          const place = autocomplete.getPlace();<!-- [et_pb_line_break_holder] -->          if (!place.geometry || !place.geometry.location) {<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->          } else {<!-- [et_pb_line_break_holder] -->            destinationToAdd = place;<!-- [et_pb_line_break_holder] -->            destinationModalEl.getTravelModeInput().focus();<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          destinationModalEl.destinationInput.classList.remove('error');<!-- [et_pb_line_break_holder] -->          destinationModalEl.errorMessage.innerHTML = '';<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        destinationModalEl.addButton.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->          const isValidInput = validateDestinationInput(destinationToAdd);<!-- [et_pb_line_break_holder] -->          if (!isValidInput) return;<!-- [et_pb_line_break_holder] -->          const selectedTravelMode = destinationModalEl.getTravelModeInput().value;<!-- [et_pb_line_break_holder] -->          addDestinationToList(destinationToAdd, selectedTravelMode);<!-- [et_pb_line_break_holder] -->          destinationFormReset();<!-- [et_pb_line_break_holder] -->          hideModal();<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        destinationModalEl.editButton.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->          const destination = {...destinations[activeDestinationIndex]};<!-- [et_pb_line_break_holder] -->          const selectedTravelMode = destinationModalEl.getTravelModeInput().value;<!-- [et_pb_line_break_holder] -->          const isSameDestination =<!-- [et_pb_line_break_holder] -->              destination.name === destinationModalEl.destinationInput.value;<!-- [et_pb_line_break_holder] -->          const isSameTravelMode = destination.travelModeEnum === selectedTravelMode;<!-- [et_pb_line_break_holder] -->          if (isSameDestination && isSameTravelMode) {<!-- [et_pb_line_break_holder] -->            hideModal();<!-- [et_pb_line_break_holder] -->            return;<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          if (!isSameDestination) {<!-- [et_pb_line_break_holder] -->            const isValidInput = validateDestinationInput(destinationToAdd);<!-- [et_pb_line_break_holder] -->            if (!isValidInput) return;<!-- [et_pb_line_break_holder] -->            destination.name = destinationToAdd.name;<!-- [et_pb_line_break_holder] -->            destination.place_id = destinationToAdd.place_id;<!-- [et_pb_line_break_holder] -->            destination.url = generateMapsUrl(destinationToAdd, selectedTravelMode);<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          if (!isSameTravelMode) {<!-- [et_pb_line_break_holder] -->            destination.travelModeEnum = selectedTravelMode;<!-- [et_pb_line_break_holder] -->            destination.url = generateMapsUrl(destination, selectedTravelMode);<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          destinationFormReset();<!-- [et_pb_line_break_holder] -->          getDirections(destination)<!-- [et_pb_line_break_holder] -->              .then((response) => {<!-- [et_pb_line_break_holder] -->                if (!response) return;<!-- [et_pb_line_break_holder] -->                const currentIndex = activeDestinationIndex;<!-- [et_pb_line_break_holder] -->                \/\/ Remove current active direction before replacing it with updated<!-- [et_pb_line_break_holder] -->                \/\/ routes.<!-- [et_pb_line_break_holder] -->                removeDirectionsFromMapView(destination);<!-- [et_pb_line_break_holder] -->                destinations[activeDestinationIndex] = destination;<!-- [et_pb_line_break_holder] -->                getCommutesInfo(response, destination);<!-- [et_pb_line_break_holder] -->                assignMapObjectListeners(destination, activeDestinationIndex);<!-- [et_pb_line_break_holder] -->                updateCommutesPanel(<!-- [et_pb_line_break_holder] -->                    destination, activeDestinationIndex, DestinationOperation.EDIT);<!-- [et_pb_line_break_holder] -->                handleRouteClick(destination, activeDestinationIndex);<!-- [et_pb_line_break_holder] -->                const newEditButton = destinationPanelEl.list.children<!-- [et_pb_line_break_holder] -->                    .item(activeDestinationIndex)<!-- [et_pb_line_break_holder] -->                    .querySelector('.edit-button');<!-- [et_pb_line_break_holder] -->                newEditButton.focus();<!-- [et_pb_line_break_holder] -->              })<!-- [et_pb_line_break_holder] -->              .catch((e) => console.error('Editing directions failed due to ' + e));<!-- [et_pb_line_break_holder] -->          hideModal();<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        destinationModalEl.cancelButton.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->          destinationFormReset();<!-- [et_pb_line_break_holder] -->          hideModal();<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        destinationModalEl.deleteButton.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->          removeDirectionsFromMapView(destinations[activeDestinationIndex]);<!-- [et_pb_line_break_holder] -->          updateCommutesPanel(<!-- [et_pb_line_break_holder] -->              destinations[activeDestinationIndex], activeDestinationIndex,<!-- [et_pb_line_break_holder] -->              DestinationOperation.DELETE);<!-- [et_pb_line_break_holder] -->          activeDestinationIndex = undefined;<!-- [et_pb_line_break_holder] -->          destinationFormReset();<!-- [et_pb_line_break_holder] -->          let elToFocus;<!-- [et_pb_line_break_holder] -->          if (destinations.length) {<!-- [et_pb_line_break_holder] -->            const lastIndex = destinations.length - 1;<!-- [et_pb_line_break_holder] -->            handleRouteClick(destinations[lastIndex], lastIndex);<!-- [et_pb_line_break_holder] -->            elToFocus = destinationPanelEl.getActiveDestination();<!-- [et_pb_line_break_holder] -->          } else {<!-- [et_pb_line_break_holder] -->            elToFocus = commutesEl.initialStatePanel.querySelector('.add-button');<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          hideModal(elToFocus);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        window.onmousedown = function(event) {<!-- [et_pb_line_break_holder] -->          if (event.target === commutesEl.modal) {<!-- [et_pb_line_break_holder] -->            destinationFormReset();<!-- [et_pb_line_break_holder] -->            hideModal();<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        commutesEl.modal.addEventListener('keydown', (e) => {<!-- [et_pb_line_break_holder] -->          switch(e.key) {<!-- [et_pb_line_break_holder] -->            case 'Enter':<!-- [et_pb_line_break_holder] -->              if (e.target === destinationModalEl.cancelButton ||<!-- [et_pb_line_break_holder] -->                  e.target === destinationModalEl.deleteButton) {<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->              }<!-- [et_pb_line_break_holder] -->              if (destinationModalEl.addButton.style.display !== 'none') {<!-- [et_pb_line_break_holder] -->                destinationModalEl.addButton.click();<!-- [et_pb_line_break_holder] -->              } else if (destinationModalEl.editButton.style.display !== 'none') {<!-- [et_pb_line_break_holder] -->                destinationModalEl.editButton.click();<!-- [et_pb_line_break_holder] -->              }<!-- [et_pb_line_break_holder] -->              break;<!-- [et_pb_line_break_holder] -->            case \"Esc\":<!-- [et_pb_line_break_holder] -->            case \"Escape\":<!-- [et_pb_line_break_holder] -->              hideModal();<!-- [et_pb_line_break_holder] -->              break;<!-- [et_pb_line_break_holder] -->            default:<!-- [et_pb_line_break_holder] -->              return;<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->          e.preventDefault();<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Trap focus in the modal so that tabbing on the last interactive element<!-- [et_pb_line_break_holder] -->        \/\/ focuses on the first, and shift-tabbing on the first interactive element<!-- [et_pb_line_break_holder] -->        \/\/ focuses on the last.<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const firstInteractiveElement = destinationModalEl.destinationInput;<!-- [et_pb_line_break_holder] -->        const lastInteractiveElements = [<!-- [et_pb_line_break_holder] -->          destinationModalEl.addButton,<!-- [et_pb_line_break_holder] -->          destinationModalEl.editButton,<!-- [et_pb_line_break_holder] -->        ];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        firstInteractiveElement.addEventListener(<!-- [et_pb_line_break_holder] -->            'keydown', handleFirstInteractiveElementTab);<!-- [et_pb_line_break_holder] -->        for (const el of lastInteractiveElements) {<!-- [et_pb_line_break_holder] -->          el.addEventListener('keydown', handleLastInteractiveElementTab);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        function handleFirstInteractiveElementTab(event) {<!-- [et_pb_line_break_holder] -->          if (event.key === 'Tab' && event.shiftKey) {<!-- [et_pb_line_break_holder] -->            for (const el of lastInteractiveElements) {<!-- [et_pb_line_break_holder] -->              if (el.style.display !== 'none') {<!-- [et_pb_line_break_holder] -->                event.preventDefault();<!-- [et_pb_line_break_holder] -->                el.focus();<!-- [et_pb_line_break_holder] -->                return;<!-- [et_pb_line_break_holder] -->              }<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        function handleLastInteractiveElementTab(event) {<!-- [et_pb_line_break_holder] -->          if (event.key === 'Tab' && !event.shiftKey) {<!-- [et_pb_line_break_holder] -->            event.preventDefault();<!-- [et_pb_line_break_holder] -->            firstInteractiveElement.focus();<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Checks if destination input is valid and ensure no duplicate places or more<!-- [et_pb_line_break_holder] -->       * than max number places are added.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function validateDestinationInput(destinationToAdd) {<!-- [et_pb_line_break_holder] -->        let errorMessage;<!-- [et_pb_line_break_holder] -->        let isValidInput = false;<!-- [et_pb_line_break_holder] -->        if (!destinationToAdd) {<!-- [et_pb_line_break_holder] -->          errorMessage = 'No details available for destination input';<!-- [et_pb_line_break_holder] -->        } else if (destinations.length > MAX_NUM_DESTINATIONS) {<!-- [et_pb_line_break_holder] -->          errorMessage =<!-- [et_pb_line_break_holder] -->              'Cannot add more than ' + MAX_NUM_DESTINATIONS + ' destinations';<!-- [et_pb_line_break_holder] -->        } else if (<!-- [et_pb_line_break_holder] -->            destinations &&<!-- [et_pb_line_break_holder] -->            destinations.find(<!-- [et_pb_line_break_holder] -->                destination =><!-- [et_pb_line_break_holder] -->                    destination.place_id === destinationToAdd.place_id)) {<!-- [et_pb_line_break_holder] -->          errorMessage = 'Destination is already added';<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->          isValidInput = true;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if (!isValidInput) {<!-- [et_pb_line_break_holder] -->          destinationModalEl.errorMessage.innerHTML = errorMessage;<!-- [et_pb_line_break_holder] -->          destinationModalEl.destinationInput.classList.add('error');<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        return isValidInput;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Removes polylines and markers of currently active directions.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function removeDirectionsFromMapView(destination) {<!-- [et_pb_line_break_holder] -->        destination.polylines.innerStroke.setMap(null);<!-- [et_pb_line_break_holder] -->        destination.polylines.outerStroke.setMap(null);<!-- [et_pb_line_break_holder] -->        destination.marker.setMap(null);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Generates destination card template, attach event target listeners, and<!-- [et_pb_line_break_holder] -->       * adds template to destination list depending on the operations:<!-- [et_pb_line_break_holder] -->       * - add new destination card template to the end of the list on add.<!-- [et_pb_line_break_holder] -->       * - replace destination card template for current selected on edit.<!-- [et_pb_line_break_holder] -->       * - do nothing on default or delete.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function buildDestinationCardTemplate(<!-- [et_pb_line_break_holder] -->          destination, destinationIdx, destinationOperation) {<!-- [et_pb_line_break_holder] -->        let editButtonEl;<!-- [et_pb_line_break_holder] -->        switch (destinationOperation) {<!-- [et_pb_line_break_holder] -->          case DestinationOperation.ADD:<!-- [et_pb_line_break_holder] -->            destinationPanelEl.list.insertAdjacentHTML(<!-- [et_pb_line_break_holder] -->                'beforeend',<!-- [et_pb_line_break_holder] -->                '<\/p>\n<div class=\"destination-container\">' +<!-- [et_pb_line_break_holder] -->                    generateDestinationTemplate(destination) + '<\/div>\n<p>');<!-- [et_pb_line_break_holder] -->            const destinationContainerEl = destinationPanelEl.list.lastElementChild;<!-- [et_pb_line_break_holder] -->            destinationContainerEl.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->              handleRouteClick(destination, destinationIdx);<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            editButtonEl = destinationContainerEl.querySelector('.edit-button');<!-- [et_pb_line_break_holder] -->            destinationPanelEl.container.scrollLeft =<!-- [et_pb_line_break_holder] -->                destinationPanelEl.container.scrollWidth;<!-- [et_pb_line_break_holder] -->            break;<!-- [et_pb_line_break_holder] -->          case DestinationOperation.EDIT:<!-- [et_pb_line_break_holder] -->            const activeDestinationContainerEl =<!-- [et_pb_line_break_holder] -->                destinationPanelEl.getActiveDestination().parentElement;<!-- [et_pb_line_break_holder] -->            activeDestinationContainerEl.innerHTML = generateDestinationTemplate(destination);<!-- [et_pb_line_break_holder] -->            activeDestinationContainerEl.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->              handleRouteClick(destination, destinationIdx);<!-- [et_pb_line_break_holder] -->            });<!-- [et_pb_line_break_holder] -->            editButtonEl = activeDestinationContainerEl.querySelector('.edit-button');<!-- [et_pb_line_break_holder] -->            break;<!-- [et_pb_line_break_holder] -->          case DestinationOperation.DELETE:<!-- [et_pb_line_break_holder] -->          default:<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        editButtonEl.addEventListener('click', () => {<!-- [et_pb_line_break_holder] -->          destinationModalEl.title.innerHTML = 'Edit destination';<!-- [et_pb_line_break_holder] -->          destinationModalEl.destinationInput.value = destination.name;<!-- [et_pb_line_break_holder] -->          showElement(destinationModalEl.deleteButton);<!-- [et_pb_line_break_holder] -->          showElement(destinationModalEl.editButton);<!-- [et_pb_line_break_holder] -->          hideElement(destinationModalEl.addButton);<!-- [et_pb_line_break_holder] -->          showModal();<!-- [et_pb_line_break_holder] -->          const travelModeId = destination.travelModeEnum.toLowerCase() + '-mode';<!-- [et_pb_line_break_holder] -->          document.forms['destination-form'][travelModeId].checked = true;<!-- [et_pb_line_break_holder] -->          \/\/ Update the autocomplete widget as if it was user input.<!-- [et_pb_line_break_holder] -->          destinationModalEl.destinationInput.dispatchEvent(new Event('input'));<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Updates view of commutes panel depending on the operation:<!-- [et_pb_line_break_holder] -->       * - build\/update destination template if add or edit.<!-- [et_pb_line_break_holder] -->       * - remove destination from destination list and rebuild template.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function updateCommutesPanel(<!-- [et_pb_line_break_holder] -->          destination, destinationIdx, destinationOperation) {<!-- [et_pb_line_break_holder] -->        switch (destinationOperation) {<!-- [et_pb_line_break_holder] -->          case DestinationOperation.ADD:<!-- [et_pb_line_break_holder] -->            hideElement(commutesEl.initialStatePanel);<!-- [et_pb_line_break_holder] -->            showElement(commutesEl.destinationPanel);<!-- [et_pb_line_break_holder] -->            \/\/ fall through<!-- [et_pb_line_break_holder] -->          case DestinationOperation.EDIT:<!-- [et_pb_line_break_holder] -->            buildDestinationCardTemplate(<!-- [et_pb_line_break_holder] -->                destination, destinationIdx, destinationOperation);<!-- [et_pb_line_break_holder] -->            break;<!-- [et_pb_line_break_holder] -->          case DestinationOperation.DELETE:<!-- [et_pb_line_break_holder] -->            destinations.splice(destinationIdx, 1);<!-- [et_pb_line_break_holder] -->            destinationPanelEl.list.innerHTML = '';<!-- [et_pb_line_break_holder] -->            for (let i = 0; i < destinations.length; i++) {<!-- [et_pb_line_break_holder] -->              buildDestinationCardTemplate(<!-- [et_pb_line_break_holder] -->                  destinations[i], i, DestinationOperation.ADD);<!-- [et_pb_line_break_holder] -->              assignMapObjectListeners(destinations[i], i);<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->          default:<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if (!destinations.length) {<!-- [et_pb_line_break_holder] -->          showElement(commutesEl.initialStatePanel, commutesEl.initialStatePanel);<!-- [et_pb_line_break_holder] -->          hideElement(commutesEl.destinationPanel);<!-- [et_pb_line_break_holder] -->          activeDestinationIndex = undefined;<!-- [et_pb_line_break_holder] -->          return;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        destinationPanelEl.container.addEventListener('scroll', handlePanelScroll);<!-- [et_pb_line_break_holder] -->        destinationPanelEl.container.dispatchEvent(new Event('scroll'));<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Adds new destination to the list and get directions and commutes info.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function addDestinationToList(destinationToAdd, travelModeEnum) {<!-- [et_pb_line_break_holder] -->        const destinationConfig =<!-- [et_pb_line_break_holder] -->            createDestinationConfig(destinationToAdd, travelModeEnum);<!-- [et_pb_line_break_holder] -->        const newDestinationIndex = destinations.length;<!-- [et_pb_line_break_holder] -->        getDirections(destinationConfig)<!-- [et_pb_line_break_holder] -->            .then((response) => {<!-- [et_pb_line_break_holder] -->              if (!response) return;<!-- [et_pb_line_break_holder] -->              destinations.push(destinationConfig);<!-- [et_pb_line_break_holder] -->              getCommutesInfo(response, destinationConfig);<!-- [et_pb_line_break_holder] -->              assignMapObjectListeners(destinationConfig, newDestinationIndex);<!-- [et_pb_line_break_holder] -->              updateCommutesPanel(<!-- [et_pb_line_break_holder] -->                  destinationConfig, newDestinationIndex, DestinationOperation.ADD);<!-- [et_pb_line_break_holder] -->              handleRouteClick(destinationConfig, newDestinationIndex);<!-- [et_pb_line_break_holder] -->              destinationPanelEl.addButton.focus();<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .catch((e) => console.error('Adding destination failed due to ' + e));<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Returns a new marker label on each call. Marker labels are the capital<!-- [et_pb_line_break_holder] -->       * letters of the alphabet in order.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function getNextMarkerLabel() {<!-- [et_pb_line_break_holder] -->        const markerLabels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';<!-- [et_pb_line_break_holder] -->        const label = markerLabels[markerIndex];<!-- [et_pb_line_break_holder] -->        markerIndex = (markerIndex + 1) % markerLabels.length;<!-- [et_pb_line_break_holder] -->        return label;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Creates a destination config object from the given data. The label argument<!-- [et_pb_line_break_holder] -->       * is optional; a new label will be generated if not provided.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function createDestinationConfig(destinationToAdd, travelModeEnum, label) {<!-- [et_pb_line_break_holder] -->        return {<!-- [et_pb_line_break_holder] -->          name: destinationToAdd.name,<!-- [et_pb_line_break_holder] -->          place_id: destinationToAdd.place_id,<!-- [et_pb_line_break_holder] -->          label: label || getNextMarkerLabel(),<!-- [et_pb_line_break_holder] -->          travelModeEnum: travelModeEnum,<!-- [et_pb_line_break_holder] -->          url: generateMapsUrl(destinationToAdd, travelModeEnum),<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Gets directions to destination from origin, add route to map view, and<!-- [et_pb_line_break_holder] -->       * update commutes panel with distance and directions info.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function getDirections(destination) {<!-- [et_pb_line_break_holder] -->        const request = {<!-- [et_pb_line_break_holder] -->          origin: origin,<!-- [et_pb_line_break_holder] -->          destination: {'placeId': destination.place_id},<!-- [et_pb_line_break_holder] -->          travelMode: destination.travelModeEnum,<!-- [et_pb_line_break_holder] -->          unitSystem: configuration.distanceMeasurementType === 'METRIC' ?<!-- [et_pb_line_break_holder] -->                  google.maps.UnitSystem.METRIC : google.maps.UnitSystem.IMPERIAL,<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] -->        const directionsService = new google.maps.DirectionsService();<!-- [et_pb_line_break_holder] -->        return directionsService.route(request).then(response => {<!-- [et_pb_line_break_holder] -->          return response;<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Adds route polyline, marker, and commutes info to map and destinations<!-- [et_pb_line_break_holder] -->       * list.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function getCommutesInfo(directionResponse, destination) {<!-- [et_pb_line_break_holder] -->        if (!directionResponse) return;<!-- [et_pb_line_break_holder] -->        const path = directionResponse.routes[0].overview_path;<!-- [et_pb_line_break_holder] -->        const bounds = directionResponse.routes[0].bounds;<!-- [et_pb_line_break_holder] -->        const directionLeg = directionResponse.routes[0].legs[0];<!-- [et_pb_line_break_holder] -->        const destinationLocation = directionLeg.end_location;<!-- [et_pb_line_break_holder] -->        const distance = directionLeg.distance.text;<!-- [et_pb_line_break_holder] -->        const duration = convertDurationValueAsString(directionLeg.duration.value);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const innerStroke = new google.maps.Polyline({<!-- [et_pb_line_break_holder] -->          path: path,<!-- [et_pb_line_break_holder] -->          strokeColor: STROKE_COLORS.inactive.innerStroke,<!-- [et_pb_line_break_holder] -->          strokeOpacity: 1.0,<!-- [et_pb_line_break_holder] -->          strokeWeight: 3,<!-- [et_pb_line_break_holder] -->          zIndex: 10<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const outerStroke = new google.maps.Polyline({<!-- [et_pb_line_break_holder] -->          path: path,<!-- [et_pb_line_break_holder] -->          strokeColor: STROKE_COLORS.inactive.outerStroke,<!-- [et_pb_line_break_holder] -->          strokeOpacity: 1.0,<!-- [et_pb_line_break_holder] -->          strokeWeight: 6,<!-- [et_pb_line_break_holder] -->          zIndex: 1<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const marker = createMarker(destinationLocation, destination.label);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        innerStroke.setMap(commutesMap);<!-- [et_pb_line_break_holder] -->        outerStroke.setMap(commutesMap);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        destination.distance = distance;<!-- [et_pb_line_break_holder] -->        destination.duration = duration;<!-- [et_pb_line_break_holder] -->        destination.marker = marker;<!-- [et_pb_line_break_holder] -->        destination.polylines = {innerStroke, outerStroke};<!-- [et_pb_line_break_holder] -->        destination.bounds = bounds;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Assigns event target listeners to map objects of corresponding destination<!-- [et_pb_line_break_holder] -->       * index.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function assignMapObjectListeners(destination, destinationIdx) {<!-- [et_pb_line_break_holder] -->        google.maps.event.clearListeners(destination.marker, 'click');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        google.maps.event.addListener(destination.marker, 'click', () => {<!-- [et_pb_line_break_holder] -->          handleRouteClick(destination, destinationIdx);<!-- [et_pb_line_break_holder] -->          destinationPanelEl.list.querySelectorAll('.destination')[destinationIdx].focus();<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        google.maps.event.addListener(destination.marker, 'mouseover', () => {<!-- [et_pb_line_break_holder] -->          changeMapObjectStrokeWeight(destination, true);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        google.maps.event.addListener(destination.marker, 'mouseout', () => {<!-- [et_pb_line_break_holder] -->          changeMapObjectStrokeWeight(destination, false);<!-- [et_pb_line_break_holder] -->        });<!-- [et_pb_line_break_holder] -->        for (const strokeLine in destination.polylines) {<!-- [et_pb_line_break_holder] -->          google.maps.event.clearListeners(destination.polylines[strokeLine], 'click');<!-- [et_pb_line_break_holder] -->          google.maps.event.clearListeners(destination.polylines[strokeLine], 'mouseover');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          google.maps.event.addListener(destination.polylines[strokeLine], 'click', () => {<!-- [et_pb_line_break_holder] -->            handleRouteClick(destination, destinationIdx);<!-- [et_pb_line_break_holder] -->            destinationPanelEl.list.querySelectorAll('.destination')[destinationIdx].focus();<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] -->          google.maps.event.addListener(destination.polylines[strokeLine], 'mouseover', () => {<!-- [et_pb_line_break_holder] -->            changeMapObjectStrokeWeight(destination, true);<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] -->          google.maps.event.addListener(destination.polylines[strokeLine], 'mouseout', () => {<!-- [et_pb_line_break_holder] -->            changeMapObjectStrokeWeight(destination, false);<!-- [et_pb_line_break_holder] -->          });<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Generates the Google Map url for direction from origin to destination with<!-- [et_pb_line_break_holder] -->       * corresponding travel mode.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function generateMapsUrl(destination, travelModeEnum) {<!-- [et_pb_line_break_holder] -->        let googleMapsUrl = 'https:\/\/www.google.com\/maps\/dir\/?api=1';<!-- [et_pb_line_break_holder] -->        googleMapsUrl += `&origin=${origin.lat},${origin.lng}`;<!-- [et_pb_line_break_holder] -->        googleMapsUrl += '&destination=' + encodeURIComponent(destination.name) +<!-- [et_pb_line_break_holder] -->            '&destination_place_id=' + destination.place_id;<!-- [et_pb_line_break_holder] -->        googleMapsUrl += '&travelmode=' + travelModeEnum.toLowerCase();<!-- [et_pb_line_break_holder] -->        return googleMapsUrl;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Handles changes to destination polyline and map icon stroke weight.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function changeMapObjectStrokeWeight(destination, mouseOver) {<!-- [et_pb_line_break_holder] -->        const destinationMarkerIcon = destination.marker.icon;<!-- [et_pb_line_break_holder] -->        if (mouseOver) {<!-- [et_pb_line_break_holder] -->          destination.polylines.outerStroke.setOptions({strokeWeight: 8});<!-- [et_pb_line_break_holder] -->          destinationMarkerIcon.strokeWeight = 2;<!-- [et_pb_line_break_holder] -->          destination.marker.setIcon(destinationMarkerIcon);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        else {<!-- [et_pb_line_break_holder] -->          destination.polylines.outerStroke.setOptions({strokeWeight: 6});<!-- [et_pb_line_break_holder] -->          destinationMarkerIcon.strokeWeight = 1;<!-- [et_pb_line_break_holder] -->          destination.marker.setIcon(destinationMarkerIcon);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Handles route clicks. Originally active routes are set to inactive<!-- [et_pb_line_break_holder] -->       * states. Newly selected route's map polyline\/marker objects and destination<!-- [et_pb_line_break_holder] -->       * template are assigned active class styling and coloring.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function handleRouteClick(destination, destinationIdx) {<!-- [et_pb_line_break_holder] -->        if (activeDestinationIndex !== undefined) {<!-- [et_pb_line_break_holder] -->          \/\/ Set currently active stroke to inactive<!-- [et_pb_line_break_holder] -->          destinations[activeDestinationIndex].polylines.innerStroke.setOptions(<!-- [et_pb_line_break_holder] -->              {strokeColor: STROKE_COLORS.inactive.innerStroke, zIndex: 2});<!-- [et_pb_line_break_holder] -->          destinations[activeDestinationIndex].polylines.outerStroke.setOptions(<!-- [et_pb_line_break_holder] -->              {strokeColor: STROKE_COLORS.inactive.outerStroke, zIndex: 1});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ Set current active marker to grey<!-- [et_pb_line_break_holder] -->          destinations[activeDestinationIndex].marker.setIcon(<!-- [et_pb_line_break_holder] -->              destinationMarkerIcon);<!-- [et_pb_line_break_holder] -->          destinations[activeDestinationIndex].marker.label.color =<!-- [et_pb_line_break_holder] -->              MARKER_ICON_COLORS.inactive.label;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          \/\/ Remove styling of current active destination.<!-- [et_pb_line_break_holder] -->          const activeDestinationEl = destinationPanelEl.getActiveDestination();<!-- [et_pb_line_break_holder] -->          if (activeDestinationEl) {<!-- [et_pb_line_break_holder] -->            activeDestinationEl.classList.remove('active');<!-- [et_pb_line_break_holder] -->          }<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        activeDestinationIndex = destinationIdx;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        setTravelModeLayer(destination.travelModeEnum);<!-- [et_pb_line_break_holder] -->        \/\/ Add active class<!-- [et_pb_line_break_holder] -->        const newDestinationEl = destinationPanelEl.list.querySelectorAll(<!-- [et_pb_line_break_holder] -->            '.destination')[destinationIdx];<!-- [et_pb_line_break_holder] -->        newDestinationEl.classList.add('active');<!-- [et_pb_line_break_holder] -->        \/\/ Scroll into view<!-- [et_pb_line_break_holder] -->        newDestinationEl.scrollIntoView({behavior: 'smooth', block: 'center'});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Make line active<!-- [et_pb_line_break_holder] -->        destination.polylines.innerStroke.setOptions(<!-- [et_pb_line_break_holder] -->            {strokeColor: STROKE_COLORS.active.innerStroke, zIndex: 101});<!-- [et_pb_line_break_holder] -->        destination.polylines.outerStroke.setOptions(<!-- [et_pb_line_break_holder] -->            {strokeColor: STROKE_COLORS.active.outerStroke, zIndex: 99});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        destination.marker.setIcon(originMarkerIcon);<!-- [et_pb_line_break_holder] -->        destination.marker.label.color = '#ffffff';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        commutesMap.fitBounds(destination.bounds);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Generates new marker based on location and label.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function createMarker(location, label) {<!-- [et_pb_line_break_holder] -->        const isOrigin = label === undefined ? true : false;<!-- [et_pb_line_break_holder] -->        const markerIconConfig = isOrigin ? originMarkerIcon : destinationMarkerIcon;<!-- [et_pb_line_break_holder] -->        const labelColor = isOrigin ? MARKER_ICON_COLORS.active.label :<!-- [et_pb_line_break_holder] -->                                    MARKER_ICON_COLORS.inactive.label;<!-- [et_pb_line_break_holder] -->        const labelText = isOrigin ? '\u25cf' : label;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const mapOptions = {<!-- [et_pb_line_break_holder] -->          position: location,<!-- [et_pb_line_break_holder] -->          map: commutesMap,<!-- [et_pb_line_break_holder] -->          label: {<!-- [et_pb_line_break_holder] -->            text: labelText,<!-- [et_pb_line_break_holder] -->            fontFamily: 'Arial, sans-serif',<!-- [et_pb_line_break_holder] -->            color: labelColor,<!-- [et_pb_line_break_holder] -->            fontSize: '16px',<!-- [et_pb_line_break_holder] -->          },<!-- [et_pb_line_break_holder] -->          icon: markerIconConfig<!-- [et_pb_line_break_holder] -->        };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (isOrigin) {<!-- [et_pb_line_break_holder] -->          mapOptions.label.className += ' origin-pin-label';<!-- [et_pb_line_break_holder] -->          mapOptions.label.fontSize = '20px';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        const marker = new google.maps.Marker(mapOptions);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        return marker;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->      * Returns a TravelMode enum parsed from the input string, or null if no match is found.<!-- [et_pb_line_break_holder] -->      *\/<!-- [et_pb_line_break_holder] -->      function parseTravelModeEnum(travelModeString) {<!-- [et_pb_line_break_holder] -->        switch (travelModeString) {<!-- [et_pb_line_break_holder] -->          case 'DRIVING':<!-- [et_pb_line_break_holder] -->            return TravelMode.DRIVING;<!-- [et_pb_line_break_holder] -->          case 'BICYCLING':<!-- [et_pb_line_break_holder] -->            return TravelMode.BICYCLING;<!-- [et_pb_line_break_holder] -->          case 'PUBLIC_TRANSIT':<!-- [et_pb_line_break_holder] -->            return TravelMode.TRANSIT;<!-- [et_pb_line_break_holder] -->          case 'WALKING':<!-- [et_pb_line_break_holder] -->            return TravelMode.WALKING;<!-- [et_pb_line_break_holder] -->          default:<!-- [et_pb_line_break_holder] -->            return null;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Sets map layer depending on the chosen travel mode.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function setTravelModeLayer(travelModeEnum) {<!-- [et_pb_line_break_holder] -->        switch (travelModeEnum) {<!-- [et_pb_line_break_holder] -->          case TravelMode.BICYCLING:<!-- [et_pb_line_break_holder] -->            publicTransitLayer.setMap(null);<!-- [et_pb_line_break_holder] -->            bikeLayer.setMap(commutesMap);<!-- [et_pb_line_break_holder] -->            break;<!-- [et_pb_line_break_holder] -->          case TravelMode.TRANSIT:<!-- [et_pb_line_break_holder] -->            bikeLayer.setMap(null);<!-- [et_pb_line_break_holder] -->            publicTransitLayer.setMap(commutesMap);<!-- [et_pb_line_break_holder] -->            break;<!-- [et_pb_line_break_holder] -->          default:<!-- [et_pb_line_break_holder] -->            publicTransitLayer.setMap(null);<!-- [et_pb_line_break_holder] -->            bikeLayer.setMap(null);<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Convert time from durationValue in seconds into readable string text.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function convertDurationValueAsString(durationValue) {<!-- [et_pb_line_break_holder] -->        if (!durationValue) {<!-- [et_pb_line_break_holder] -->          return '';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if (durationValue < MIN_IN_SECONDS) {<!-- [et_pb_line_break_holder] -->          return '<1 min';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        if (durationValue > HOUR_IN_SECONDS * 10) {<!-- [et_pb_line_break_holder] -->          return '10+ hours';<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        const hours = Math.floor(durationValue \/ HOUR_IN_SECONDS);<!-- [et_pb_line_break_holder] -->        const minutes = Math.floor(durationValue % HOUR_IN_SECONDS \/ 60);<!-- [et_pb_line_break_holder] -->        const hoursString = hours > 0 ? hours + ' h' : '';<!-- [et_pb_line_break_holder] -->        const minutesString = minutes > 0 ? minutes + ' min' : '';<!-- [et_pb_line_break_holder] -->        const spacer = hoursString && minutesString ? ' ' : '';<!-- [et_pb_line_break_holder] -->        return hoursString + spacer + minutesString;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Shows the destination modal window, saving a reference to the currently<!-- [et_pb_line_break_holder] -->       * focused element so that focus can be restored by hideModal().<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function showModal() {<!-- [et_pb_line_break_holder] -->        lastActiveEl = document.activeElement;<!-- [et_pb_line_break_holder] -->        showElement(commutesEl.modal, destinationModalEl.destinationInput);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/**<!-- [et_pb_line_break_holder] -->       * Hides the destination modal window, setting focus to focusEl if provided.<!-- [et_pb_line_break_holder] -->       * If no argument is passed, focus is restored to where it was when<!-- [et_pb_line_break_holder] -->       * showModal() was called.<!-- [et_pb_line_break_holder] -->       *\/<!-- [et_pb_line_break_holder] -->      function hideModal(focusEl) {<!-- [et_pb_line_break_holder] -->        hideElement(commutesEl.modal, focusEl || lastActiveEl);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Hides a DOM element and optionally focuses on focusEl.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function hideElement(el, focusEl) {<!-- [et_pb_line_break_holder] -->      el.style.display = 'none';<!-- [et_pb_line_break_holder] -->      if (focusEl) focusEl.focus();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Shows a DOM element that has been hidden and optionally focuses on focusEl.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function showElement(el, focusEl) {<!-- [et_pb_line_break_holder] -->      el.style.display = 'flex';<!-- [et_pb_line_break_holder] -->      if (focusEl) focusEl.focus();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Event handler function for scroll buttons.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function handleScrollButtonClick(e) {<!-- [et_pb_line_break_holder] -->      const multiplier = 1.25;<!-- [et_pb_line_break_holder] -->      const direction = e.target.dataset.direction;<!-- [et_pb_line_break_holder] -->      const cardWidth = destinationPanelEl.list.firstElementChild.offsetWidth;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      destinationPanelEl.container.scrollBy(<!-- [et_pb_line_break_holder] -->          {left: (direction * cardWidth * multiplier), behavior: 'smooth'});<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Event handler on scroll to add scroll buttons only if scroll width is larger<!-- [et_pb_line_break_holder] -->     * than width. Hide scroll buttons if scrolled to the start or end of the panel.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function handlePanelScroll() {<!-- [et_pb_line_break_holder] -->      const position = destinationPanelEl.container.scrollLeft;<!-- [et_pb_line_break_holder] -->      const scrollWidth = destinationPanelEl.container.scrollWidth;<!-- [et_pb_line_break_holder] -->      const width = destinationPanelEl.container.offsetWidth;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      if (scrollWidth > width) {<!-- [et_pb_line_break_holder] -->        if (position === 0) {<!-- [et_pb_line_break_holder] -->          destinationPanelEl.scrollLeftButton.classList.remove('visible');<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->          destinationPanelEl.scrollLeftButton.classList.add('visible');<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        if (Math.ceil(position + width) >= scrollWidth) {<!-- [et_pb_line_break_holder] -->          destinationPanelEl.scrollRightButton.classList.remove('visible');<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->          destinationPanelEl.scrollRightButton.classList.add('visible');<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    \/**<!-- [et_pb_line_break_holder] -->     * Generates new destination template based on destination info properties.<!-- [et_pb_line_break_holder] -->     *\/<!-- [et_pb_line_break_holder] -->    function generateDestinationTemplate(destination) {<!-- [et_pb_line_break_holder] -->      const travelModeIconTemplate = '<use href=\"#commutes-' +<!-- [et_pb_line_break_holder] -->          destination.travelModeEnum.toLowerCase() + '-icon\"\/>';<!-- [et_pb_line_break_holder] -->      return `<!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"destination\" tabindex=\"0\" role=\"button\"><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"destination-content\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"metadata\"><!-- [et_pb_line_break_holder] -->              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><!-- [et_pb_line_break_holder] -->                  ${travelModeIconTemplate}<!-- [et_pb_line_break_holder] -->              <\/svg><!-- [et_pb_line_break_holder] -->              ${destination.distance}<!-- [et_pb_line_break_holder] -->              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><!-- [et_pb_line_break_holder] -->                <use href=\"#commutes-arrow-icon\"\/><!-- [et_pb_line_break_holder] -->              <\/svg><!-- [et_pb_line_break_holder] -->              <span class=\"location-marker\">${destination.label}<\/span><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"address\">To<!-- [et_pb_line_break_holder] -->              <abbr title=\"${destination.name}\">${destination.name}<\/abbr><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"destination-eta\">${destination.duration}<\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->        <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        <\/p>\n<div class=\"destination-controls\"><!-- [et_pb_line_break_holder] -->          <a class=\"directions-button\" href=${destination.url} target=\"_blank\"<!-- [et_pb_line_break_holder] -->             aria-label=\"Link to directions in Google Maps\"><!-- [et_pb_line_break_holder] -->            <svg aria-label=\"Directions icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><!-- [et_pb_line_break_holder] -->              <use href=\"#commutes-directions-icon\"\/><!-- [et_pb_line_break_holder] -->            <\/svg><!-- [et_pb_line_break_holder] -->          <\/a><!-- [et_pb_line_break_holder] -->          <button class=\"edit-button\" aria-label=\"Edit Destination\"><!-- [et_pb_line_break_holder] -->            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><!-- [et_pb_line_break_holder] -->              <use href=\"#commutes-edit-icon\"\/><!-- [et_pb_line_break_holder] -->            <\/svg><!-- [et_pb_line_break_holder] -->            Edit<!-- [et_pb_line_break_holder] -->          <\/button><!-- [et_pb_line_break_holder] -->        <\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    <\/script><!-- [et_pb_line_break_holder] -->    <script><!-- [et_pb_line_break_holder] -->      const CONFIGURATION = {<!-- [et_pb_line_break_holder] -->        \"defaultTravelMode\": \"DRIVING\",<!-- [et_pb_line_break_holder] -->        \"distanceMeasurementType\": \"IMPERIAL\",<!-- [et_pb_line_break_holder] -->        \"mapOptions\": {\"center\":{\"lat\":12.2387284,\"lng\":109.1949388},\"fullscreenControl\":true,\"mapTypeControl\":false,\"streetViewControl\":false,\"zoom\":14,\"zoomControl\":true,\"maxZoom\":20,\"mapId\":\"\"},<!-- [et_pb_line_break_holder] -->        \"mapsApiKey\": \"AIzaSyBkWtfoCeuFwJBN3S6swjhc4gA5eL4U60Q\"<!-- [et_pb_line_break_holder] -->      };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      function initMap() {<!-- [et_pb_line_break_holder] -->        new Commutes(CONFIGURATION);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    <\/script><!-- [et_pb_line_break_holder] -->    <script src=\"https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyBkWtfoCeuFwJBN3S6swjhc4gA5eL4U60Q&#038;callback=initMap&#038;libraries=places,geometry&#038;solution_channel=GMP_QB_commutes_v3_c\" async defer><\/script><!-- [et_pb_line_break_holder] -->  <\/body><!-- [et_pb_line_break_holder] --><\/html>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vui l\u00f2ng \u0111i\u1ec1n \u0111\u1ea7y \u0111\u1ee7 th\u00f4ng tin c\u1ee7a b\u1ea1n \u0111\u1ec3 vi\u1ec7c giao nh\u1eadn \u0111\u1ed3 d\u1ec5 d\u00e0ng h\u01a1n. Ch\u00fang t\u00f4i s\u1ebd li\u00ean h\u1ec7 v\u1edbi b\u1ea1n \u0111\u1ec3 x\u00e1c nh\u1eadn \u0111\u01a1n h\u00e0ng.<div class=\"et_pb_module dsm_button dsm_button_0 et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_button_module_wrappers dsm_button_0_wrapper et_pb_button_alignment_center et_pb_module\">\n\t\t\t\t<a class=\"et_pb_button et_pb_button_one et_pb_bg_layout_light dsm-none \"  href=https:\/\/zalo.me\/0812397666 target=\"_blank\" data-dsm-lightbox-id=\"dsm_button_one_lightbox dsm_button_0\"><span>ZALO<\/span><\/a><a class=\"et_pb_button et_pb_button_two et_pb_bg_layout_light dsm-none \"  href=https:\/\/wa.me\/+84812397666 data-dsm-lightbox-id=\"dsm_button_two_lightbox dsm_button_0\"><span>WHATSAPP<\/span><\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><div class=\"et_pb_module dsm_button dsm_button_1 et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"et_pb_button_module_wrappers dsm_button_1_wrapper et_pb_button_alignment_center et_pb_module\">\n\t\t\t\t<a class=\"et_pb_button et_pb_button_one et_pb_bg_layout_light dsm-none \"  href=http:\/\/qr.kakao.com\/talk\/D9cQrSAyXJ6c13Ldnda978IFuyQ- target=\"_blank\" data-dsm-lightbox-id=\"dsm_button_one_lightbox dsm_button_1\"><span>KAKAO<\/span><\/a><a class=\"et_pb_button et_pb_button_two et_pb_bg_layout_light dsm-none \"  href=https:\/\/m.me\/giatui2h data-dsm-lightbox-id=\"dsm_button_two_lightbox dsm_button_1\"><span>MESSENGER<\/span><\/a>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"areas":[],"class_list":["post-7182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/giatui2h.com\/ru\/wp-json\/wp\/v2\/pages\/7182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/giatui2h.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/giatui2h.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/giatui2h.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/giatui2h.com\/ru\/wp-json\/wp\/v2\/comments?post=7182"}],"version-history":[{"count":0,"href":"https:\/\/giatui2h.com\/ru\/wp-json\/wp\/v2\/pages\/7182\/revisions"}],"wp:attachment":[{"href":"https:\/\/giatui2h.com\/ru\/wp-json\/wp\/v2\/media?parent=7182"}],"wp:term":[{"taxonomy":"gh_area","embeddable":true,"href":"https:\/\/giatui2h.com\/ru\/wp-json\/wp\/v2\/areas?post=7182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}