@keyframes infoLoading-dots{0%{box-shadow:22.4px 0,-22.4px 0}33%{box-shadow:22.4px 0,-22.4px 0 rgba(71,75,255,.13);background:rgba(59,138,247,.13)}66%{box-shadow:22.4px 0 rgba(71,75,255,.13),-22.4px 0;background:rgba(153,198,250,.13)}}.field,.field_content{position:relative;display:block}.field label,select.formSelect{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);display:block}.field label{margin-bottom:8px}.field_content{padding-bottom:24px}.field_error{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);color:var(--color-red);position:absolute;height:24px;bottom:0;left:0}.field_error,.field_mobile .field_content{display:flex;justify-content:flex-start;align-items:center;width:100%}.field_mobile .fieldMobile_region{width:calc(40% - 24px)}.field_mobile .fieldMobile_stroke{width:24px;display:flex;justify-content:center;align-items:center}.field_mobile .fieldMobile_phone{width:60%}select.formSelect{-webkit-appearance:none;appearance:none;-moz-appearance:none;position:relative;width:100%;height:48px;padding:12px;border-radius:8px;border:1px solid var(--color-grey--100);background-color:var(--color-white);color:var(--color-grey);transition:border-color .25s;background-repeat:no-repeat;background-size:24px;background-position:right 4px center;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2342475f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>')}.error input.formInput,.error select.formSelect,.error textarea.formTextarea{border-color:var(--color-red)}input.formInput:focus,select.formSelect:focus,textarea.formTextarea:focus{border-color:var(--color-blue)}input.formInput,textarea.formTextarea{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);position:relative;display:block;width:100%;height:48px;padding:12px;border-radius:8px;border:1px solid var(--color-grey--100);background-color:var(--color-white);color:var(--color-grey);transition:border-color .25s}@media (max-width:1023px){input.formInput[type=time]{display:block;width:100vw;max-width:100%;-webkit-appearance:none}input.formInput[type=time]::-webkit-date-and-time-value{text-align:left}}input.formInput.password{padding-right:36px;position:relative}input.formInput.password+.formInput_toggle_password{display:block;width:24px;height:24px;position:absolute;right:8px;top:12px;background-repeat:no-repeat;background-position:center center;background-size:contain}input.formInput.password[type=password]+.formInput_toggle_password{background-image:url(/assets/images/community-report/showPassword.svg)}input.formInput.password[type=text]+.formInput_toggle_password{background-image:url(/assets/images/community-report/showPasswordActive.svg)}textarea.formTextarea{font-family:inherit;height:110px;resize:vertical}::-webkit-scrollbar{-webkit-appearance:none;width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-grey--50)}::-webkit-scrollbar-thumb{background:var(--color-grey--200);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-grey--300)}.page_map .loginPanelWrapper,.page_map .resetPasswordPanelWrapper{display:none;justify-content:center;align-items:center;width:100vw;width:100dvw;height:100vh;height:100dvh;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.5);z-index:3}.page_map .loginPanelWrapper.active,.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loginBtn.active,.page_map .resetPasswordPanelWrapper.active{display:flex}.page_map .loginPanelWrapper .popupPanel,.page_map .resetPasswordPanelWrapper .popupPanel{width:500px;max-width:calc(100vw - 32px);max-width:calc(100dvw - 32px);padding:24px;position:relative;background-color:var(--color-white);border-radius:8px}.page_map .loginPanelWrapper .popupPanel .title,.page_map .resetPasswordPanelWrapper .popupPanel .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:700;margin-bottom:16px}.page_map .loginPanelWrapper .popupPanel .closeBtn,.page_map .resetPasswordPanelWrapper .popupPanel .closeBtn{position:absolute;right:16px;top:16px}.page_map .loginPanelWrapper .loginPanel .loginForm .formAction:after,.page_map .loginPanelWrapper .loginPanel .loginForm .formItem:after{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);content:attr(data-error);display:block;padding-right:70px;padding-top:4px;color:var(--color-red);line-height:16px!important}.page_map .loginPanelWrapper .loginPanel .loginForm .formAction{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:16px}.page_map .loginPanelWrapper .loginPanel .loginForm .formAction .field_error{display:block;position:relative;text-align:center}.page_map .mapWrapper .mapHeader{display:block;width:100vw;width:100dvw;height:50px;padding:0 16px;position:fixed;top:0;left:0;background-color:var(--color-white);z-index:2}@media (min-width:1440px){.page_map .mapWrapper .mapHeader{padding:0 24px}}.page_map .mapWrapper .mapHeader .mapHeader_sectionWrapper{display:flex;justify-content:space-between;align-items:center;height:50px}@media (max-width:1439px){.page_map .mapWrapper .mapHeader .mapHeader_sectionWrapper{gap:8px}}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeader_sectionWrapper{gap:48px}}.page_map .mapWrapper .mapHeader .mapHeader_section .homeBtn{display:block;white-space:nowrap}.page_map .mapWrapper .mapHeader .mapHeader_section .homeBtn:before{content:"";display:inline-block;width:16px;height:16px;position:relative;top:2px;background-image:url(/assets/map/common/icon/homeBtnArrowLeft.svg);background-repeat:no-repeat;background-size:100%;background-position:center center}@media (max-width:1023px){.page_map .mapWrapper .mapHeader .mapHeader_section .homeBtn span{display:none}}.page_map .mapWrapper .mapHeader .mapHeader_section .mapHeaderLayers{display:block}@media (max-width:1439px){.page_map .mapWrapper .mapHeader .mapHeader_section .mapHeaderLayers{width:100vw;width:100dvw;height:50px;position:fixed;left:0;top:50px;background-color:var(--color-white)}}.page_map .mapWrapper .mapHeader .mapHeader_section .mapHeaderLayers .mapHeaderLayerBtnWrapper{display:flex;flex-direction:row;gap:8px}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .mapHeader .mapHeader_section .mapHeaderLayers .mapHeaderLayerBtnWrapper{justify-content:center}}@media (max-width:1439px){.page_map .mapWrapper .mapHeader .mapHeader_section .mapHeaderLayers .mapHeaderLayerBtnWrapper{overflow-x:auto;height:50px;padding:0 16px}}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeader_section .mapHeaderLayers .mapHeaderLayerBtnWrapper{justify-content:center;gap:32px}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection{display:flex;align-items:center}@media (max-width:1439px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection{gap:16px}}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection{gap:36px}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .linkBtn,.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loginBtn .text{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;color:var(--color-grey--500)}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .linkBtn{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .langSwitch{-webkit-appearance:none;font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;display:block;padding:0 20px 0 0;background-color:var(--color-white);background-image:url(/assets/map/common/icon/langSwitchArrowDown.svg);background-repeat:no-repeat;background-size:16px;background-position:right center;color:var(--color-grey--500);border-style:none;border-width:0;border-color:transparent;outline:0!important}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .langSwitch{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loginBtn{display:none;gap:8px;align-items:center}@media (min-width:1024px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loginBtn{gap:12px}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loginBtn .text{flex-shrink:1;flex-grow:1;text-align:left}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loginBtn .text{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel{display:none;gap:8px;align-items:center;position:relative}@media (min-width:1024px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel{gap:12px}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel.active{display:flex}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .icon{flex-shrink:0;flex-grow:0;display:block;width:24px;height:24px;position:relative;background-color:var(--color-blue--200);border-radius:24px}@media (min-width:1024px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .icon{width:40px;height:40px;border-radius:40px}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .icon .user{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--color-blue--600)}@media (min-width:1024px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .icon .user{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .btnWrapper{display:none;box-shadow:0 0 4px rgba(0,0,0,.2);padding:4px 12px;position:absolute;right:-8px;top:24px;background-color:var(--color-white);border-radius:8px}@media (min-width:1024px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .btnWrapper{top:40px}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .logoutBtn,.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .resetPasswordBtn{display:block;flex-shrink:1;flex-grow:1;font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;text-align:left;color:var(--color-grey--500);padding:4px 0;position:relative;white-space:nowrap}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .logoutBtn,.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel .resetPasswordBtn{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}.page_map .mapWrapper .mapHeader .mapHeader_section .subsection .loggedPanel:hover .btnWrapper{display:block}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeader_section .subsection.subsection_mapHeaderLayers{max-width:calc(100vw - 750px);max-width:calc(100dvw - 750px)}.page_map .mapWrapper .mapHeader .mapHeader_section.mapHeader_section_left{flex-grow:0;flex-shrink:0}}.page_map .mapWrapper .mapHeader .mapHeader_section.mapHeader_section_right{display:flex;flex-grow:0;flex-shrink:0;align-items:center}@media (max-width:1439px){.page_map .mapWrapper .mapHeader .mapHeader_section.mapHeader_section_right{gap:16px}}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeader_section.mapHeader_section_right{gap:48px}}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn{display:flex;gap:12px;align-items:center}@media (max-width:767px){.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn{min-width:200px}}@media (min-width:768px) and (max-width:1439px){.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn{min-width:180px}}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn .icon{flex-shrink:0;flex-grow:0;overflow:hidden;display:flex;width:32px;height:32px;padding:0 2px;background-color:rgba(var(--color-grey--50-rgb),.5);border-radius:32px;transition:all .25s}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn .icon{width:32px;height:32px;padding:0 6px;border-radius:32px}}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn .icon svg{align-self:center;transform:scale3d(1.2,1.2,1.2)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn .icon svg *{fill:var(--color-grey--500);transition:all .25s}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn .text{flex-shrink:1;flex-grow:1;font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;line-height:1.3;text-align:left;color:var(--color-grey--500);transition:all .25s}@media (min-width:768px) and (max-width:1439px){.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn .text{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;line-height:1.3}}@media (min-width:1440px){.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn .text{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);max-width:190px;line-height:1.1}}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.active .text,.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn:hover .text{color:var(--color-grey--900)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.active .icon svg *,.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.roadReconstructionBtn.active .icon svg *{fill:var(--color-white)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.roadReconstructionBtn .icon svg *{fill:var(--color-grey--500);transition:all .25s}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.roadReconstructionBtn:hover .icon{background-color:rgba(var(--color-red-rgb),.1)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.roadReconstructionBtn.active .icon{background-color:var(--color-red)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.blacksitesBtn:hover .icon{background-color:rgba(var(--color-grey--900-rgb),.1)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.blacksitesBtn.active .icon{background-color:var(--color-grey--900)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.roadHazardsWarningBtn:hover .icon{background-color:rgba(var(--color-red-rgb),.1)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.roadHazardsWarningBtn.active .icon{background-color:var(--color-red)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.roadRiskWarningBtn:hover .icon{background-color:rgba(var(--color-green--100-rgb),.1)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.roadRiskWarningBtn.active .icon{background-color:var(--color-green--100)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.trafficCongestionWarningBtn:hover .icon{background-color:rgba(var(--color-blue-rgb),.1)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn.trafficCongestionWarningBtn.active .icon{background-color:var(--color-blue)}.page_map .mapWrapper .mapHeader .mapHeaderLayerBtn strong{font-weight:700!important}.page_map .mapWrapper .mapInfoPanel .staticInfo.hide,.page_map[data-maptype=app] .mapWrapper .mapHeader .mapHeader_sectionWrapper .mapHeader_section.mapHeader_section_left{display:none!important}.page_map[data-maptype=app] .mapWrapper .mapHeader .mapHeader_sectionWrapper .mapHeader_section.mapHeader_section_right .subsection:not(.subsection_mapHeaderLayers){display:none!important}.page_map[data-maptype=app] .mapWrapper .mapHeader .mapHeader_sectionWrapper .mapHeader_section.mapHeader_section_right .subsection.subsection_mapHeaderLayers .mapHeaderLayers{top:0}.page_map .mapWrapper .mapInfoPanel{width:100%;position:absolute;left:0;bottom:0}@media (max-width:1023px){.page_map .mapWrapper .mapInfoPanel{background-color:var(--color-white);border-radius:8px 8px 0 0}}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .mapInfoPanel{width:424px;left:24px;top:228px;bottom:auto;z-index:3}}@media (min-width:1440px){.page_map .mapWrapper .mapInfoPanel{width:424px;left:24px;top:178px;bottom:auto;z-index:3}}.page_map .mapWrapper .mapInfoPanel .staticInfo{padding:16px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .staticInfo{background-color:var(--color-white);border-radius:8px}}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .staticInfo.hide+.itemInfo{margin-top:0}.page_map .mapWrapper .mapInfoPanel .staticInfo+.itemInfo{margin-top:8px}}.page_map .mapWrapper .mapInfoPanel .itemInfo{padding:16px 0;position:relative}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .itemInfo{overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-white);border-radius:8px;max-height:calc(100vh - 50px - 50px - 16px - 32px - 16px - 48px - 16px - 16px - 24px);max-height:calc(100dvh - 50px - 50px - 16px - 32px - 16px - 48px - 16px - 16px - 24px)}}.page_map .mapWrapper .mapInfoPanel .itemInfo.hide{display:none!important}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .itemInfo .contentWrapper{overflow:hidden;max-height:calc(100% - 32px - 16px)}}.page_map .mapWrapper .mapInfoPanel .itemInfo .infoLoading{display:flex;justify-content:center;align-items:center;width:100%;height:100px}.page_map .mapWrapper .mapInfoPanel .itemInfo .infoLoading .dots{width:13.4px;height:13.4px;background:#2258f5;color:#2258f5;border-radius:50%;box-shadow:22.4px 0,-22.4px 0;animation:infoLoading-dots 1.8s infinite linear alternate}.page_map .mapWrapper .mapInfoPanel .multiItemInfo{padding:16px 0;position:relative}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .multiItemInfo{overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-white);border-radius:8px;max-height:calc(100vh - 50px - 50px - 16px - 32px - 16px - 48px - 16px - 16px - 24px);max-height:calc(100dvh - 50px - 50px - 16px - 32px - 16px - 48px - 16px - 16px - 24px)}}.page_map .mapWrapper .mapInfoPanel .multiItemInfo.hide{display:none!important}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .multiItemInfo .contentWrapper{overflow:hidden;max-height:calc(100% - 32px - 16px)}}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:12px;padding:0 16px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper{max-height:32px}}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .mapBtn-nav{width:32px;height:32px;background-color:var(--color-grey--100);border-radius:32px;transition:all .25s;display:flex;align-items:center;justify-content:center}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .mapBtn-nav:hover{background-color:var(--color-grey--200)}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .mapBtn-nav:disabled{opacity:.5;cursor:not-allowed}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .mapBtn-nav svg{width:16px;height:16px}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .mapBtn-nav svg *{stroke:var(--color-grey--700)}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .mapBtn-nav.nextBtn svg{transform:rotate(180deg)}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .indicatorWrapper{display:flex;align-items:center;gap:4px;font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:500;color:var(--color-grey--700)}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .indicatorWrapper .currentIndex,.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .indicatorWrapper .totalCount{font-weight:600;color:var(--color-grey--900)}.page_map .mapWrapper .mapInfoPanel .multiItemInfo .navigationWrapper .indicatorWrapper .separator{color:var(--color-grey--500)}.page_map .mapWrapper .mapInfoPanel .contentWrapper{padding:0 16px;position:relative}@media (max-width:1023px){.page_map .mapWrapper .mapInfoPanel .contentWrapper{overflow-y:auto;max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px)}}.page_map .mapWrapper .mapInfoPanel .closeBtn{position:absolute;right:16px;top:14px}.page_map .mapWrapper .mapLayersPanel{width:100%;padding:24px;background-color:var(--color-white);position:absolute;right:0;bottom:0;border-radius:8px 8px 0 0}@media (max-width:1023px){.page_map .mapWrapper .mapLayersPanel{padding:16px 24px;z-index:2}}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .mapLayersPanel{width:480px;right:90px;top:146px;bottom:auto;border-radius:8px}}@media (min-width:1440px){.page_map .mapWrapper .mapLayersPanel{width:480px;right:90px;top:96px;bottom:auto;border-radius:8px}}.page_map .mapWrapper .mapLayersPanel.hide{display:none!important}.page_map .mapWrapper .mapLayersPanel .closeBtn{position:absolute;right:16px;top:14px}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .closeBtn{top:18px}.page_map .mapWrapper .mapLayersPanel .layersWrapper{overflow-y:auto;max-height:calc(100vh - 270px);max-height:calc(100dvh - 270px)}}.page_map .mapWrapper .mapLayersPanel>.title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight);font-weight:700;margin-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel>.title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);margin-bottom:16px}}.page_map .mapWrapper .mapLayersPanel .layers>div:not(:first-child){padding-top:8px;position:relative}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .layers>div:not(:first-child){padding-top:16px}}.page_map .mapWrapper .mapLayersPanel .layers>div:not(:first-child):before{content:"";display:block;width:100%;height:1px;background-color:var(--color-grey--100);position:absolute;top:0;left:0}.page_map .mapWrapper .mapLayersPanel .layers>div:not(:last-child){padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .layers>div:not(:last-child){padding-bottom:16px}}.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons{display:flex;justify-content:center;gap:16px}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons{gap:48px}}.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons .baseLayerBtn{display:flex;flex-direction:column;gap:0}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons .baseLayerBtn{gap:4px}}.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons .baseLayerBtn .imgWrapper{align-self:center;overflow:hidden;display:block;width:64px;height:64px;border-radius:8px;border-style:solid;border-width:2px;border-color:transparent;transition:all .25s}.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons .baseLayerBtn .imgWrapper img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .25s}.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons .baseLayerBtn .text{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);align-self:center;display:block;font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons .baseLayerBtn .text{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons .baseLayerBtn.active .text,.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons .baseLayerBtn:hover .text{color:var(--color-blue--600)}.page_map .mapWrapper .mapLayersPanel .baseLayers .buttons .baseLayerBtn.active .imgWrapper{border-color:var(--color-blue--600)}.page_map .mapWrapper .mapLayersPanel .dataLayers .title{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .dataLayers .title{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}@media (max-width:1023px){.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper{overflow-x:auto;overflow-y:hidden;width:100%;position:relative}}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:4px}@media (max-width:1023px){.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons{width:546px}}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons{gap:24px;margin-top:16px}}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn{flex-basis:calc((100% - 48px)/3);flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;gap:4px}@media (max-width:1023px){.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn{flex-basis:90px}}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn .imgWrapper{align-self:center;display:flex;justify-content:center;width:48px;height:48px;padding:0 8px;background-color:rgba(var(--color-grey--50-rgb),.5);border-radius:48px;transition:all .25s}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn .imgWrapper svg{align-self:center}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn .imgWrapper svg *{stroke:var(--color-grey--500);transition:all .25s}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn .text{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);align-self:center;display:block;text-align:center;color:var(--color-grey--500);font-weight:300;line-height:1.125;transition:all .25s}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn .text{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn.active .imgWrapper,.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn:hover .imgWrapper{background-color:rgba(var(--color-grey--50-rgb),1)}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn:hover .text{color:var(--color-grey--700)}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn.active .imgWrapper{background-color:var(--color-blue--600)!important}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:hover svg *,.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn.active .imgWrapper svg *{stroke:var(--color-white)}.page_map .mapWrapper .mapLayersPanel .dataLayers .buttonsWrapper .buttons .dataLayerBtn.active .text{color:var(--color-blue--600)}.page_map .mapWrapper .mapLayersPanel .actions .buttons{display:flex;justify-content:space-between}.page_map .mapWrapper .mapLayersPanel .actions .buttons .left{display:flex;flex-wrap:wrap;gap:16px;max-width:calc(100% - 100px)}.page_map .mapWrapper .mapLayersPanel .actions .buttons .downloadBtn{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:inline-flex;gap:12px;padding:8px 16px;background-color:var(--color-grey--700);color:var(--color-white);border-radius:50px;border-style:solid;border-width:1px;border-color:var(--color-grey--700);transition:all .25s}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .actions .buttons .downloadBtn{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);padding:12px 24px}}.page_map .mapWrapper .mapLayersPanel .actions .buttons .communityReportingBtn{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:inline-flex;gap:12px;padding:8px 16px;background-color:var(--color-grey--700);border-radius:50px;border-style:solid;border-width:1px;border-color:var(--color-grey--700);transition:all .25s}@media (min-width:1024px){.page_map .mapWrapper .mapLayersPanel .actions .buttons .communityReportingBtn{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);padding:12px 24px}}.page_map .mapWrapper .mapLayersPanel .actions .buttons .communityReportingBtn .imgWrapper{display:block;width:20px;height:24px}.page_map .mapWrapper .mapLayersPanel .actions .buttons .communityReportingBtn .imgWrapper svg *{stroke:var(--color-white);transition:all .25s}.page_map .mapWrapper .mapLayersPanel .actions .buttons .communityReportingBtn .text{color:var(--color-white);transition:all .25s}.page_map .mapWrapper .mapLayersPanel .actions .buttons .communityReportingBtn:hover{border-color:var(--color-blue--600);background-color:var(--color-blue--600)}.page_map .mapWrapper .mapLayersPanel .actions .buttons .panelLoading{display:none;justify-content:center;align-items:center;width:100px}.page_map .mapWrapper .mapLayersPanel .actions .buttons .panelLoading.active{display:flex}.page_map .mapWrapper .mapLayersPanel .actions .buttons .panelLoading .dots{width:13.4px;height:13.4px;background:#2258f5;color:#2258f5;border-radius:50%;box-shadow:22.4px 0,-22.4px 0;animation:infoLoading-dots 1.8s infinite linear alternate}.page_map .mapWrapper .mapDriverPanel{width:100%;position:absolute;left:0}.page_map .mapWrapper .mapDriverPanel.hide{display:none!important}.page_map .mapWrapper .mapDriverPanel .routeDirSelecton{display:flex;justify-content:flex-start;gap:8px;align-items:center;width:calc(100% - 24px);height:48px;padding:0 12px;position:absolute;left:12px;top:16px;background-color:var(--color-white);border-radius:8px}.page_map .mapWrapper .mapDriverPanel .routeDirSelecton .icon{flex-basis:32px;flex-shrink:0;flex-grow:0;width:32px;height:32px}.page_map .mapWrapper .mapDriverPanel .routeDirSelecton .icon svg{width:100%;height:100%}.page_map .mapWrapper .mapDriverPanel .routeDirSelecton .toggleRouteDirBtn{flex-basis:32px;flex-shrink:0;flex-grow:0;width:32px;height:32px;background-color:var(--color-blue--600);border-radius:32px}.page_map .mapWrapper .mapDriverPanel .routeDirSelecton .text{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;flex-shrink:1;flex-grow:1;display:block;text-align:left;line-height:1.2em;color:var(--color-grey--300);display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.page_map .mapWrapper .mapDriverPanel .routeDirSelecton .text.selected{color:var(--color-black)}.page_map .mapWrapper .mapDriverPanel .routeSelecton{padding:0 12px;position:absolute;left:0;top:82px}.page_map .mapWrapper .mapDriverPanel .routeSelecton select{-webkit-appearance:none;font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;display:block;width:100%;padding:11px 40px 11px 12px;background-color:var(--color-green--100);background-image:url(/assets/map/common/icon/selectArrowDown-white.svg);background-repeat:no-repeat;background-size:24px;background-position:right 10px center;color:var(--color-white);border-radius:8px;border-style:solid;border-width:1px;border-color:var(--color-green--100);outline:0!important}@media (min-width:1024px){.page_map .mapWrapper .mapDriverPanel .routeSelecton select{padding:12px}}.page_map .mapWrapper .mapDriverPanel .routeSelecton select option:disabled{color:var(--color-grey--100)}.page_map .warningSelectionPanel{position:fixed;display:none;justify-content:center;align-items:center;inset:0;width:100%;height:100dvh;background-color:rgba(0,0,0,.8);z-index:11}.page_map .warningSelectionPanel.active{display:flex}.page_map .warningSelectionPanel .panelWrapper{position:relative;display:block;width:calc(100% - 32px);max-width:640px;background-color:var(--color-white);text-align:center;padding:48px 24px;border-radius:12px;margin-left:16px;margin-right:16px}.page_map .warningSelectionPanel .panelContent{position:relative;display:block;margin-top:12px}.page_map .warningSelectionPanel .panelContent .warningSelector.active .actionPanel,.page_map .warningSelectionPanel .panelContent .warningSelector.active .infoPanel,.page_map .warningSelectionPanel .panelContent .warningSelector.empty .noRoutes{display:block}.page_map .warningSelectionPanel .panelContent .warningSelector .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .warningSelectionPanel .panelContent .warningSelector .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .warningSelectionPanel .panelContent .warningSelector .noRoutes{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;color:var(--color-grey--900);display:none;margin-top:10px}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel{display:none;margin-top:8px}@media (min-width:1024px){.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel{margin-top:16px}}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper{display:flex;gap:16px;align-items:flex-end;position:relative}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper{flex-basis:calc(100% - 48px - 16px);flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;gap:8px}@media (min-width:1024px){.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper{gap:16px}}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow{flex-wrap:wrap}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow:after{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;content:attr(data-remarks);display:block;flex-basis:100%;flex-shrink:0;flex-grow:0;color:var(--color-grey--700)}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow.formRow_2col{display:flex;gap:0 16px;align-items:flex-start}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow.formRow_2col .formItem{flex-basis:calc((100% - 16px)/2);flex-shrink:0;flex-grow:0}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow input[type=time]{-webkit-appearance:none;font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:block;width:100%;padding:11px 12px;background-color:var(--color-white);color:var(--color-grey--900);border-radius:8px;border-style:solid;border-width:1px;border-color:var(--color-grey--50)}@media (max-width:1023px){.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow input[type=time]{height:48px}}@media (min-width:1024px){.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow input[type=time]{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);padding:9px 12px}}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow input[type=time]::-webkit-calendar-picker-indicator,.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow input[type=time]::-webkit-calendar-picker-indicator{width:24px;height:24px}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow select{-webkit-appearance:none;font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:block;width:100%;padding:11px 48px 11px 12px;background-color:var(--color-white);background-image:url(/assets/map/common/icon/selectArrowDown.svg);background-repeat:no-repeat;background-size:24px;background-position:right 10px center;color:var(--color-grey--900);border-radius:8px;border-style:solid;border-width:1px;border-color:var(--color-grey--50);outline:0!important}@media (min-width:1024px){.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .formWrapper .formRow select{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);padding:12px 48px 12px 12px}}.page_map .warningSelectionPanel .panelContent .warningSelector .infoPanel .infoWrapper .selectBtn{flex-basis:48px;flex-shrink:0;flex-grow:0;width:48px;height:48px;margin-bottom:4px;border-radius:48px}.page_map .warningSelectionPanel .panelContent .warningSelector .actionPanel{display:none;gap:16px;margin-top:4px}.page_map .warningSelectionPanel .panelContent .warningSelector .actionPanel .selectBtn{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);flex-basis:32px;flex-shrink:0;flex-grow:0;display:flex;align-items:center;gap:8px;padding:0 8px;transition:all .25s}.page_map .warningSelectionPanel .panelContent .warningSelector .actionPanel .selectBtn .text{white-space:nowrap;transition:all .25s}@media (min-width:1024px){.page_map .warningSelectionPanel .panelContent .warningSelector .actionPanel .selectBtn:hover .text{text-decoration:underline}}.page_map .warningSelectionPanel .panelContent .warningSelector .formItem{position:relative}.page_map .warningSelectionPanel .panelContent .warningSelector .formItem:after{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);content:attr(data-error);display:block;padding-top:4px;color:var(--color-red);line-height:16px!important}.page_map .warningSelectionPanel .panelContent .warningSelector .formItem.endTimeWrapper:before{content:"-";font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);display:block;position:absolute;left:-10px;top:12px;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .warningSelectionPanel .panelContent .warningSelector .formItem.endTimeWrapper:before{top:16px}}.page_map .warningSelectionPanel .btnDialogClose{position:absolute;display:block;width:24px;height:24px;top:8px;right:8px;color:var(--color-grey--500)}.page_map .mapWrapper .mapInfoPanel .info_lamppost{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);margin-left:12px;font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .panelWrapper{overflow-y:auto;max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px);margin-top:16px}.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel{padding:16px 12px;background-color:var(--color-blue--100);border-radius:8px}.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .infoWrapper{display:flex;align-items:center;gap:12px}.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .infoWrapper .icon{flex-basis:48px;flex-shrink:0;flex-grow:0;width:48px;height:48px;background-image:url(/assets/map/layers/lamppost/temperature.svg);background-repeat:no-repeat;background-size:contain;background-position:center center}.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .infoWrapper .info .label,.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .infoWrapper .info .value .unit{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;color:var(--color-grey--500)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .infoWrapper .info .label{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .infoWrapper .info .value{font-size:var(--h2-fontSize);letter-spacing:var(--h2-letterSpacing);line-height:var(--h2-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .infoWrapper .info .value{font-size:var(--h1-fontSize);letter-spacing:var(--h1-letterSpacing);line-height:var(--h1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .infoWrapper .info .value .unit{padding-left:4px;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .infoWrapper .info .value .unit{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .scaleWrapper{margin-top:12px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .scaleWrapper{margin-top:20px}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .scaleWrapper .scale{width:100%;height:6px;position:relative;background-image:url(/assets/map/layers/lamppost/temperature_scale.svg);background-repeat:no-repeat;background-size:100%;background-position:center center}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .scaleWrapper .scale .indicator,.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperaturePanel .scaleWrapper .scale .indicator{width:12px;height:12px;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);background-color:var(--color-grey--900);border-style:solid;border-width:2px;border-color:var(--color-white);border-radius:12px}.page_map .mapWrapper .mapInfoPanel .info_lamppost .temperatureLegend{aspect-ratio:402/46;margin-top:8px;background-repeat:no-repeat;background-size:100%;background-position:center center}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel{margin-top:8px;padding:0 12px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel{margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper{padding-left:20px;position:relative}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper:not(:last-child){padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper:not(:last-child){padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper:not(:first-child){padding-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper:not(:first-child){padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper:not(:first-child)::before{content:"";width:100%;height:1px;position:absolute;top:0;left:0;background-color:var(--color-grey--50)}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .label{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);position:relative;font-weight:300;color:var(--color-grey--500)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .label{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .label::before{content:"";width:16px;height:16px;position:absolute;left:-20px;top:4px;background-repeat:no-repeat;background-size:contain;background-position:center center}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .value{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .value{font-size:var(--h4-fontSize);letter-spacing:var(--h4-letterSpacing);line-height:var(--h4-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .value .unit{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);padding-left:4px;font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .value .unit{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .scaleWrapper{display:flex;align-items:center;gap:12px}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper .scaleWrapper .scale{width:134px;height:6px;position:relative;background-repeat:no-repeat;background-size:100%}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper.humidity .label::before{background-image:url(/assets/map/layers/lamppost/humidity.svg)}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper.humidity .scaleWrapper .scale{background-image:url(/assets/map/layers/lamppost/humidity_scale.svg)}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper.windSpeed .label::before{background-image:url(/assets/map/layers/lamppost/windSpeed.svg)}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper.windSpeed .scaleWrapper .scale{background-image:url(/assets/map/layers/lamppost/windSpeed_scale.svg)}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper.windDirection .label::before{background-image:url(/assets/map/layers/lamppost/windDirection.svg)}.page_map .mapWrapper .mapInfoPanel .info_lamppost .otherInfoPanel .infoWrapper.windDirection .value .unit{vertical-align:top}.page_map .mapWrapper .mapInfoPanel .info_lamppost .updateTime{margin-top:8px;padding-left:12px;position:relative}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .updateTime{margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_lamppost .updateTime .value{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;color:var(--color-grey--700)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_lamppost .updateTime .value{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}.page_map[data-lang=en] .mapWrapper .mapInfoPanel .info_lamppost .temperatureLegend{background-image:url(/assets/map/layers/lamppost/temperature_legend-en.svg)}.page_map[data-lang=tc] .mapWrapper .mapInfoPanel .info_lamppost .temperatureLegend{background-image:url(/assets/map/layers/lamppost/temperature_legend-tc.svg)}.page_map .mapWrapper .mapInfoPanel .info_aadt{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_aadt{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_aadt .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_aadt .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_aadt .roadType{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);padding-top:8px;font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_aadt .roadType{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_aadt .roadType .item{display:inline-block;padding:0 12px;border-radius:24px}.page_map .mapWrapper .mapInfoPanel .info_aadt .roadType .item,.page_map .mapWrapper .mapInfoPanel .info_aadt .roadType.Major .item{background-color:var(--color-blue--100);color:var(--color-blue--600)}.page_map .mapWrapper .mapInfoPanel .info_aadt .roadType.Minor .item{background-color:var(--color-green--50);color:var(--color-green--100)}.page_map .mapWrapper .mapInfoPanel .info_aadt .roadName{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight);padding-top:4px;padding-bottom:8px;font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_aadt .roadName{font-size:var(--h4-fontSize);letter-spacing:var(--h4-letterSpacing);line-height:var(--h4-lineHeight);padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .info_aadt .details{padding-top:8px;position:relative}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_aadt .details{padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_aadt .details:before{content:"";display:block;width:100%;height:1px;background-color:var(--color-grey--100);position:absolute;top:0;left:0}.page_map .mapWrapper .mapInfoPanel .info_aadt .currentAADT .value{font-weight:700}.page_map .mapWrapper .mapInfoPanel .info_aadt .content_2col{display:flex;gap:24px}.page_map .mapWrapper .mapInfoPanel .info_aadt .content_2col .col{flex-basis:calc((100% - 24px)/2);flex-shrink:0;flex-grow:0;max-width:calc((100% - 24px)/2)}.page_map .mapWrapper .mapInfoPanel .info_aadt .content_2col .col .label,.page_map .mapWrapper .mapInfoPanel .info_pois .col .label{color:var(--color-grey--500)}.page_map .mapWrapper .mapInfoPanel .info_pois{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_pois{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_pois .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_pois .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_pois .lastUpdate{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;margin-top:8px;color:var(--color-grey--700)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_pois .lastUpdate{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_pois .col{margin-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_pois .col{margin-top:16px}}@media (max-width:1023px){.page_map.currentLayer_rainfallNowcast:not(.staticInfoDisabled) .mapSearchBtn{bottom:calc(7vw + 66px + 8px)!important;bottom:calc(7dvw + 66px + 8px)!important}}.page_map .mapWrapper .mapInfoPanel .static_historicalAccidents .legend,.page_map .mapWrapper .mapInfoPanel .static_rainfallNowcast .legend{margin-top:12px}.page_map .mapWrapper .mapInfoPanel .static_historicalAccidents .legend img,.page_map .mapWrapper .mapInfoPanel .static_rainfallNowcast .legend img,.page_map .mapWrapper .mapInfoPanel .static_trafficSpeed .legend img{display:block;width:100%}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .infoPanel{overflow-y:auto;margin-top:16px;max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px)}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .infoPanel .infoWrapper{position:relative}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .infoPanel .infoWrapper:not(:last-child){padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .infoPanel .infoWrapper:not(:last-child){padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .infoPanel .infoWrapper:not(:first-child){padding-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .infoPanel .infoWrapper:not(:first-child){padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper:not(:first-child)::before,.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .infoPanel .infoWrapper:not(:first-child)::before,.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper:not(:first-child)::before,.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .infoPanel .infoWrapper:not(:first-child)::before,.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .infoPanel .infoWrapper:not(:first-child)::before,.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper:not(:first-child)::before,.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper:not(:first-child)::before{content:"";width:100%;height:1px;position:absolute;top:0;left:0;background-color:var(--color-grey--50)}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .infoPanel .infoWrapper .col.warning .value ul,.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .infoPanel .infoWrapper .col.warning .value ul,.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .infoPanel .infoWrapper .col.warning .value ul{padding-left:20px;list-style-type:disc}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .infoPanel .infoWrapper .col.warning .value ul li,.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .infoPanel .infoWrapper .col.warning .value ul li,.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .infoPanel .infoWrapper .col.warning .value ul li{list-style-type:disc}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .col{flex-wrap:wrap;gap:0}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .col .label,.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .col .value{flex-basis:100%}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .content_2col{display:flex;gap:24px;margin-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .content_2col{margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .content_2col .col{flex-basis:calc((100% - 24px)/2);flex-shrink:0;flex-grow:0;max-width:calc((100% - 24px)/2)}.page_map .mapWrapper .mapInfoPanel .info_historicalAccidents .content_2col .col .label{color:var(--color-grey--500)}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView,.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .infoWrapper .info .label{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .panelWrapper{overflow-y:auto;max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px);margin-top:8px}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel{position:relative}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .infoWrapper{display:flex;align-items:center;gap:12px;padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .infoWrapper{padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .infoWrapper .icon{flex-basis:40px;flex-shrink:0;flex-grow:0;width:40px;height:40px;background-image:url(/assets/map/common/layers/liveTrafficView.svg);background-repeat:no-repeat;background-size:26px;background-position:center center;background-color:var(--color-blue--600);border-radius:40px;transition:all .25s}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .infoWrapper .info .label{color:var(--color-grey--500)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .infoWrapper .info .label{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .infoWrapper .info .value{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .infoWrapper .info .value{font-size:var(--h4-fontSize);letter-spacing:var(--h4-letterSpacing);line-height:var(--h4-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .liveviewWrapper{padding-top:8px;position:relative}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .liveviewWrapper{padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .liveviewWrapper::before{content:"";width:100%;height:1px;position:absolute;top:0;left:0;background-color:var(--color-grey--50)}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .liveviewWrapper .liveview{width:100%}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .locationPanel .liveviewWrapper .liveview img{display:block;width:100%;max-width:320px;margin:0 auto;border-radius:8px}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .vehiclePanel{overflow:hidden;margin-top:12px;border-radius:8px;border-style:solid;border-width:1px;border-color:var(--color-grey--50)}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .vehiclePanel .vehicleStat{display:flex;gap:16px;padding:4px 16px;background-color:var(--color-white)}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .vehiclePanel .vehicleStat:nth-child(even){background-color:var(--color-grey--50)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .vehiclePanel .vehicleStat{padding:8px 16px}}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .vehiclePanel .vehicleStat .vehicleType{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;flex-shrink:1;flex-grow:1;color:var(--color-grey--500)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .vehiclePanel .vehicleStat .vehicleType{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .vehiclePanel .vehicleStat .vehicleCount{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;flex-basis:30px;flex-shrink:0;flex-grow:0;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_liveTrafficView .vehiclePanel .vehicleStat .vehicleCount{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;padding-right:32px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel{overflow-y:auto;margin-top:16px;max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel{max-height:calc(100vh - 50px - 50px - 16px - 32px - 16px - 48px - 16px - 16px - 24px - 32px);max-height:calc(100dvh - 50px - 50px - 16px - 32px - 16px - 48px - 16px - 16px - 24px - 32px)}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper{position:relative}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper:not(:last-child){padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper:not(:last-child){padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper:not(:first-child){padding-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper:not(:first-child){padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.top{display:flex;gap:12px;align-items:center}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.top .icon{flex-basis:48px;flex-shrink:0;flex-grow:0;width:48px;height:48px;background-image:url(/assets/map/common/layers/roadReconstruction_white.svg);background-repeat:no-repeat;background-size:contain;background-position:center center;border-radius:48px;transition:all .25s}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.top .info .type .item{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;display:inline-block;padding:0 12px;border-radius:24px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.top .info .type .item{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.top .info .value{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight);font-weight:300;margin-top:4px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.top .info .value{font-size:var(--h4-fontSize);letter-spacing:var(--h4-letterSpacing);line-height:var(--h4-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.middle{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.middle{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.middle .label{color:var(--color-grey--500)}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.middle .value{color:var(--color-grey--900)}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.middle>.col:not(:first-child),.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.middle>.content_2col:not(:first-child){margin-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.middle>.col:not(:first-child),.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.middle>.content_2col:not(:first-child){margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.bottom{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.bottom{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .col .label,.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .content_2col .col .label,.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.bottom .label{color:var(--color-grey--500)}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.bottom .value{color:var(--color-grey--900)}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.bottom .disclaimer{margin-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel .infoWrapper.bottom .disclaimer{margin-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel.worksStatus_preparation .infoWrapper.top .icon{background-color:var(--color-orange)}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel.worksStatus_preparation .infoWrapper.top .info .type .item{background-color:var(--color-lightBeige);color:var(--color-orange)}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel.worksStatus_progress .infoWrapper.top .icon{background-color:var(--color-red)}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .infoPanel.worksStatus_progress .infoWrapper.top .info .type .item{background-color:var(--color-red--50);color:var(--color-red)}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .content_2col{display:flex;gap:24px}.page_map .mapWrapper .mapInfoPanel .info_roadReconstruction .content_2col .col{flex-basis:calc((100% - 24px)/2);flex-shrink:0;flex-grow:0;max-width:calc((100% - 24px)/2)}.page_map .mapWrapper .mapInfoPanel .info_blacksites .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_blacksites .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel{overflow-y:auto;margin-top:16px;max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px)}.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper,.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper{position:relative}.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper:not(:last-child){padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper:not(:last-child){padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper:not(:first-child){padding-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper:not(:first-child){padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper.scaleWrapper{margin-top:20px}.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper.scaleWrapper .scale{width:auto;max-width:100%}.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper.appendix .item{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;display:flex;color:var(--color-grey);gap:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_blacksites .infoPanel .infoWrapper.appendix .item{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight)}}@media (max-width:1023px){.page_map.currentLayer_trafficSpeed:not(.staticInfoDisabled) .mapSearchBtn{bottom:calc(15.6666666667vw + 64px + 8px)!important;bottom:calc(15.6666666667dvw + 64px + 8px)!important}}.page_map .mapWrapper .mapInfoPanel .static_trafficSpeed .legend{margin-top:12px}@media (max-width:1023px){.page_map.currentLayer_trafficCongestionIndex:not(.staticInfoDisabled) .mapSearchBtn{bottom:calc(7vw + 136px + 8px)!important;bottom:calc(7dvw + 136px + 8px)!important}}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .legend img,.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .legend img{display:block;width:auto;max-width:100%}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel{overflow-y:auto;margin-top:16px;max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper:not(:last-child){padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper:not(:last-child){padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper:not(:first-child){padding-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper:not(:first-child){padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper{display:flex;gap:0 16px}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper,.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .formItem{position:relative}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .formItem:after{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);content:attr(data-error);display:block;padding-top:4px;color:var(--color-red);line-height:16px!important}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .formItem select{-webkit-appearance:none;font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:block;padding:11px 48px 11px 12px;background-color:var(--color-white);background-image:url(/assets/map/common/icon/selectArrowDown.svg);background-repeat:no-repeat;background-size:24px;background-position:right 10px center;color:var(--color-grey--900);border-radius:8px;border-style:solid;border-width:1px;border-color:var(--color-grey--50);outline:0!important}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .formItem select{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);padding:12px 48px 12px 12px}}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn{flex-basis:32px;flex-shrink:0;flex-grow:0;display:flex;align-items:center;gap:8px;height:50px;padding:11px 8px 11px 16px;background-color:var(--color-white);border-radius:4px;border-style:solid;border-width:1px;border-color:var(--color-grey--50);transition:all .25s}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn .text{white-space:nowrap;transition:all .25s}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn svg,.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn svg{display:block;width:16px;height:16px;transition:all .25s}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn svg *{stroke:var(--color-grey--900);transition:all .25s}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:hover{background-color:var(--color-blue--600);border-color:var(--color-blue--600)}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:hover .text,.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:hover .text{color:var(--color-white)}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:disabled{background-color:var(--color-grey--50)!important;border-color:var(--color-grey--50)!important;cursor:default!important}.page_map .mapWrapper .mapInfoPanel .static_trafficCongestionIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:disabled svg *{stroke:var(--color-grey--900)!important}@media (max-width:1023px){.page_map.currentLayer_trafficAccidentRiskIndex:not(.staticInfoDisabled) .mapSearchBtn{bottom:calc(7vw + 136px + 8px)!important;bottom:calc(7dvw + 136px + 8px)!important}}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel{overflow-y:auto;margin-top:16px;max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper:not(:last-child){padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper:not(:last-child){padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper:not(:first-child){padding-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper:not(:first-child){padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper{display:flex;gap:0 16px}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .formItem{position:relative}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .formItem:after,.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .formItem:after{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);content:attr(data-error);display:block;padding-top:4px;color:var(--color-red);line-height:16px!important}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .formItem select{-webkit-appearance:none;font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:block;padding:11px 48px 11px 12px;background-color:var(--color-white);background-image:url(/assets/map/common/icon/selectArrowDown.svg);background-repeat:no-repeat;background-size:24px;background-position:right 10px center;color:var(--color-grey--900);border-radius:8px;border-style:solid;border-width:1px;border-color:var(--color-grey--50);outline:0!important}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .formItem select{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);padding:12px 48px 12px 12px}}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn{flex-basis:32px;flex-shrink:0;flex-grow:0;display:flex;align-items:center;gap:8px;height:50px;padding:11px 8px 11px 16px;background-color:var(--color-white);border-radius:4px;border-style:solid;border-width:1px;border-color:var(--color-grey--50);transition:all .25s}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn .text{white-space:nowrap;transition:all .25s}.mapBtn svg *,.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn svg *{stroke:var(--color-grey--900);transition:all .25s}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:hover{background-color:var(--color-blue--600);border-color:var(--color-blue--600)}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:hover svg *{stroke:var(--color-white)}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:disabled{background-color:var(--color-grey--50)!important;border-color:var(--color-grey--50)!important;cursor:default!important}.page_map .mapWrapper .mapInfoPanel .static_trafficAccidentRiskIndex .infoPanel .infoWrapper.districtSelectionWrapper .selectBtn:disabled svg *{stroke:var(--color-grey--900)!important}@media (max-width:1023px){.page_map.currentLayer_routeTracker:not(.staticInfoDisabled) .mapSearchBtn{bottom:270px!important}}.page_map .mapWrapper .mapInfoPanel .static_routeTracker{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_routeTracker{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_routeTracker .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel,.page_map .static_mobileyeWarningStat .infoPanel{margin-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel{margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper{display:flex;gap:16px;align-items:flex-end;position:relative}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper{flex-basis:calc(100% - 48px - 16px);flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;gap:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper{gap:16px}}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow{flex-wrap:wrap}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow:after{font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;content:attr(data-remarks);display:block;flex-basis:100%;flex-shrink:0;flex-grow:0;color:var(--color-grey--700)}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow.formRow_2col{display:flex;gap:0 16px;align-items:flex-start}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow.formRow_2col .formItem{flex-basis:calc((100% - 16px)/2);flex-shrink:0;flex-grow:0}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow input[type=time],.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow select{-webkit-appearance:none;font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:block;width:100%;padding:11px 12px;background-color:var(--color-white);color:var(--color-grey--900);border-radius:8px;border-style:solid;border-width:1px;border-color:var(--color-grey--50)}@media (max-width:1023px){.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow input[type=time]{height:48px}}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow input[type=time]{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);padding:9px 12px}}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow select{padding:11px 48px 11px 12px;background-image:url(/assets/map/common/icon/selectArrowDown.svg);background-repeat:no-repeat;background-size:24px;background-position:right 10px center;outline:0!important}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .formWrapper .formRow select{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);padding:12px 48px 12px 12px}}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .infoPanel .infoWrapper .selectBtn{flex-basis:48px;flex-shrink:0;flex-grow:0;width:48px;height:48px;margin-bottom:4px;border-radius:48px}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .formItem{position:relative}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .formItem.endTimeWrapper:before{content:"-";font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);display:block;position:absolute;left:-10px;top:12px;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .static_routeTracker .formItem.endTimeWrapper:before{top:16px}}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .legend_dataSource{display:none;aspect-ratio:328/47;margin-top:8px;background-repeat:no-repeat;background-size:100%;background-position:center center}.page_map .mapWrapper .mapInfoPanel .static_routeTracker .legend_dataSource.fms_obstacle,.page_map .mapWrapper .mapInfoPanel .static_routeTracker .legend_dataSource.fms_trafficCondition{display:block}.page_map .mapWrapper .mapInfoPanel .info_routeTracker{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_routeTracker{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_routeTracker .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_routeTracker .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_routeTracker .content_2col{display:flex;gap:24px;margin-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_routeTracker .content_2col{margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_roadHazardsWarning .content_2col .col,.page_map .mapWrapper .mapInfoPanel .info_routeTracker .content_2col .col{flex-basis:calc((100% - 24px)/2);flex-shrink:0;flex-grow:0;max-width:calc((100% - 24px)/2)}.page_map .mapWrapper .mapInfoPanel .info_routeTracker .content_2col .col .label{color:var(--color-grey--500)}.page_map[data-lang=en] .mapWrapper .mapInfoPanel .static_routeTracker .legend_dataSource.fms_obstacle{background-image:url(/assets/map/layers/routeTracker/fms_obstacle_legend-en.svg)}.page_map[data-lang=en] .mapWrapper .mapInfoPanel .static_routeTracker .legend_dataSource.fms_trafficCondition{background-image:url(/assets/map/layers/routeTracker/fms_trafficCondition_legend-en.svg)}.page_map[data-lang=tc] .mapWrapper .mapInfoPanel .static_routeTracker .legend_dataSource.fms_obstacle{background-image:url(/assets/map/layers/routeTracker/fms_obstacle_legend-tc.svg)}.page_map[data-lang=tc] .mapWrapper .mapInfoPanel .static_routeTracker .legend_dataSource.fms_trafficCondition{background-image:url(/assets/map/layers/routeTracker/fms_trafficCondition_legend-tc.svg)}.page_map .mapWrapper .mapInfoPanel .info_roadHazardsWarning{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadHazardsWarning{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadHazardsWarning .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadHazardsWarning .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadHazardsWarning .content_2col{display:flex;gap:24px;margin-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadHazardsWarning .content_2col{margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_roadHazardsWarning .content_2col .col .label{color:var(--color-grey--500)}.page_map .mapWrapper .mapInfoPanel .info_roadHazardsWarning .content_2col .col .value{word-break:break-all}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .infoPanel{overflow-y:auto;margin-top:16px;max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px)}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .infoPanel .infoWrapper{position:relative}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .infoPanel .infoWrapper:not(:last-child){padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .infoPanel .infoWrapper:not(:last-child){padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .infoPanel .infoWrapper:not(:first-child){padding-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .infoPanel .infoWrapper:not(:first-child){padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .content_2col{display:flex;gap:24px;margin-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .content_2col{margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .content_2col .col{flex-basis:calc((100% - 24px)/2);flex-shrink:0;flex-grow:0;max-width:calc((100% - 24px)/2)}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .content_2col .col .label{color:var(--color-grey--500)}.page_map .mapWrapper .mapInfoPanel .info_roadRiskWarning .content_2col .col .value{word-break:break-all}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:300;color:var(--color-grey--900)}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .title{font-size:var(--h5-fontSize);letter-spacing:var(--h5-letterSpacing);line-height:var(--h5-lineHeight)}}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .infoPanel{overflow-y:auto;margin-top:16px;max-height:calc(100vh - 320px);max-height:calc(100dvh - 320px)}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .infoPanel .infoWrapper{position:relative}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .infoPanel .infoWrapper:not(:last-child){padding-bottom:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .infoPanel .infoWrapper:not(:last-child){padding-bottom:16px}}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .infoPanel .infoWrapper:not(:first-child){padding-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .infoPanel .infoWrapper:not(:first-child){padding-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .content_2col{display:flex;gap:24px;margin-top:8px}@media (min-width:1024px){.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .content_2col{margin-top:16px}}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .content_2col .col{flex-basis:calc((100% - 24px)/2);flex-shrink:0;flex-grow:0;max-width:calc((100% - 24px)/2)}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .content_2col .col .label{color:var(--color-grey--500)}.page_map .mapWrapper .mapInfoPanel .info_trafficCongestionWarning .content_2col .col .value{word-break:break-all}@media (min-width:1024px){.page_map .static_mobileyeWarningStat .infoPanel{margin-top:16px}}.page_map .static_mobileyeWarningStat .infoPanel select{-webkit-appearance:none;font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:block;width:100%;padding:11px 48px 11px 12px;background-color:var(--color-white);background-image:url(/assets/map/common/icon/selectArrowDown.svg);background-repeat:no-repeat;background-size:24px;background-position:right 10px center;color:var(--color-grey--900);border-radius:8px;border-style:solid;border-width:1px;border-color:var(--color-grey--50);outline:0!important}@media (min-width:1024px){.page_map .static_mobileyeWarningStat .infoPanel select{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);padding:12px 48px 12px 12px}}.page_map .static_mobileyeWarningStat .resultPanel{margin-top:8px;max-height:300px;overflow-x:hidden;overflow-y:auto}@media (min-width:1024px){.page_map .static_mobileyeWarningStat .resultPanel{margin-top:16px}}.page_map .static_mobileyeWarningStat .resultPanel #mobileyeWarningStat_chart{overflow:hidden}body *{font-weight:300}.mapBtn{width:40px;height:40px;background-color:var(--color-white);border-radius:40px;transition:all .25s}.mapBtn.active svg *{stroke:var(--color-blue--600)!important}.mapBtn.dim{filter:grayscale(100%) brightness(90%)}@media (min-width:1024px){body[data-maptype=web] .mapBtn:hover svg *{stroke:var(--color-blue--600)}}.mapBtn-close,.mapBtn-select{width:32px;height:32px}.mapBtn-close svg{width:16px;height:16px;margin:0 auto}.mapBtn-close svg *{stroke:var(--color-grey--500);transition:all .25s}@media (min-width:1024px){.mapBtn-close:hover svg{transform:rotate3d(0,0,1,90deg)}.mapBtn-close:hover svg *{stroke:var(--color-blue--600)}}.mapBtn-select{background-color:var(--color-white);border-radius:32px;border-style:solid;border-width:1px;border-color:var(--color-grey--50)}.mapBtn-close svg,.mapBtn-select,.mapBtn-select svg{transition:all .25s}.mapBtn-select svg *{stroke:var(--color-grey--900);transition:all .25s}@media (min-width:1024px){.mapBtn-select:hover{background-color:var(--color-blue--600);border-color:var(--color-blue--600)}.mapBtn-select:hover svg *{stroke:var(--color-white)}}.mapBtn-select:disabled{background-color:var(--color-grey--50)!important;border-color:var(--color-grey--50)!important;cursor:default!important}.mapBtn-select:disabled svg *{stroke:var(--color-grey--900)!important}.page_map[data-maptype=app] .mapWrapper .weatherPanel{top:66px}.page_map[data-maptype=app] .mapWrapper .speedLimitSign{top:198px}.page_map[data-maptype=app] .mapWrapper .toggleLayerPanelBtn{top:110px}@media (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=app] .mapWrapper .toggleLayerPanelBtn{top:66px}}@media (min-width:1440px){.page_map[data-maptype=app] .mapWrapper .toggleLayerPanelBtn{top:16px}}.page_map[data-maptype=app] .mapWrapper .toggleDriverModeBtn{top:166px}@media (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=app] .mapWrapper .toggleDriverModeBtn{top:122px}}@media (min-width:1440px){.page_map[data-maptype=app] .mapWrapper .toggleDriverModeBtn{top:122px}}.page_map[data-maptype=app] .mapWrapper .toggleAudioBtn{top:222px}@media (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=app] .mapWrapper .toggleAudioBtn{top:178px}}@media (min-width:1440px){.page_map[data-maptype=app] .mapWrapper .toggleAudioBtn{top:178px}}.page_map[data-maptype=app] .mapWrapper .panToCurrentPositionBtn{bottom:auto!important;top:222px}@media (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=app] .mapWrapper .panToCurrentPositionBtn{top:178px}}@media (min-width:1440px){.page_map[data-maptype=app] .mapWrapper .panToCurrentPositionBtn{top:178px}}.page_map[data-maptype=app] .mapWrapper .mapDriverPanel{top:50px}.page_map[data-maptype=app].driverPanelActive .mapWrapper .weatherPanel{top:132px}.page_map[data-maptype=app].driverPanelActive .mapWrapper .toggleLayerPanelBtn{top:176px}.page_map[data-maptype=app].driverPanelActive .mapWrapper .toggleDriverModeBtn{top:232px}.page_map[data-maptype=app].driverPanelActive .mapWrapper .toggleAudioBtn{display:block;top:288px}.page_map[data-maptype=app].driverPanelActive .mapWrapper .panToCurrentPositionBtn{bottom:auto!important;top:344px}@media (max-width:1023px){.page_map[data-maptype=app].routePanelActive .panToCurrentPositionBtn{bottom:auto!important;top:288px}}.page_map[data-maptype=web] .mapWrapper .weatherPanel{top:116px}@media (min-width:1440px){.page_map[data-maptype=web] .mapWrapper .weatherPanel{top:66px}}.page_map[data-maptype=web] .mapWrapper .speedLimitSign{top:272px}@media (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=web] .mapWrapper .speedLimitSign{top:228px}}@media (min-width:1440px){.page_map[data-maptype=web] .mapWrapper .speedLimitSign{top:178px}}.page_map[data-maptype=web] .mapWrapper .toggleLayerPanelBtn{top:160px}@media (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=web] .mapWrapper .toggleLayerPanelBtn{top:116px}}@media (min-width:1440px){.page_map[data-maptype=web] .mapWrapper .toggleLayerPanelBtn{top:66px}}.page_map[data-maptype=web] .mapWrapper .toggleDriverModeBtn{top:216px}@media (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=web] .mapWrapper .toggleDriverModeBtn{top:172px}}@media (min-width:1440px){.page_map[data-maptype=web] .mapWrapper .toggleDriverModeBtn{top:122px}}.page_map[data-maptype=web] .mapWrapper .toggleAudioBtn{top:272px}@media (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=web] .mapWrapper .toggleAudioBtn{top:228px}}@media (min-width:1440px){.page_map[data-maptype=web] .mapWrapper .toggleAudioBtn{top:178px}}.page_map[data-maptype=web] .mapWrapper .panToCurrentPositionBtn{bottom:auto!important;top:216px}@media (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=web] .mapWrapper .panToCurrentPositionBtn{top:172px}}@media (min-width:1440px){.page_map[data-maptype=web] .mapWrapper .panToCurrentPositionBtn{top:122px}}.page_map[data-maptype=web] .mapWrapper .mapDriverPanel{top:100px}@media (max-width:1023px){.page_map[data-maptype=web].routePanelActive .panToCurrentPositionBtn{bottom:auto!important;top:216px}}@media (max-width:1023px) and (min-width:1024px) and (max-width:1439px){.page_map[data-maptype=web].routePanelActive .panToCurrentPositionBtn{top:172px}}@media (max-width:1023px) and (min-width:1440px){.page_map[data-maptype=web].routePanelActive .panToCurrentPositionBtn{top:122px}}.page_map.routePanelActive .toggleLayerPanelBtn{pointer-events:none;background-color:var(--color-grey--50)}.page_map.driverPanelActive .toggleLayerPanelBtn svg *,.page_map.routePanelActive .toggleLayerPanelBtn svg *{stroke:var(--color-grey--300)}.page_map.routePanelActive .toggleMapHeaderBtn,.page_map[data-maptype=app].routePanelActive .toggleAudioBtn,.page_map[data-maptype=app].routePanelActive .toggleDriverModeBtn{pointer-events:none;filter:grayscale(100%) brightness(90%)}.page_map.driverPanelActive .toggleLayerPanelBtn{pointer-events:none;background-color:var(--color-grey--50)}.page_map.driverPanelActive .toggleMapHeaderBtn{pointer-events:none;filter:grayscale(100%) brightness(90%)}.page_map.driverPanelActive .mapSearchBtn{pointer-events:none;display:none!important}.page_map .mapWrapper{overflow:hidden;width:100vw;width:100dvw;height:100vh;height:100dvh;position:relative}.page_map .mapWrapper #mapArcgis{width:100%;height:100%;position:relative}@media (min-width:1440px){.page_map .mapWrapper #mapArcgis{padding-top:50px}}.page_map .mapWrapper .mapRoutePanel{width:100%;position:absolute;left:0;bottom:0;transition:all .25s;z-index:4}@media (min-width:1024px){.page_map .mapWrapper .mapRoutePanel{width:450px;bottom:auto}.page_map .mapWrapper .mapRoutePanel:before{content:"";width:100%;height:100%;background-color:var(--color-blue--50);position:absolute;left:0;bottom:0}}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .mapRoutePanel{height:calc(100% - 50px - 50px);top:100px}}@media (min-width:1440px){.page_map .mapWrapper .mapRoutePanel{height:calc(100% - 50px);top:50px}}.page_map .mapWrapper .mapRoutePanel.hide{transform:translate3d(0,110%,0)}@media (min-width:1024px){.page_map .mapWrapper .mapRoutePanel.hide{transform:translate3d(-110%,0,0)}}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel.disabled{display:none!important}}.page_map .mapWrapper .mapRoutePanel .routePanel{display:none;z-index:2}.page_map .mapWrapper .mapRoutePanel .addressPanel,.page_map .mapWrapper .mapRoutePanel .pickPositionPanel,.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel{display:none;position:relative;z-index:2}.page_map .mapWrapper .mapRoutePanel .addressPanel.active,.page_map .mapWrapper .mapRoutePanel .pickPositionPanel.active,.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper .addDestinationBtn.active,.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper .removeDestinationBtn.active,.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper .toggleDestinationBtn.active,.page_map .mapWrapper .mapRoutePanel .routePanel.active,.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel.active{display:block}.page_map .mapWrapper .mapRoutePanel .addressPanel .closeBtn,.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .closeBtn,.page_map .mapWrapper .mapRoutePanel .routePanel .closeBtn,.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .closeBtn{width:24px;height:24px;position:absolute;right:16px;top:16px}.page_map .mapWrapper .mapRoutePanel .addressPanel .closeBtn svg,.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .closeBtn svg,.page_map .mapWrapper .mapRoutePanel .routePanel .closeBtn svg,.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .closeBtn svg{width:16px;height:16px}.page_map .mapWrapper .mapRoutePanel .routePanel{overflow:hidden;height:100%;padding:16px 0;position:relative}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .routePanel{min-height:164px;padding:0 0 16px}.page_map .mapWrapper .mapRoutePanel .routePanel:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:calc(100% - 40px);background-color:var(--color-blue--50);border-radius:8px 8px 0 0}}.page_map .mapWrapper .mapRoutePanel .routePanel>.title{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:700;padding:0 24px;color:var(--color-grey--900)}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .routePanel>.title{display:none}}.page_map .mapWrapper .mapRoutePanel .routePanel .closeBtn,.page_map .mapWrapper .mapRoutePanel .routePanel.routeExist .toggleExpandWrapper{display:none}@media (min-width:1024px){.page_map .mapWrapper .mapRoutePanel .routePanel .closeBtn{display:block}}.page_map .mapWrapper .mapRoutePanel .routePanel .panelWrapper{overflow:hidden;display:flex;flex-direction:column;height:calc(100% - 24px);margin-top:16px;position:relative}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .routePanel .panelWrapper{max-height:calc(100vh - 16px - 100px - 8px);max-height:calc(100dvh - 16px - 100px - 8px);margin-top:0}.page_map .mapWrapper .mapRoutePanel .routePanel.routeExist:before{height:calc(100% - 40px - 24px)}}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .routePanel.expand .routeDriveRouteWrapper,.page_map .mapWrapper .mapRoutePanel .routePanel.routeExist .toggleExpandWrapper{display:flex}.page_map .mapWrapper .mapRoutePanel .routePanel.expand .toggleExpandWrapper .toggleDriveRouteBtn{transform:rotate3d(1,0,0,180deg)}}.page_map .mapWrapper .mapRoutePanel .routePanel .toggleExpandWrapper{display:none}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .routePanel .toggleExpandWrapper{justify-content:center;padding-bottom:12px}}.page_map .mapWrapper .mapRoutePanel .routePanel .toggleExpandWrapper .toggleDriveRouteBtn,.page_map .mapWrapper .mapRoutePanel .routePanel .toggleExpandWrapper .toggleDriveRouteBtn svg{display:block;width:28px;height:12px}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel{width:calc(100% - 32px);margin:0 auto;padding:0 45px 0 30px;position:relative;background-color:var(--color-white);border-radius:8px}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel{display:flex;flex-direction:row-reverse;gap:20px;align-items:center;padding:0 45px 0 8px}}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper{flex-grow:0;flex-shrink:0;display:flex;flex-direction:column;position:relative}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper{flex-grow:1;flex-shrink:1}}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper{position:relative}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper:not(:last-child){border-style:solid;border-width:0 0 1px;border-color:var(--color-blue--200)}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper:not(:last-child) .routePointItem:before{content:"";display:block;width:12px;height:16px;position:absolute;left:-18px;top:50%;transform:translate3d(0,-50%,0);background-image:url(/assets/map/common/icon/routePointItem.svg);background-repeat:no-repeat;background-size:contain;background-position:center center}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper:last-child .routePointItem:before{content:"";display:block;width:12px;height:16px;position:absolute;left:-18px;top:50%;transform:translate3d(0,-50%,0);background-image:url(/assets/map/common/icon/routePointItem_pin.svg);background-repeat:no-repeat;background-size:contain;background-position:center center}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper .addDestinationBtn,.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper .removeDestinationBtn,.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper .toggleDestinationBtn{display:none;width:24px;height:24px;position:absolute;right:-32px;top:12px;background-repeat:no-repeat;background-size:contain;background-position:center center}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper .toggleDestinationBtn{background-image:url(/assets/map/common/icon/swap.svg)}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper .addDestinationBtn{background-image:url(/assets/map/common/icon/add.svg)}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItemWrapper .removeDestinationBtn{background-image:url(/assets/map/common/icon/remove.svg)}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItem{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;display:block;width:100%;padding:12px 0;position:relative;text-align:left;color:var(--color-grey--900)}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItem .routePoint{color:var(--color-grey--900)}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .routePointsWrapper .routePointItem .routePoint.default{color:var(--color-grey--300)}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .backBtn{display:none;width:24px;height:24px}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .backBtn{flex-grow:0;flex-shrink:0;display:block}}.page_map .mapWrapper .mapRoutePanel .routePanel .routePointsPanel .backBtn svg{display:block;width:100%;height:100%}.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper{flex-grow:0;flex-shrink:0;display:none;flex-direction:column;gap:4px;width:calc(100% - 48px);margin:8px auto 0;padding:12px;background-color:var(--color-blue--600);color:var(--color-white);border-radius:8px}.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper.active{display:flex}.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper .routeInfoTop{display:flex;align-items:center;gap:8px}.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper .routeInfoBody .routeShare svg,.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper .routeInfoTop svg{display:block;width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper .routeInfoTop .text{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:700}.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper .routeInfoBody{display:flex;justify-content:space-between;align-items:center}.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper .routeInfoBody .routeInfo{display:flex;align-items:center;gap:8px}.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper .routeInfoBody .routeInfo .dot{width:4px;height:4px;background-color:var(--color-white);border-radius:4px}.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper .routeInfoBody .routeInfo .distance,.page_map .mapWrapper .mapRoutePanel .routePanel .routeInfoWrapper .routeInfoBody .routeInfo .duration{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;color:var(--color-white)}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper{flex-grow:1;flex-shrink:1;overflow:hidden;display:none;flex-direction:column;height:100%;margin-top:8px;padding:16px 24px;background-color:var(--color-blue--50)}@media (min-width:1024px){.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper.active{display:flex}}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper>.title{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:700;color:var(--color-grey--900)}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper .routeDriveRoute{overflow-y:auto;margin-top:8px}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper .routeDriveRoute .driveRouteItem{display:flex;gap:4px}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper .routeDriveRoute .driveRouteItem .icon{flex-grow:0;flex-shrink:0;width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper .routeDriveRoute .driveRouteItem .body{flex-grow:1;flex-shrink:1}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper .routeDriveRoute .driveRouteItem .body .message{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:block;color:var(--color-grey--900)}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper .routeDriveRoute .driveRouteItem .body .distance{display:flex;align-items:center;gap:8px}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper .routeDriveRoute .driveRouteItem .body .distance:after{flex-grow:1;flex-shrink:1;content:"";display:block;width:100%;height:1px;background-color:var(--color-grey--100)}.page_map .mapWrapper .mapRoutePanel .routePanel .routeDriveRouteWrapper .routeDriveRoute .driveRouteItem .body .distance .text{flex-grow:0;flex-shrink:0;font-size:var(--c2-fontSize);letter-spacing:var(--c2-letterSpacing);line-height:var(--c2-lineHeight);font-weight:300;display:block;color:var(--color-grey--500)}.page_map .mapWrapper .mapRoutePanel .addressPanel{overflow:hidden;height:100%;padding:16px 0}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .addressPanel{min-height:100vh;min-height:100dvh}.page_map .mapWrapper .mapRoutePanel .addressPanel:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:calc(100% - 160px);background-color:var(--color-blue--50);border-radius:8px 8px 0 0;z-index:2}}@media (max-width:1023px) and (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .addressPanel:before{height:calc(100% - 70px)}}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .addressPanel:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:rgba(var(--color-grey--900-rgb),.25)}}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper{display:flex;flex-direction:column;gap:8px;overflow:hidden;height:100%;position:relative}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper{height:100vh;height:100dvh;padding-top:30px;z-index:3}}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .searchAddressWrapper{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:0 auto;padding:0 12px;position:relative;background-color:var(--color-white);border-radius:8px}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .searchAddressWrapper .addressInput{flex-grow:1;flex-shrink:1;font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;outline:0;padding:12px 0 12px 24px;color:var(--color-grey--900);border-style:none;border-width:0;border-color:transparent}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .searchAddressWrapper .clearAddressInputBtn{display:none;flex-grow:0;flex-shrink:0}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .searchAddressWrapper .clearAddressInputBtn.active{display:block}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .pinPositionBtn svg,.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .searchAddressWrapper .clearAddressInputBtn svg,.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .useCurrentLocationBtn svg{display:block;width:24px;height:24px}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .searchAddressWrapper .searchBtn{flex-grow:0;flex-shrink:0;font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:700;display:block;color:var(--color-blue--600)}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .searchAddressWrapper .backBtn{width:24px;height:24px;position:absolute}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .pinPositionBtn,.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .useCurrentLocationBtn{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;align-items:center;gap:4px;width:calc(100% - 48px);margin:0 auto;padding:12px;background-color:var(--color-white);text-align:left;color:var(--color-grey--900);border-radius:8px}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .pinPositionBtn,.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .useCurrentLocationBtn{width:100%;border-radius:0}}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .useCurrentLocationBtn{display:none}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .pinPositionBtn,.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .useCurrentLocationBtn.active{display:flex}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .addressPicker{display:none;overflow:hidden;width:calc(100% - 48px);max-height:calc(100% - 112px);margin:0 auto;padding:12px;position:relative;background-color:var(--color-white);border-radius:8px}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .addressPicker{width:100%;border-radius:0}}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .addressPicker.active{display:block}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .addressPicker .addressList{overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;gap:12px;height:100%;position:relative}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .addressPicker .addressList .addressItem{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;display:flex;gap:4px}.page_map .mapWrapper .mapRoutePanel .addressPanel .panelWrapper .addressPicker .addressList .addressItem:before{content:"";flex-grow:0;flex-shrink:0;display:block;width:24px;height:24px;background-image:url(/assets/map/common/icon/addressPin.svg);background-repeat:no-repeat;background-size:contain;background-position:center center}.page_map .mapWrapper .mapRoutePanel .pickPositionPanel{height:100%}.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .headerPanel{display:flex;flex-direction:column;align-items:center;padding:12px 0;position:relative}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .headerPanel{width:100%;padding:26px 0;position:fixed;left:0;top:0;background-color:var(--color-white)}}.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .headerPanel .desc,.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .headerPanel .title{font-size:var(--h6-fontSize);letter-spacing:var(--h6-letterSpacing);line-height:var(--h6-lineHeight);font-weight:700;color:var(--color-grey--900)}.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .headerPanel .desc{font-weight:300;color:var(--color-grey--500)}.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .headerPanel .backBtn{width:24px;height:24px;position:absolute;left:24px;top:50%;transform:translate3d(0,-50%,0)}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .headerPanel .backBtn{position:fixed;left:24px;top:50px}}.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .positionPickerWrapper{width:100%;position:absolute;left:0;bottom:16px}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .positionPickerWrapper{position:fixed;bottom:40px}}.page_map .mapWrapper .mapRoutePanel .pickPositionPanel .positionPickerWrapper .positionPickerBtn{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:700;display:block;margin:0 auto;padding:12px 56px;background-color:var(--color-blue--600);color:var(--color-white);border-radius:48px}.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel{overflow:hidden;height:100%;padding:16px 0}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel{padding:16px;background-color:var(--color-white);border-radius:8px 8px 0 0}}.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .panelWrapper{overflow:hidden;height:calc(100% - 24px);position:relative}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .panelWrapper{max-height:calc(100vh - 32px - 40px);max-height:calc(100dvh - 32px - 40px)}}.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .locationInfoWrapper{display:flex;flex-direction:column;gap:8px}@media (min-width:1024px){.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .locationInfoWrapper{width:calc(100% - 24px - 16px - 24px - 8px);margin-left:24px;padding:12px;background-color:var(--color-white);border-radius:8px}}.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .locationInfoWrapper .locationInfo_actions .routeBtn,.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .locationInfoWrapper .locationInfo_name{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:700;color:var(--color-grey--900)}@media (max-width:1023px){.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .locationInfoWrapper .locationInfo_name{padding-right:28px}}.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .locationInfoWrapper .locationInfo_address{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;color:var(--color-grey--700)}.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .locationInfoWrapper .locationInfo_actions{display:flex;justify-content:flex-end;width:100%}.page_map .mapWrapper .mapRoutePanel .selectedLocationPanel .locationInfoWrapper .locationInfo_actions .routeBtn{display:block;padding:12px 56px;background-color:var(--color-blue--600);color:var(--color-white);border-radius:48px}.page_map .mapWrapper .mapDriverAlertPanel{width:100%;position:absolute;left:0;bottom:24px}.page_map .mapWrapper .mapDriverAlertPanel.hide{display:none!important}.page_map .mapWrapper .mapDriverAlertPanel .mapDriverAlerts{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px}.page_map .mapWrapper .mapDriverAlertPanel .mapDriverAlerts .mapDriverAlert{display:flex;justify-content:space-between;width:100%;padding:12px;background-color:var(--color-red--50);border-radius:8px}.page_map .mapWrapper .mapDriverAlertPanel .mapDriverAlerts .mapDriverAlert .message{font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;color:var(--color-red);flex-grow:1;flex-shrink:1}.page_map .mapWrapper .mapDriverAlertPanel .mapDriverAlerts .mapDriverAlert .closeBtn{display:block;flex-grow:0;flex-shrink:0;width:24px;height:24px}.page_map .mapWrapper .mapDriverAlertPanel .mapDriverAlerts .mapDriverAlert .closeBtn svg,.page_map .mapWrapper .weatherPanel .weatherWrapper .temperatureWrapper .icon{width:16px;height:16px}.page_map .mapWrapper .pinMarker{display:none;position:absolute;top:50%;left:50%}@media (min-width:1440px){.page_map .mapWrapper .pinMarker{top:calc(50% + 50px)}}.page_map .mapWrapper .pinMarker.active{display:block}.page_map .mapWrapper .pinMarker:before{content:"";display:block;width:36px;height:44px;position:absolute;top:0;left:0;transform:translate3d(-50%,-100%,0);background-image:url(/assets/map/common/icon/pinMarker.svg);background-repeat:no-repeat;background-size:contain;background-position:center center}.page_map .mapWrapper .mapSearchBtn{display:flex;justify-content:flex-start;gap:8px;align-items:center;width:calc(100% - 32px);height:48px;padding:0 12px;position:absolute;left:16px;bottom:40px;background-color:var(--color-white);border-radius:8px}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .mapSearchBtn{width:424px;left:24px;top:164px;bottom:auto}}@media (min-width:1440px){.page_map .mapWrapper .mapSearchBtn{width:424px;left:24px;top:114px;bottom:auto}}@media (max-width:1023px){.page_map .mapWrapper .mapSearchBtn.hide{display:none!important}}.page_map .mapWrapper .mapSearchBtn svg{flex-grow:0;flex-shrink:0;width:32px;height:32px}.page_map .mapWrapper .mapSearchBtn .text{flex-grow:1;flex-shrink:1;font-size:var(--p1-fontSize);letter-spacing:var(--p1-letterSpacing);line-height:var(--p1-lineHeight);font-weight:300;display:block;text-align:left;color:var(--color-grey--300)}.page_map .mapWrapper .mapSearchBtn.dim{filter:grayscale(100%) brightness(90%)}.page_map .mapWrapper .toggleMapHeaderBtn{display:none!important;position:absolute;left:16px;top:66px;background-color:var(--color-white)}.page_map .mapWrapper .toggleMapHeaderBtn img{display:block;width:32px;margin:0 auto}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .toggleMapHeaderBtn{left:24px;top:178px}}@media (min-width:1440px){.page_map .mapWrapper .toggleMapHeaderBtn{display:none!important}}.page_map .mapWrapper .toggleLayerPanelBtn{position:absolute;right:16px}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .toggleLayerPanelBtn{right:24px}}@media (min-width:1440px){.page_map .mapWrapper .toggleLayerPanelBtn{right:24px}}.page_map .mapWrapper .panToCurrentPositionBtn svg *,.page_map .mapWrapper .toggleDriverModeBtn svg *,.page_map .mapWrapper .toggleLayerPanelBtn svg *{stroke:transparent!important;fill:var(--color-grey--900)!important}.page_map .mapWrapper .toggleLayerPanelBtn.active svg *,.page_map .mapWrapper .toggleLayerPanelBtn:hover svg *{fill:var(--color-blue--600)!important}@media (max-width:1023px){.page_map .mapWrapper .toggleLayerPanelBtn.hide{display:none!important}}.page_map .mapWrapper .speedLimitSign{opacity:0;display:flex;flex-direction:column;justify-content:center;width:40px;height:40px;background-color:var(--color-white);border-style:solid;border-width:4px;border-color:var(--color-red);border-radius:40px;position:absolute;left:16px}.page_map .mapWrapper .speedLimitSign.active{opacity:1}.page_map .mapWrapper .speedLimitSign .speed{display:block;text-align:center;font-weight:700;color:var(--color-black)}.page_map .mapWrapper .panToCurrentPositionBtn{position:absolute;width:48px;height:48px;right:16px}@media (min-width:1024px){.page_map .mapWrapper .panToCurrentPositionBtn{right:24px}}@media (min-width:1024px){.page_map .mapWrapper .panToCurrentPositionBtn:hover svg *{fill:var(--color-blue--600)!important}}.page_map .mapWrapper .panToCurrentPositionBtn.active svg *{fill:var(--color-blue--600)!important}@media (max-width:1023px){.page_map .mapWrapper .panToCurrentPositionBtn.hide{display:none!important}}.page_map .mapWrapper .toggleDriverModeBtn{position:absolute;right:16px}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .toggleDriverModeBtn{right:24px}}@media (min-width:1440px){.page_map .mapWrapper .toggleDriverModeBtn{right:24px}}@media (min-width:1024px){.page_map .mapWrapper .toggleDriverModeBtn:hover svg *,.page_map .mapWrapper .toggleDriverModeBtn:hover svg .fillable{fill:var(--color-blue--600)!important}}.page_map .mapWrapper .toggleDriverModeBtn.active svg *,.page_map .mapWrapper .toggleDriverModeBtn.active svg .fillable{fill:var(--color-blue--600)!important}@media (max-width:1023px){.page_map .mapWrapper .toggleDriverModeBtn.hide{display:none!important}}.page_map .mapWrapper .toggleAudioBtn{opacity:0;position:absolute;right:16px;transform:translate(9999px,0);transition:top .25s,opacity .25s,transform .25s .25s}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .toggleAudioBtn{right:24px}}@media (min-width:1440px){.page_map .mapWrapper .toggleAudioBtn{right:24px}}.page_map .mapWrapper .toggleAudioBtn svg *{stroke:var(--color-grey--900)!important;fill:transparent!important}.page_map .mapWrapper .toggleAudioBtn svg .on{display:block;stroke:var(--color-blue--600)!important}.page_map .mapWrapper .toggleAudioBtn svg .off{display:none;stroke:var(--color-red)!important}.page_map .mapWrapper .toggleAudioBtn svg .speaker{stroke:var(--color-blue--600)!important}.page_map .mapWrapper .toggleAudioBtn.active svg .on{display:none}.page_map .mapWrapper .toggleAudioBtn.active svg .off,.page_map .mapWrapper .weatherPanel.active{display:block}.page_map .mapWrapper .toggleAudioBtn.active svg .speaker{stroke:var(--color-red)!important}.page_map .mapWrapper .weatherPanel{display:none;padding:2px 8px;position:absolute;right:16px;background-color:var(--color-white);border-radius:32px}@media (min-width:1024px) and (max-width:1439px){.page_map .mapWrapper .weatherPanel{align-items:center;gap:16px;padding:4px 16px;left:24px;right:auto}}@media (min-width:1440px){.page_map .mapWrapper .weatherPanel{align-items:center;gap:16px;padding:4px 16px;left:24px;right:auto}}@media (min-width:1024px){.page_map .mapWrapper .weatherPanel.active{display:flex}}.page_map .mapWrapper .weatherPanel .weatherWrapper,.page_map .mapWrapper .weatherPanel .weatherWrapper .temperatureWrapper{display:flex;align-items:center;gap:4px}@media (min-width:1024px){.page_map .mapWrapper .weatherPanel .weatherWrapper{flex-direction:row-reverse}}@media (min-width:1024px){.page_map .mapWrapper .weatherPanel .weatherWrapper .temperatureWrapper .icon{display:none}}.page_map .mapWrapper .weatherPanel .weatherWrapper .temperatureWrapper .icon svg,.page_map .mapWrapper .weatherPanel .weatherWrapper .weatherIcon img{display:block;width:16px;height:16px}.page_map .mapWrapper .weatherPanel .weatherWrapper .temperatureWrapper .text{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:400}@media (min-width:1024px){.page_map .mapWrapper .weatherPanel .weatherWrapper .temperatureWrapper .text{font-weight:300}}.page_map .mapWrapper .weatherPanel .weatherWrapper .weatherIcon{width:16px;height:16px}.page_map .mapWrapper .weatherPanel .humidityWrapper{display:none}@media (min-width:1024px){.page_map .mapWrapper .weatherPanel .humidityWrapper{display:flex;gap:4px}}.page_map .mapWrapper .weatherPanel .humidityWrapper .label{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300;display:none}@media (min-width:1024px){.page_map .mapWrapper .weatherPanel .humidityWrapper .label{display:block}}.page_map .mapWrapper .weatherPanel .humidityWrapper .text{font-size:var(--c1-fontSize);letter-spacing:var(--c1-letterSpacing);line-height:var(--c1-lineHeight);font-weight:300}.page_map .mapWrapper .zoomPanel{display:none;flex-direction:column;gap:12px;position:absolute;right:16px;bottom:104px}@media (min-width:1024px){.page_map .mapWrapper .zoomPanel{display:flex;right:24px;bottom:40px}}.page_map .appMask{display:none;width:100vw;width:100dvw;height:100vh;height:100dvh;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.5);z-index:9}.page_map[data-maptype=web] .mapWrapper .speedLimitSign,.page_map[data-maptype=web] .mapWrapper .toggleAudioBtn,.page_map[data-maptype=web] .mapWrapper .toggleDriverModeBtn{display:none!important}.page_map[data-maptype=app] .appMask{display:block}.page_map[data-maptype=app] .appMask.active{display:none}.page_map[data-maptype=app].driverPanelActive .mapWrapper .toggleAudioBtn{opacity:1;transform:none;transition:top .25s,opacity .25s,transform 0s}.esri-view{--esri-view-outline:none!important}